Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Updated LESS files with 2.1 styles and moved into CSS folder

Signed-off-by: Rachel Baker <rachel@rachelbaker.me>
  • Loading branch information...
commit cd038f0ba0a5bea73f5126fea00dc94038a53d9d 1 parent 49e1460
@rachelbaker authored
Showing with 852 additions and 534 deletions.
  1. +431 −260 {less → css}/bootstrapwp.css
  2. 0  { → css}/less/accordion.less
  3. 0  { → css}/less/alerts.less
  4. +1 −1  { → css}/less/bootstrap.less
  5. +7 −4 { → css}/less/bootstrapwp.less
  6. 0  { → css}/less/breadcrumbs.less
  7. 0  { → css}/less/bswp-custom.less
  8. +41 −43 { → css}/less/bswp-docs.less
  9. 0  { → css}/less/bswp-overrides.less
  10. +21 −7 { → css}/less/button-groups.less
  11. +32 −13 { → css}/less/buttons.less
  12. 0  { → css}/less/carousel.less
  13. 0  { → css}/less/close.less
  14. +1 −1  { → css}/less/code.less
  15. +0 −1  { → css}/less/component-animations.less
  16. +16 −2 { → css}/less/dropdowns.less
  17. +38 −20 { → css}/less/forms.less
  18. 0  { → css}/less/grid.less
  19. 0  { → css}/less/hero-unit.less
  20. 0  { → css}/less/labels-badges.less
  21. 0  { → css}/less/layouts.less
  22. +26 −15 { → css}/less/mixins.less
  23. +7 −2 { → css}/less/modals.less
  24. +48 −19 { → css}/less/navbar.less
  25. 0  { → css}/less/navs.less
  26. +10 −6 { → css}/less/pager.less
  27. +17 −17 { → css}/less/pagination.less
  28. 0  { → css}/less/popovers.less
  29. +14 −10 { → css}/less/progress-bars.less
  30. +5 −2 { → css}/less/reset.less
  31. 0  { → css}/less/responsive-1200px-min.less
  32. +31 −20 { → css}/less/responsive-767px-max.less
  33. 0  { → css}/less/responsive-768px-979px.less
  34. +13 −39 { → css}/less/responsive-navbar.less
  35. 0  { → css}/less/responsive-utilities.less
  36. +1 −1  { → css}/less/responsive.less
  37. +6 −5 { → css}/less/scaffolding.less
  38. +8 −3 { → css}/less/sprites.less
  39. +26 −6 { → css}/less/tables.less
  40. 0  { → css}/less/thumbnails.less
  41. 0  { → css}/less/tooltip.less
  42. +38 −26 { → css}/less/type.less
  43. +2 −1  { → css}/less/utilities.less
  44. +11 −9 { → css}/less/variables.less
  45. 0  { → css}/less/wells.less
  46. +1 −1  functions.php
