Skip to content

B
bootstrap
Commit f891f91b authored by Mark Otto's avatar Mark Otto
Browse files
Options

Reorder bootstrap.less to match docs oder

parent 811120ff
Show whitespace changes
Inline Side-by-side
Showing with 1255 additions and 1259 deletions
dist/css/bootstrap.css
View file @ f891f91b
...@@ -2317,160 +2317,6 @@ input[type="button"].btn-block { ...@@ -2317,160 +2317,6 @@ input[type="button"].btn-block {
transition: height 0.35s ease; transition: height 0.35s ease;
} }
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group.col {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
width: 100%;
margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 45px;
line-height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -4px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
z-index: 2;
}
.caret { .caret {
display: inline-block; display: inline-block;
width: 0; width: 0;
...@@ -2610,332 +2456,430 @@ textarea.input-group-sm > .input-group-btn > .btn { ...@@ -2610,332 +2456,430 @@ textarea.input-group-sm > .input-group-btn > .btn {
margin-bottom: 1px; margin-bottom: 1px;
} }
.list-group { .btn-default .caret {
padding-left: 0; border-top-color: #333333;
margin-bottom: 20px;
} }
.list-group-item { .btn-primary .caret,
position: relative; .btn-success .caret,
display: block; .btn-warning .caret,
padding: 10px 15px; .btn-danger .caret,
margin-bottom: -1px; .btn-info .caret {
background-color: #ffffff; border-top-color: #fff;
border: 1px solid #dddddd;
} }
.list-group-item:first-child { .dropup .btn-default .caret {
border-top-right-radius: 4px; border-bottom-color: #333333;
border-top-left-radius: 4px;
} }
.list-group-item:last-child { .dropup .btn-primary .caret,
margin-bottom: 0; .dropup .btn-success .caret,
border-bottom-right-radius: 4px; .dropup .btn-warning .caret,
border-bottom-left-radius: 4px; .dropup .btn-danger .caret,
.dropup .btn-info .caret {
border-bottom-color: #fff;
} }
.list-group-item > .badge { .btn-group,
float: right; .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
} }
.list-group-item > .badge + .badge { .btn-group > .btn,
margin-right: 5px; .btn-group-vertical > .btn {
position: relative;
float: left;
} }
a.list-group-item { .btn-group > .btn:hover,
color: #555555; .btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
} }
a.list-group-item .list-group-item-heading { .btn-group > .btn:focus,
color: #333333; .btn-group-vertical > .btn:focus {
outline: none;
} }
a.list-group-item:hover, .btn-group .btn + .btn,
a.list-group-item:focus { .btn-group .btn + .btn-group,
text-decoration: none; .btn-group .btn-group + .btn,
background-color: #f5f5f5; .btn-group .btn-group + .btn-group {
margin-left: -1px;
} }
.list-group-item.active, .btn-toolbar:before,
.list-group-item.active:hover, .btn-toolbar:after {
.list-group-item.active:focus { display: table;
z-index: 2; content: " ";
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
} }
.list-group-item.active .list-group-item-heading, .btn-toolbar:after {
.list-group-item.active:hover .list-group-item-heading, clear: both;
.list-group-item.active:focus .list-group-item-heading {
color: inherit;
} }
.list-group-item.active .list-group-item-text, .btn-toolbar:before,
.list-group-item.active:hover .list-group-item-text, .btn-toolbar:after {
.list-group-item.active:focus .list-group-item-text { display: table;
color: #e1edf7; content: " ";
} }
.list-group-item-heading { .btn-toolbar:after {
margin-top: 0; clear: both;
margin-bottom: 5px;
} }
.list-group-item-text { .btn-toolbar .btn-group {
margin-bottom: 0; float: left;
line-height: 1.3;
} }
.panel { .btn-toolbar > .btn + .btn,
margin-bottom: 20px; .btn-toolbar > .btn-group + .btn,
background-color: #ffffff; .btn-toolbar > .btn + .btn-group,
border: 1px solid #dddddd; .btn-toolbar > .btn-group + .btn-group {
border-radius: 4px; margin-left: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
} }
.panel-body { .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
padding: 15px; border-radius: 0;
} }
.panel-body:before, .btn-group > .btn:first-child {
.panel-body:after { margin-left: 0;
display: table;
content: " ";
} }
.panel-body:after { .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
clear: both; border-top-right-radius: 0;
border-bottom-right-radius: 0;
} }
.panel-body:before, .btn-group > .btn:last-child:not(:first-child),
.panel-body:after { .btn-group > .dropdown-toggle:not(:first-child) {
display: table; border-bottom-left-radius: 0;
content: " "; border-top-left-radius: 0;
} }
.panel-body:after { .btn-group > .btn-group {
clear: both; float: left;
} }
.panel > .list-group { .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
margin-bottom: 0; border-radius: 0;
} }
.panel > .list-group .list-group-item { .btn-group > .btn-group:first-child > .btn:last-child,
border-width: 1px 0; .btn-group > .btn-group:first-child > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} }
.panel > .list-group .list-group-item:first-child { .btn-group > .btn-group:last-child > .btn:first-child {
border-top-right-radius: 0; border-bottom-left-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
} }
.panel > .list-group .list-group-item:last-child { .btn-group .dropdown-toggle:active,
border-bottom: 0; .btn-group.open .dropdown-toggle {
outline: 0;
} }
.panel-heading + .list-group .list-group-item:first-child { .btn-group-xs > .btn {
border-top-width: 0; padding: 5px 10px;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
} }
.panel-heading { .btn-group-sm > .btn {
padding: 10px 15px; padding: 5px 10px;
background-color: #f5f5f5; font-size: 12px;
border-bottom: 1px solid #dddddd; line-height: 1.5;
border-top-right-radius: 3px; border-radius: 3px;
border-top-left-radius: 3px;
} }
.panel-title { .btn-group-lg > .btn {
margin-top: 0; padding: 10px 16px;
margin-bottom: 0; font-size: 18px;
font-size: 16px; line-height: 1.33;
border-radius: 6px;
} }
.panel-title > a { .btn-group > .btn + .dropdown-toggle {
color: inherit; padding-right: 8px;
padding-left: 8px;
} }
.panel-footer { .btn-group > .btn-lg + .dropdown-toggle {
padding: 10px 15px; padding-right: 12px;
background-color: #f5f5f5; padding-left: 12px;
border-top: 1px solid #dddddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
} }
.panel-group .panel { .btn-group.open .dropdown-toggle {
margin-bottom: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
overflow: hidden; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
border-radius: 4px;
} }
.panel-group .panel + .panel { .btn .caret {
margin-top: 5px; margin-left: 0;
} }
.panel-group .panel-heading { .btn-lg .caret {
border-bottom: 0; border-width: 5px;
} }
.panel-group .panel-heading + .panel-collapse .panel-body { .dropup .btn-lg .caret {
border-top: 1px solid #dddddd; border-bottom-width: 5px;
} }
.panel-group .panel-footer { .btn-group-vertical > .btn,
border-top: 0; .btn-group-vertical > .btn-group {
display: block;
float: none;
width: 100%;
max-width: 100%;
} }
.panel-group .panel-footer + .panel-collapse .panel-body { .btn-group-vertical > .btn-group:before,
border-bottom: 1px solid #dddddd; .btn-group-vertical > .btn-group:after {
display: table;
content: " ";
} }
.panel-primary { .btn-group-vertical > .btn-group:after {
border-color: #428bca; clear: both;
} }
.panel-primary > .panel-heading { .btn-group-vertical > .btn-group:before,
color: #ffffff; .btn-group-vertical > .btn-group:after {
background-color: #428bca; display: table;
border-color: #428bca; content: " ";
} }
.panel-primary > .panel-heading + .panel-collapse .panel-body { .btn-group-vertical > .btn-group:after {
border-top-color: #428bca; clear: both;
} }
.panel-primary > .panel-footer + .panel-collapse .panel-body { .btn-group-vertical > .btn-group > .btn {
border-bottom-color: #428bca; float: none;
} }
.panel-success { .btn-group-vertical > .btn + .btn,
border-color: #d6e9c6; .btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
} }
.panel-success > .panel-heading { .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
color: #468847; border-radius: 0;
background-color: #dff0d8;
border-color: #d6e9c6;
} }
.panel-success > .panel-heading + .panel-collapse .panel-body { .btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-color: #d6e9c6; border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
} }
.panel-success > .panel-footer + .panel-collapse .panel-body { .btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-color: #d6e9c6; border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 0;
} }
.panel-warning { .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-color: #fbeed5; border-radius: 0;
} }
.panel-warning > .panel-heading { .btn-group-vertical > .btn-group:first-child > .btn:last-child,
color: #c09853; .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
background-color: #fcf8e3; border-bottom-right-radius: 0;
border-color: #fbeed5; border-bottom-left-radius: 0;
} }
.panel-warning > .panel-heading + .panel-collapse .panel-body { .btn-group-vertical > .btn-group:last-child > .btn:first-child {
border-top-color: #fbeed5; border-top-right-radius: 0;
border-top-left-radius: 0;
} }
.panel-warning > .panel-footer + .panel-collapse .panel-body { .btn-group-justified {
border-bottom-color: #fbeed5; display: table;
width: 100%;
border-collapse: separate;
table-layout: fixed;
} }
.panel-danger { .btn-group-justified .btn {
border-color: #eed3d7; display: table-cell;
float: none;
width: 1%;
} }
.panel-danger > .panel-heading { [data-toggle="buttons"] > .btn > input[type="radio"],
color: #b94a48; [data-toggle="buttons"] > .btn > input[type="checkbox"] {
background-color: #f2dede; display: none;
border-color: #eed3d7;
} }
.panel-danger > .panel-heading + .panel-collapse .panel-body { .input-group {
border-top-color: #eed3d7; position: relative;
display: table;
border-collapse: separate;
} }
.panel-danger > .panel-footer + .panel-collapse .panel-body { .input-group.col {
border-bottom-color: #eed3d7; float: none;
padding-right: 0;
padding-left: 0;
} }
.panel-info { .input-group .form-control {
border-color: #bce8f1; width: 100%;
margin-bottom: 0;
} }
.panel-info > .panel-heading { .input-group-lg > .form-control,
color: #3a87ad; .input-group-lg > .input-group-addon,
background-color: #d9edf7; .input-group-lg > .input-group-btn > .btn {
border-color: #bce8f1; height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
} }
.panel-info > .panel-heading + .panel-collapse .panel-body { select.input-group-lg > .form-control,
border-top-color: #bce8f1; select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 45px;
line-height: 45px;
} }
.panel-info > .panel-footer + .panel-collapse .panel-body { textarea.input-group-lg > .form-control,
border-bottom-color: #bce8f1; textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
height: auto;
} }
.well { .input-group-sm > .form-control,
min-height: 20px; .input-group-sm > .input-group-addon,
padding: 19px; .input-group-sm > .input-group-btn > .btn {
margin-bottom: 20px; height: 30px;
background-color: #f5f5f5; padding: 5px 10px;
border: 1px solid #e3e3e3; font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
} }
.well blockquote { .input-group-addon.input-sm {
border-color: #ddd; padding: 5px 10px;
border-color: rgba(0, 0, 0, 0.15); font-size: 12px;
border-radius: 3px;
} }
.well-lg { .input-group-addon.input-lg {
padding: 24px; padding: 10px 16px;
font-size: 18px;
border-radius: 6px; border-radius: 6px;
} }
.well-sm { .input-group-addon input[type="radio"],
padding: 9px; .input-group-addon input[type="checkbox"] {
border-radius: 3px; margin-top: 0;
} }
.close { .input-group .form-control:first-child,
float: right; .input-group-addon:first-child,
font-size: 21px; .input-group-btn:first-child > .btn,
font-weight: bold; .input-group-btn:first-child > .dropdown-toggle,
line-height: 1; .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
color: #000000; border-top-right-radius: 0;
text-shadow: 0 1px 0 #ffffff; border-bottom-right-radius: 0;
opacity: 0.2;
filter: alpha(opacity=20);
} }
.close:hover, .input-group-addon:first-child {
.close:focus { border-right: 0;
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
} }
button.close { .input-group .form-control:last-child,
padding: 0; .input-group-addon:last-child,
cursor: pointer; .input-group-btn:last-child > .btn,
background: transparent; .input-group-btn:last-child > .dropdown-toggle,
border: 0; .input-group-btn:first-child > .btn:not(:first-child) {
-webkit-appearance: none; border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -4px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
z-index: 2;
} }
.nav { .nav {
...@@ -3730,1264 +3674,1357 @@ button.close { ...@@ -3730,1264 +3674,1357 @@ button.close {
color: #ffffff; color: #ffffff;
} }
.btn-default .caret { .breadcrumb {
border-top-color: #333333; padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
} }
.btn-primary .caret, .breadcrumb > li {
.btn-success .caret, display: inline-block;
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
border-top-color: #fff;
} }
.dropup .btn-default .caret { .breadcrumb > li + li:before {
border-bottom-color: #333333; padding: 0 5px;
color: #cccccc;
content: "/\00a0";
} }
.dropup .btn-primary .caret, .breadcrumb > .active {
.dropup .btn-success .caret, color: #999999;
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
border-bottom-color: #fff;
} }
.btn-group, .pagination {
.btn-group-vertical {
position: relative;
display: inline-block; display: inline-block;
vertical-align: middle; padding-left: 0;
margin: 20px 0;
border-radius: 4px;
} }
.btn-group > .btn, .pagination > li {
.btn-group-vertical > .btn { display: inline;
position: relative;
float: left;
} }
.btn-group > .btn:hover, .pagination > li > a,
.btn-group-vertical > .btn:hover, .pagination > li > span {
.btn-group > .btn:focus, position: relative;
.btn-group-vertical > .btn:focus, float: left;
.btn-group > .btn:active, padding: 6px 12px;
.btn-group-vertical > .btn:active, margin-left: -1px;
.btn-group > .btn.active, line-height: 1.428571429;
.btn-group-vertical > .btn.active { text-decoration: none;
z-index: 2; background-color: #ffffff;
border: 1px solid #dddddd;
} }
.btn-group > .btn:focus, .pagination > li:first-child > a,
.btn-group-vertical > .btn:focus { .pagination > li:first-child > span {
outline: none; margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
} }
.btn-group .btn + .btn, .pagination > li:last-child > a,
.btn-group .btn + .btn-group, .pagination > li:last-child > span {
.btn-group .btn-group + .btn, border-top-right-radius: 4px;
.btn-group .btn-group + .btn-group { border-bottom-right-radius: 4px;
margin-left: -1px;
} }
.btn-toolbar:before, .pagination > li > a:hover,
.btn-toolbar:after { .pagination > li > span:hover,
display: table; .pagination > li > a:focus,
content: " "; .pagination > li > span:focus {
background-color: #eeeeee;
} }
.btn-toolbar:after { .pagination > .active > a,
clear: both; .pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
cursor: default;
background-color: #428bca;
border-color: #428bca;
} }
.btn-toolbar:before, .pagination > .disabled > span,
.btn-toolbar:after { .pagination > .disabled > a,
display: table; .pagination > .disabled > a:hover,
content: " "; .pagination > .disabled > a:focus {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
border-color: #dddddd;
} }
.btn-toolbar:after { .pagination-lg > li > a,
clear: both; .pagination-lg > li > span {
} padding: 10px 16px;
font-size: 18px;
.btn-toolbar .btn-group {
float: left;
} }
.btn-toolbar > .btn + .btn, .pagination-lg > li:first-child > a,
.btn-toolbar > .btn-group + .btn, .pagination-lg > li:first-child > span {
.btn-toolbar > .btn + .btn-group, border-bottom-left-radius: 6px;
.btn-toolbar > .btn-group + .btn-group { border-top-left-radius: 6px;
margin-left: 5px;
} }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { .pagination-lg > li:last-child > a,
border-radius: 0; .pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
} }
.btn-group > .btn:first-child { .pagination-sm > li > a,
margin-left: 0; .pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
} }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { .pagination-sm > li:first-child > a,
border-top-right-radius: 0; .pagination-sm > li:first-child > span {
border-bottom-right-radius: 0; border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
} }
.btn-group > .btn:last-child:not(:first-child), .pagination-sm > li:last-child > a,
.btn-group > .dropdown-toggle:not(:first-child) { .pagination-sm > li:last-child > span {
border-bottom-left-radius: 0; border-top-right-radius: 3px;
border-top-left-radius: 0; border-bottom-right-radius: 3px;
} }
.btn-group > .btn-group { .pager {
float: left; padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
} }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { .pager:before,
border-radius: 0; .pager:after {
display: table;
content: " ";
} }
.btn-group > .btn-group:first-child > .btn:last-child, .pager:after {
.btn-group > .btn-group:first-child > .dropdown-toggle { clear: both;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} }
.btn-group > .btn-group:last-child > .btn:first-child { .pager:before,
border-bottom-left-radius: 0; .pager:after {
border-top-left-radius: 0; display: table;
content: " ";
} }
.btn-group .dropdown-toggle:active, .pager:after {
.btn-group.open .dropdown-toggle { clear: both;
outline: 0;
} }
.btn-group-xs > .btn { .pager li {
padding: 5px 10px; display: inline;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
} }
.btn-group-sm > .btn { .pager li > a,
padding: 5px 10px; .pager li > span {
font-size: 12px; display: inline-block;
line-height: 1.5; padding: 5px 14px;
border-radius: 3px; background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 15px;
} }
.btn-group-lg > .btn { .pager li > a:hover,
padding: 10px 16px; .pager li > a:focus {
font-size: 18px; text-decoration: none;
line-height: 1.33; background-color: #eeeeee;
border-radius: 6px;
} }
.btn-group > .btn + .dropdown-toggle { .pager .next > a,
padding-right: 8px; .pager .next > span {
padding-left: 8px; float: right;
} }
.btn-group > .btn-lg + .dropdown-toggle { .pager .previous > a,
padding-right: 12px; .pager .previous > span {
padding-left: 12px; float: left;
} }
.btn-group.open .dropdown-toggle { .pager .disabled > a,
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); .pager .disabled > a:hover,
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); .pager .disabled > a:focus,
.pager .disabled > span {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
} }
.btn .caret { .label {
margin-left: 0; display: inline;
padding: .25em .6em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
} }
.btn-lg .caret { .label[href]:hover,
border-width: 5px; .label[href]:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
} }
.dropup .btn-lg .caret { .label:empty {
border-bottom-width: 5px; display: none;
} }
.btn-group-vertical > .btn, .label-default {
.btn-group-vertical > .btn-group { background-color: #999999;
display: block;
float: none;
width: 100%;
max-width: 100%;
} }
.btn-group-vertical > .btn-group:before, .label-default[href]:hover,
.btn-group-vertical > .btn-group:after { .label-default[href]:focus {
display: table; background-color: #808080;
content: " ";
} }
.btn-group-vertical > .btn-group:after { .label-primary {
clear: both; background-color: #428bca;
} }
.btn-group-vertical > .btn-group:before, .label-primary[href]:hover,
.btn-group-vertical > .btn-group:after { .label-primary[href]:focus {
display: table; background-color: #3071a9;
content: " ";
} }
.btn-group-vertical > .btn-group:after { .label-success {
clear: both; background-color: #5cb85c;
} }
.btn-group-vertical > .btn-group > .btn { .label-success[href]:hover,
float: none; .label-success[href]:focus {
background-color: #449d44;
} }
.btn-group-vertical > .btn + .btn, .label-info {
.btn-group-vertical > .btn + .btn-group, background-color: #5bc0de;
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
} }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { .label-info[href]:hover,
border-radius: 0; .label-info[href]:focus {
background-color: #31b0d5;
} }
.btn-group-vertical > .btn:first-child:not(:last-child) { .label-warning {
border-top-right-radius: 4px; background-color: #f0ad4e;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
} }
.btn-group-vertical > .btn:last-child:not(:first-child) { .label-warning[href]:hover,
border-top-right-radius: 0; .label-warning[href]:focus {
border-bottom-left-radius: 4px; background-color: #ec971f;
border-top-left-radius: 0;
} }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { .label-danger {
border-radius: 0; background-color: #d9534f;
} }
.btn-group-vertical > .btn-group:first-child > .btn:last-child, .label-danger[href]:hover,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle { .label-danger[href]:focus {
border-bottom-right-radius: 0; background-color: #c9302c;
border-bottom-left-radius: 0;
} }
.btn-group-vertical > .btn-group:last-child > .btn:first-child { .badge {
border-top-right-radius: 0; display: inline-block;
border-top-left-radius: 0; min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #999999;
border-radius: 10px;
} }
.btn-group-justified { .badge:empty {
display: table; display: none;
width: 100%;
border-collapse: separate;
table-layout: fixed;
} }
.btn-group-justified .btn { a.badge:hover,
display: table-cell; a.badge:focus {
float: none; color: #ffffff;
width: 1%; text-decoration: none;
cursor: pointer;
} }
[data-toggle="buttons"] > .btn > input[type="radio"], .btn .badge {
[data-toggle="buttons"] > .btn > input[type="checkbox"] { position: relative;
display: none; top: -1px;
} }
.breadcrumb { a.list-group-item.active > .badge,
padding: 8px 15px; .nav-pills > .active > a > .badge {
margin-bottom: 20px; color: #428bca;
list-style: none; background-color: #ffffff;
background-color: #f5f5f5;
border-radius: 4px;
} }
.breadcrumb > li { .nav-pills > li > a > .badge {
display: inline-block; margin-left: 3px;
} }
.breadcrumb > li + li:before { .jumbotron {
padding: 0 5px; padding: 30px;
color: #cccccc; margin-bottom: 30px;
content: "/\00a0"; font-size: 21px;
font-weight: 200;
line-height: 2.1428571435;
color: inherit;
background-color: #eeeeee;
} }
.breadcrumb > .active { .jumbotron h1 {
color: #999999; line-height: 1;
color: inherit;
} }
.pagination { .jumbotron p {
display: inline-block; line-height: 1.4;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
} }
.pagination > li { .container .jumbotron {
display: inline; border-radius: 6px;
} }
.pagination > li > a, @media screen and (min-width: 768px) {
.pagination > li > span { .jumbotron {
position: relative; padding-top: 50px;
float: left; padding-bottom: 50px;
padding: 6px 12px; }
margin-left: -1px; .container .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1 {
font-size: 63px;
}
}
.thumbnail,
.img-thumbnail {
padding: 4px;
line-height: 1.428571429; line-height: 1.428571429;
text-decoration: none;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dddddd; border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} }
.pagination > li:first-child > a, .thumbnail {
.pagination > li:first-child > span { display: block;
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
} }
.pagination > li:last-child > a, .thumbnail > img {
.pagination > li:last-child > span { display: block;
border-top-right-radius: 4px; height: auto;
border-bottom-right-radius: 4px; max-width: 100%;
} }
.pagination > li > a:hover, .img-thumbnail {
.pagination > li > span:hover, display: inline-block;
.pagination > li > a:focus, height: auto;
.pagination > li > span:focus { max-width: 100%;
background-color: #eeeeee;
} }
.pagination > .active > a, a.thumbnail:hover,
.pagination > .active > span, a.thumbnail:focus {
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
cursor: default;
background-color: #428bca;
border-color: #428bca; border-color: #428bca;
} }
.pagination > .disabled > span, .thumbnail > img {
.pagination > .disabled > a, margin-right: auto;
.pagination > .disabled > a:hover, margin-left: auto;
.pagination > .disabled > a:focus {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
border-color: #dddddd;
} }
.pagination-lg > li > a, .thumbnail .caption {
.pagination-lg > li > span { padding: 9px;
padding: 10px 16px; color: #333333;
font-size: 18px;
} }
.pagination-lg > li:first-child > a, .alert {
.pagination-lg > li:first-child > span { padding: 15px;
border-bottom-left-radius: 6px; margin-bottom: 20px;
border-top-left-radius: 6px; color: #c09853;
background-color: #fcf8e3;
border: 1px solid #fbeed5;
border-radius: 4px;
} }
.pagination-lg > li:last-child > a, .alert h4 {
.pagination-lg > li:last-child > span { margin-top: 0;
border-top-right-radius: 6px; color: inherit;
border-bottom-right-radius: 6px;
} }
.pagination-sm > li > a, .alert hr {
.pagination-sm > li > span { border-top-color: #f8e5be;
padding: 5px 10px;
font-size: 12px;
} }
.pagination-sm > li:first-child > a, .alert .alert-link {
.pagination-sm > li:first-child > span { font-weight: bold;
border-bottom-left-radius: 3px; color: #a47e3c;
border-top-left-radius: 3px;
} }
.pagination-sm > li:last-child > a, .alert > p,
.pagination-sm > li:last-child > span { .alert > ul {
border-top-right-radius: 3px; margin-bottom: 0;
border-bottom-right-radius: 3px;
} }
.pager { .alert > p + p {
padding-left: 0; margin-top: 5px;
margin: 20px 0;
text-align: center;
list-style: none;
} }
.pager:before, .alert-dismissable {
.pager:after { padding-right: 35px;
display: table;
content: " ";
} }
.pager:after { .alert-dismissable .close {
clear: both; position: relative;
top: -2px;
right: -21px;
color: inherit;
} }
.pager:before, .alert-success {
.pager:after { color: #468847;
display: table; background-color: #dff0d8;
content: " "; border-color: #d6e9c6;
} }
.pager:after { .alert-success hr {
clear: both; border-top-color: #c9e2b3;
} }
.pager li { .alert-success .alert-link {
display: inline; color: #356635;
} }
.pager li > a, .alert-danger {
.pager li > span { color: #b94a48;
display: inline-block; background-color: #f2dede;
padding: 5px 14px; border-color: #eed3d7;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 15px;
} }
.pager li > a:hover, .alert-danger hr {
.pager li > a:focus { border-top-color: #e6c1c7;
text-decoration: none;
background-color: #eeeeee;
} }
.pager .next > a, .alert-danger .alert-link {
.pager .next > span { color: #953b39;
float: right;
} }
.pager .previous > a, .alert-info {
.pager .previous > span { color: #3a87ad;
float: left; background-color: #d9edf7;
border-color: #bce8f1;
} }
.pager .disabled > a, .alert-info hr {
.pager .disabled > a:hover, border-top-color: #a6e1ec;
.pager .disabled > a:focus,
.pager .disabled > span {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
} }
.modal-open { .alert-info .alert-link {
overflow: hidden; color: #2d6987;
} }
.modal { @-webkit-keyframes progress-bar-stripes {
position: fixed; from {
top: 0; background-position: 40px 0;
right: 0; }
bottom: 0; to {
left: 0; background-position: 0 0;
z-index: 1040; }
display: none; }
overflow: auto;
overflow-y: scroll;
}
.modal.fade .modal-dialog { @-moz-keyframes progress-bar-stripes {
-webkit-transform: translate(0, -25%); from {
-ms-transform: translate(0, -25%); background-position: 40px 0;
transform: translate(0, -25%); }
-webkit-transition: -webkit-transform 0.3s ease-out; to {
-moz-transition: -moz-transform 0.3s ease-out; background-position: 0 0;
-o-transition: -o-transform 0.3s ease-out; }
transition: transform 0.3s ease-out;
} }
.modal.in .modal-dialog { @-o-keyframes progress-bar-stripes {
-webkit-transform: translate(0, 0); from {
-ms-transform: translate(0, 0); background-position: 0 0;
transform: translate(0, 0); }
to {
background-position: 40px 0;
}
} }
.modal-dialog { @keyframes progress-bar-stripes {
z-index: 1050; from {
width: auto; background-position: 40px 0;
padding: 10px; }
margin-right: auto; to {
margin-left: auto; background-position: 0 0;
}
} }
.modal-content { .progress {
position: relative; height: 20px;
background-color: #ffffff; margin-bottom: 20px;
border: 1px solid #999999; overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.2); background-color: #f5f5f5;
border-radius: 6px; border-radius: 4px;
outline: none; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
} }
.modal-backdrop { .progress-bar {
position: fixed; float: left;
top: 0; width: 0;
right: 0; height: 100%;
bottom: 0; font-size: 12px;
left: 0; color: #ffffff;
z-index: 1030; text-align: center;
background-color: #000000; background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
} }
.modal-backdrop.fade { .progress-striped .progress-bar {
opacity: 0; 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));
filter: alpha(opacity=0); 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);
background-image: -moz-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);
background-size: 40px 40px;
} }
.modal-backdrop.in { .progress.active .progress-bar {
opacity: 0.5; -webkit-animation: progress-bar-stripes 2s linear infinite;
filter: alpha(opacity=50); -moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
} }
.modal-header { .progress-bar-success {
min-height: 16.428571429px; background-color: #5cb85c;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
} }
.modal-header .close { .progress-striped .progress-bar-success {
margin-top: -2px; 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);
background-image: -moz-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);
} }
.modal-title { .progress-bar-info {
margin: 0; background-color: #5bc0de;
line-height: 1.428571429;
} }
.modal-body { .progress-striped .progress-bar-info {
position: relative; 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));
padding: 20px; 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);
background-image: -moz-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);
} }
.modal-footer { .progress-bar-warning {
padding: 19px 20px 20px; background-color: #f0ad4e;
margin-top: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
} }
.modal-footer:before, .progress-striped .progress-bar-warning {
.modal-footer:after { 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));
display: table; 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);
content: " "; background-image: -moz-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);
} }
.modal-footer:after { .progress-bar-danger {
clear: both; background-color: #d9534f;
} }
.modal-footer:before, .progress-striped .progress-bar-danger {
.modal-footer:after { 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));
display: table; 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);
content: " "; background-image: -moz-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);
} }
.modal-footer:after { .media,
clear: both; .media-body {
overflow: hidden;
zoom: 1;
} }
.modal-footer .btn + .btn { .media,
margin-bottom: 0; .media .media {
margin-left: 5px; margin-top: 15px;
} }
.modal-footer .btn-group .btn + .btn { .media:first-child {
margin-left: -1px; margin-top: 0;
} }
.modal-footer .btn-block + .btn-block { .media-object {
margin-left: 0; display: block;
} }
@media screen and (min-width: 768px) { .media-heading {
.modal-dialog { margin: 0 0 5px;
right: auto;
left: 50%;
width: 600px;
padding-top: 30px;
padding-bottom: 30px;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
} }
.tooltip { .media > .pull-left {
position: absolute; margin-right: 10px;
z-index: 1030; }
.media > .pull-right {
margin-left: 10px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block; display: block;
font-size: 12px; padding: 10px 15px;
line-height: 1.4; margin-bottom: -1px;
opacity: 0; background-color: #ffffff;
filter: alpha(opacity=0); border: 1px solid #dddddd;
visibility: visible;
} }
.tooltip.in { .list-group-item:first-child {
opacity: 0.9; border-top-right-radius: 4px;
filter: alpha(opacity=90); border-top-left-radius: 4px;
} }
.tooltip.top { .list-group-item:last-child {
padding: 5px 0; margin-bottom: 0;
margin-top: -3px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
} }
.tooltip.right { .list-group-item > .badge {
padding: 0 5px; float: right;
margin-left: 3px;
} }
.tooltip.bottom { .list-group-item > .badge + .badge {
padding: 5px 0; margin-right: 5px;
margin-top: 3px;
} }
.tooltip.left { a.list-group-item {
padding: 0 5px; color: #555555;
margin-left: -3px;
} }
.tooltip-inner { a.list-group-item .list-group-item-heading {
max-width: 200px; color: #333333;
padding: 3px 8px; }
color: #ffffff;
text-align: center; a.list-group-item:hover,
a.list-group-item:focus {
text-decoration: none; text-decoration: none;
background-color: #000000; background-color: #f5f5f5;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #e1edf7;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
} }
.tooltip-arrow { .panel-body {
position: absolute; padding: 15px;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
} }
.tooltip.top .tooltip-arrow { .panel-body:before,
bottom: 0; .panel-body:after {
left: 50%; display: table;
margin-left: -5px; content: " ";
border-top-color: #000000;
border-width: 5px 5px 0;
} }
.tooltip.top-left .tooltip-arrow { .panel-body:after {
bottom: 0; clear: both;
left: 5px;
border-top-color: #000000;
border-width: 5px 5px 0;
} }
.tooltip.top-right .tooltip-arrow { .panel-body:before,
right: 5px; .panel-body:after {
bottom: 0; display: table;
border-top-color: #000000; content: " ";
border-width: 5px 5px 0;
} }
.tooltip.right .tooltip-arrow { .panel-body:after {
top: 50%; clear: both;
left: 0;
margin-top: -5px;
border-right-color: #000000;
border-width: 5px 5px 5px 0;
} }
.tooltip.left .tooltip-arrow { .panel > .list-group {
top: 50%; margin-bottom: 0;
right: 0;
margin-top: -5px;
border-left-color: #000000;
border-width: 5px 0 5px 5px;
} }
.tooltip.bottom .tooltip-arrow { .panel > .list-group .list-group-item {
top: 0; border-width: 1px 0;
left: 50%;
margin-left: -5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
} }
.tooltip.bottom-left .tooltip-arrow { .panel > .list-group .list-group-item:first-child {
top: 0; border-top-right-radius: 0;
left: 5px; border-top-left-radius: 0;
border-bottom-color: #000000;
border-width: 0 5px 5px;
} }
.tooltip.bottom-right .tooltip-arrow { .panel > .list-group .list-group-item:last-child {
top: 0; border-bottom: 0;
right: 5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
} }
.popover { .panel-heading + .list-group .list-group-item:first-child {
position: absolute; border-top-width: 0;
top: 0; }
left: 0;
z-index: 1010; .panel-heading {
display: none; padding: 10px 15px;
max-width: 276px; background-color: #f5f5f5;
padding: 1px; border-bottom: 1px solid #dddddd;
text-align: left; border-top-right-radius: 3px;
white-space: normal; border-top-left-radius: 3px;
background-color: #ffffff; }
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2); .panel-title {
border-radius: 6px; margin-top: 0;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin-bottom: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); font-size: 16px;
background-clip: padding-box; }
.panel-title > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #dddddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-group .panel {
margin-bottom: 0;
overflow: hidden;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
} }
.popover.top { .panel-group .panel-heading {
margin-top: -10px; border-bottom: 0;
} }
.popover.right { .panel-group .panel-heading + .panel-collapse .panel-body {
margin-left: 10px; border-top: 1px solid #dddddd;
} }
.popover.bottom { .panel-group .panel-footer {
margin-top: 10px; border-top: 0;
} }
.popover.left { .panel-group .panel-footer + .panel-collapse .panel-body {
margin-left: -10px; border-bottom: 1px solid #dddddd;
} }
.popover-title { .panel-primary {
padding: 8px 14px; border-color: #428bca;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
} }
.popover-content { .panel-primary > .panel-heading {
padding: 9px 14px; color: #ffffff;
background-color: #428bca;
border-color: #428bca;
} }
.popover .arrow, .panel-primary > .panel-heading + .panel-collapse .panel-body {
.popover .arrow:after { border-top-color: #428bca;
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
} }
.popover .arrow { .panel-primary > .panel-footer + .panel-collapse .panel-body {
border-width: 11px; border-bottom-color: #428bca;
} }
.popover .arrow:after { .panel-success {
border-width: 10px; border-color: #d6e9c6;
content: "";
} }
.popover.top .arrow { .panel-success > .panel-heading {
bottom: -11px; color: #468847;
left: 50%; background-color: #dff0d8;
margin-left: -11px; border-color: #d6e9c6;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
} }
.popover.top .arrow:after { .panel-success > .panel-heading + .panel-collapse .panel-body {
bottom: 1px; border-top-color: #d6e9c6;
margin-left: -10px;
border-top-color: #ffffff;
border-bottom-width: 0;
content: " ";
} }
.popover.right .arrow { .panel-success > .panel-footer + .panel-collapse .panel-body {
top: 50%; border-bottom-color: #d6e9c6;
left: -11px;
margin-top: -11px;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
} }
.popover.right .arrow:after { .panel-warning {
bottom: -10px; border-color: #fbeed5;
left: 1px;
border-right-color: #ffffff;
border-left-width: 0;
content: " ";
} }
.popover.bottom .arrow { .panel-warning > .panel-heading {
top: -11px; color: #c09853;
left: 50%; background-color: #fcf8e3;
margin-left: -11px; border-color: #fbeed5;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0;
} }
.popover.bottom .arrow:after { .panel-warning > .panel-heading + .panel-collapse .panel-body {
top: 1px; border-top-color: #fbeed5;
margin-left: -10px;
border-bottom-color: #ffffff;
border-top-width: 0;
content: " ";
} }
.popover.left .arrow { .panel-warning > .panel-footer + .panel-collapse .panel-body {
top: 50%; border-bottom-color: #fbeed5;
right: -11px;
margin-top: -11px;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
border-right-width: 0;
} }
.popover.left .arrow:after { .panel-danger {
right: 1px; border-color: #eed3d7;
bottom: -10px;
border-left-color: #ffffff;
border-right-width: 0;
content: " ";
} }
.alert { .panel-danger > .panel-heading {
padding: 15px; color: #b94a48;
margin-bottom: 20px; background-color: #f2dede;
color: #c09853; border-color: #eed3d7;
background-color: #fcf8e3;
border: 1px solid #fbeed5;
border-radius: 4px;
} }
.alert h4 { .panel-danger > .panel-heading + .panel-collapse .panel-body {
margin-top: 0; border-top-color: #eed3d7;
color: inherit;
} }
.alert hr { .panel-danger > .panel-footer + .panel-collapse .panel-body {
border-top-color: #f8e5be; border-bottom-color: #eed3d7;
} }
.alert .alert-link { .panel-info {
font-weight: bold; border-color: #bce8f1;
color: #a47e3c;
} }
.alert > p, .panel-info > .panel-heading {
.alert > ul { color: #3a87ad;
margin-bottom: 0; background-color: #d9edf7;
border-color: #bce8f1;
} }
.alert > p + p { .panel-info > .panel-heading + .panel-collapse .panel-body {
margin-top: 5px; border-top-color: #bce8f1;
} }
.alert-dismissable { .panel-info > .panel-footer + .panel-collapse .panel-body {
padding-right: 35px; border-bottom-color: #bce8f1;
} }
.alert-dismissable .close { .well {
position: relative; min-height: 20px;
top: -2px; padding: 19px;
right: -21px; margin-bottom: 20px;
color: inherit; background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
} }
.alert-success { .well blockquote {
color: #468847; border-color: #ddd;
background-color: #dff0d8; border-color: rgba(0, 0, 0, 0.15);
border-color: #d6e9c6;
} }
.alert-success hr { .well-lg {
border-top-color: #c9e2b3; padding: 24px;
border-radius: 6px;
} }
.alert-success .alert-link { .well-sm {
color: #356635; padding: 9px;
border-radius: 3px;
} }
.alert-danger { .close {
color: #b94a48; float: right;
background-color: #f2dede; font-size: 21px;
border-color: #eed3d7; font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
} }
.alert-danger hr { .close:hover,
border-top-color: #e6c1c7; .close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
} }
.alert-danger .alert-link { button.close {
color: #953b39; padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
} }
.alert-info { .modal-open {
color: #3a87ad; overflow: hidden;
background-color: #d9edf7;
border-color: #bce8f1;
} }
.alert-info hr { .modal {
border-top-color: #a6e1ec; position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: auto;
overflow-y: scroll;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
} }
.alert-info .alert-link { .modal-dialog {
color: #2d6987; z-index: 1050;
width: auto;
padding: 10px;
margin-right: auto;
margin-left: auto;
} }
.thumbnail, .modal-content {
.img-thumbnail { position: relative;
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dddddd; border: 1px solid #999999;
border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.2s ease-in-out; border-radius: 6px;
transition: all 0.2s ease-in-out; outline: none;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
} }
.thumbnail { .modal-backdrop {
display: block; position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
background-color: #000000;
} }
.thumbnail > img { .modal-backdrop.fade {
display: block; opacity: 0;
height: auto; filter: alpha(opacity=0);
max-width: 100%;
} }
.img-thumbnail { .modal-backdrop.in {
display: inline-block; opacity: 0.5;
height: auto; filter: alpha(opacity=50);
max-width: 100%;
} }
a.thumbnail:hover, .modal-header {
a.thumbnail:focus { min-height: 16.428571429px;
border-color: #428bca; padding: 15px;
border-bottom: 1px solid #e5e5e5;
} }
.thumbnail > img { .modal-header .close {
margin-right: auto; margin-top: -2px;
margin-left: auto;
} }
.thumbnail .caption { .modal-title {
padding: 9px; margin: 0;
color: #333333; line-height: 1.428571429;
} }
.media, .modal-body {
.media-body { position: relative;
overflow: hidden; padding: 20px;
zoom: 1;
} }
.media, .modal-footer {
.media .media { padding: 19px 20px 20px;
margin-top: 15px; margin-top: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
} }
.media:first-child { .modal-footer:before,
margin-top: 0; .modal-footer:after {
} display: table;
content: " ";
.media-object {
display: block;
} }
.media-heading { .modal-footer:after {
margin: 0 0 5px; clear: both;
} }
.media > .pull-left { .modal-footer:before,
margin-right: 10px; .modal-footer:after {
display: table;
content: " ";
} }
.media > .pull-right { .modal-footer:after {
margin-left: 10px; clear: both;
} }
.media-list { .modal-footer .btn + .btn {
padding-left: 0; margin-bottom: 0;
list-style: none; margin-left: 5px;
} }
.label { .modal-footer .btn-group .btn + .btn {
display: inline; margin-left: -1px;
padding: .25em .6em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
} }
.label[href]:hover, .modal-footer .btn-block + .btn-block {
.label[href]:focus { margin-left: 0;
color: #ffffff;
text-decoration: none;
cursor: pointer;
} }
.label:empty { @media screen and (min-width: 768px) {
display: none; .modal-dialog {
right: auto;
left: 50%;
width: 600px;
padding-top: 30px;
padding-bottom: 30px;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
} }
.label-default { .tooltip {
background-color: #999999; position: absolute;
z-index: 1030;
display: block;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
visibility: visible;
} }
.label-default[href]:hover, .tooltip.in {
.label-default[href]:focus { opacity: 0.9;
background-color: #808080; filter: alpha(opacity=90);
} }
.label-primary { .tooltip.top {
background-color: #428bca; padding: 5px 0;
margin-top: -3px;
} }
.label-primary[href]:hover, .tooltip.right {
.label-primary[href]:focus { padding: 0 5px;
background-color: #3071a9; margin-left: 3px;
} }
.label-success { .tooltip.bottom {
background-color: #5cb85c; padding: 5px 0;
margin-top: 3px;
} }
.label-success[href]:hover, .tooltip.left {
.label-success[href]:focus { padding: 0 5px;
background-color: #449d44; margin-left: -3px;
} }
.label-info { .tooltip-inner {
background-color: #5bc0de; max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
border-radius: 4px;
} }
.label-info[href]:hover, .tooltip-arrow {
.label-info[href]:focus { position: absolute;
background-color: #31b0d5; width: 0;
height: 0;
border-color: transparent;
border-style: solid;
} }
.label-warning { .tooltip.top .tooltip-arrow {
background-color: #f0ad4e; bottom: 0;
left: 50%;
margin-left: -5px;
border-top-color: #000000;
border-width: 5px 5px 0;
} }
.label-warning[href]:hover, .tooltip.top-left .tooltip-arrow {
.label-warning[href]:focus { bottom: 0;
background-color: #ec971f; left: 5px;
border-top-color: #000000;
border-width: 5px 5px 0;
} }
.label-danger { .tooltip.top-right .tooltip-arrow {
background-color: #d9534f; right: 5px;
bottom: 0;
border-top-color: #000000;
border-width: 5px 5px 0;
} }
.label-danger[href]:hover, .tooltip.right .tooltip-arrow {
.label-danger[href]:focus { top: 50%;
background-color: #c9302c; left: 0;
margin-top: -5px;
border-right-color: #000000;
border-width: 5px 5px 5px 0;
} }
.badge { .tooltip.left .tooltip-arrow {
display: inline-block; top: 50%;
min-width: 10px; right: 0;
padding: 3px 7px; margin-top: -5px;
font-size: 12px; border-left-color: #000000;
font-weight: bold; border-width: 5px 0 5px 5px;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #999999;
border-radius: 10px;
} }
.badge:empty { .tooltip.bottom .tooltip-arrow {
display: none; top: 0;
left: 50%;
margin-left: -5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
} }
a.badge:hover, .tooltip.bottom-left .tooltip-arrow {
a.badge:focus { top: 0;
color: #ffffff; left: 5px;
text-decoration: none; border-bottom-color: #000000;
cursor: pointer; border-width: 0 5px 5px;
} }
.btn .badge { .tooltip.bottom-right .tooltip-arrow {
position: relative; top: 0;
top: -1px; right: 5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
} }
a.list-group-item.active > .badge, .popover {
.nav-pills > .active > a > .badge { position: absolute;
color: #428bca; top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
background-clip: padding-box;
} }
.nav-pills > li > a > .badge { .popover.top {
margin-left: 3px; margin-top: -10px;
} }
@-webkit-keyframes progress-bar-stripes { .popover.right {
from { margin-left: 10px;
background-position: 40px 0;
}
to {
background-position: 0 0;
}
} }
@-moz-keyframes progress-bar-stripes { .popover.bottom {
from { margin-top: 10px;
background-position: 40px 0;
}
to {
background-position: 0 0;
}
} }
@-o-keyframes progress-bar-stripes { .popover.left {
from { margin-left: -10px;
background-position: 0 0;
}
to {
background-position: 40px 0;
}
} }
@keyframes progress-bar-stripes { .popover-title {
from { padding: 8px 14px;
background-position: 40px 0; margin: 0;
} font-size: 14px;
to { font-weight: normal;
background-position: 0 0; line-height: 18px;
} background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
} }
.progress { .popover-content {
height: 20px; padding: 9px 14px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
} }
.progress-bar { .popover .arrow,
float: left; .popover .arrow:after {
position: absolute;
display: block;
width: 0; width: 0;
height: 100%; height: 0;
font-size: 12px; border-color: transparent;
color: #ffffff; border-style: solid;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
} }
.progress-striped .progress-bar { .popover .arrow {
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)); border-width: 11px;
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);
background-image: -moz-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);
background-size: 40px 40px;
} }
.progress.active .progress-bar { .popover .arrow:after {
-webkit-animation: progress-bar-stripes 2s linear infinite; border-width: 10px;
-moz-animation: progress-bar-stripes 2s linear infinite; content: "";
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
} }
.progress-bar-success { .popover.top .arrow {
background-color: #5cb85c; bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
} }
.progress-striped .progress-bar-success { .popover.top .arrow:after {
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)); bottom: 1px;
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); margin-left: -10px;
background-image: -moz-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); border-top-color: #ffffff;
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); border-bottom-width: 0;
content: " ";
} }
.progress-bar-info { .popover.right .arrow {
background-color: #5bc0de; top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
} }
.progress-striped .progress-bar-info { .popover.right .arrow:after {
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)); bottom: -10px;
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); left: 1px;
background-image: -moz-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); border-right-color: #ffffff;
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); border-left-width: 0;
content: " ";
} }
.progress-bar-warning { .popover.bottom .arrow {
background-color: #f0ad4e; top: -11px;
left: 50%;
margin-left: -11px;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0;
} }
.progress-striped .progress-bar-warning { .popover.bottom .arrow:after {
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)); top: 1px;
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); margin-left: -10px;
background-image: -moz-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); border-bottom-color: #ffffff;
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); border-top-width: 0;
content: " ";
} }
.progress-bar-danger { .popover.left .arrow {
background-color: #d9534f; top: 50%;
right: -11px;
margin-top: -11px;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
border-right-width: 0;
} }
.progress-striped .progress-bar-danger { .popover.left .arrow:after {
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)); right: 1px;
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); bottom: -10px;
background-image: -moz-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); border-left-color: #ffffff;
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); border-right-width: 0;
content: " ";
} }
.carousel { .carousel {
...@@ -5183,43 +5220,6 @@ a.list-group-item.active > .badge, ...@@ -5183,43 +5220,6 @@ a.list-group-item.active > .badge,
} }
} }
.jumbotron {
padding: 30px;
margin-bottom: 30px;
font-size: 21px;
font-weight: 200;
line-height: 2.1428571435;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1 {
line-height: 1;
color: inherit;
}
.jumbotron p {
line-height: 1.4;
}
.container .jumbotron {
border-radius: 6px;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 50px;
padding-bottom: 50px;
}
.container .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1 {
font-size: 63px;
}
}
.clearfix:before, .clearfix:before,
.clearfix:after { .clearfix:after {
display: table; display: table;
......
dist/css/bootstrap.min.css
View file @ f891f91b
This source diff could not be displayed because it is too large. You can view the blob instead.
less/bootstrap.less
View file @ f891f91b
...@@ -25,37 +25,33 @@ ...@@ -25,37 +25,33 @@
@import "forms.less"; @import "forms.less";
@import "buttons.less"; @import "buttons.less";
// Components: common // Components
@import "component-animations.less"; @import "component-animations.less";
@import "input-groups.less";
@import "dropdowns.less"; @import "dropdowns.less";
@import "list-group.less"; @import "button-groups.less";
@import "panels.less"; @import "input-groups.less";
@import "wells.less";
@import "close.less";
// Components: Nav
@import "navs.less"; @import "navs.less";
@import "navbar.less"; @import "navbar.less";
@import "button-groups.less";
@import "breadcrumbs.less"; @import "breadcrumbs.less";
@import "pagination.less"; @import "pagination.less";
@import "pager.less"; @import "pager.less";
@import "labels.less";
@import "badges.less";
@import "jumbotron.less";
@import "thumbnails.less";
@import "alerts.less";
@import "progress-bars.less";
@import "media.less";
@import "list-group.less";
@import "panels.less";
@import "wells.less";
@import "close.less";
// Components: Popovers // Components w/ JavaScript
@import "modals.less"; @import "modals.less";
@import "tooltip.less"; @import "tooltip.less";
@import "popovers.less"; @import "popovers.less";
// Components: Misc
@import "alerts.less";
@import "thumbnails.less";
@import "media.less";
@import "labels.less";
@import "badges.less";
@import "progress-bars.less";
@import "carousel.less"; @import "carousel.less";
@import "jumbotron.less";
// Utility classes // Utility classes
@import "utilities.less"; @import "utilities.less";
......
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