html {
height:100%
}
body.signin {
height:auto;
background:url(../img/login-background.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:750px;
margin:10% auto 0
}
.signinpanel .logopanel {
float:none;
width:auto;
padding:0;
background:0 0
}
.signinpanel .signin-info ul {
list-style:none;
padding:0;
margin:20px 0
}
.signinpanel .form-control {
display:block;
margin-top:15px
}
.signinpanel .uname {
background:#fff url(../img/user.png) no-repeat 95% center;
color:#333
}
.signinpanel .pword {
background:#fff url(../img/locked.png) no-repeat 95% center;
color:#333
}
.signinpanel .code {
background: #fff no-repeat 95% center;color:#333; margin:0 0 15px 0;
}
.signinpanel .btn {
margin-top:15px
}
.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
}
.signup-footer {
border-top:solid 1px rgba(255,255,255,.3);
margin:20px 0;
padding-top:15px
}
@media screen and (max-width:768px) {
.signinpanel,.signuppanel {
margin:0 auto;
width:380px!important;
padding:20px
}
.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
}
}
/*
登录界面check样式
*/
.checkbox-custom {
position: relative;
padding: 0 15px 0 25px;
margin-bottom: 7px;
display: inline-block;
}
/*
将初始的checkbox的样式改变
*/
.checkbox-custom input[type="checkbox"] {
opacity: 0; /*将初始的checkbox隐藏起来*/
position: absolute;
cursor: pointer;
z-index: 2;
margin: -6px 0 0 0;
top: 50%;
left: 3px;
}
/*
设计新的checkbox,位置
*/
.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,将新的checkbox关联起来
*/
.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; /*改变了rememberme的字体*/
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: 6px 12px!important;
height: 34px!important;
}
.form-control:focus{
border-color: #1ab394 !important;
}