修改登陆界面
Admin
5 years ago
parent
7e7974efb7
commit
4747d1bf3d
@ -1 +1,174 @@
|
|||||||
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}.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:420px!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}}.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:-6px 0 0 0;top:50%;left:3px}.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:6px 12px!important;height:34px!important}.form-control:focus{border-color:#1ab394!important}
|
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
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 420px !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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: -6px 0 0 0;
|
||||||
|
top: 50%;
|
||||||
|
left: 3px
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: 6px 12px !important;
|
||||||
|
height: 34px !important
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control:focus {
|
||||||
|
border-color: #1ab394 !important
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue