html {
|
height: 100%
|
}
|
|
body.signin {
|
height: auto;
|
background: url(../img/zxx/login_bj.jpg) no-repeat center fixed;
|
-webkit-background-size: cover;
|
-moz-background-size: cover;
|
-o-background-size: cover;
|
background-size: cover;
|
color: rgba(255, 255, 255, .95)
|
}
|
|
.signinpanel {
|
width: 5.3125rem;
|
margin: 12.5% auto 0
|
}
|
|
.signinpanel .logopanel {
|
float: none;
|
width: auto;
|
padding: 0;
|
background: 0
|
}
|
|
.signinpanel .signin-info ul {
|
list-style: none;
|
padding: 0;
|
margin: 20px 0
|
}
|
|
.signinpanel .form-control {
|
display: block;
|
margin-top: 0.15625rem;
|
}
|
|
.signinpanel .uname {
|
background:rgba(17,113,180,0.8) url(../img/zxx/user.png) no-repeat 95% center;
|
background-size: 0.125rem 0.125rem;
|
color: #fff;
|
border:1px solid #6eeffc;
|
}
|
|
.signinpanel .pword {
|
background: url(../img/zxx/locked.png) no-repeat 95% center;
|
background-size: 0.125rem 0.125rem;
|
color: #fff;
|
border:1px solid #6eeffc;
|
}
|
|
.signinpanel .code {
|
background:no-repeat 95% center;
|
color: #fff;
|
border:1px solid #6eeffc;
|
margin: 0 0 15px 0
|
}
|
|
.signinpanel .btn {
|
margin-top: 0.078125rem
|
}
|
|
.signinpanel form {
|
/*background: rgba(255, 255, 255, .2);
|
border: 1px solid rgba(255, 255, 255, .3);
|
-moz-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);
|
-webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);
|
box-shadow: 0 3px 0 rgba(12, 12, 12, .03);
|
-moz-border-radius: 3px;
|
-webkit-border-radius: 3px;
|
border-radius: 3px;
|
padding: 30px*/
|
background:url("../img/zxx/login-main.png") no-repeat center;
|
background-size: 100% 100%;
|
width: 2.6667rem;
|
height: 2.4167rem;
|
padding: 0.2083rem 0.3125rem;
|
}
|
|
.signup-footer {
|
border-top: solid 1px rgba(255, 255, 255, .3);
|
margin: 20px 0;
|
padding-top: 15px
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.signinpanel form {
|
margin-top: 20px
|
}
|
|
.signup-footer, .signuppanel .form-control {
|
margin-bottom: 10px
|
}
|
|
.signup-footer .pull-left, .signup-footer .pull-right {
|
float: none !important;
|
text-align: center
|
}
|
|
.signinpanel .signin-info ul {
|
display: none
|
}
|
}
|
|
@media screen and (max-width: 320px) {
|
.signinpanel, .signuppanel {
|
margin: 0 20px;
|
width: auto
|
}
|
}
|
|
.checkbox-custom {
|
position: relative;
|
padding: 0 15px 0 25px;
|
margin-bottom: 7px;
|
display: inline-block
|
}
|
|
.checkbox-custom input[type="checkbox"] {
|
opacity: 0;
|
position: absolute;
|
cursor: pointer;
|
z-index: 2;
|
margin: -0.03125rem 0 0 0;
|
top: 50%;
|
left: 0.015625rem
|
}
|
|
.checkbox-custom label:before {
|
content: '';
|
position: absolute;
|
top: 50%;
|
left: 0;
|
margin-top: -9px;
|
width: 18px;
|
height: 17px;
|
display: inline-block;
|
border-radius: 2px;
|
border: 1px solid #bbb;
|
background: #fff
|
}
|
|
.checkbox-custom input[type="checkbox"]:checked + label:after {
|
position: absolute;
|
display: inline-block;
|
font-family: 'Glyphicons Halflings';
|
content: "\e013";
|
top: 42%;
|
left: 3px;
|
margin-top: -5px;
|
font-size: 11px;
|
line-height: 1;
|
width: 16px;
|
height: 16px;
|
color: #333
|
}
|
|
.checkbox-custom label {
|
cursor: pointer;
|
line-height: 1.2;
|
font-weight: normal;
|
margin-bottom: 0;
|
text-align: left
|
}
|
|
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
|
box-shadow: none
|
}
|
|
.form-control {
|
border-radius: 1px !important;
|
padding: 0.03125rem 0.0625rem !important;
|
height: 0.1771rem !important
|
}
|
|
.form-control:focus {
|
border-color: #1ab394 !important
|
}
|
