docs - style docs-nav

css/style.css

@@ -51,6 +51,15 @@ a {
   text-decoration: none;
 }
 
+a:hover { 
+  color: #4BF; 
+  border-bottom: 1px dotted;
+}
+
+a:active {
+  color: #1FB;
+  background: black;
+}
 
 /**** Isotope styles ****/
 
@@ -356,6 +365,50 @@ body.doc {
   margin-bottom: 20px;
 }
 
+@media screen and (min-width: 768px) {
+
+  body.doc {
+    margin-left: 220px;
+  }
+  
+  .doc nav {
+    width: 200px;
+    position: fixed;
+    left: 10px;
+  }
+
+  .doc nav h1 {
+    margin-top: 0;
+  }
+
+}
+
+/**** Doc page nav ****/
+
+#docs-nav h1 {
+  font-size: 20px;
+  margin-bottom: 0.5em;
+}
+
+#docs-nav ul {
+  list-style: none;
+  margin: 0;
+  font-weight: bold;
+}
+
+#docs-nav ul a {
+  display: block;
+  border: none;
+  padding: 1px 5px;
+}
+
+#docs-nav ul .current a {
+  background: black;
+  color: #1BF;
+}
+
+/**** Doc content ****/
+
 .doc h2,
 .doc footer {
   border-top: 1px solid #333;
@@ -448,23 +501,7 @@ code .nc { color: #A78352; }  /* CSS class */
 code .m  { color: #DE8E50; } /* CSS value */
 code .nd { color: #9FAD7E; } /* CSS pseudo selector */
 
-@media screen and (min-width: 768px) {
 
-  body.doc {
-    margin-left: 220px;
-  }
-  
-  .doc nav {
-    width: 200px;
-    position: fixed;
-    left: 10px;
-  }
-
-  .doc nav h1 {
-    margin-top: 0;
-  }
-
-}
 
 /**** Super list ****/