Skip to content

B
bootstrap
Commit ea1c21d6 authored by Jacob Thornton's avatar Jacob Thornton
Browse files
Options

Merge branch '2.0-wip' of https://github.com/twitter/bootstrap into 2.0-wip

parents 6493cd22 23e076c1
Hide whitespace changes
Inline Side-by-side
Showing with 1154 additions and 1009 deletions
docs/assets/css/bootstrap-responsive.css
View file @ ea1c21d6
...@@ -86,6 +86,9 @@ ...@@ -86,6 +86,9 @@
width: auto; width: auto;
margin: 0; margin: 0;
} }
.btn-navbar {
display: block;
}
} }
@media (min-width: 768px) and (max-width: 940px) { @media (min-width: 768px) and (max-width: 940px) {
.container { .container {
......
docs/assets/css/bootstrap.css
View file @ ea1c21d6
...@@ -591,6 +591,7 @@ input[type="hidden"] { ...@@ -591,6 +591,7 @@ input[type="hidden"] {
.radio.inline, .checkbox.inline { .radio.inline, .checkbox.inline {
display: inline-block; display: inline-block;
margin-bottom: 0; margin-bottom: 0;
vertical-align: middle;
} }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
margin-left: 10px; margin-left: 10px;
...@@ -1644,1252 +1645,1305 @@ table .span12 { ...@@ -1644,1252 +1645,1305 @@ table .span12 {
filter: alpha(opacity=40); filter: alpha(opacity=40);
cursor: pointer; cursor: pointer;
} }
.nav { .btn.primary,
margin-left: 0; .btn.primary:hover,
margin-bottom: 18px; .btn.danger,
list-style: none; .btn.danger:hover,
.btn.success,
.btn.success:hover,
.btn.info,
.btn.info:hover {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
color: #ffffff;
} }
.nav > li > a { .btn.primary.active,
display: block; .btn.danger.active,
.btn.success.active,
.btn.info.active {
color: rgba(255, 255, 255, 0.75);
} }
.nav > li > a:hover { .btn.primary {
text-decoration: none; background-color: #006dcc;
background-color: #eeeeee; background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
} }
.nav.list { .btn.primary:hover,
padding-left: 14px; .btn.primary:active,
padding-right: 14px; .btn.primary.active,
margin-bottom: 0; .btn.primary.disabled,
.btn.primary[disabled] {
background-color: #0044cc;
} }
.nav.list > li > a, .nav.list .nav-header { .btn.primary:active, .btn.primary.active {
display: block; background-color: #003399 \9;
padding: 3px 15px;
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
} }
.nav.list .nav-header { .btn.danger {
font-size: 11px; background-color: #da4f49;
font-weight: bold; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
line-height: 18px; background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
color: #999999; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
text-transform: uppercase; background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(top, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
} }
.nav.list > li + .nav-header { .btn.danger:hover,
margin-top: 9px; .btn.danger:active,
.btn.danger.active,
.btn.danger.disabled,
.btn.danger[disabled] {
background-color: #bd362f;
} }
.nav.list .active > a { .btn.danger:active, .btn.danger.active {
color: #ffffff; background-color: #942a25 \9;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #0088cc;
} }
.nav.list .icon { .btn.success {
margin-right: 2px; background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -ms-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(top, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
} }
.tabs, .pills { .btn.success:hover,
*zoom: 1; .btn.success:active,
.btn.success.active,
.btn.success.disabled,
.btn.success[disabled] {
background-color: #51a351;
} }
.tabs:before, .btn.success:active, .btn.success.active {
.pills:before, background-color: #408140 \9;
.tabs:after,
.pills:after {
display: table;
content: "";
} }
.tabs:after, .pills:after { .btn.info {
clear: both; background-color: #49afcd;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(top, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
} }
.tabs > li, .pills > li { .btn.info:hover,
float: left; .btn.info:active,
.btn.info.active,
.btn.info.disabled,
.btn.info[disabled] {
background-color: #2f96b4;
} }
.tabs > li > a, .pills > li > a { .btn.info:active, .btn.info.active {
padding-right: 12px; background-color: #24748c \9;
padding-left: 12px;
margin-right: 2px;
line-height: 14px;
} }
.tabs { .btn {
border-bottom: 1px solid #ddd; display: inline-block;
padding: 4px 10px 4px;
font-size: 13px;
line-height: 18px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #fafafa;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-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);
cursor: pointer;
*margin-left: .3em;
} }
.tabs > li { .btn:first-child {
margin-bottom: -1px; *margin-left: 0;
} }
.tabs > li > a { .btn:hover {
padding-top: 9px; color: #333333;
padding-bottom: 9px; text-decoration: none;
border: 1px solid transparent; background-color: #e6e6e6;
-webkit-border-radius: 4px 4px 0 0; background-position: 0 -15px;
-moz-border-radius: 4px 4px 0 0; -webkit-transition: background-position 0.1s linear;
border-radius: 4px 4px 0 0; -moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
} }
.tabs > li > a:hover { .btn:focus {
border-color: #eeeeee #eeeeee #dddddd; outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
} }
.tabs > .active > a, .tabs > .active > a:hover { .btn.active, .btn:active {
color: #555555; background-image: none;
background-color: #ffffff; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
border: 1px solid #ddd; -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
border-bottom-color: transparent; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
background-color: #e6e6e6;
background-color: #d9d9d9 \9;
color: rgba(0, 0, 0, 0.5);
outline: 0;
}
.btn.disabled, .btn[disabled] {
cursor: default; cursor: default;
background-image: none;
background-color: #e6e6e6;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} }
.pills > li > a { .btn.large {
padding-top: 8px; padding: 9px 14px;
padding-bottom: 8px; font-size: 15px;
margin-top: 2px; line-height: normal;
margin-bottom: 2px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
.pills .active > a, .pills .active > a:hover { .btn.large .icon {
color: #ffffff; margin-top: 1px;
background-color: #0088cc;
}
.nav.stacked > li {
float: none;
} }
.nav.stacked > li > a { .btn.small {
margin-right: 0; padding: 5px 9px;
font-size: 11px;
line-height: 16px;
} }
.tabs.stacked { .btn.small .icon {
border-bottom: 0; margin-top: -1px;
} }
.tabs.stacked > li > a { button.btn, input[type="submit"].btn {
border: 1px solid #ddd; *padding-top: 2px;
-webkit-border-radius: 0; *padding-bottom: 2px;
-moz-border-radius: 0;
border-radius: 0;
} }
.tabs.stacked > li:first-child > a { button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
-webkit-border-radius: 4px 4px 0 0; padding: 0;
-moz-border-radius: 4px 4px 0 0; border: 0;
border-radius: 4px 4px 0 0;
} }
.tabs.stacked > li:last-child > a { button.btn.large, input[type="submit"].btn.large {
-webkit-border-radius: 0 0 4px 4px; *padding-top: 7px;
-moz-border-radius: 0 0 4px 4px; *padding-bottom: 7px;
border-radius: 0 0 4px 4px;
} }
.tabs.stacked > li > a:hover { button.btn.small, input[type="submit"].btn.small {
border-color: #ddd; *padding-top: 3px;
z-index: 2; *padding-bottom: 3px;
} }
.pills.stacked > li > a { .btn-group {
margin-bottom: 3px; position: relative;
*zoom: 1;
*margin-left: .3em;
} }
.pills.stacked > li:last-child > a { .btn-group:before, .btn-group:after {
margin-bottom: 1px; display: table;
content: "";
} }
.pills .dropdown-menu, .tabs .dropdown-menu { .btn-group:after {
margin-top: 1px; clear: both;
border-width: 1px;
} }
.pills .dropdown-menu { .btn-group:first-child {
-webkit-border-radius: 4px; *margin-left: 0;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.tabs .dropdown-toggle .caret, .pills .dropdown-toggle .caret { .btn-group + .btn-group {
border-top-color: #0088cc; margin-left: 5px;
margin-top: 6px;
} }
.tabs .dropdown-toggle:hover .caret, .pills .dropdown-toggle:hover .caret { .btn-toolbar {
border-top-color: #005580; margin-top: 9px;
margin-bottom: 9px;
} }
.tabs .active .dropdown-toggle .caret, .pills .active .dropdown-toggle .caret { .btn-toolbar .btn-group {
border-top-color: #333333; display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
} }
.nav > .dropdown.active > a:hover { .btn-group .btn {
color: #000000; position: relative;
cursor: pointer; float: left;
margin-left: -1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.tabs .open .dropdown-toggle, .pills .open .dropdown-toggle, .nav > .open.active > a:hover { .btn-group .btn:first-child {
color: #ffffff; margin-left: 0;
background-color: #999999; -webkit-border-top-left-radius: 4px;
border-color: #999999; -moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
} }
.nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret { .btn-group .btn:last-child, .btn-group .dropdown-toggle {
border-top-color: #ffffff; -webkit-border-top-right-radius: 4px;
opacity: 1; -moz-border-radius-topright: 4px;
filter: alpha(opacity=100); border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
} }
.tabs.stacked .open > a:hover { .btn-group .btn.large:first-child {
border-color: #999999; margin-left: 0;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
} }
.tabbable { .btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
*zoom: 1; -webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
} }
.tabbable:before, .tabbable:after { .btn-group .btn:hover,
display: table; .btn-group .btn:focus,
content: ""; .btn-group .btn:active,
.btn-group .btn.active {
z-index: 2;
} }
.tabbable:after { .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
clear: both; outline: 0;
} }
.tabs-below .tabs, .tabs-right .tabs, .tabs-left .tabs { .btn-group .dropdown-toggle {
border-bottom: 0; padding-left: 8px;
padding-right: 8px;
-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;
} }
.tab-content > .tab-pane, .pill-content > .pill-pane { .btn-group.open {
display: none; *z-index: 1000;
} }
.tab-content > .active, .pill-content > .active { .btn-group.open .dropdown-menu {
display: block; display: block;
margin-top: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} }
.tabs-below .tabs { .btn-group.open .dropdown-toggle {
border-top: 1px solid #ddd; background-image: none;
-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
} }
.tabs-below .tabs > li { .btn .caret {
margin-top: -1px; margin-top: 7px;
margin-bottom: 0; margin-left: 0;
} }
.tabs-below .tabs > li > a { .btn:hover .caret, .open.btn-group .caret {
-webkit-border-radius: 0 0 4px 4px; opacity: 1;
-moz-border-radius: 0 0 4px 4px; filter: alpha(opacity=100);
border-radius: 0 0 4px 4px;
} }
.tabs-below .tabs > li > a:hover { .primary .caret,
border-bottom-color: transparent; .danger .caret,
border-top-color: #ddd; .info .caret,
.success .caret {
border-top-color: #ffffff;
opacity: 0.75;
filter: alpha(opacity=75);
} }
.tabs-below .tabs .active > a, .tabs-below .tabs .active > a:hover { .btn.small .caret {
border-color: transparent #ddd #ddd #ddd; margin-top: 4px;
} }
.tabs-left .tabs > li, .tabs-right .tabs > li { .alert {
float: none; padding: 8px 35px 8px 14px;
margin-bottom: 18px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.tabs-left .tabs > li > a, .tabs-right .tabs > li > a { .alert, .alert-heading {
min-width: 74px; color: #c09853;
margin-right: 0;
margin-bottom: 3px;
} }
.tabs-left .tabs { .alert .close {
float: left; position: relative;
margin-right: 19px; right: -21px;
border-right: 1px solid #ddd; line-height: 18px;
} }
.tabs-left .tabs > li > a { .alert-success {
margin-right: -1px; background-color: #dff0d8;
-webkit-border-radius: 4px 0 0 4px; border-color: #d6e9c6;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
} }
.tabs-left .tabs > li > a:hover { .alert-success, .alert-success .alert-heading {
border-color: #eeeeee #dddddd #eeeeee #eeeeee; color: #468847;
} }
.tabs-left .tabs .active > a, .tabs-left .tabs .active > a:hover { .alert-danger, .alert-error {
border-color: #ddd transparent #ddd #ddd; background-color: #f2dede;
*border-right-color: #ffffff; border-color: #eed3d7;
} }
.tabs-right .tabs { .alert-danger,
float: right; .alert-error,
margin-left: 19px; .alert-danger .alert-heading,
border-left: 1px solid #ddd; .alert-error .alert-heading {
color: #b94a48;
} }
.tabs-right .tabs > li > a { .alert-info {
margin-left: -1px; background-color: #d9edf7;
-webkit-border-radius: 0 4px 4px 0; border-color: #bce8f1;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
} }
.tabs-right .tabs > li > a:hover { .alert-info, .alert-info .alert-heading {
border-color: #eeeeee #eeeeee #eeeeee #dddddd; color: #3a87ad;
} }
.tabs-right .tabs .active > a, .tabs-right .tabs .active > a:hover { .alert-block {
border-color: #ddd #ddd #ddd transparent; padding-top: 14px;
*border-left-color: #ffffff; padding-bottom: 14px;
} }
.navbar { .alert-block > p, .alert-block > ul {
overflow: visible; margin-bottom: 0;
} }
.navbar-inner { .alert-block p + p {
background-color: #222222; margin-top: 5px;
background-color: #2c2c2c;
background-image: -moz-linear-gradient(top, #333333, #222222);
background-image: -ms-linear-gradient(top, #333333, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
background-image: -webkit-linear-gradient(top, #333333, #222222);
background-image: -o-linear-gradient(top, #333333, #222222);
background-image: linear-gradient(top, #333333, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
} }
.navbar .brand:hover { .nav {
color: #ffffff; margin-left: 0;
text-decoration: none; margin-bottom: 18px;
list-style: none;
} }
.navbar .brand { .nav > li > a {
float: left;
display: block; display: block;
padding: 8px 20px 12px;
margin-left: -20px;
font-size: 20px;
font-weight: 200;
line-height: 1;
color: #ffffff;
} }
.navbar .navbar-text { .nav > li > a:hover {
text-decoration: none;
background-color: #eeeeee;
}
.nav.list {
padding-left: 14px;
padding-right: 14px;
margin-bottom: 0; margin-bottom: 0;
line-height: 40px; }
.nav.list > li > a, .nav.list .nav-header {
display: block;
padding: 3px 15px;
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav.list .nav-header {
font-size: 11px;
font-weight: bold;
line-height: 18px;
color: #999999; color: #999999;
text-transform: uppercase;
} }
.navbar .navbar-text a:hover { .nav.list > li + .nav-header {
margin-top: 9px;
}
.nav.list .active > a {
color: #ffffff; color: #ffffff;
background-color: transparent; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #0088cc;
} }
.navbar .btn, .navbar .btn-group { .nav.list .icon {
margin-top: 5px; margin-right: 2px;
} }
.navbar .btn-group .btn { .tabs, .pills {
margin-top: 0; *zoom: 1;
} }
.navbar-form { .tabs:before,
margin-bottom: 0; .pills:before,
.tabs:after,
.pills:after {
display: table;
content: "";
} }
.navbar-form input, .navbar-form select { .tabs:after, .pills:after {
display: inline-block; clear: both;
margin-top: 5px;
margin-bottom: 0;
} }
.navbar-search { .tabs > li, .pills > li {
position: relative;
float: left; float: left;
margin-top: 6px;
margin-bottom: 0;
} }
.navbar-search .search-query { .tabs > li > a, .pills > li > a {
padding: 4px 9px; padding-right: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left: 12px;
font-size: 13px; margin-right: 2px;
font-weight: normal; line-height: 14px;
line-height: 1;
color: #ffffff;
color: rgba(255, 255, 255, 0.75);
background: #666;
background: rgba(255, 255, 255, 0.3);
border: 1px solid #111;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
} }
.navbar-search .search-query :-moz-placeholder { .tabs {
color: #eeeeee; border-bottom: 1px solid #ddd;
} }
.navbar-search .search-query::-webkit-input-placeholder { .tabs > li {
color: #eeeeee; margin-bottom: -1px;
} }
.navbar-search .search-query:hover { .tabs > li > a {
color: #ffffff; padding-top: 9px;
background-color: #999999; padding-bottom: 9px;
background-color: rgba(255, 255, 255, 0.5); border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
} }
.navbar-search .search-query:focus, .navbar-search .search-query.focused { .tabs > li > a:hover {
padding: 5px 10px; border-color: #eeeeee #eeeeee #dddddd;
color: #333333; }
text-shadow: 0 1px 0 #ffffff; .tabs > .active > a, .tabs > .active > a:hover {
color: #555555;
background-color: #ffffff; background-color: #ffffff;
border: 0; border: 1px solid #ddd;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); border-bottom-color: transparent;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); cursor: default;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
outline: 0;
} }
.navbar-static { .pills > li > a {
margin-bottom: 18px; padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} }
.navbar-static .navbar-inner { .pills .active > a, .pills .active > a:hover {
padding-left: 20px; color: #ffffff;
padding-right: 20px; background-color: #0088cc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.navbar-fixed-top { .nav.stacked > li {
position: fixed; float: none;
top: 0;
right: 0;
left: 0;
z-index: 1030;
} }
.navbar .nav { .nav.stacked > li > a {
position: relative; margin-right: 0;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
} }
.navbar .nav.pull-right { .tabs.stacked {
float: right; border-bottom: 0;
} }
.navbar .nav > li { .tabs.stacked > li > a {
display: block; border: 1px solid #ddd;
float: left; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.navbar .nav > li > a { .tabs.stacked > li:first-child > a {
float: none; -webkit-border-radius: 4px 4px 0 0;
padding: 10px 10px 11px; -moz-border-radius: 4px 4px 0 0;
line-height: 19px; border-radius: 4px 4px 0 0;
color: #999999;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
} }
.navbar .nav > li > a:hover { .tabs.stacked > li:last-child > a {
background-color: transparent; -webkit-border-radius: 0 0 4px 4px;
color: #ffffff; -moz-border-radius: 0 0 4px 4px;
text-decoration: none; border-radius: 0 0 4px 4px;
} }
.navbar .nav .active > a, .navbar .nav .active > a:hover { .tabs.stacked > li > a:hover {
color: #ffffff; border-color: #ddd;
text-decoration: none; z-index: 2;
background-color: #222222;
background-color: rgba(0, 0, 0, 0.5);
} }
.navbar .vertical-divider { .pills.stacked > li > a {
height: 40px; margin-bottom: 3px;
width: 1px;
margin: 0 5px;
overflow: hidden;
background-color: #222222;
border-right: 1px solid #333333;
} }
.navbar .nav.pull-right { .pills.stacked > li:last-child > a {
margin-left: 10px; margin-bottom: 1px;
margin-right: 0;
} }
.navbar .dropdown-menu { .pills .dropdown-menu, .tabs .dropdown-menu {
margin-top: 1px; margin-top: 1px;
border-width: 1px;
}
.pills .dropdown-menu {
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
} }
.navbar .dropdown-menu:before { .tabs .dropdown-toggle .caret, .pills .dropdown-toggle .caret {
content: ''; border-top-color: #0088cc;
display: inline-block; margin-top: 6px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 9px;
}
.navbar .dropdown-menu:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 10px;
} }
.navbar .nav .dropdown-toggle .caret, .navbar .nav .open.dropdown .caret { .tabs .dropdown-toggle:hover .caret, .pills .dropdown-toggle:hover .caret {
border-top-color: #ffffff; border-top-color: #005580;
} }
.navbar .nav .active .caret { .tabs .active .dropdown-toggle .caret, .pills .active .dropdown-toggle .caret {
opacity: 1; border-top-color: #333333;
filter: alpha(opacity=100);
} }
.navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle { .nav > .dropdown.active > a:hover {
background-color: transparent; color: #000000;
cursor: pointer;
} }
.navbar .nav .active > .dropdown-toggle:hover { .tabs .open .dropdown-toggle, .pills .open .dropdown-toggle, .nav > .open.active > a:hover {
color: #ffffff; color: #ffffff;
background-color: #999999;
border-color: #999999;
} }
.navbar .nav.pull-right .dropdown-menu { .nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret {
left: auto; border-top-color: #ffffff;
right: 0; opacity: 1;
filter: alpha(opacity=100);
} }
.navbar .nav.pull-right .dropdown-menu:before { .tabs.stacked .open > a:hover {
left: auto; border-color: #999999;
right: 12px;
} }
.navbar .nav.pull-right .dropdown-menu:after { .tabbable {
left: auto; *zoom: 1;
right: 13px;
} }
.breadcrumb { .tabbable:before, .tabbable:after {
padding: 7px 14px; display: table;
margin: 0 0 18px; content: "";
background-color: #fbfbfb;
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(top, #ffffff, #f5f5f5);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
} }
.breadcrumb li { .tabbable:after {
display: inline; clear: both;
text-shadow: 0 1px 0 #ffffff;
} }
.breadcrumb .divider { .tabs-below .tabs, .tabs-right .tabs, .tabs-left .tabs {
padding: 0 5px; border-bottom: 0;
color: #999999;
} }
.breadcrumb .active a { .tab-content > .tab-pane, .pill-content > .pill-pane {
color: #333333; display: none;
} }
.pagination { .tab-content > .active, .pill-content > .active {
height: 36px; display: block;
margin: 18px 0;
} }
.pagination ul { .tabs-below .tabs {
display: inline-block; border-top: 1px solid #ddd;
*display: inline; }
/* IE7 inline-block hack */ .tabs-below .tabs > li {
margin-top: -1px;
*zoom: 1;
margin-left: 0;
margin-bottom: 0; margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-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 { .tabs-below .tabs > li > a {
display: inline; -webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
} }
.pagination a { .tabs-below .tabs > li > a:hover {
float: left; border-bottom-color: transparent;
padding: 0 14px; border-top-color: #ddd;
line-height: 34px;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
} }
.pagination a:hover, .pagination .active a { .tabs-below .tabs .active > a, .tabs-below .tabs .active > a:hover {
background-color: #f5f5f5; border-color: transparent #ddd #ddd #ddd;
} }
.pagination .active a { .tabs-left .tabs > li, .tabs-right .tabs > li {
color: #999999; float: none;
} }
.pagination .disabled a, .pagination .disabled a:hover { .tabs-left .tabs > li > a, .tabs-right .tabs > li > a {
color: #999999; min-width: 74px;
background-color: transparent; margin-right: 0;
cursor: default; margin-bottom: 3px;
} }
.pagination li:first-child a { .tabs-left .tabs {
border-left-width: 1px; float: left;
-webkit-border-radius: 3px 0 0 3px; margin-right: 19px;
-moz-border-radius: 3px 0 0 3px; border-right: 1px solid #ddd;
border-radius: 3px 0 0 3px;
} }
.pagination li:last-child a { .tabs-left .tabs > li > a {
-webkit-border-radius: 0 3px 3px 0; margin-right: -1px;
-moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 4px 0 0 4px;
border-radius: 0 3px 3px 0; -moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
} }
.pagination-centered { .tabs-left .tabs > li > a:hover {
text-align: center; border-color: #eeeeee #dddddd #eeeeee #eeeeee;
} }
.pagination-right { .tabs-left .tabs .active > a, .tabs-left .tabs .active > a:hover {
text-align: right; border-color: #ddd transparent #ddd #ddd;
*border-right-color: #ffffff;
} }
.pager { .tabs-right .tabs {
margin-left: 0; float: right;
margin-bottom: 18px; margin-left: 19px;
list-style: none; border-left: 1px solid #ddd;
text-align: center;
*zoom: 1;
} }
.pager:before, .pager:after { .tabs-right .tabs > li > a {
display: table; margin-left: -1px;
content: ""; -webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
} }
.pager:after { .tabs-right .tabs > li > a:hover {
clear: both; border-color: #eeeeee #eeeeee #eeeeee #dddddd;
} }
.pager li { .tabs-right .tabs .active > a, .tabs-right .tabs .active > a:hover {
display: inline; border-color: #ddd #ddd #ddd transparent;
*border-left-color: #ffffff;
} }
.pager a { .navbar {
display: inline-block; overflow: visible;
padding: 6px 15px;
background-color: #f5f5f5;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
} }
.pager .next a { .navbar-inner {
background-color: #222222;
background-color: #2c2c2c;
background-image: -moz-linear-gradient(top, #333333, #222222);
background-image: -ms-linear-gradient(top, #333333, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
background-image: -webkit-linear-gradient(top, #333333, #222222);
background-image: -o-linear-gradient(top, #333333, #222222);
background-image: linear-gradient(top, #333333, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.btn-navbar {
display: none;
float: right; float: right;
padding: 7px 10px;
margin-left: 10px;
margin-right: 10px;
background-color: #2c2c2c;
background-image: -moz-linear-gradient(top, #333333, #222222);
background-image: -ms-linear-gradient(top, #333333, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
background-image: -webkit-linear-gradient(top, #333333, #222222);
background-image: -o-linear-gradient(top, #333333, #222222);
background-image: linear-gradient(top, #333333, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
border-color: #222222 #222222 #000000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-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);
}
.btn-navbar:hover,
.btn-navbar:active,
.btn-navbar.active,
.btn-navbar.disabled,
.btn-navbar[disabled] {
background-color: #222222;
} }
.pager .previous a { .btn-navbar:active, .btn-navbar.active {
float: left; background-color: #080808 \9;
} }
.modal-open .dropdown-menu { .btn-navbar .i-bar {
z-index: 2050; display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
} }
.modal-open .dropdown.open { .btn-navbar .i-bar + .i-bar {
*z-index: 2050; margin-top: 3px;
} }
.modal-open .popover { .navbar .brand:hover {
z-index: 2060; color: #ffffff;
text-decoration: none;
} }
.modal-open .tooltip { .navbar .brand {
z-index: 2070; float: left;
display: block;
padding: 8px 20px 12px;
margin-left: -20px;
font-size: 20px;
font-weight: 200;
line-height: 1;
color: #ffffff;
} }
.modal-backdrop { .navbar .navbar-text {
position: fixed; margin-bottom: 0;
top: 0; line-height: 40px;
right: 0; color: #999999;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
} }
.modal-backdrop, .modal-backdrop.fade.in { .navbar .navbar-text a:hover {
opacity: 0.8; color: #ffffff;
filter: alpha(opacity=80); background-color: transparent;
} }
.modal { .navbar .btn, .navbar .btn-group {
position: fixed; margin-top: 5px;
top: 50%;
left: 50%;
z-index: 1050;
max-height: 500px;
overflow: auto;
width: 560px;
margin: -250px 0 0 -280px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
/* IE6-7 */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
} }
.modal.fade { .navbar .btn-group .btn {
-webkit-transition: opacity .3s linear, top .3s ease-out; margin-top: 0;
-moz-transition: opacity .3s linear, top .3s ease-out;
-ms-transition: opacity .3s linear, top .3s ease-out;
-o-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
} }
.modal.fade.in { .navbar-form {
top: 50%; margin-bottom: 0;
} }
.modal-header { .navbar-form input, .navbar-form select {
padding: 9px 15px; display: inline-block;
border-bottom: 1px solid #eee; margin-top: 5px;
margin-bottom: 0;
} }
.modal-header .close { .navbar-form .radio, .navbar-form .checkbox {
margin-top: 2px; margin-top: 5px;
} }
.modal-body { .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] {
padding: 15px; margin-top: 3px;
} }
.modal-footer { .navbar-search {
padding: 14px 15px 15px; position: relative;
float: left;
margin-top: 6px;
margin-bottom: 0; margin-bottom: 0;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
*zoom: 1;
} }
.modal-footer:before, .modal-footer:after { .navbar-search .search-query {
display: table; padding: 4px 9px;
content: ""; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1;
color: #ffffff;
color: rgba(255, 255, 255, 0.75);
background: #666;
background: rgba(255, 255, 255, 0.3);
border: 1px solid #111;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
} }
.modal-footer:after { .navbar-search .search-query :-moz-placeholder {
clear: both; color: #eeeeee;
} }
.modal-footer .btn { .navbar-search .search-query::-webkit-input-placeholder {
float: right; color: #eeeeee;
margin-left: 5px;
margin-bottom: 0;
} }
.tooltip { .navbar-search .search-query:hover {
position: absolute; color: #ffffff;
z-index: 1020; background-color: #999999;
display: block; background-color: rgba(255, 255, 255, 0.5);
visibility: visible;
padding: 5px;
font-size: 11px;
opacity: 0;
filter: alpha(opacity=0);
} }
.tooltip.in { .navbar-search .search-query:focus, .navbar-search .search-query.focused {
opacity: 0.8; padding: 5px 10px;
filter: alpha(opacity=80); color: #333333;
text-shadow: 0 1px 0 #ffffff;
background-color: #ffffff;
border: 0;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
outline: 0;
} }
.tooltip.top { .navbar-static {
margin-top: -2px; margin-bottom: 18px;
} }
.tooltip.right { .navbar-static .navbar-inner {
margin-left: 2px; padding-left: 20px;
padding-right: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.tooltip.bottom { .navbar-fixed-top {
margin-top: 2px; position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
} }
.tooltip.left { .navbar .nav {
margin-left: -2px; position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
} }
.tooltip.top .tooltip-arrow { .navbar .nav.pull-right {
bottom: 0; float: right;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
} }
.tooltip.left .tooltip-arrow { .navbar .nav > li {
top: 50%; display: block;
right: 0; float: left;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000000;
} }
.tooltip.bottom .tooltip-arrow { .navbar .nav > li > a {
top: 0; float: none;
left: 50%; padding: 10px 10px 11px;
margin-left: -5px; line-height: 19px;
border-left: 5px solid transparent; color: #999999;
border-right: 5px solid transparent; text-decoration: none;
border-bottom: 5px solid #000000; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
} }
.tooltip.right .tooltip-arrow { .navbar .nav > li > a:hover {
top: 50%; background-color: transparent;
left: 0; color: #ffffff;
margin-top: -5px; text-decoration: none;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000000;
} }
.tooltip-inner { .navbar .nav .active > a, .navbar .nav .active > a:hover {
max-width: 200px;
padding: 3px 8px;
color: #ffffff; color: #ffffff;
text-align: center;
text-decoration: none; text-decoration: none;
background-color: #000000; background-color: #222222;
background-color: rgba(0, 0, 0, 0.5);
}
.navbar .vertical-divider {
height: 40px;
width: 1px;
margin: 0 5px;
overflow: hidden;
background-color: #222222;
border-right: 1px solid #333333;
}
.navbar .nav.pull-right {
margin-left: 10px;
margin-right: 0;
}
.navbar .dropdown-menu {
margin-top: 1px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
} }
.tooltip-arrow { .navbar .dropdown-menu:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute; position: absolute;
width: 0; top: -7px;
height: 0; left: 9px;
} }
.popover { .navbar .dropdown-menu:after {
position: absolute; content: '';
top: 0; display: inline-block;
left: 0; border-left: 6px solid transparent;
z-index: 1010; border-right: 6px solid transparent;
display: none; border-bottom: 6px solid #ffffff;
padding: 5px; position: absolute;
} top: -6px;
.popover.top { left: 10px;
margin-top: -5px;
}
.popover.right {
margin-left: 5px;
}
.popover.bottom {
margin-top: 5px;
} }
.popover.left { .navbar .nav .dropdown-toggle .caret, .navbar .nav .open.dropdown .caret {
margin-left: -5px; border-top-color: #ffffff;
} }
.popover.top .arrow { .navbar .nav .active .caret {
bottom: 0; opacity: 1;
left: 50%; filter: alpha(opacity=100);
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
} }
.popover.right .arrow { .navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle {
top: 50%; background-color: transparent;
left: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000000;
} }
.popover.bottom .arrow { .navbar .nav .active > .dropdown-toggle:hover {
top: 0; color: #ffffff;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000000;
} }
.popover.left .arrow { .navbar .nav.pull-right .dropdown-menu {
top: 50%; left: auto;
right: 0; right: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000000;
}
.popover .arrow {
position: absolute;
width: 0;
height: 0;
}
.popover .inner {
padding: 3px;
width: 280px;
overflow: hidden;
background: #000000;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover .title {
padding: 9px 15px;
line-height: 1;
background-color: #f5f5f5;
border-bottom: 1px solid #eee;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.popover .content {
padding: 14px;
background-color: #ffffff;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.popover .content p, .popover .content ul, .popover .content ol {
margin-bottom: 0;
} }
.btn.primary, .navbar .nav.pull-right .dropdown-menu:before {
.btn.primary:hover, left: auto;
.btn.danger, right: 12px;
.btn.danger:hover,
.btn.success,
.btn.success:hover,
.btn.info,
.btn.info:hover {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
color: #ffffff;
} }
.btn.primary.active, .navbar .nav.pull-right .dropdown-menu:after {
.btn.danger.active, left: auto;
.btn.success.active, right: 13px;
.btn.info.active {
color: rgba(255, 255, 255, 0.75);
} }
.btn.primary { .breadcrumb {
background-color: #006dcc; padding: 7px 14px;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); margin: 0 0 18px;
background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-color: #fbfbfb;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
background-image: linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(top, #ffffff, #f5f5f5);
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
border-color: #0044cc #0044cc #002a80; border: 1px solid #ddd;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 3px;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
} }
.btn.primary:hover, .breadcrumb li {
.btn.primary:active, display: inline;
.btn.primary.active, text-shadow: 0 1px 0 #ffffff;
.btn.primary.disabled,
.btn.primary[disabled] {
background-color: #0044cc;
} }
.btn.primary:active, .btn.primary.active { .breadcrumb .divider {
background-color: #003399 \9; padding: 0 5px;
color: #999999;
} }
.btn.danger { .breadcrumb .active a {
background-color: #da4f49; color: #333333;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(top, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
} }
.btn.danger:hover, .pagination {
.btn.danger:active, height: 36px;
.btn.danger.active, margin: 18px 0;
.btn.danger.disabled,
.btn.danger[disabled] {
background-color: #bd362f;
} }
.btn.danger:active, .btn.danger.active { .pagination ul {
background-color: #942a25 \9; display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
} }
.btn.success { .pagination li {
background-color: #5bb75b; display: inline;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -ms-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(top, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
} }
.btn.success:hover, .pagination a {
.btn.success:active, float: left;
.btn.success.active, padding: 0 14px;
.btn.success.disabled, line-height: 34px;
.btn.success[disabled] { text-decoration: none;
background-color: #51a351; border: 1px solid #ddd;
border-left-width: 0;
} }
.btn.success:active, .btn.success.active { .pagination a:hover, .pagination .active a {
background-color: #408140 \9; background-color: #f5f5f5;
} }
.btn.info { .pagination .active a {
background-color: #49afcd; color: #999999;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(top, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
} }
.btn.info:hover, .pagination .disabled a, .pagination .disabled a:hover {
.btn.info:active, color: #999999;
.btn.info.active, background-color: transparent;
.btn.info.disabled, cursor: default;
.btn.info[disabled] {
background-color: #2f96b4;
} }
.btn.info:active, .btn.info.active { .pagination li:first-child a {
background-color: #24748c \9; border-left-width: 1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
} }
.btn { .pagination li:last-child a {
display: inline-block; -webkit-border-radius: 0 3px 3px 0;
padding: 4px 10px 4px; -moz-border-radius: 0 3px 3px 0;
font-size: 13px; border-radius: 0 3px 3px 0;
line-height: 18px; }
color: #333333; .pagination-centered {
text-align: center; text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #fafafa;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-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);
cursor: pointer;
*margin-left: .3em;
} }
.btn:first-child { .pagination-right {
*margin-left: 0; text-align: right;
} }
.btn:hover { .pager {
color: #333333; margin-left: 0;
text-decoration: none; margin-bottom: 18px;
background-color: #e6e6e6; list-style: none;
background-position: 0 -15px; text-align: center;
-webkit-transition: background-position 0.1s linear; *zoom: 1;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
} }
.btn:focus { .pager:before, .pager:after {
outline: thin dotted; display: table;
outline: 5px auto -webkit-focus-ring-color; content: "";
outline-offset: -2px;
} }
.btn.active, .btn:active { .pager:after {
background-image: none; clear: both;
-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);
background-color: #e6e6e6;
background-color: #d9d9d9 \9;
color: rgba(0, 0, 0, 0.5);
outline: 0;
} }
.btn.disabled, .btn[disabled] { .pager li {
cursor: default; display: inline;
background-image: none;
background-color: #e6e6e6;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} }
.btn.large { .pager a {
padding: 9px 14px; display: inline-block;
font-size: 15px; padding: 6px 15px;
line-height: normal; background-color: #f5f5f5;
-webkit-border-radius: 5px; -webkit-border-radius: 15px;
-moz-border-radius: 5px; -moz-border-radius: 15px;
border-radius: 5px; border-radius: 15px;
} }
.btn.large .icon { .pager .next a {
margin-top: 1px; float: right;
} }
.btn.small { .pager .previous a {
padding: 5px 9px; float: left;
font-size: 11px;
line-height: 16px;
} }
.btn.small .icon { .modal-open .dropdown-menu {
margin-top: -1px; z-index: 2050;
} }
button.btn, input[type="submit"].btn { .modal-open .dropdown.open {
*padding-top: 2px; *z-index: 2050;
*padding-bottom: 2px;
} }
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { .modal-open .popover {
padding: 0; z-index: 2060;
border: 0;
} }
button.btn.large, input[type="submit"].btn.large { .modal-open .tooltip {
*padding-top: 7px; z-index: 2070;
*padding-bottom: 7px;
} }
button.btn.small, input[type="submit"].btn.small { .modal-backdrop {
*padding-top: 3px; position: fixed;
*padding-bottom: 3px; top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
} }
.btn-group { .modal-backdrop.fade {
position: relative; opacity: 0;
*zoom: 1;
*margin-left: .3em;
} }
.btn-group:before, .btn-group:after { .modal-backdrop, .modal-backdrop.fade.in {
display: table; opacity: 0.8;
content: ""; filter: alpha(opacity=80);
} }
.btn-group:after { .modal {
clear: both; position: fixed;
top: 50%;
left: 50%;
z-index: 1050;
max-height: 500px;
overflow: auto;
width: 560px;
margin: -250px 0 0 -280px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
/* IE6-7 */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
} }
.btn-group:first-child { .modal.fade {
*margin-left: 0; -webkit-transition: opacity .3s linear, top .3s ease-out;
-moz-transition: opacity .3s linear, top .3s ease-out;
-ms-transition: opacity .3s linear, top .3s ease-out;
-o-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
} }
.btn-group + .btn-group { .modal.fade.in {
margin-left: 5px; top: 50%;
} }
.btn-toolbar { .modal-header {
margin-top: 9px; padding: 9px 15px;
margin-bottom: 9px; border-bottom: 1px solid #eee;
} }
.btn-toolbar .btn-group { .modal-header .close {
display: inline-block; margin-top: 2px;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
} }
.btn-group .btn { .modal-body {
position: relative; padding: 15px;
float: left;
margin-left: -1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} }
.btn-group .btn:first-child { .modal-footer {
margin-left: 0; padding: 14px 15px 15px;
-webkit-border-top-left-radius: 4px; margin-bottom: 0;
-moz-border-radius-topleft: 4px; background-color: #f5f5f5;
border-top-left-radius: 4px; border-top: 1px solid #ddd;
-webkit-border-bottom-left-radius: 4px; -webkit-border-radius: 0 0 6px 6px;
-moz-border-radius-bottomleft: 4px; -moz-border-radius: 0 0 6px 6px;
border-bottom-left-radius: 4px; border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
*zoom: 1;
} }
.btn-group .btn:last-child, .btn-group .dropdown-toggle { .modal-footer:before, .modal-footer:after {
-webkit-border-top-right-radius: 4px; display: table;
-moz-border-radius-topright: 4px; content: "";
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
} }
.btn-group .btn.large:first-child { .modal-footer:after {
margin-left: 0; clear: both;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
} }
.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle { .modal-footer .btn {
-webkit-border-top-right-radius: 6px; float: right;
-moz-border-radius-topright: 6px; margin-left: 5px;
border-top-right-radius: 6px; margin-bottom: 0;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
} }
.btn-group .btn:hover, .tooltip {
.btn-group .btn:focus, position: absolute;
.btn-group .btn:active, z-index: 1020;
.btn-group .btn.active { display: block;
z-index: 2; visibility: visible;
padding: 5px;
font-size: 11px;
opacity: 0;
filter: alpha(opacity=0);
} }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { .tooltip.in {
outline: 0; opacity: 0.8;
filter: alpha(opacity=80);
} }
.btn-group .dropdown-toggle { .tooltip.top {
padding-left: 8px; margin-top: -2px;
padding-right: 8px;
-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.open { .tooltip.right {
*z-index: 1000; margin-left: 2px;
} }
.btn-group.open .dropdown-menu { .tooltip.bottom {
display: block; margin-top: 2px;
margin-top: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} }
.btn-group.open .dropdown-toggle { .tooltip.left {
background-image: none; margin-left: -2px;
-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
} }
.btn .caret { .tooltip.top .tooltip-arrow {
margin-top: 7px; bottom: 0;
margin-left: 0; left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
} }
.btn:hover .caret, .open.btn-group .caret { .tooltip.left .tooltip-arrow {
opacity: 1; top: 50%;
filter: alpha(opacity=100); right: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000000;
} }
.primary .caret, .tooltip.bottom .tooltip-arrow {
.danger .caret, top: 0;
.info .caret, left: 50%;
.success .caret { margin-left: -5px;
border-top-color: #ffffff; border-left: 5px solid transparent;
opacity: 0.75; border-right: 5px solid transparent;
filter: alpha(opacity=75); border-bottom: 5px solid #000000;
} }
.btn.small .caret { .tooltip.right .tooltip-arrow {
margin-top: 4px; top: 50%;
left: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000000;
} }
.alert { .tooltip-inner {
padding: 8px 35px 8px 14px; max-width: 200px;
margin-bottom: 18px; padding: 3px 8px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #ffffff;
background-color: #fcf8e3; text-align: center;
border: 1px solid #fbeed5; text-decoration: none;
background-color: #000000;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
} }
.alert, .alert-heading { .tooltip-arrow {
color: #c09853; position: absolute;
width: 0;
height: 0;
} }
.alert .close { .popover {
position: relative; position: absolute;
right: -21px; top: 0;
line-height: 18px; left: 0;
z-index: 1010;
display: none;
padding: 5px;
} }
.alert-success { .popover.top {
background-color: #dff0d8; margin-top: -5px;
border-color: #d6e9c6;
} }
.alert-success, .alert-success .alert-heading { .popover.right {
color: #468847; margin-left: 5px;
} }
.alert-danger, .alert-error { .popover.bottom {
background-color: #f2dede; margin-top: 5px;
border-color: #eed3d7;
} }
.alert-danger, .popover.left {
.alert-error, margin-left: -5px;
.alert-danger .alert-heading,
.alert-error .alert-heading {
color: #b94a48;
} }
.alert-info { .popover.top .arrow {
background-color: #d9edf7; bottom: 0;
border-color: #bce8f1; left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
} }
.alert-info, .alert-info .alert-heading { .popover.right .arrow {
color: #3a87ad; top: 50%;
left: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000000;
} }
.alert-block { .popover.bottom .arrow {
padding-top: 14px; top: 0;
padding-bottom: 14px; left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000000;
} }
.alert-block > p, .alert-block > ul { .popover.left .arrow {
margin-bottom: 0; top: 50%;
right: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000000;
} }
.alert-block p + p { .popover .arrow {
margin-top: 5px; position: absolute;
width: 0;
height: 0;
}
.popover .inner {
padding: 3px;
width: 280px;
overflow: hidden;
background: #000000;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover .title {
padding: 9px 15px;
line-height: 1;
background-color: #f5f5f5;
border-bottom: 1px solid #eee;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.popover .content {
padding: 14px;
background-color: #ffffff;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.popover .content p, .popover .content ul, .popover .content ol {
margin-bottom: 0;
} }
.thumbnails { .thumbnails {
margin-left: -20px; margin-left: -20px;
......
docs/base-css.html
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class=""> <li class="">
......
docs/components.html
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class=""> <li class="">
......
docs/download.html
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class=""> <li class="">
......
docs/examples.html
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class=""> <li class="">
......
docs/index.html
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class="active"> <li class="active">
......
docs/javascript.html
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class=""> <li class="">
......
docs/less.html
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class=""> <li class="">
......
docs/scaffolding.html
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class=""> <li class="">
......
docs/templates/layout.mustache
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class="{{index}}"> <li class="{{index}}">
......
docs/upgrading.html
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="btn btn-navbar">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
<a class="brand" href="./index.html">Bootstrap</a> <a class="brand" href="./index.html">Bootstrap</a>
<ul class="nav"> <ul class="nav">
<li class=""> <li class="">
......
less/bootstrap.less
View file @ ea1c21d6
...@@ -33,6 +33,11 @@ ...@@ -33,6 +33,11 @@
@import "component-animations.less"; @import "component-animations.less";
@import "close.less"; @import "close.less";
// Components: Buttons & Alerts
@import "buttons.less";
@import "button-groups.less";
@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
// Components: Nav // Components: Nav
@import "navs.less"; @import "navs.less";
@import "navbar.less"; @import "navbar.less";
...@@ -45,11 +50,6 @@ ...@@ -45,11 +50,6 @@
@import "tooltip.less"; @import "tooltip.less";
@import "popovers.less"; @import "popovers.less";
// Components: Buttons & Alerts
@import "buttons.less";
@import "button-groups.less";
@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
// Components: Misc // Components: Misc
@import "thumbnails.less"; @import "thumbnails.less";
@import "labels.less"; @import "labels.less";
......
less/forms.less
View file @ ea1c21d6
...@@ -86,7 +86,7 @@ input[type="radio"] { ...@@ -86,7 +86,7 @@ input[type="radio"] {
line-height: normal; line-height: normal;
border: 0; border: 0;
cursor: pointer; cursor: pointer;
border-radius: 0 e("\0/"); border-radius: 0 e("\0/"); // Nuke border-radius for IE9 only
} }
// Reset the file input to browser defaults // Reset the file input to browser defaults
...@@ -169,6 +169,7 @@ input[type="hidden"] { ...@@ -169,6 +169,7 @@ input[type="hidden"] {
.checkbox.inline { .checkbox.inline {
display: inline-block; display: inline-block;
margin-bottom: 0; margin-bottom: 0;
vertical-align: middle;
} }
.radio.inline + .radio.inline, .radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline { .checkbox.inline + .checkbox.inline {
......
less/navbar.less
View file @ ea1c21d6
...@@ -16,6 +16,29 @@ ...@@ -16,6 +16,29 @@
.box-shadow(@shadow); .box-shadow(@shadow);
} }
// Navbar button for toggling navbar items in responsive layouts
.btn-navbar {
display: none;
float: right;
padding: 7px 10px;
margin-left: 10px;
margin-right: 10px;
.buttonBackground(@navbarBackgroundHighlight, @navbarBackground);
@shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
.box-shadow(@shadow);
}
.btn-navbar .i-bar {
display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
.border-radius(1px);
.box-shadow(0 1px 0 rgba(0,0,0,.25));
}
.btn-navbar .i-bar + .i-bar {
margin-top: 3px;
}
// Brand, links, text, and buttons // Brand, links, text, and buttons
.navbar { .navbar {
// Hover and active states // Hover and active states
...@@ -63,6 +86,15 @@ ...@@ -63,6 +86,15 @@
margin-top: 5px; margin-top: 5px;
margin-bottom: 0; margin-bottom: 0;
} }
.radio,
.checkbox {
margin-top: 5px;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
margin-top: 3px;
}
} }
// Navbar search // Navbar search
......
less/responsive.less
View file @ ea1c21d6
...@@ -127,6 +127,11 @@ ...@@ -127,6 +127,11 @@
margin: 0; margin: 0;
} }
// Navbar button
.btn-navbar {
display: block;
}
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment