-
-
-
{{_i}}Built for and by nerds{{/i}}
-
{{_i}}We love building awesome products on the web just like you, so we made Bootstrap. No matter your skill level, use it as a complete kit or use to start something more complex.{{/i}}
-
-
{{_i}}Cross-everything{{/i}}
-
{{_i}}Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.{{/i}}
-
-
-
{{_i}}12-column grid{{/i}}
-
{{_i}}Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.{{/i}}
-
-
-
{{_i}}Responsive design{{/i}}
-
{{_i}}Beginning with Bootstrap 2, components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.{{/i}}
+
+
+
+
{{_i}}Built by nerds, for nerds.{{/i}}
+
{{_i}}Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web.{{/i}}
-
-
+
+
+
{{_i}}Designed for everyone.{{/i}}
+
{{_i}}Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.{{/i}}
+
+
+
+
{{_i}}Packed with features.{{/i}}
+
{{_i}}Utilize the 12-column responsive grid, dozens of components, javascript plugins, typography, form controls, and even a web-based Customizer to make Bootstrap your own.{{/i}}
+
+
+
+
+
+-->
{{_i}}Built with Bootstrap.{{/i}}
{{_i}}For even more sites built with Bootstrap, visit the unofficial Tumblr or browse the examples.{{/i}}
-
+
diff --git a/less/buttons.less b/less/buttons.less
index 389c484483..c46b7cf3e2 100644
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -26,7 +26,7 @@
border-bottom-color: darken(@btnBorder, 10%);
.border-radius(4px);
.ie7-restore-left-whitespace(); // Give IE7 some love
- .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.05)");
+ .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.05)");
}
// Hover state
diff --git a/less/navbar.less b/less/navbar.less
index 38edac2885..a5d1e7e659 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -383,11 +383,18 @@
}
.navbar-subnav .navbar-inner {
padding: 0;
- #gradient > .vertical(#f9f9f9, #f1f1f1);
+ #gradient > .vertical(#ffffff, #f1f1f1);
.box-shadow(none);
border: 1px solid #e5e5e5;
}
+// Lighten vertical dividers
+.navbar-subnav .divider-vertical {
+ background-color: #f1f1f1;
+ border-right-color: #ffffff;
+}
+
+
// Change link colors back
.navbar-subnav .nav > li > a {
color: @linkColor;
@@ -401,7 +408,10 @@
.navbar-subnav .nav > .active > a,
.navbar-subnav .nav > .active > a:hover {
color: #777;
- background-color: #e5e5e5;
+ background-color: #eee;
+ -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.5), 1px 0 0 rgba(255,255,255,.5);
+ -moz-box-shadow: -1px 0 0 rgba(255,255,255,.5), 1px 0 0 rgba(255,255,255,.5);
+ box-shadow: -1px 0 0 rgba(255,255,255,.5), 1px 0 0 rgba(255,255,255,.5);
}
// Dropdown carets
diff --git a/less/variables.less b/less/variables.less
index dcd2d5558e..5d900164cf 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -73,7 +73,7 @@
@btnBorder: #ccc;
@btnPrimaryBackground: @linkColor;
-@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
+@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
@btnInfoBackground: #5bc0de;
@btnInfoBackgroundHighlight: #2f96b4;
@@ -155,8 +155,8 @@
// Navbar
// -------------------------
@navbarHeight: 40px;
-@navbarBackground: @grayDarker;
-@navbarBackgroundHighlight: @grayDark;
+@navbarBackground: #111;
+@navbarBackgroundHighlight: #222;
@navbarText: @grayLight;
@navbarLinkColor: @grayLight;
- 
- 
- 
+