Файл: style/bootstrap.css
Строк: 1374
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius:
6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius:
4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s
ease-in-out;
display: inline-block;
max-width: 100%;
height:
auto;
}
.img-circle {
border-radius: 50%;
}
.sr-only {
position:
absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size:
85%;
}
cite {
font-style: normal;
}
.text-muted {
color:
#999999;
}
.text-primary {
color: #428bca;
}
.text-primary:hover {
color: #3071a9;
}
.text-warning {
color:
#8a6d3b;
}
.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
.text-danger:hover {
color:
#843534;
}
.text-success {
color: #3c763d;
}
.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
.text-info:hover
{
color: #245269;
}
.text-left {
text-align: left;
}
.text-right
{
text-align: right;
}
.text-center {
text-align:
center;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0
20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top:
0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style:
none;
}
.list-inline {
padding-left: 0;
list-style:
none;
}
.list-inline > li {
display: inline-block;
padding-left:
5px;
padding-right: 5px;
}
.list-inline > li:first-child {
padding-left: 0;
}
dl {
margin-top: 0;
margin-bottom:
20px;
}
dt,
dd {
line-height: 1.428571429;
}
dt {
font-weight:
bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear:
left;
text-align: right;
overflow: hidden;
text-overflow:
ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
.dl-horizontal dd:before,
.dl-horizontal
dd:after {
content: " ";
display: table;
}
.dl-horizontal dd:after {
clear: both;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999999;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
line-height:
1.25;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote
small,
blockquote .small {
display: block;
line-height:
1.428571429;
color: #999999;
}
blockquote small:before,
blockquote
.small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid
#eeeeee;
border-left: 0;
}
blockquote.pull-right
p,
blockquote.pull-right small,
blockquote.pull-right .small {
text-align: right;
}
blockquote.pull-right
small:before,
blockquote.pull-right .small:before {
content:
'';
}
blockquote.pull-right small:after,
blockquote.pull-right
.small:after {
content: '\00A0
\2014';
}
blockquote:before,
blockquote:after {
content:
"";
}
address {
margin-bottom: 20px;
font-style:
normal;
line-height: 1.428571429;
}
table {
max-width: 100%;
background-color: transparent;
}
th {
text-align: left;
}
.table {
width: 100%;
margin-bottom: 20px;
}
.table > thead > tr >
th,
.table > tbody > tr > th,
.table > tfoot > tr >
th,
.table > thead > tr > td,
.table > tbody > tr >
td,
.table > tfoot > tr > td {
padding: 8px;
line-height:
1.428571429;
vertical-align: middle;
border-top: 1px solid
#dddddd;
}
.table > thead > tr > th {
vertical-align:
bottom;
border-bottom: 2px solid #dddddd;
}
.table > caption +
thead > tr:first-child > th,
.table > colgroup + thead >
tr:first-child > th,
.table > thead:first-child > tr:first-child
> th,
.table > caption + thead > tr:first-child > td,
.table
> colgroup + thead > tr:first-child > td,
.table >
thead:first-child > tr:first-child > td {
border-top:
0;
}
.table > tbody + tbody {
border-top: 2px solid
#dddddd;
}
.table .table {
background-color:
#ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed
> tbody > tr > th,
.table-condensed > tfoot > tr >
th,
.table-condensed > thead > tr > td,
.table-condensed >
tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid
#dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered
> tbody > tr > th,
.table-bordered > tfoot > tr >
th,
.table-bordered > thead > tr > td,
.table-bordered >
tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #dddddd;
}
.table-bordered > thead > tr >
th,
.table-bordered > thead > tr > td {
border-bottom-width:
2px;
}
.table-striped > tbody > tr:nth-child(odd) >
td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover >
td,
.table-hover > tbody > tr:hover > th {
background-color:
#f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table
td[class*="col-"],
table th[class*="col-"] {
float:
none;
display: table-cell;
}
.table > thead > tr >
.active,
.table > tbody > tr > .active,
.table > tfoot >
tr > .active,
.table > thead > .active > td,
.table >
tbody > .active > td,
.table > tfoot > .active >
td,
.table > thead > .active > th,
.table > tbody >
.active > th,
.table > tfoot > .active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr >
.active:hover,
.table-hover > tbody > .active:hover >
td,
.table-hover > tbody > .active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr >
.success,
.table > tbody > tr > .success,
.table > tfoot >
tr > .success,
.table > thead > .success > td,
.table >
tbody > .success > td,
.table > tfoot > .success >
td,
.table > thead > .success > th,
.table > tbody >
.success > th,
.table > tfoot > .success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr >
.success:hover,
.table-hover > tbody > .success:hover >
td,
.table-hover > tbody > .success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr >
.danger,
.table > tbody > tr > .danger,
.table > tfoot >
tr > .danger,
.table > thead > .danger > td,
.table >
tbody > .danger > td,
.table > tfoot > .danger >
td,
.table > thead > .danger > th,
.table > tbody >
.danger > th,
.table > tfoot > .danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr >
.danger:hover,
.table-hover > tbody > .danger:hover >
td,
.table-hover > tbody > .danger:hover > th {
background-color: #ebcccc;
}
.table > thead > tr >
.warning,
.table > tbody > tr > .warning,
.table > tfoot >
tr > .warning,
.table > thead > .warning > td,
.table >
tbody > .warning > td,
.table > tfoot > .warning >
td,
.table > thead > .warning > th,
.table > tbody >
.warning > th,
.table > tfoot > .warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr >
.warning:hover,
.table-hover > tbody > .warning:hover >
td,
.table-hover > tbody > .warning:hover > th {
background-color: #faf2cc;
}
@media (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style:
-ms-autohiding-scrollbar;
border: 1px solid #dddddd;
-webkit-overflow-scrolling: touch;
}
.table-responsive > .table
{
margin-bottom: 0;
}
.table-responsive > .table > thead
> tr > th,
.table-responsive > .table > tbody > tr >
th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead >
tr > th:first-child,
.table-responsive > .table-bordered >
tbody > tr > th:first-child,
.table-responsive >
.table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr >
td:first-child,
.table-responsive > .table-bordered > tbody >
tr > td:first-child,
.table-responsive > .table-bordered >
tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr >
th:last-child,
.table-responsive > .table-bordered > tbody > tr
> th:last-child,
.table-responsive > .table-bordered > tfoot
> tr > th:last-child,
.table-responsive > .table-bordered >
thead > tr > td:last-child,
.table-responsive > .table-bordered
> tbody > tr > td:last-child,
.table-responsive >
.table-bordered > tfoot > tr > td:last-child {
border-right:
0;
}
.table-responsive > .table-bordered > tbody >
tr:last-child > th,
.table-responsive > .table-bordered > tfoot
> tr:last-child > th,
.table-responsive > .table-bordered >
tbody > tr:last-child > td,
.table-responsive > .table-bordered
> tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border:
0;
border-bottom: 1px solid #e5e5e5;
}
label {
display:
inline-block;
margin-bottom: 5px;
font-weight:
bold;
}
input[type="search"] {
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing:
border-box;
}
input[type="radio"],
input[type="checkbox"]
{
margin: 4px 0 0;
margin-top: 1px \9;
/* IE8-9 */
line-height: normal;
}
input[type="file"] {
display:
block;
}
select[multiple],
select[size] {
height: auto;
}
select
optgroup {
font-size: inherit;
font-style: inherit;
font-family:
inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus
{
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset:
-2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
height: auto;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
}
.form-control {
display: block;
width:
100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid
#cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px
rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0,
0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow
ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow
ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0
8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px
rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233,
0.6);
}
.form-control:-moz-placeholder {
color:
#999999;
}
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color:
#999999;
}
.form-control::-webkit-input-placeholder {
color:
#999999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled]
.form-control {
cursor: not-allowed;
background-color:
#eeeeee;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
display: block;
min-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
vertical-align: middle;
}
.radio label,
.checkbox
label {
display: inline;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline
input[type="radio"],
.checkbox
input[type="checkbox"],
.checkbox-inline
input[type="checkbox"] {
float: left;
margin-left:
-20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top:
-5px;
}
.radio-inline,
.checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline +
.radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left:
10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled]
input[type="radio"],
fieldset[disabled]
input[type="checkbox"],
fieldset[disabled]
.radio,
fieldset[disabled] .radio-inline,
fieldset[disabled]
.checkbox,
fieldset[disabled] .checkbox-inline {
cursor:
not-allowed;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius:
3px;
}
select.input-sm {
height: 30px;
line-height:
30px;
}
textarea.input-sm {
height: auto;
}
.input-lg {
height:
46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height:
46px;
}
textarea.input-lg {
height: auto;
}
.has-warning
.help-block,
.has-warning .control-label,
.has-warning
.radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning
.checkbox-inline {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0,
0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0,
0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px
#c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px
#c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-error
.help-block,
.has-error .control-label,
.has-error .radio,
.has-error
.checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow:
inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus
{
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0,
0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0,
0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color:
#a94442;
border-color: #a94442;
background-color:
#f2dede;
}
.has-success .help-block,
.has-success
.control-label,
.has-success .radio,
.has-success
.checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #3c763d;
}
.has-success .form-control {
border-color:
#3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success
.form-control:focus {
border-color: #2b542c;
-webkit-box-shadow:
inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset
0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success
.input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.form-control-static {
margin-bottom:
0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom:
0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
}
.form-inline select.form-control {
width: auto;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.form-inline .radio
input[type="radio"],
.form-inline .checkbox
input[type="checkbox"] {
float: none;
margin-left: 0;
}
}
.form-horizontal .control-label,
.form-horizontal
.radio,
.form-horizontal .checkbox,
.form-horizontal
.radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal
.radio,
.form-horizontal .checkbox {
min-height:
27px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
.form-horizontal
.form-group:before,
.form-horizontal .form-group:after {
content:
" ";
display: table;
}
.form-horizontal .form-group:after
{
clear: both;
}
.form-horizontal .form-control-static {
padding-top: 7px;
}
@media (min-width: 768px) {
.form-horizontal
.control-label {
text-align: right;
}
}
.btn {
display:
inline-block;
margin-bottom: 0;
font-weight: normal;
text-align:
center;
vertical-align: middle;
cursor: pointer;
background-image:
none;
border: 1px solid transparent;
white-space: nowrap;
padding:
6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select:
none;
-ms-user-select: none;
-o-user-select: none;
user-select:
none;
}
.btn:focus {
outline: thin dotted;
outline: 5px auto
-webkit-focus-ring-color;
outline-offset:
-2px;
}
.btn:hover,
.btn:focus {
color: #333333;
text-decoration:
none;
}
.btn:active,
.btn.active {
outline: 0;
background-image:
none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0,
0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter:
alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow:
none;
}
.btn-default {
color: #333333;
background-color: #ffffff;
border-color:
#cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open
.dropdown-toggle.btn-default {
color: #333333;
background-color:
#ebebeb;
border-color:
#adadad;
}
.btn-default:active,
.btn-default.active,
.open
.dropdown-toggle.btn-default {
background-image:
none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled]
.btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled]
.btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled]
.btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled]
.btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled]
.btn-default.active {
background-color: #ffffff;
border-color:
#cccccc;
}
.btn-default .badge {
color: #ffffff;
background-color:
#fff;
}
.btn-primary {
color: #ffffff;
background-color: #428bca;
border-color:
#357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open
.dropdown-toggle.btn-primary {
color: #ffffff;
background-color:
#3276b1;
border-color:
#285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open
.dropdown-toggle.btn-primary {
background-image:
none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled]
.btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled]
.btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled]
.btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled]
.btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled]
.btn-primary.active {
background-color: #428bca;
border-color:
#357ebd;
}
.btn-primary .badge {
color: #428bca;
background-color:
#fff;
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color:
#eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open
.dropdown-toggle.btn-warning {
color: #ffffff;
background-color:
#ed9c28;
border-color:
#d58512;
}
.btn-warning:active,
.btn-warning.active,
.open
.dropdown-toggle.btn-warning {
background-image:
none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled]
.btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled]
.btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled]
.btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled]
.btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled]
.btn-warning.active {
background-color: #f0ad4e;
border-color:
#eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color:
#fff;
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color:
#d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open
.dropdown-toggle.btn-danger {
color: #ffffff;
background-color:
#d2322d;
border-color:
#ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open
.dropdown-toggle.btn-danger {
background-image:
none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled]
.btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled]
.btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled]
.btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled]
.btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled]
.btn-danger.active {
background-color: #d9534f;
border-color:
#d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color:
#fff;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color:
#4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open
.dropdown-toggle.btn-success {
color: #ffffff;
background-color:
#47a447;
border-color:
#398439;
}
.btn-success:active,
.btn-success.active,
.open
.dropdown-toggle.btn-success {
background-image:
none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled]
.btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled]
.btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled]
.btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled]
.btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled]
.btn-success.active {
background-color: #5cb85c;
border-color:
#4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color:
#fff;
}
.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color:
#46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open
.dropdown-toggle.btn-info {
color: #ffffff;
background-color:
#39b3d7;
border-color:
#269abc;
}
.btn-info:active,
.btn-info.active,
.open
.dropdown-toggle.btn-info {
background-image:
none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled]
.btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled]
.btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled]
.btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled]
.btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled]
.btn-info.active {
background-color: #5bc0de;
border-color:
#46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color:
#fff;
}
.btn-link {
color: #428bca;
font-weight: normal;
cursor:
pointer;
border-radius:
0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled]
.btn-link {
background-color: transparent;
-webkit-box-shadow:
none;
box-shadow:
none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active
{
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #2a6496;
text-decoration: underline;
background-color:
transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled]
.btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled]
.btn-link:focus {
color: #999999;
text-decoration: none;
}
.btn-lg
{
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.btn-sm {
padding: 5px 10px;
font-size:
12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs {
padding:
1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius:
3px;
}
.btn-block {
display: block;
width: 100%;
padding-left:
0;
padding-right: 0;
}
.btn-block + .btn-block {
margin-top:
5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block
{
width: 100%;
}
.btn-group,
.btn-group-vertical {
position:
relative;
display: inline-block;
vertical-align:
middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group >
.btn:hover,
.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;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn +
.btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group +
.btn-group {
margin-left:
-1px;
}
.btn-toolbar:before,
.btn-toolbar:after {
content: "
";
display: table;
}
.btn-toolbar:after {
clear:
both;
}
.btn-toolbar .btn-group {
float: left;
}
.btn-toolbar >
.btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn
+ .btn-group,
.btn-toolbar > .btn-group + .btn-group {
margin-left:
5px;
}
.btn-group >
.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left:
0;
}
.btn-group >
.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius:
0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group >
.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
float:
left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child)
> .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child
> .btn:last-child,
.btn-group > .btn-group:first-child >
.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child >
.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group
.dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline:
0;
}
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius:
6px;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open
.dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0,
0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0,
0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px
5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical >
.btn-group,
.btn-group-vertical > .btn-group > .btn {
display:
block;
float: none;
width: 100%;
max-width:
100%;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical
> .btn-group:after {
content: " ";
display:
table;
}
.btn-group-vertical > .btn-group:after {
clear:
both;
}
.btn-group-vertical > .btn-group > .btn {
float:
none;
}
.btn-group-vertical > .btn + .btn,
.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;
}
.btn-group-vertical >
.btn:not(:first-child):not(:last-child) {
border-radius:
0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical >
.btn:last-child:not(:first-child) {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius:
0;
}
.btn-group-vertical >
.btn-group:not(:first-child):not(:last-child) > .btn {
border-radius:
0;
}
.btn-group-vertical > .btn-group:first-child >
.btn:last-child,
.btn-group-vertical > .btn-group:first-child >
.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical >
.btn-group:last-child > .btn:first-child {
border-top-right-radius:
0;
border-top-left-radius: 0;
}
.btn-group-justified {
display:
table;
width: 100%;
table-layout: fixed;
border-collapse:
separate;
}
.btn-group-justified > .btn,
.btn-group-justified >
.btn-group {
float: none;
display: table-cell;
width:
1%;
}
.btn-group-justified > .btn-group .btn {
width:
100%;
}
[data-toggle="buttons"] > .btn >
input[type="radio"],
[data-toggle="buttons"] > .btn
> input[type="checkbox"] {
display: none;
}
.input-group
{
position: relative;
display: table;
border-collapse:
separate;
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 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: 46px;
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: 46px;
line-height: 46px;
}
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;
color: #555555;
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-bottom-right-radius: 0;
border-top-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:first-child > .btn {
margin-right:
-1px;
}
.input-group-btn:last-child > .btn {
margin-left:
-1px;
}
.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;
}