login.css 1.6 KB

123456789101112131415161718192021
  1. body, html {height: 100%; font-family: 'Microsoft yahei'; font-size: 13px; font-weight: 400;}
  2. img {vertical-align: middle;}
  3. a, a:hover, a:active, a:focus {text-decoration: none; -webkit-user-drag: none;}
  4. a i{font-size: 13px;}
  5. body{background:#ECECEC;}
  6. body:before{height:50%;width:100%;position:absolute;top:0;left:0;background:#29a176;content:"";z-index:0}
  7. #login-window{position:relative;top:50%;left:50%;width:500px;height:200px;margin-left:-250px;margin-top:-100px;padding:35px 55px 35px 25px;z-index:10;background:#fff;box-shadow:0 1px 11px rgba(0,0,0,.27);border-radius:2px;}
  8. .m-b-20{margin-bottom:20px !important;}
  9. #login-bt{position:absolute;width:50px;height:50px;border-radius:50%;line-height:36px!important;top:50%;margin-top:-25px;right:-25px;background:#FF4F0F;}
  10. #login-bt i{font-size:23px;color:#fff;}
  11. .input-group-addon{border:none;background:none;font-size:16px;}
  12. .form-control{position:relative;font-size:13px;border:1px solid #e0e0e0;border-left:0;border-right:0;border-top:0;padding:0;background:#fff;height:35px;line-height:35px;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;box-shadow:none;}
  13. .form-control:active, .form-control:focus{box-shadow:none;}
  14. .fg-line{position:relative;vertical-align:top;display:inline-block;width:100%;}
  15. .fg-line:after{position:absolute;z-index:3;bottom:0;left:0;height:2px;width:0;content:"";-webkit-transition:all;-o-transition:all;transition:all;-webkit-transition-duration:.3s;transition-duration:.3s;background:#29a176;}
  16. .fg-line.fg-toggled:after{width:100%}
  17. input[type=checkbox].checkbix:checked+label>span:before{box-sizing: content-box;}