first cut at nav bar
This commit is contained in:
@@ -1 +0,0 @@
|
||||
E408191@CZ27LT9RCGN72.11332:1537209963
|
||||
@@ -8,9 +8,5 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block sidebar %}
|
||||
<ul>
|
||||
<li><a href="">Link 1</a></li>
|
||||
<li><a href="">Link 2</a></li>
|
||||
<li><a href="">Link 3</a></li>
|
||||
</ul>
|
||||
Context Related Links
|
||||
{% endblock %}
|
||||
|
||||
@@ -401,6 +401,30 @@ a.button {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.rbluetext {
|
||||
color: #27aae1;
|
||||
}
|
||||
|
||||
.rdarkbluetext {
|
||||
color: #1c75bc;
|
||||
}
|
||||
|
||||
.rblue {
|
||||
color: #fae7e9;
|
||||
border: solid 1px #27aae1;
|
||||
background: #27aae1;
|
||||
}
|
||||
|
||||
.rblue:active {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.rblue:hover {
|
||||
background: #1c75bc;
|
||||
border: solid 1px #27aae1;
|
||||
}
|
||||
|
||||
|
||||
/* rosy */
|
||||
.rosy {
|
||||
color: #fae7e9;
|
||||
@@ -845,6 +869,12 @@ a.wh:hover {
|
||||
|
||||
}
|
||||
|
||||
.icon-link a:hover, a:visited, a:link, a:active {
|
||||
.icon-link a {
|
||||
text-decoration: none;
|
||||
color: #27aae1;
|
||||
}
|
||||
|
||||
.icon-link a:hover, a:active, a:visited, a:link {
|
||||
color: #1c75bc;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
* {box-sizing: border-box;}
|
||||
|
||||
.wrapper {
|
||||
max-width: 1024px;
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
font: 1.2em Helvetica, arial, sans-serif;
|
||||
}
|
||||
|
||||
@@ -149,5 +149,11 @@ p {
|
||||
}
|
||||
|
||||
i {
|
||||
text-decoration: none;
|
||||
font-size: 2em;
|
||||
color: #27aae1;
|
||||
}
|
||||
|
||||
i:hover {
|
||||
color: #1c75bc;
|
||||
}
|
||||
|
||||
@@ -112,29 +112,31 @@
|
||||
<user class="main-user">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/rowers/help" title="Help">
|
||||
<i class="bluetext fas fa-question"> </i>
|
||||
<a href="/rowers/help" title="Help">
|
||||
<i class="fas fa-question"></i>
|
||||
</a>
|
||||
{% if user.is_authenticated %}
|
||||
<a class="icon-link" href="/rowers/me/edit" title="Account">
|
||||
<i class="bluetext fas fa-user"> </i>
|
||||
<i class="fas fa-user"></i>
|
||||
</a>
|
||||
<a href="{% url 'logout' %}?next=/login" title="Log Out">
|
||||
<i class="fas fa-sign-out-alt"></i>
|
||||
</a>
|
||||
<a class="icon-link" href="{% url 'logout' %}?next=/login" title="Log Out">
|
||||
<i class="bluetext fas fa-sign-out-alt"> </i></a>
|
||||
{% else %}
|
||||
<a class="icon-link" href="{% url 'login' %}" title="Log In">
|
||||
<i class="bluetext fas fa-sign-in-alt"></i></a>
|
||||
<a href="{% url 'login' %}" title="Log In">
|
||||
<i class="fas fa-sign-in-alt"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
</ul>
|
||||
</user>
|
||||
<nav class="main-nav">
|
||||
<ul>
|
||||
<li><a href="">Nav 1</a></li>
|
||||
<li><a href="">Nav 2</a></li>
|
||||
<li><a href="">Nav 3</a></li>
|
||||
<li><a href="">Nav 4</a></li>
|
||||
<li><a href="">Nav 5</a></li>
|
||||
<li><p><a href=""><i class="fas fa-file-upload"></i> Upload</a></p></li>
|
||||
<li><p><a href=""><i class="fas fa-clipboard-list"></i> Workouts</a></p></li>
|
||||
<li><p><a href=""><i class="fas fa-calendar-alt"></i> Plan</a></p></li>
|
||||
<li><p><a href=""><i class="fas fa-flag-checkered"></i> Racing</a></p></li>
|
||||
<li><p><a href=""><i class="fas fa-bullhorn"></i> Team</a></p></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<main class="content">
|
||||
@@ -144,7 +146,8 @@
|
||||
<aside class="side">
|
||||
{% block sidebar %}
|
||||
Related links
|
||||
{% endblock %}</aside>
|
||||
{% endblock %}
|
||||
</aside>
|
||||
<div class="ad">
|
||||
{% block ad %}
|
||||
Advertising
|
||||
|
||||
Reference in New Issue
Block a user