292 lines
7.5 KiB
CSS
292 lines
7.5 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
html, body {
|
|
min-height: 100%
|
|
}
|
|
|
|
.layout-boxed html, .layout-boxed body {
|
|
height: 100%
|
|
}
|
|
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
|
|
font-weight: 400;
|
|
overflow-x: hidden;
|
|
overflow-y: auto
|
|
}
|
|
|
|
.login-box, .register-box {
|
|
width: 360px;
|
|
margin: 10% auto
|
|
}
|
|
|
|
.login-logo, .register-logo {
|
|
font-size: 35px;
|
|
text-align: center;
|
|
margin-bottom: 25px;
|
|
font-weight: 300
|
|
}
|
|
|
|
.login-logo a, .register-logo a {
|
|
color: #444
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.login-box, .register-box {
|
|
width: 90%;
|
|
margin-top: 20px
|
|
}
|
|
}
|
|
|
|
.login-box-body, .register-box-body {
|
|
background: #fff;
|
|
padding: 20px;
|
|
border-top: 0;
|
|
color: #666
|
|
}
|
|
|
|
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
|
|
color: #777
|
|
}
|
|
|
|
.login-box-msg, .register-box-msg {
|
|
margin: 0 20px 20px 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
.login-box-msg li, .register-box-msg {
|
|
list-style:none;
|
|
color:#ff0000;
|
|
margin-top:5px;
|
|
}
|
|
|
|
|
|
.form-control {
|
|
display: block;
|
|
width: 100%;
|
|
height: 34px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
|
|
-o-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,.6);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
|
|
}
|
|
|
|
.form-control::-moz-placeholder {
|
|
color: #999;
|
|
opacity: 1
|
|
}
|
|
|
|
.form-control:-ms-input-placeholder {
|
|
color: #999
|
|
}
|
|
|
|
.form-control::-webkit-input-placeholder {
|
|
color: #999
|
|
}
|
|
|
|
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
|
|
background-color: #eee;
|
|
opacity: 1
|
|
}
|
|
|
|
.form-control[disabled], fieldset[disabled] .form-control {
|
|
cursor: not-allowed
|
|
}
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
|
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
|
|
line-height: 34px
|
|
}
|
|
|
|
.input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
|
|
line-height: 30px
|
|
}
|
|
|
|
.input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
|
|
line-height: 46px
|
|
}
|
|
}
|
|
|
|
.form-control {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
border-color: #d2d6de
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: #3c8dbc;
|
|
box-shadow: none
|
|
}
|
|
|
|
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder {
|
|
color: #bbb;
|
|
opacity: 1
|
|
}
|
|
|
|
.form-control:not(select) {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.btn {
|
|
display: inline-block;
|
|
padding: 6px 12px;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px
|
|
}
|
|
|
|
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
|
|
outline: thin dotted;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px
|
|
}
|
|
|
|
.btn.focus, .btn:focus, .btn:hover {
|
|
color: #333;
|
|
text-decoration: none
|
|
}
|
|
|
|
.btn.active, .btn:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
|
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
|
|
}
|
|
|
|
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
|
|
cursor: not-allowed;
|
|
filter: alpha(opacity=65);
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
opacity: .65
|
|
}
|
|
|
|
|
|
.btn {
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: 1px solid transparent
|
|
}
|
|
|
|
.btn.uppercase {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.btn.btn-flat {
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
border-width: 1px
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #3c8dbc;
|
|
border-color: #367fa9
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
|
|
background-color: #367fa9
|
|
}
|
|
|
|
.btn-block {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.btn-block + .btn-block {
|
|
margin-top: 5px
|
|
}
|
|
|
|
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #2e6da4
|
|
}
|
|
|
|
.btn-primary.focus, .btn-primary:focus {
|
|
color: #fff;
|
|
background-color: #286090;
|
|
border-color: #122b40
|
|
}
|
|
|
|
.btn-primary:hover {
|
|
color: #fff;
|
|
background-color: #286090;
|
|
border-color: #204d74
|
|
}
|
|
|
|
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
|
|
color: #fff;
|
|
background-color: #286090;
|
|
border-color: #204d74
|
|
}
|
|
|
|
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
|
|
color: #fff;
|
|
background-color: #204d74;
|
|
border-color: #122b40
|
|
}
|
|
|
|
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
|
|
background-image: none
|
|
}
|
|
|
|
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
|
|
background-color: #337ab7;
|
|
border-color: #2e6da4
|
|
}
|
|
|
|
.btn-primary .badge {
|
|
color: #337ab7;
|
|
background-color: #fff
|
|
} |