View
691 less/bootstrapwp.css → css/bootstrapwp.css
@@ -4,7 +4,7 @@ Theme URI: http://bootstrapwp.rachelbaker.me
Author: Rachel Baker
Author URI: http://www.rachelbaker.me
Description: A semantic HTML/CSS framework base theme for WordPress Developers ported from Twitter Bootstrap
-Version: .87
+Version: .91
=======
License: GNU General Public License
License URI: license.txt
@@ -12,7 +12,7 @@ License URI: license.txt
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
-/* Loading Standard Bootstrap 2.03 LESS Files
+/* Loading Standard Bootstrap 2.1 LESS Files
----------------------------------------------------------------------------------------*/
article,
aside,
@@ -64,8 +64,17 @@ sub {
bottom: -0.25em;
}
img {
+ /* Responsive images (ensure images don't scale beyond their parents) */
+
max-width: 100%;
+ /* Part 1: Set a maxium relative to the parent */
+
+ width: auto\9;
+ /* IE7-8 need help adjusting responsive images */
+
height: auto;
+ /* Part 2: Scale the height according to the width, otherwise you get stretching */
+
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
@@ -189,9 +198,11 @@ a:hover {
}
[class*="span"] {
float: left;
+ min-height: 1px;
margin-left: 20px;
}
.container,
+.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
@@ -478,16 +489,39 @@ a:hover {
p {
margin: 0 0 10px;
}
-p small {
- font-size: 12px;
- color: #999999;
-}
.lead {
margin-bottom: 20px;
- font-size: 20px;
+ font-size: 21px;
font-weight: 200;
line-height: 30px;
}
+small {
+ font-size: 85%;
+}
+strong {
+ font-weight: bold;
+}
+em {
+ font-style: italic;
+}
+cite {
+ font-style: normal;
+}
+.muted {
+ color: #999999;
+}
+.text-warning {
+ color: #c09853;
+}
+.text-error {
+ color: #b94a48;
+}
+.text-info {
+ color: #3a87ad;
+}
+.text-success {
+ color: #468847;
+}
h1,
h2,
h3,
@@ -584,9 +618,21 @@ dt {
dd {
margin-left: 10px;
}
+.dl-horizontal {
+ *zoom: 1;
+}
+.dl-horizontal:before,
+.dl-horizontal:after {
+ display: table;
+ content: "";
+ line-height: 0;
+}
+.dl-horizontal:after {
+ clear: both;
+}
.dl-horizontal dt {
float: left;
- width: 120px;
+ width: 160px;
clear: left;
text-align: right;
overflow: hidden;
@@ -594,7 +640,7 @@ dd {
white-space: nowrap;
}
.dl-horizontal dd {
- margin-left: 130px;
+ margin-left: 180px;
}
hr {
margin: 20px 0;
@@ -602,15 +648,6 @@ hr {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
-strong {
- font-weight: bold;
-}
-em {
- font-style: italic;
-}
-.muted {
- color: #999999;
-}
abbr[title] {
cursor: help;
border-bottom: 1px dotted #999999;
@@ -667,12 +704,6 @@ address {
font-style: normal;
line-height: 20px;
}
-small {
- font-size: 100%;
-}
-cite {
- font-style: normal;
-}
code,
pre {
padding: 0 3px 2px;
@@ -693,7 +724,7 @@ pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
- font-size: 12px;
+ font-size: 13px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
@@ -790,8 +821,9 @@ input[type="color"],
border-radius: 3px;
}
input,
-textarea {
- width: 210px;
+textarea,
+.uneditable-input {
+ width: 206px;
}
textarea {
height: auto;
@@ -843,9 +875,9 @@ input[type="color"]:focus,
outline: thin dotted \9;
/* IE6-9 */
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
- -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
@@ -859,6 +891,7 @@ input[type="checkbox"] {
line-height: normal;
cursor: pointer;
}
+input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
@@ -879,7 +912,7 @@ input[type="file"] {
}
select {
width: 220px;
- border: 1px solid #bbb;
+ border: 1px solid #cccccc;
background-color: #ffffff;
}
select[multiple],
@@ -1075,13 +1108,15 @@ input[type="checkbox"][readonly] {
.control-group.warning select,
.control-group.warning textarea {
color: #c09853;
+}
+.control-group.warning input,
+.control-group.warning select,
+.control-group.warning textarea {
border-color: #c09853;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
-.control-group.warning .checkbox:focus,
-.control-group.warning .radio:focus,
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
@@ -1107,13 +1142,15 @@ input[type="checkbox"][readonly] {
.control-group.error select,
.control-group.error textarea {
color: #b94a48;
+}
+.control-group.error input,
+.control-group.error select,
+.control-group.error textarea {
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
-.control-group.error .checkbox:focus,
-.control-group.error .radio:focus,
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
@@ -1139,13 +1176,15 @@ input[type="checkbox"][readonly] {
.control-group.success select,
.control-group.success textarea {
color: #468847;
+}
+.control-group.success input,
+.control-group.success select,
+.control-group.success textarea {
border-color: #468847;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
-.control-group.success .checkbox:focus,
-.control-group.success .radio:focus,
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
@@ -1160,6 +1199,40 @@ input[type="checkbox"][readonly] {
background-color: #dff0d8;
border-color: #468847;
}
+.control-group.info > label,
+.control-group.info .help-block,
+.control-group.info .help-inline {
+ color: #3a87ad;
+}
+.control-group.info .checkbox,
+.control-group.info .radio,
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+ color: #3a87ad;
+}
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+ border-color: #3a87ad;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.control-group.info input:focus,
+.control-group.info select:focus,
+.control-group.info textarea:focus {
+ border-color: #2d6987;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
+}
+.control-group.info .input-prepend .add-on,
+.control-group.info .input-append .add-on {
+ color: #3a87ad;
+ background-color: #d9edf7;
+ border-color: #3a87ad;
+}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
@@ -1224,7 +1297,7 @@ select:focus:required:invalid:focus {
margin-bottom: 0;
*margin-left: 0;
font-size: 14px;
- vertical-align: middle;
+ vertical-align: top;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
@@ -1249,7 +1322,6 @@ select:focus:required:invalid:focus {
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
- vertical-align: middle;
background-color: #eeeeee;
border: 1px solid #ccc;
}
@@ -1257,7 +1329,7 @@ select:focus:required:invalid:focus {
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn {
- margin-left: -1px;
+ vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
@@ -1284,6 +1356,10 @@ select:focus:required:invalid:focus {
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
+.input-append .add-on,
+.input-append .btn {
+ margin-left: -1px;
+}
.input-append .add-on:last-child,
.input-append .btn:last-child {
-webkit-border-radius: 0 3px 3px 0;
@@ -1311,7 +1387,7 @@ select:focus:required:invalid:focus {
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
-.search-query {
+input.search-query {
padding-right: 14px;
padding-right: 4px \9;
padding-left: 14px;
@@ -1350,31 +1426,24 @@ select:focus:required:invalid:focus {
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px;
}
-#searchform input,
.form-search input,
.form-inline input,
.form-horizontal input,
-#searchform textarea,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
-#searchform select,
.form-search select,
.form-inline select,
.form-horizontal select,
-#searchform .help-inline,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
-#searchform .uneditable-input,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
-#searchform .input-prepend,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
-#searchform .input-append,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
@@ -1386,14 +1455,15 @@ select:focus:required:invalid:focus {
margin-bottom: 0;
vertical-align: middle;
}
-#searchform .hide,
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
display: none;
}
.form-search label,
-.form-inline label {
+.form-inline label,
+.form-search .btn-group,
+.form-inline .btn-group {
display: inline-block;
}
.form-search .input-append,
@@ -1440,25 +1510,29 @@ legend + .control-group {
}
.form-horizontal .control-label {
float: left;
- width: 140px;
+ width: 160px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
- margin-left: 160px;
+ margin-left: 180px;
*margin-left: 0;
}
.form-horizontal .controls:first-child {
- *padding-left: 160px;
+ *padding-left: 180px;
}
.form-horizontal .help-block {
- margin-top: 10px;
margin-bottom: 0;
}
+.form-horizontal input + .help-block,
+.form-horizontal select + .help-block,
+.form-horizontal textarea + .help-block {
+ margin-top: 10px;
+}
.form-horizontal .form-actions {
- padding-left: 160px;
+ padding-left: 180px;
}
table {
max-width: 100%;
@@ -1566,7 +1640,7 @@ table {
.table-bordered colgroup + tbody tr:first-child td:last-child {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
- -moz-border-right-topleft: 4px;
+ -moz-border-radius-topright: 4px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
@@ -1582,122 +1656,122 @@ table [class*=span],
float: none;
margin-left: 0;
}
-table .span1 {
+.table .span1 {
float: none;
width: 44px;
margin-left: 0;
}
-table .span2 {
+.table .span2 {
float: none;
width: 124px;
margin-left: 0;
}
-table .span3 {
+.table .span3 {
float: none;
width: 204px;
margin-left: 0;
}
-table .span4 {
+.table .span4 {
float: none;
width: 284px;
margin-left: 0;
}
-table .span5 {
+.table .span5 {
float: none;
width: 364px;
margin-left: 0;
}
-table .span6 {
+.table .span6 {
float: none;
width: 444px;
margin-left: 0;
}
-table .span7 {
+.table .span7 {
float: none;
width: 524px;
margin-left: 0;
}
-table .span8 {
+.table .span8 {
float: none;
width: 604px;
margin-left: 0;
}
-table .span9 {
+.table .span9 {
float: none;
width: 684px;
margin-left: 0;
}
-table .span10 {
+.table .span10 {
float: none;
width: 764px;
margin-left: 0;
}
-table .span11 {
+.table .span11 {
float: none;
width: 844px;
margin-left: 0;
}
-table .span12 {
+.table .span12 {
float: none;
width: 924px;
margin-left: 0;
}
-table .span13 {
+.table .span13 {
float: none;
width: 1004px;
margin-left: 0;
}
-table .span14 {
+.table .span14 {
float: none;
width: 1084px;
margin-left: 0;
}
-table .span15 {
+.table .span15 {
float: none;
width: 1164px;
margin-left: 0;
}
-table .span16 {
+.table .span16 {
float: none;
width: 1244px;
margin-left: 0;
}
-table .span17 {
+.table .span17 {
float: none;
width: 1324px;
margin-left: 0;
}
-table .span18 {
+.table .span18 {
float: none;
width: 1404px;
margin-left: 0;
}
-table .span19 {
+.table .span19 {
float: none;
width: 1484px;
margin-left: 0;
}
-table .span20 {
+.table .span20 {
float: none;
width: 1564px;
margin-left: 0;
}
-table .span21 {
+.table .span21 {
float: none;
width: 1644px;
margin-left: 0;
}
-table .span22 {
+.table .span22 {
float: none;
width: 1724px;
margin-left: 0;
}
-table .span23 {
+.table .span23 {
float: none;
width: 1804px;
margin-left: 0;
}
-table .span24 {
+.table .span24 {
float: none;
width: 1884px;
margin-left: 0;
@@ -1708,9 +1782,24 @@ table .span24 {
.table tbody tr.error td {
background-color: #f2dede;
}
+.table tbody tr.warning td {
+ background-color: #fcf8e3;
+}
.table tbody tr.info td {
background-color: #d9edf7;
}
+.table-hover tbody tr.success:hover td {
+ background-color: #d0e9c6;
+}
+.table-hover tbody tr.error:hover td {
+ background-color: #ebcccc;
+}
+.table-hover tbody tr.warning:hover td {
+ background-color: #faf2cc;
+}
+.table-hover tbody tr.info:hover td {
+ background-color: #c4e3f3;
+}
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
@@ -1722,13 +1811,19 @@ table .span24 {
background-image: url("../img/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
+ margin-top: 1px;
}
/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
-.nav > .active > a > [class^="icon-"],
-.nav > .active > a > [class*=" icon-"],
+.nav-pills > .active > a > [class^="icon-"],
+.nav-pills > .active > a > [class*=" icon-"],
+.nav-list > .active > a > [class^="icon-"],
+.nav-list > .active > a > [class*=" icon-"],
+.navbar-inverse .nav > .active > a > [class^="icon-"],
+.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
-.dropdown-menu > li > a:hover > [class*=" icon-"].dropdown-menu > .active > a > [class^="icon-"],
+.dropdown-menu > li > a:hover > [class*=" icon-"],
+.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
background-image: url("../img/glyphicons-halflings-white.png");
}
@@ -2280,7 +2375,7 @@ table .span24 {
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000000;
- content: "\2191";
+ content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
@@ -2300,9 +2395,18 @@ table .span24 {
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
-.dropdown-submenu:hover .dropdown-menu {
+.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
+.dropup .dropdown-submenu > .dropdown-menu {
+ top: auto;
+ bottom: 0;
+ margin-top: 0;
+ margin-bottom: -2px;
+ -webkit-border-radius: 5px 5px 5px 0;
+ -moz-border-radius: 5px 5px 5px 0;
+ border-radius: 5px 5px 5px 0;
+}
.dropdown-submenu > a:after {
display: block;
content: " ";
@@ -2372,7 +2476,6 @@ table .span24 {
position: relative;
height: 0;
overflow: hidden;
- overflow: visible \9;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
@@ -2442,9 +2545,9 @@ button.close {
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
@@ -2486,9 +2589,9 @@ button.close {
background-color: #d9d9d9 \9;
background-image: none;
outline: 0;
- -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
- -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
- box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
@@ -2510,20 +2613,20 @@ button.close {
border-radius: 5px;
}
.btn-large [class^="icon-"] {
- margin-top: 1px;
+ margin-top: 2px;
}
.btn-small {
- padding: 5px 9px;
+ padding: 3px 9px;
font-size: 12px;
line-height: 18px;
}
.btn-small [class^="icon-"] {
- margin-top: -1px;
+ margin-top: 0;
}
.btn-mini {
padding: 2px 6px;
font-size: 11px;
- line-height: 16px;
+ line-height: 17px;
}
.btn-block {
display: block;
@@ -2537,6 +2640,11 @@ button.close {
.btn-block + .btn-block {
margin-top: 5px;
}
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+ width: 100%;
+}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
@@ -2760,27 +2868,36 @@ input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
-.btn-link {
+.btn-link,
+.btn-link:active,
+.btn-link[disabled] {
background-color: transparent;
background-image: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
+.btn-link {
border-color: transparent;
cursor: pointer;
color: #0088cc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
}
.btn-link:hover {
color: #005580;
text-decoration: underline;
background-color: transparent;
}
+.btn-link[disabled]:hover {
+ color: #333333;
+ text-decoration: none;
+}
.btn-group {
position: relative;
font-size: 0;
+ vertical-align: middle;
white-space: nowrap;
*margin-left: .3em;
}
@@ -2791,6 +2908,7 @@ input[type="submit"].btn.btn-mini {
margin-left: 5px;
}
.btn-toolbar {
+ font-size: 0;
margin-top: 10px;
margin-bottom: 10px;
}
@@ -2801,13 +2919,20 @@ input[type="submit"].btn.btn-mini {
*zoom: 1;
}
+.btn-toolbar .btn + .btn,
+.btn-toolbar .btn-group + .btn,
+.btn-toolbar .btn + .btn-group {
+ margin-left: 5px;
+}
.btn-group > .btn {
position: relative;
- margin-left: -1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
+.btn-group > .btn + .btn {
+ margin-left: -1px;
+}
.btn-group > .btn,
.btn-group > .dropdown-menu {
font-size: 14px;
@@ -2870,29 +2995,33 @@ input[type="submit"].btn.btn-mini {
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
- -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
- -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
- box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
- *padding-top: 4px;
- *padding-bottom: 4px;
+ -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ *padding-top: 5px;
+ *padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
+ *padding-top: 2px;
+ *padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
- *padding-top: 4px;
+ *padding-top: 5px;
*padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
+ *padding-top: 7px;
+ *padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
background-image: none;
- -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
- -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
- box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+ -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group.open .btn.dropdown-toggle {
background-color: #e6e6e6;
@@ -2944,17 +3073,21 @@ input[type="submit"].btn.btn-mini {
}
.btn-group-vertical {
display: inline-block;
+ *display: inline;
+ /* IE7 inline-block hack */
+
+ *zoom: 1;
}
.btn-group-vertical .btn {
display: block;
float: none;
- margin-left: 0;
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-group-vertical .btn + .btn {
+ margin-left: 0;
margin-top: -1px;
}
.btn-group-vertical .btn:first-child {
@@ -3351,7 +3484,7 @@ input[type="submit"].btn.btn-mini {
.navbar {
overflow: visible;
margin-bottom: 20px;
- color: #555555;
+ color: #777777;
*position: relative;
*z-index: 2;
}
@@ -3374,6 +3507,16 @@ input[type="submit"].btn.btn-mini {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+ *zoom: 1;
+}
+.navbar-inner:before,
+.navbar-inner:after {
+ display: table;
+ content: "";
+ line-height: 0;
+}
+.navbar-inner:after {
+ clear: both;
}
.navbar .container {
width: auto;
@@ -3388,7 +3531,7 @@ input[type="submit"].btn.btn-mini {
margin-left: -20px;
font-size: 20px;
font-weight: 200;
- color: #555555;
+ color: #777777;
text-shadow: 0 1px 0 #ffffff;
}
.navbar .brand:hover {
@@ -3399,7 +3542,7 @@ input[type="submit"].btn.btn-mini {
line-height: 40px;
}
.navbar-link {
- color: #555555;
+ color: #777777;
}
.navbar-link:hover {
color: #333333;
@@ -3412,10 +3555,12 @@ input[type="submit"].btn.btn-mini {
}
.navbar .btn,
.navbar .btn-group {
- margin-top: 6px;
+ margin-top: 5px;
}
-.navbar .btn-group .btn {
- margin: 0;
+.navbar .btn-group .btn,
+.navbar .input-prepend .btn,
+.navbar .input-append .btn {
+ margin-top: 0;
}
.navbar-form {
margin-bottom: 0;
@@ -3473,6 +3618,16 @@ input[type="submit"].btn.btn-mini {
-moz-border-radius: 15px;
border-radius: 15px;
}
+.navbar-static-top {
+ position: static;
+ width: 100%;
+ margin-bottom: 0;
+}
+.navbar-static-top .navbar-inner {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
@@ -3482,8 +3637,11 @@ input[type="submit"].btn.btn-mini {
margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
+.navbar-static-top .navbar-inner {
+ border-width: 0 0 1px;
+}
.navbar-fixed-bottom .navbar-inner {
- border: 0;
+ border-width: 1px 0 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
@@ -3493,6 +3651,7 @@ input[type="submit"].btn.btn-mini {
-moz-border-radius: 0;
border-radius: 0;
}
+.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
@@ -3500,18 +3659,19 @@ input[type="submit"].btn.btn-mini {
.navbar-fixed-top {
top: 0;
}
-.navbar-fixed-top .navbar-inner {
- -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
- box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
+.navbar-fixed-top .navbar-inner,
+.navbar-static-top .navbar-inner {
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
}
.navbar-fixed-bottom {
bottom: 0;
}
.navbar-fixed-bottom .navbar-inner {
- -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
- box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1);
}
.navbar .nav {
position: relative;
@@ -3522,6 +3682,7 @@ input[type="submit"].btn.btn-mini {
}
.navbar .nav.pull-right {
float: right;
+ margin-right: 0;
}
.navbar .nav > li {
float: left;
@@ -3529,7 +3690,7 @@ input[type="submit"].btn.btn-mini {
.navbar .nav > li > a {
float: none;
padding: 10px 15px 10px;
- color: #555555;
+ color: #777777;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
}
@@ -3542,9 +3703,9 @@ input[type="submit"].btn.btn-mini {
color: #333333;
text-decoration: none;
}
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover,
-.navbar .nav .active > a:focus {
+.navbar .nav > .active > a,
+.navbar .nav > .active > a:hover,
+.navbar .nav > .active > a:focus {
color: #555555;
text-decoration: none;
background-color: #e5e5e5;
@@ -3574,9 +3735,9 @@ input[type="submit"].btn.btn-mini {
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
@@ -3647,8 +3808,8 @@ input[type="submit"].btn.btn-mini {
color: #555555;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
- border-top-color: #555555;
- border-bottom-color: #555555;
+ border-top-color: #777777;
+ border-bottom-color: #777777;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
@@ -3745,9 +3906,9 @@ input[type="submit"].btn.btn-mini {
color: #ffffff;
background-color: #515151;
border-color: #111111;
- -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
- -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
- box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
@@ -3848,11 +4009,11 @@ input[type="submit"].btn.btn-mini {
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
-.pagination li {
+.pagination ul > li {
display: inline;
}
-.pagination a,
-.pagination span {
+.pagination ul > li > a,
+.pagination ul > li > span {
float: left;
padding: 0 14px;
line-height: 38px;
@@ -3861,32 +4022,32 @@ input[type="submit"].btn.btn-mini {
border: 1px solid #dddddd;
border-left-width: 0;
}
-.pagination a:hover,
-.pagination .active a,
-.pagination .active span {
+.pagination ul > li > a:hover,
+.pagination ul > .active > a,
+.pagination ul > .active > span {
background-color: #f5f5f5;
}
-.pagination .active a,
-.pagination .active span {
+.pagination ul > .active > a,
+.pagination ul > .active > span {
color: #999999;
cursor: default;
}
-.pagination .disabled span,
-.pagination .disabled a,
-.pagination .disabled a:hover {
+.pagination ul > .disabled > span,
+.pagination ul > .disabled > a,
+.pagination ul > .disabled > a:hover {
color: #999999;
background-color: transparent;
cursor: default;
}
-.pagination li:first-child a,
-.pagination li:first-child span {
+.pagination ul > li:first-child > a,
+.pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
-.pagination li:last-child a,
-.pagination li:last-child span {
+.pagination ul > li:last-child > a,
+.pagination ul > li:last-child > span {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
@@ -3915,7 +4076,8 @@ input[type="submit"].btn.btn-mini {
.pager li {
display: inline;
}
-.pager a {
+.pager li > a,
+.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
@@ -3924,33 +4086,36 @@ input[type="submit"].btn.btn-mini {
-moz-border-radius: 15px;
border-radius: 15px;
}
-.pager a:hover {
+.pager li > a:hover {
text-decoration: none;
background-color: #f5f5f5;
}
-.pager .next a {
+.pager .next > a,
+.pager .next > span {
float: right;
}
-.pager .previous a {
+.pager .previous > a,
+.pager .previous > span {
float: left;
}
-.pager .disabled a,
-.pager .disabled a:hover {
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > span {
color: #999999;
background-color: #fff;
cursor: default;
}
-.modal-open .dropdown-menu {
+.modal-open .modal .dropdown-menu {
z-index: 2050;
}
-.modal-open .dropdown.open {
+.modal-open .modal .dropdown.open {
*z-index: 2050;
}
-.modal-open .popover {
+.modal-open .modal .popover {
z-index: 2060;
}
-.modal-open .tooltip {
- z-index: 2070;
+.modal-open .modal .tooltip {
+ z-index: 2080;
}
.modal-backdrop {
position: fixed;
@@ -4052,9 +4217,12 @@ input[type="submit"].btn.btn-mini {
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
+.modal-footer .btn-block + .btn-block {
+ margin-left: 0;
+}
.tooltip {
position: absolute;
- z-index: 1020;
+ z-index: 1030;
display: block;
visibility: visible;
padding: 5px;
@@ -4416,8 +4584,8 @@ a.badge:hover {
}
.progress {
overflow: hidden;
- height: 18px;
- margin-bottom: 18px;
+ height: 20px;
+ margin-bottom: 20px;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
@@ -4437,6 +4605,7 @@ a.badge:hover {
width: 0%;
height: 100%;
color: #ffffff;
+ float: left;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
@@ -4459,6 +4628,11 @@ a.badge:hover {
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
+.progress .bar + .bar {
+ -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+ box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+}
.progress-striped .bar {
background-color: #149bdf;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
@@ -4478,7 +4652,8 @@ a.badge:hover {
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
-.progress-danger .bar {
+.progress-danger .bar,
+.progress .bar-danger {
background-color: #dd514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
@@ -4488,7 +4663,8 @@ a.badge:hover {
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
-.progress-danger.progress-striped .bar {
+.progress-danger.progress-striped .bar,
+.progress-striped .bar-danger {
background-color: #ee5f5b;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -4496,7 +4672,8 @@ a.badge:hover {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.progress-success .bar {
+.progress-success .bar,
+.progress .bar-success {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
@@ -4506,7 +4683,8 @@ a.badge:hover {
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
-.progress-success.progress-striped .bar {
+.progress-success.progress-striped .bar,
+.progress-striped .bar-success {
background-color: #62c462;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -4514,7 +4692,8 @@ a.badge:hover {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.progress-info .bar {
+.progress-info .bar,
+.progress .bar-info {
background-color: #4bb1cf;
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
@@ -4524,7 +4703,8 @@ a.badge:hover {
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
-.progress-info.progress-striped .bar {
+.progress-info.progress-striped .bar,
+.progress-striped .bar-info {
background-color: #5bc0de;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -4532,7 +4712,8 @@ a.badge:hover {
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.progress-warning .bar {
+.progress-warning .bar,
+.progress .bar-warning {
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
@@ -4542,7 +4723,8 @@ a.badge:hover {
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
-.progress-warning.progress-striped .bar {
+.progress-warning.progress-striped .bar,
+.progress-striped .bar-warning {
background-color: #fbb450;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -4715,7 +4897,7 @@ a.badge:hover {
.affix {
position: fixed;
}
-/* Loading Responsive Bootstrap 2.04 LESS Files
+/* Loading Responsive Bootstrap 2.1 LESS Files
----------------------------------------------------------------------------------------*/
.hidden {
display: none;
@@ -4777,9 +4959,11 @@ a.badge:hover {
}
[class*="span"] {
float: left;
+ min-height: 1px;
margin-left: 30px;
}
.container,
+ .navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1170px;
@@ -5097,9 +5281,11 @@ a.badge:hover {
}
[class*="span"] {
float: left;
+ min-height: 1px;
margin-left: 20px;
}
.container,
+ .navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 724px;
@@ -5398,7 +5584,8 @@ a.badge:hover {
padding-right: 20px;
}
.navbar-fixed-top,
- .navbar-fixed-bottom {
+ .navbar-fixed-bottom,
+ .navbar-static-top {
margin-left: -20px;
margin-right: -20px;
}
@@ -5426,13 +5613,17 @@ a.badge:hover {
}
.thumbnails > li {
float: none;
+ margin-left: 0;
}
[class*="span"],
.row-fluid [class*="span"] {
float: none;
display: block;
- width: auto;
+ width: 100%;
margin-left: 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
.span12,
.row-fluid .span12 {
@@ -5441,6 +5632,9 @@ a.badge:hover {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
+ .row-fluid [class*="offset"]:first-child {
+ margin-left: 0;
+ }
.input-large,
.input-xlarge,
.input-xxlarge,
@@ -5462,6 +5656,9 @@ a.badge:hover {
display: inline-block;
width: auto;
}
+ .controls-row [class*="span"] + [class*="span"] {
+ margin-left: 0;
+ }
.modal {
position: fixed;
top: 20px;
@@ -5486,7 +5683,7 @@ a.badge:hover {
input[type="radio"] {
border: 1px solid #ccc;
}
- .form-horizontal .control-group > label {
+ .form-horizontal .control-label {
float: none;
width: auto;
padding-top: 0;
@@ -5520,8 +5717,7 @@ a.badge:hover {
padding-top: 0;
}
.navbar-fixed-top,
- .navbar-fixed-bottom,
- .navbar-subnav-fixed {
+ .navbar-fixed-bottom {
position: static;
}
.navbar-fixed-top {
@@ -5560,14 +5756,14 @@ a.badge:hover {
display: none;
}
.nav-collapse .nav .nav-header {
- color: #555555;
+ color: #777777;
text-shadow: none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 9px 15px;
font-weight: bold;
- color: #555555;
+ color: #777777;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
@@ -5619,6 +5815,10 @@ a.badge:hover {
.nav-collapse .dropdown-menu .divider {
display: none;
}
+ .nav-collapse .nav > li > .dropdown-menu:before,
+ .nav-collapse .nav > li > .dropdown-menu:after {
+ display: none;
+ }
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
float: none;
@@ -5626,9 +5826,14 @@ a.badge:hover {
margin: 10px 0;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ }
+ .navbar-inverse .nav-collapse .navbar-form,
+ .navbar-inverse .nav-collapse .navbar-search {
+ border-top-color: #111111;
+ border-bottom-color: #111111;
}
.navbar .nav-collapse .nav.pull-right {
float: none;
@@ -5646,39 +5851,6 @@ a.badge:hover {
padding-left: 10px;
padding-right: 10px;
}
- .navbar-subnav {
- width: auto;
- height: auto;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- box-shadow: none;
- }
- .navbar-subnav .navbar-inner {
- background-color: #fff;
- background-image: none;
- }
- .navbar-subnav .nav {
- float: none;
- margin-right: 0;
- }
- .navbar-subnav .nav > li {
- float: none;
- }
- .navbar-subnav .nav > li > a {
- border: 0;
- }
- .navbar-subnav .nav > li > a:hover {
- background-color: #f5f5f5;
- }
- .navbar-subnav .nav > li + li > a {
- border-top: 1px solid #e5e5e5;
- }
- .navbar-subnav .nav > li:first-child > a,
- .navbar-subnav .nav > li:first-child > a:hover {
- -webkit-border-radius: 4px 4px 0 0;
- -moz-border-radius: 4px 4px 0 0;
- border-radius: 4px 4px 0 0;
- }
}
@media (min-width: 980px) {
.nav-collapse.collapse {
@@ -5728,7 +5900,7 @@ body > .navbar-fixed-relative .brand:hover {
-------------------------------------------------- */
/* padding for in-page bookmarks and fixed navbar */
section {
- padding-top: 60px;
+ padding-top: 30px;
}
section > .page-header,
section > .lead {
@@ -5813,6 +5985,7 @@ hr.soften {
color: #fff;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.25);
}
+/* Download button */
.masthead .btn {
padding: 14px 24px;
font-size: 24px;
@@ -5824,19 +5997,18 @@ hr.soften {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25), 0 2px 10px rgba(0, 68, 204, 0.01);
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25), 0 2px 10px rgba(0, 68, 204, 0.01);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25), 0 2px 10px rgba(0, 68, 204, 0.01);
- -webkit-animation-name: downloadButton;
- -moz-animation-name: downloadButton;
- -webkit-animation-duration: 1.5s;
- -moz-animation-duration: 1.5s;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-iteration-count: infinite;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25);
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
+.masthead .btn:hover {
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 5px rgba(0, 0, 0, 0.25);
+}
.masthead .btn:active {
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
@@ -5886,13 +6058,6 @@ hr.soften {
padding: 0 10px;
color: rgba(255, 255, 255, 0.25);
}
-.masthead-links a {
- color: #fff;
- color: rgba(255, 255, 255, 0.5);
-}
-.masthead-links a:hover {
- color: #fff;
-}
/* Social proof buttons from GitHub & Twitter */
.bs-docs-social {
padding: 15px 0;
@@ -5912,6 +6077,8 @@ hr.soften {
display: inline-block;
padding: 5px 8px;
line-height: 1;
+ *display: inline;
+ *zoom: 1;
}
/* Subhead (other pages)
------------------------- */
@@ -6056,6 +6223,14 @@ h4 + table,
h2 + .row {
margin-top: 5px;
}
+/* Example sites showcase */
+.example-sites {
+ xmargin-left: 20px;
+}
+.example-sites img {
+ max-width: 100%;
+ margin: 0 auto;
+}
.scrollspy-example {
height: 200px;
overflow: auto;
@@ -6089,7 +6264,7 @@ h2 + .row {
.the-icons i:hover {
background-color: rgba(255, 0, 0, 0.25);
}
-/* Eaxmples page
+/* Example page
------------------------- */
.bootstrap-examples p {
font-size: 13px;
@@ -6106,6 +6281,7 @@ h2 + .row {
position: relative;
margin: 15px 0;
padding: 39px 19px 14px;
+ *padding-top: 19px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
@@ -6189,10 +6365,6 @@ h2 + .row {
form.bs-docs-example {
padding-bottom: 19px;
}
-.bs-docs-example .lead {
- font-size: 18px;
- line-height: 24px;
-}
/* Images */
.bs-docs-example-images img {
margin: 10px;
@@ -6288,17 +6460,11 @@ form.bs-docs-example {
}
/* Sidenav for Docs
-------------------------------------------------- */
-/* prevent column from collapsing when affixing */
-.span3 {
- min-height: 1px;
-}
.bs-docs-sidenav {
- width: 218px;
- margin-top: 30px;
+ width: 228px;
+ margin: 30px 0 0;
padding: 0;
- margin-right: 10px;
background-color: #fff;
- margin-left: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
@@ -6310,7 +6476,6 @@ form.bs-docs-example {
display: block;
*width: 190px;
margin: 0 0 -1px;
- font-size: 14px;
padding: 8px 14px;
border: 1px solid #e5e5e5;
}
@@ -6325,9 +6490,14 @@ form.bs-docs-example {
border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
- border-color: #08c;
position: relative;
z-index: 2;
+ padding: 9px 15px;
+ border: 0;
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1);
+ box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
@@ -6342,9 +6512,10 @@ form.bs-docs-example {
.bs-docs-sidenav a:hover .icon-chevron-right {
opacity: .5;
}
-.bs-docs-sidenav .active .icon-chevron-right {
+.bs-docs-sidenav .active .icon-chevron-right,
+.bs-docs-sidenav .active a:hover .icon-chevron-right {
background-image: url(../img/glyphicons-halflings-white.png);
- opacity: .75;
+ opacity: 1;
}
.bs-docs-sidenav.affix {
top: 40px;
@@ -6404,14 +6575,15 @@ form.bs-docs-example {
/* Adjust sidenav width */
.bs-docs-sidenav {
width: 166px;
+ margin-top: 20px;
}
.bs-docs-sidenav.affix {
- top: 0px;
+ top: 0;
}
}
/* Tablet
------------------------- */
-@media (max-width: 768px) {
+@media (max-width: 767px) {
/* Remove any padding from the body */
body {
padding-top: 0;
@@ -6445,10 +6617,12 @@ form.bs-docs-example {
/* Sidenav */
.bs-docs-sidenav {
width: auto;
+ margin-bottom: 20px;
}
.bs-docs-sidenav.affix {
- position: relative;
+ position: static;
width: auto;
+ top: 0;
}
/* Unfloat the back to top link in footer */
.footer {
@@ -6460,9 +6634,6 @@ form.bs-docs-example {
.footer p {
margin-bottom: 9px;
}
- .bs-docs-sidenav.affix {
- top: 0;
- }
}
/* Landscape phones
------------------------- */
@@ -6576,10 +6747,10 @@ Overriding some defaults from the Bootstrap defaults to improve/fix integration
list-style: none;
display: block;
line-height: 18px;
- color: #555555;
+ color: #777777;
}
.navbar .navbar-inner div.nav ul li a {
- color: #555555;
+ color: #777777;
float: none;
padding: 9px 10px 11px;
line-height: 19px;
View
0  less/accordion.less → css/less/accordion.less
File renamed without changes
View
0  less/alerts.less → css/less/alerts.less
File renamed without changes
View
2  less/bootstrap.less → css/less/bootstrap.less
@@ -1,5 +1,5 @@
/*!
- * Bootstrap v2.0.4
+ * Bootstrap v2.1.2
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
View
11 less/bootstrapwp.less → css/less/bootstrapwp.less
@@ -4,7 +4,7 @@ Theme URI: http://bootstrapwp.rachelbaker.me
Author: Rachel Baker
Author URI: http://www.rachelbaker.me
Description: A semantic HTML/CSS framework base theme for WordPress Developers ported from Twitter Bootstrap
-Version: .87
+Version: .91
=======
License: GNU General Public License
License URI: license.txt
@@ -17,7 +17,7 @@ Use it to make something cool, have fun, and share what you've learned with othe
//////// to safely retain the ability to update the less files with future
//////// versions of Bootstrap or BootstrapWP
-/* Loading Standard Bootstrap 2.03 LESS Files
+/* Loading Standard Bootstrap 2.1 LESS Files
----------------------------------------------------------------------------------------*/
// CSS Reset
@import "reset.less";
@@ -68,17 +68,17 @@ Use it to make something cool, have fun, and share what you've learned with othe
@import "accordion.less";
@import "carousel.less";
@import "hero-unit.less";
-
// Utility classes
@import "utilities.less"; // Has to be last to override when necessary
-/* Loading Responsive Bootstrap 2.04 LESS Files
+/* Loading Responsive Bootstrap 2.1 LESS Files
----------------------------------------------------------------------------------------*/
// RESPONSIVE CLASSES
// ------------------
@import "responsive-utilities.less";
+
// MEDIA QUERIES
// ------------------
@@ -91,6 +91,7 @@ Use it to make something cool, have fun, and share what you've learned with othe
// Phones to portrait tablets and narrow desktops
@import "responsive-767px-max.less";
+
// RESPONSIVE NAVBAR
// ------------------
@@ -98,6 +99,8 @@ Use it to make something cool, have fun, and share what you've learned with othe
@import "responsive-navbar.less";
+
+
/* Custom BootstrapWP Overrides and Styles
----------------------------------------------------------------------------------------*/
// BSWP DOCS
View
0  less/breadcrumbs.less → css/less/breadcrumbs.less
File renamed without changes
View
0  less/bswp-custom.less → css/less/bswp-custom.less
File renamed without changes
View
84 less/bswp-docs.less → css/less/bswp-docs.less
@@ -46,7 +46,7 @@ body > .navbar-fixed-top .brand:hover, body > .navbar-fixed-relative .brand:hove
/* padding for in-page bookmarks and fixed navbar */
section {
- padding-top: 60px;
+ padding-top: 30px;
}
section > .page-header,
section > .lead {
@@ -123,6 +123,8 @@ hr.soften {
color: #fff;
text-shadow: 0 0 10px rgba(255,255,255,.25);
}
+
+/* Download button */
.masthead .btn {
padding: 14px 24px;
font-size: 24px;
@@ -132,19 +134,17 @@ hr.soften {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01);
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01);
- box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01);
- -webkit-animation-name: downloadButton;
- -moz-animation-name: downloadButton;
- -webkit-animation-duration: 1.5s;
- -moz-animation-duration: 1.5s;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-iteration-count: infinite;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-webkit-transition: none;
-moz-transition: none;
transition: none;
-
+}
+.masthead .btn:hover {
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
}
.masthead .btn:active {
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
@@ -199,13 +199,6 @@ hr.soften {
padding: 0 10px;
color: rgba(255,255,255,.25);
}
-.masthead-links a {
- color: #fff;
- color: rgba(255,255,255,.5);
-}
-.masthead-links a:hover {
- color: #fff;
-}
/* Social proof buttons from GitHub & Twitter */
.bs-docs-social {
@@ -227,6 +220,8 @@ hr.soften {
display: inline-block;
padding: 5px 8px;
line-height: 1;
+ *display: inline;
+ *zoom: 1;
}
/* Subhead (other pages)
@@ -246,7 +241,6 @@ hr.soften {
}
-
/* Marketing section of Overview
-------------------------------------------------- */
@@ -392,6 +386,15 @@ h2 + .row {
margin-top: 5px;
}
+/* Example sites showcase */
+.example-sites {
+ xmargin-left: 20px;
+}
+.example-sites img {
+ max-width: 100%;
+ margin: 0 auto;
+}
+
.scrollspy-example {
height: 200px;
overflow: auto;
@@ -430,7 +433,7 @@ h2 + .row {
background-color: rgba(255,0,0,.25);
}
-/* Eaxmples page
+/* Example page
------------------------- */
.bootstrap-examples p {
font-size: 13px;
@@ -451,6 +454,7 @@ h2 + .row {
position: relative;
margin: 15px 0;
padding: 39px 19px 14px;
+ *padding-top: 19px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
@@ -535,10 +539,6 @@ h2 + .row {
form.bs-docs-example {
padding-bottom: 19px;
}
-.bs-docs-example .lead {
- font-size: 18px;
- line-height: 24px;
-}
/* Images */
.bs-docs-example-images img {
@@ -644,18 +644,11 @@ form.bs-docs-example {
/* Sidenav for Docs
-------------------------------------------------- */
-/* prevent column from collapsing when affixing */
-.span3 {
- min-height: 1px;
-}
-
.bs-docs-sidenav {
- width: 218px;
- margin-top: 30px;
+ width: 228px;
+ margin: 30px 0 0;
padding: 0;
- margin-right: 10px;
background-color: #fff;
- margin-left: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
@@ -667,7 +660,6 @@ form.bs-docs-example {
display: block;
*width: 190px;
margin: 0 0 -1px;
- font-size: 14px;
padding: 8px 14px;
border: 1px solid #e5e5e5;
}
@@ -682,9 +674,14 @@ form.bs-docs-example {
border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
- border-color: #08c;
position: relative;
z-index: 2;
+ padding: 9px 15px;
+ border: 0;
+ text-shadow: 0 1px 0 rgba(0,0,0,.15);
+ -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
+ -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
+ box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
@@ -699,9 +696,10 @@ form.bs-docs-example {
.bs-docs-sidenav a:hover .icon-chevron-right {
opacity: .5;
}
-.bs-docs-sidenav .active .icon-chevron-right {
+.bs-docs-sidenav .active .icon-chevron-right,
+.bs-docs-sidenav .active a:hover .icon-chevron-right {
background-image: url(../img/glyphicons-halflings-white.png);