sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

white icons in nav

Browse Source
This commit is contained in:
Sander Roosendaal
2018-09-20 17:05:32 +02:00
parent 93b62dfcf2
commit 540173f75e
2 changed files with 28 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
static/css/styles2.css
View File

@@ -10,12 +10,16 @@
.wrapper > * { .wrapper > * {
/* border: 2px solid #f08c00; */ /* border: 2px solid #f08c00; */
padding: 5px; padding: 5px;
} }
a {
text-decoration: none;
color: #1c75bc;
}
nav ul { nav ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
@@ -35,11 +39,23 @@
user ul { user ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0.2em 0.0em 0.2em 0.0em;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
user a i {
color: #1c75c;
}
nav a {
color: white;
}
nav a i {
color: white;
}
.main-head { .main-head {
grid-area: header; grid-area: header;
} }

18
templates/newbase.html
View File

@@ -114,38 +114,38 @@
<user class="main-user"> <user class="main-user">
<ul> <ul>
<li> <li>
<a class="blueicon" href="/rowers/help" title="Help"> <a class="" href="/rowers/help" title="Help">
<i class="fas fa-question-circle blueicon"></i> <i class="fas fa-question-circle "></i>
</a> </a>
</li> </li>
{% if user.is_authenticated %} {% if user.is_authenticated %}
<li> <li>
<a href="/rowers/me/edit" title="Account"> <a href="/rowers/me/edit" title="Account">
{% if user.rower.rowerplan == 'pro' %} {% if user.rower.rowerplan == 'pro' %}
<i class="fas fa-user-ninja blueicon"></i> <i class="fas fa-user-ninja "></i>
{% elif user.rower.rowerplan == 'coach' %} {% elif user.rower.rowerplan == 'coach' %}
<i class="fas fa-user-tie blueicon"></i> <i class="fas fa-user-tie "></i>
{% elif user.rower.rowerplan == 'plan' %} {% elif user.rower.rowerplan == 'plan' %}
<i class="fas fa-user-crown blueicon"></i> <i class="fas fa-user-crown "></i>
{% else %} {% else %}
<i class="fas fa-user"></i> <i class="fas fa-user"></i>
{% endif %} {% endif %}
</a> </a>
</li> </li>
<li> <li>
<a class="blueicon" href="{% url 'logout' %}?next=/login" title="Sign Out"> <a class="" href="{% url 'logout' %}?next=/login" title="Sign Out">
<i class="fas fa-sign-out-alt blueicon"></i> <i class="fas fa-sign-out-alt "></i>
</a> </a>
</li> </li>
{% else %} {% else %}
<li> <li>
<a href="/rowers/register" title="Sign Up"> <a href="/rowers/register" title="Sign Up">
<i class="fas fa-user-plus blueicon"></i> <i class="fas fa-user-plus "></i>
</a> </a>
</li> </li>
<li> <li>
<a href="{% url 'login' %}" title="Sign In"> <a href="{% url 'login' %}" title="Sign In">
<i class="fas fa-sign-in-alt blueicon"></i> <i class="fas fa-sign-in-alt "></i>
</a> </a>
</li> </li>
{% endif %} {% endif %}