Improve styles of the NavBar

tfesenko · tfesenko · commit d643e88c3741 · 2017-05-21T13:38:57.000-04:00
diff --git a/index.html b/index.html
@@ -19,12 +19,15 @@
     list-style-type: none;
     margin: 0;
     padding: 0;
+    font-family: Optima, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
     overflow: hidden;
-    background-color: #C1C1C1;
+    background-color: #144023;
   }
 
   .navbar span {
     float: left;
+    color: white;
+    font-family: Optima, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
   }
 
   li a, .dropbtn {
@@ -36,7 +39,7 @@
   }
 
   li a:hover, .dropdown:hover .dropbtn {
-    background-color: red;
+    background-color: #267a43;
   }
 
   li.dropdown {
@@ -101,7 +104,7 @@
   <body>
 
     <div class="navbar">
-      <span>Sequence Annotations</span>
+      <span><a href="javascript:void(0)" class="dropbtn">Sequence Annotations</a></span>
       <span class="dropdown">
         <a href="javascript:void(0)" class="dropbtn">File</a>
         <div class="dropdown-content">
