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 {