Private
Public Access
1
0

user icons dark blue

This commit is contained in:
Sander Roosendaal
2018-09-20 16:52:23 +02:00
parent 8364506763
commit 20be828f83
4 changed files with 46 additions and 22 deletions

View File

@@ -292,6 +292,26 @@ th.rotate > div > span {
text-align: center; text-align: center;
} }
.blueicon {
text-decoration: none;
display: block;
/* width: 100%; */
color: #1c75bc;
padding: 0.2em 0.0em 0.2em 0.0em;
zoom: 1;
.blueicon:hover {
background: #1c75bc;
text-decoration: none;
}
.blueicon:active {
position: relative;
top: 1px;
}
a.button { a.button {
color: white; color: white;
} }
@@ -871,10 +891,10 @@ a.wh:hover {
.icon-link a { .icon-link a {
text-decoration: none; text-decoration: none;
color: #27aae1; /* color: #27aae1; */
} }
.icon-link a:hover, a:active, a:visited, a:link { .icon-link a:hover, a:active, a:visited, a:link {
color: #1c75bc; /* color: #1c75bc; */
text-decoration: none; text-decoration: none;
} }

View File

@@ -6,10 +6,11 @@
font: 1.2em Helvetica, arial, sans-serif; font: 1.2em Helvetica, arial, sans-serif;
} }
.wrapper > * { .wrapper > * {
border: 2px solid #f08c00; /* border: 2px solid #f08c00; */
padding: 5px; padding: 5px;
} }
nav ul { nav ul {
list-style: none; list-style: none;
@@ -38,12 +39,13 @@
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.main-head { .main-head {
grid-area: header; grid-area: header;
} }
.main-user { .main-user {
grid-area: user; grid-area: user;
background: #ededed;
} }
.content { .content {
@@ -51,6 +53,7 @@
} }
.main-nav { .main-nav {
grid-area: nav; grid-area: nav;
background: #27aae1;
} }
.side { .side {
grid-area: sidebar; grid-area: sidebar;
@@ -61,6 +64,7 @@
.main-footer { .main-footer {
grid-area: footer; grid-area: footer;
} }
.wrapper { .wrapper {
display: grid; display: grid;
grid-gap: 2px; grid-gap: 2px;

View File

@@ -67,12 +67,7 @@ h3 {
font-size: 1em; font-size: 1em;
} }
h3 {
/* padding-top: 20px; */
font-weight: normal;
text-align: left;
font-size: 1em;
}
h4 { h4 {

View File

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