d829db25c60a01a17cf3cb2f840ebc16f747bb20.svn-base 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. @charset "utf-8";
  2. /* -----------H-ui前端框架-----------------------
  3. H-ui.login.css v2.2.1
  4. Copyright H-ui Inc.
  5. http://www.H-ui.net
  6. date:2015.6.5
  7. Created & Modified by guojunhui.
  8. ----------------------------------------------*/
  9. body{font-size:14px}
  10. .header,.footer{ position:absolute; left:0; right:0; width:100%; z-index:99}
  11. .header{top:0; height:60px; background:#e9004c url(../images/logo.png) no-repeat 0 center}
  12. .btn-iamberry{background:#e9004c;color:#fff;border:0;border-radius: 25px;padding: 6px 12px;width: 150px;height:35px;}
  13. .btn-iamberry:hover{background:#cf0044;}
  14. .loginWraper{ position:absolute;width:100%; left:0; top:0; bottom:0; right:0; z-index:1; background:#3283AC url(../images/admin-login-bg.jpg) no-repeat center;}
  15. .loginBox{ position:absolute; width:617px; height:374px; background-color: rgba(255,255,255,0.8);border:1px solid #e9004c\9;border:1px solid rgba(230,0,76,.3); left:50%; top:50%; margin-left:-309px; margin-top:-184px; padding-top:38px;border-radius:10px;-webkit-box-shadow: 0 0 4px rgba(230,0,76,0.3);
  16. box-shadow: 0 0 4px rgba(230,0,76,0.3);}
  17. @media (max-width:617px) {
  18. .loginbox{ width:100%; position:static; margin-top:0; margin-left:0;}
  19. }
  20. .loginBox .row{margin-top:20px;}
  21. .loginBox .row .form-label .Hui-iconfont{ font-size:24px}
  22. .loginBox .input-text{ width:360px;border-radius: 25px;border:1px solid rgba(230,0,76,.3);}
  23. @media (max-width:617px) {
  24. .loginBox .input-text{ width:80%}
  25. }
  26. .yzm a{ color:#426374; font-size:12px}
  27. #span_msg{ font-size:14px; color:Red; line-height:40px; height:40px; margin-left:10px; width:160px;; float:left}
  28. .hd_msg{font-size:12px; color:#fff; height:30px; z-index:100;position: absolute; padding-left:50px; padding-top:5px}
  29. .hd_msg a{ color:#fff}
  30. .hd_msg a:hover{ color:#fff; text-decoration:underline}
  31. .footer{ height:46px; line-height:46px; bottom:0; text-align:center; color:#666; font-size:12px; background-color:#fff}
  32. #ie6-warning{background:#fff url(/jscss/demoimg/201006/warning.gif) no-repeat 3px center;position:absolute;top:0;left:0;font-size:12px;color:#333;width:97%;padding: 2px 15px 2px 23px;text-align:left}
  33. #ie6-warning a {text-decoration:none}
  34. @media screen and (orientation:portrait) {
  35. .loginBox {width: 280px; margin-left: -140px;padding-top: 10px;}
  36. .header {background-size:320px auto;}
  37. #kanbuq{display:block;}
  38. .form-horizontal .formControls{padding-right:0;}
  39. .col-3 {width: 20%;}
  40. .loginBox .input-text {width: 100%;}
  41. .col-offset-3 {margin-left: 20%;}
  42. }