turn docs navbar into left navbar

2 files changed, 50 insertions, 5 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 50d207001..ac0ea34e5 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3255,6 +3255,7 @@ button.close {
 }
 
 .navbar-fixed-top,
+.navbar-fixed-left,
 .navbar-fixed-bottom {
   position: fixed;
   right: 0;
@@ -3271,6 +3272,16 @@ button.close {
   bottom: 0;
 }
 
+.navbar-fixed-left {
+  top: 0;
+  right: auto;
+  bottom: 0;
+}
+
+.navbar-fixed-left .container {
+  max-width: none;
+}
+
 .navbar-brand {
   display: block;
   max-width: 200px;
@@ -3496,6 +3507,15 @@ button.close {
   .navbar-inverse .nav > .divider {
     border-right-color: #2f2f2f;
   }
+  .navbar-fixed-left {
+    padding-right: 0;
+    padding-left: 0;
+  }
+  .navbar-fixed-left .navbar-brand,
+  .navbar-fixed-left .nav,
+  .navbar-fixed-left .nav > li {
+    float: none;
+  }
   .navbar-toggle {
     position: relative;
     top: auto;
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 76a45b45e..6b71176f8 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -49,9 +49,9 @@ section > ul li {
 /* Navbar
 -------------------------------------------------- */
 
-.bs-docs-navbar {
+/*.bs-docs-navbar {
   background-color: #fff;
-  border-bottom: 1px solid #ccc; /* IE8 */
+  border-bottom: 1px solid #ccc;
   border-bottom: 1px solid rgba(0,0,0,.1);
 }
 .bs-docs-navbar .nav > .active > a,
@@ -59,7 +59,30 @@ section > ul li {
   font-weight: 500;
   background-color: transparent;
 }
+*/
 
+.bs-docs-navbar .navbar-brand {
+  padding: 15px;
+  font-size: 32px;
+  margin-left: 0;
+}
+.bs-docs-navbar .nav {
+  border-top: 1px solid #111;
+  border-bottom: 1px solid #333;
+}
+.bs-docs-navbar .nav > li > a {
+  width: 60px;
+  text-align: center;
+  border-top: 1px solid #333;
+  border-bottom: 1px solid #111;
+}
+.bs-docs-navbar .glyphicon {
+  display: block;
+  font-size: 20px;
+}
+.bs-docs-navbar .nav .tooltip {
+  white-space: nowrap;
+}
 
 
 /* Jumbotrons
@@ -181,7 +204,7 @@ section > ul li {
 
 /* Base styles are not affixable given mobile-first */
 .bs-docs-sidenav {
-  margin: 20px 0 0;
+  margin: 0;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
@@ -613,7 +636,9 @@ input.focused {
 
   /* Account for fixed navbar (which is static to start) */
   body {
-    padding-top: 50px; /* Default height of navbar */
+    /*padding-top: 50px;*/ /* Default height of navbar */
+    padding-top: 0;
+    padding-left: 60px;
   }
 
   /* Undo custom padding */
@@ -644,7 +669,7 @@ input.focused {
   /* From here, start to affix the nav because we keep columns here */
   .bs-docs-sidenav.affix {
     position: fixed;
-    top: 54px;
+    top: 20px;
   }
   .bs-docs-sidenav {
     width: 170px;