color: #333333;
}
+.navbar .divider-vertical {
+ height: 40px;
+ margin: 0 9px;
+ border-right: 1px solid #ffffff;
+ border-left: 1px solid #f2f2f2;
+}
+
.navbar .btn,
.navbar .btn-group {
margin-top: 6px;
border-radius: 15px;
}
-.navbar-search .search-query:-moz-placeholder {
- color: #cccccc;
-}
-
-.navbar-search .search-query:-ms-input-placeholder {
- color: #cccccc;
-}
-
-.navbar-search .search-query::-webkit-input-placeholder {
- color: #cccccc;
-}
-
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
color: #ffffff;
}
+.navbar-inverse .divider-vertical {
+ border-right-color: #222222;
+ border-left-color: #111111;
+}
+
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
<div class="navbar-inner">
<form class="navbar-form pull-left">
<input type="text" class="span2">
+ <button type="submit" class="btn">Submit</button>
</form>
</div>
</div>
<pre class="prettyprint linenums">
<form class="navbar-form pull-left">
<input type="text" class="span2">
+ <button type="submit" class="btn">Submit</button>
</form>
</pre>
<div class="navbar-inner">
<form class="navbar-form pull-left">
<input type="text" class="span2">
+ <button type="submit" class="btn">{{_i}}Submit{{/i}}</button>
</form>
</div>
</div>
<pre class="prettyprint linenums">
<form class="navbar-form pull-left">
<input type="text" class="span2">
+ <button type="submit" class="btn">{{_i}}Submit{{/i}}</button>
</form>
</pre>
}
}
+// Dividers in navbar
+// -------------------------
+.navbar .divider-vertical {
+ height: @navbarHeight;
+ margin: 0 9px;
+ border-left: 1px solid @navbarBackground;
+ border-right: 1px solid @navbarBackgroundHighlight;
+}
+
// Buttons in navbar
// -------------------------
.navbar .btn,
padding: 4px 14px;
#font > .sans-serif(13px, normal, 1);
.border-radius(15px); // redeclare because of specificity of the type attribute
- .placeholder(@navbarSearchPlaceholderColor);
}
}
}
}
+ // Dividers in navbar
+ .divider-vertical {
+ border-left-color: @navbarInverseBackground;
+ border-right-color: @navbarInverseBackgroundHighlight;
+ }
+
// Dropdowns
.nav li.dropdown.open > .dropdown-toggle,
.nav li.dropdown.active > .dropdown-toggle,
@navbarLinkBackgroundHover: transparent;
@navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
-@navbarSearchBackground: lighten(@navbarBackground, 25%);
-@navbarSearchBackgroundFocus: @white;
-@navbarSearchBorder: darken(@navbarSearchBackground, 30%);
-@navbarSearchPlaceholderColor: #ccc;
@navbarBrandColor: @navbarLinkColor;
// Inverted navbar