Private
Public Access
1
0

first cut at nav bar

This commit is contained in:
Sander Roosendaal
2018-09-18 19:14:43 +02:00
parent 6a00da75fe
commit 4e090781fd
6 changed files with 55 additions and 21 deletions

View File

@@ -1 +0,0 @@
E408191@CZ27LT9RCGN72.11332:1537209963

View File

@@ -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 %}

View File

@@ -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;
} }

View File

@@ -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;
} }

View File

@@ -149,5 +149,11 @@ p {
} }
i { i {
text-decoration: none;
font-size: 2em; font-size: 2em;
color: #27aae1;
}
i:hover {
color: #1c75bc;
} }

View File

@@ -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">&nbsp;</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">&nbsp;</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">&nbsp;</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>&nbsp;Upload</a></p></li>
<li><a href="">Nav 2</a></li> <li><p><a href=""><i class="fas fa-clipboard-list"></i>&nbsp;Workouts</a></p></li>
<li><a href="">Nav 3</a></li> <li><p><a href=""><i class="fas fa-calendar-alt"></i>&nbsp;Plan</a></p></li>
<li><a href="">Nav 4</a></li> <li><p><a href=""><i class="fas fa-flag-checkered"></i>&nbsp;Racing</a></p></li>
<li><a href="">Nav 5</a></li> <li><p><a href=""><i class="fas fa-bullhorn"></i>&nbsp;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