From 9ba14cfb7c0daa75453fd226d09198ffec142b1b Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Wed, 16 Jan 2013 16:14:41 -0800
Subject: More navbar derping

---
 docs/assets/css/bootstrap.css            | 114 +++++++++++++++++++++----------
 docs/components.html                     |  21 +-----
 docs/templates/pages/components.mustache |  21 +-----
 3 files changed, 83 insertions(+), 73 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index e73506ac1..70eaace26 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -949,10 +949,9 @@ input[type="search"],
 input[type="tel"],
 input[type="color"],
 .uneditable-input {
-  display: block;
+  display: inline-block;
   min-height: 34px;
   padding: 6px 9px;
-  margin-bottom: 10px;
   font-size: 14px;
   line-height: 20px;
   color: #555555;
@@ -2868,6 +2867,7 @@ button.close {
 .navbar {
   padding: 15px;
   background-color: #eeeeee;
+  border-radius: 4px;
 }
 
 .navbar:before,
@@ -2882,16 +2882,17 @@ button.close {
 
 .navbar .brand {
   display: inline-block;
-  padding: 7px 15px;
+  padding: 15px 15px;
   font-size: 18px;
   font-weight: bold;
-  line-height: 1;
+  line-height: 20px;
   color: #777777;
 }
 
 .navbar .brand:hover {
+  color: #5e5e5e;
   text-decoration: none;
-  background-color: #ddd;
+  background-color: transparent;
 }
 
 .btn-navbar {
@@ -2918,7 +2919,13 @@ button.close {
   margin-top: 15px;
 }
 
+.navbar .nav > li {
+  float: left;
+}
+
 .navbar .nav > li > a {
+  padding-top: 15px;
+  padding-bottom: 15px;
   line-height: 20px;
   color: #777777;
 }
@@ -2933,7 +2940,37 @@ button.close {
 .navbar .nav > .active > a:hover,
 .navbar .nav > .active > a:focus {
   color: #555555;
-  background-color: #e1e1e1;
+  background-color: #d5d5d5;
+}
+
+@media screen and (min-width: 992px) {
+  .navbar {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .navbar .brand {
+    float: left;
+    margin-left: -15px;
+  }
+  .navbar .nav {
+    margin-top: 0;
+  }
+  .navbar .nav:before,
+  .navbar .nav:after {
+    display: table;
+    content: " ";
+  }
+  .navbar .nav:after {
+    clear: both;
+  }
+  .navbar .btn-navbar {
+    display: none;
+  }
+  .nav-collapse.collapse {
+    float: left;
+    height: auto !important;
+    overflow: visible !important;
+  }
 }
 
 .navbar-inverse {
@@ -2969,6 +3006,40 @@ button.close {
   background-color: #444;
 }
 
+.navbar-static-top {
+  position: static;
+  border-radius: 0;
+}
+
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+  border-radius: 0;
+}
+
+.navbar-fixed-top {
+  top: 0;
+}
+
+.navbar-fixed-bottom {
+  bottom: 0;
+}
+
+.navbar .divider-vertical {
+  height: 26px;
+  margin: 7px 9px;
+  border-right: 1px solid #fbfbfb;
+  border-left: 1px solid #e1e1e1;
+}
+
+.navbar-form {
+  margin-top: 9px;
+  margin-bottom: 9px;
+}
+
 /*
 
 // COMMON STYLES
@@ -4737,41 +4808,10 @@ a.badge:hover {
       }
     */
   
-    /* Required to make the collapsing navbar work on regular desktops */
-  
   }
   .container {
     max-width: 940px;
   }
-  .navbar {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-  .navbar .brand {
-    float: left;
-    padding-top: 11px;
-    padding-bottom: 11px;
-    margin-left: -15px;
-  }
-  .navbar .nav {
-    margin-top: 0;
-    overflow: hidden;
-  }
-  .navbar .nav > li {
-    float: left;
-  }
-  .navbar .nav > li > a {
-    padding-top: 10px;
-    padding-bottom: 10px;
-  }
-  .navbar .btn-navbar {
-    display: none;
-  }
-  .nav-collapse.collapse {
-    float: left;
-    height: auto !important;
-    overflow: visible !important;
-  }
 }
 
 @media screen and (min-width: 1200px) {
diff --git a/docs/components.html b/docs/components.html
index 17ea3a0d4..c1049747c 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -859,31 +859,16 @@
           <div class="bs-docs-example">
             <div class="navbar">
               <form class="navbar-form pull-left">
-                <input type="text" class="span2">
+                <input type="text" style="width: 200px;">
                 <button type="submit" class="btn">Submit</button>
               </form>
             </div>
           </div>
 <pre class="prettyprint linenums">
-&lt;form class="navbar-form pull-left"&gt;
-  &lt;input type="text" class="span2"&gt;
+&lt;form class="pull-left"&gt;
+  &lt;input type="text" style="width: 200px;"&gt;
   &lt;button type="submit" class="btn"&gt;Submit&lt;/button&gt;
 &lt;/form&gt;
-</pre>
-
-          <h3>Search form</h3>
-          <p>For a more customized search form, add <code>.navbar-search</code> to the <code>form</code> and <code>.search-query</code> to the input for specialized styles in the navbar.</p>
-          <div class="bs-docs-example">
-            <div class="navbar">
-              <form class="navbar-search pull-left">
-                <input type="text" class="search-query" placeholder="Search">
-              </form>
-            </div>
-          </div>
-<pre class="prettyprint linenums">
-&lt;form class="navbar-search pull-left"&gt;
-  &lt;input type="text" class="search-query" placeholder="Search"&gt;
-&lt;/form&gt;
 </pre>
 
           <h3>Component alignment</h3>
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 10a7ab067..8ec40dcad 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -791,31 +791,16 @@
           <div class="bs-docs-example">
             <div class="navbar">
               <form class="navbar-form pull-left">
-                <input type="text" class="span2">
+                <input type="text" style="width: 200px;">
                 <button type="submit" class="btn">Submit</button>
               </form>
             </div>
           </div>{{! /example }}
 <pre class="prettyprint linenums">
-&lt;form class="navbar-form pull-left"&gt;
-  &lt;input type="text" class="span2"&gt;
+&lt;form class="pull-left"&gt;
+  &lt;input type="text" style="width: 200px;"&gt;
   &lt;button type="submit" class="btn"&gt;Submit&lt;/button&gt;
 &lt;/form&gt;
-</pre>
-
-          <h3>Search form</h3>
-          <p>For a more customized search form, add <code>.navbar-search</code> to the <code>form</code> and <code>.search-query</code> to the input for specialized styles in the navbar.</p>
-          <div class="bs-docs-example">
-            <div class="navbar">
-              <form class="navbar-search pull-left">
-                <input type="text" class="search-query" placeholder="Search">
-              </form>
-            </div>
-          </div>{{! /example }}
-<pre class="prettyprint linenums">
-&lt;form class="navbar-search pull-left"&gt;
-  &lt;input type="text" class="search-query" placeholder="Search"&gt;
-&lt;/form&gt;
 </pre>
 
           <h3>Component alignment</h3>
-- 
cgit v1.2.3