Adjust layout

Author: white-gecko

css/custom.css

@@ -24,7 +24,7 @@ a {
     font-size: 1.3em;
 }
 
-.blog-masthead a {
+.blog-masthead nav a {
     color: white;
 }
 
@@ -39,7 +39,6 @@ a {
   height: 4em;
   padding: .5em;
   margin: .5em;
-  background-color: rgba(255,255,255,.2);
 }
 
 /* Tables */
@@ -65,14 +64,17 @@ ol.exhibit-tileView-body {
  */
 
 .blog-masthead {
-  /*background-color: #428bca;*/
-  /*background-color: #36b2d9;*/
-  background-color: #437799;
+  background-color: #d0e8dd;
 
   -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
           box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
 }
 
+.blog-masthead strong {
+  font-size: 1.5em;
+  color: #1e6d81;
+}
+
 /* Nav links https://getbootstrap.com/examples/blog/ */
 .blog-nav-item {
   position: relative;
@@ -88,7 +90,13 @@ ol.exhibit-tileView-body {
 }
 
 .blog-nav {
+    margin-top: 1em;
     text-align: center;
+    background-color: black;
+    line-height: 1.5em;
+    -webkit-box-shadow: outset 0 -2px 5px rgba(0,0,0,.1);
+            box-shadow: outset 0 -2px 5px rgba(0,0,0,.1);
+    border-radius: 10px 10px 0px 0px;
 }
 
 /* Active state gets a caret at the bottom https://getbootstrap.com/examples/blog/ */