323 lines
7.3 KiB
CSS
323 lines
7.3 KiB
CSS
|
/*!
|
||
|
|
* Bootstrap v3.1.1 (http://getbootstrap.com)
|
||
|
|
* Copyright 2011-2014 Twitter, Inc.
|
||
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||
|
|
*/
|
||
|
|
|
||
|
|
.form-control {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
height: 34px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #000;
|
||
|
|
background-image: none;
|
||
|
|
border: 1px solid #6DD;
|
||
|
|
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;
|
||
|
|
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;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
textarea.form-control {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
input[type="search"] {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
}
|
||
|
|
input[type="date"] {
|
||
|
|
line-height: 34px;
|
||
|
|
}
|
||
|
|
.form-group {
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
.radio,
|
||
|
|
.checkbox {
|
||
|
|
display: block;
|
||
|
|
min-height: 20px;
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
.radio label,
|
||
|
|
.checkbox label {
|
||
|
|
display: inline;
|
||
|
|
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,
|
||
|
|
select[multiple].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,
|
||
|
|
select[multiple].input-lg {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.has-feedback {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.has-feedback .form-control {
|
||
|
|
padding-right: 42.5px;
|
||
|
|
}
|
||
|
|
.has-feedback .form-control-feedback {
|
||
|
|
position: absolute;
|
||
|
|
top: 25px;
|
||
|
|
right: 0;
|
||
|
|
display: block;
|
||
|
|
width: 34px;
|
||
|
|
height: 34px;
|
||
|
|
line-height: 34px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
.has-success .form-control-feedback {
|
||
|
|
color: #3c763d;
|
||
|
|
}
|
||
|
|
.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-warning .form-control-feedback {
|
||
|
|
color: #8a6d3b;
|
||
|
|
}
|
||
|
|
.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-error .form-control-feedback {
|
||
|
|
color: #a94442;
|
||
|
|
}
|
||
|
|
.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;
|
||
|
|
width: auto;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.form-inline .input-group > .form-control {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.form-inline .control-label {
|
||
|
|
margin-bottom: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.form-inline .radio,
|
||
|
|
.form-inline .checkbox {
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.form-inline .radio input[type="radio"],
|
||
|
|
.form-inline .checkbox input[type="checkbox"] {
|
||
|
|
float: none;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.form-inline .has-feedback .form-control-feedback {
|
||
|
|
top: 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-control-static {
|
||
|
|
padding-top: 7px;
|
||
|
|
}
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.form-horizontal .control-label {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.form-horizontal .has-feedback .form-control-feedback {
|
||
|
|
top: 0;
|
||
|
|
right: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.submit-btn {
|
||
|
|
height: 34px;
|
||
|
|
padding: 6px 12px;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.42857143;
|
||
|
|
color: #000;
|
||
|
|
background-color: #6DD;
|
||
|
|
background-image: none;
|
||
|
|
border: 1px solid #000;
|
||
|
|
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;
|