improve navbar vars and fix side nav alignment

docs/assets/css/bootstrap.css

@@ -2979,11 +2979,16 @@ button.close {
 }
 
 .navbar-inverse .brand {
-  color: #fff;
+  color: #999999;
 }
 
 .navbar-inverse .brand:hover {
-  background-color: #333;
+  color: #808080;
+  background-color: transparent;
+}
+
+.navbar-inverse .navbar-text {
+  color: #999999;
 }
 
 .navbar-inverse .nav > li > a {

docs/assets/css/docs.css

@@ -111,6 +111,13 @@ section > ul li {
   color: rgba(255,255,255,.25);
 }
 
+/* Subhead (other docs pages)
+------------------------- */
+
+.subhead {
+  text-align: left;
+}
+
 
 
 /* Marketing section of Overview
@@ -204,10 +211,10 @@ section > ul li {
   /* From here, start to affix the nav because we keep columns here */
   .bs-docs-sidenav.affix {
     position: fixed;
-    top: 10px;
+    top: 54px;
   }
   .bs-docs-sidenav {
-    width: 189px;
+    width: 170px;
   }
 }
 

less/navbar.less

@@ -115,11 +115,17 @@
     background-color: @navbar-inverse-bg;
 
   .brand {
-    color: #fff;
+    color: @navbar-inverse-brand-color;
     &:hover {
-      background-color: #333;
+      color: @navbar-inverse-brand-color-hover;
+      background-color: @navbar-inverse-brand-bg-hover;
     }
   }
+
+  .navbar-text {
+    color: @navbar-inverse-text;
+  }
+
   .nav > li > a {
     color: @navbar-inverse-link-color;
   }

less/variables.less

@@ -171,24 +171,29 @@
 @navbar-link-bg-hover:             transparent;
 @navbar-link-bg-active:            darken(@navbar-bg, 10%);
 
-
-
 // Inverted navbar
+@navbar-inverse-text:                       @grayLight;
 @navbar-inverse-bg:                         #222;
 
-@navbar-inverse-text:                      @grayLight;
-@navbar-inverse-link-color:                @grayLight;
-@navbar-inverse-link-color-hover:          #fff;
-@navbar-inverse-link-color-active:         @navbar-inverse-link-color-hover;
-@navbar-inverse-link-bg-hover:             transparent;
-@navbar-inverse-link-bg-active:            @navbar-inverse-bg;
-
-@navbar-inverse-search-background:         lighten(@navbar-inverse-bg, 25%);
-@navbar-inverse-search-background-focus:   #fff;
-@navbar-inverse-search-border:             @navbar-inverse-bg;
-@navbar-inverse-search-placeholder-color:  #ccc;
+// Inverted navbar brand label
+@navbar-inverse-brand-color:                @navbar-inverse-link-color;
+@navbar-inverse-brand-color-hover:          darken(@navbar-inverse-link-color, 10%);
+@navbar-inverse-brand-bg-hover:             transparent;
+
+// Inverted navbar links
+@navbar-inverse-link-color:                 @grayLight;
+@navbar-inverse-link-color-hover:           #fff;
+@navbar-inverse-link-color-active:          @navbar-inverse-link-color-hover;
+@navbar-inverse-link-bg-hover:              transparent;
+@navbar-inverse-link-bg-active:             @navbar-inverse-bg;
+
+// Inverted navbar search
+// Normal navbar needs no special styles or vars
+@navbar-inverse-search-background:          lighten(@navbar-inverse-bg, 25%);
+@navbar-inverse-search-background-focus:    #fff;
+@navbar-inverse-search-border:              @navbar-inverse-bg;
+@navbar-inverse-search-placeholder-color:   #ccc;
 
-@navbar-inverse-brand-color:               @navbar-inverse-link-color;
 
 
 // Pagination