user icons dark blue
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,8 +6,9 @@
|
|||||||
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -40,10 +41,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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 %}
|
||||||
|
|||||||
Reference in New Issue
Block a user