user icons dark blue

static/css/rowsandall2.css

@@ -292,6 +292,26 @@ th.rotate > div > span {
   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 { 
   color: white;
  }
@@ -871,10 +891,10 @@ a.wh:hover {
 
 .icon-link a {
     text-decoration: none;
-    color: #27aae1;
+/*    color: #27aae1; */
 }
 
 .icon-link a:hover, a:active, a:visited, a:link {
-    color: #1c75bc;
-    text-decoration: none;
+    /* color: #1c75bc; */
+    text-decoration: none; 
 }

static/css/styles2.css

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

static/css/text2.css

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

templates/newbase.html

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