123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- html{height: 100%;}
- body.signin {
- background: #18c8f6;
- height: auto;
- background:url("../img/login1.jpg") no-repeat center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- .signinpanel {
- width: 750px;
- margin: 15% auto 0 auto;
- }
- .signinpanel .logopanel {
- float: none;
- width: auto;
- padding: 0;
- background: none;
- }
- .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 .btn {
- margin-top: 15px;
- }
- .signinpanel form {
- background: rgba(255, 255, 255, 0.2);
- border: 1px solid rgba(255,255,255,.3);
- -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
- -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
- box-shadow: 0 3px 0 rgba(12, 12, 12, 0.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 {
- margin-bottom: 10px;
- }
- .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;
- }
- }
- /*hhq*/
- .userinput input{
- width: 250px;
- height: 45px;
- }
- #authcode{
- margin-bottom: 20px;
- }
- .authcode input{
- height: 45px;
- }
|