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