login.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. html{height: 100%;}
  2. body.signin {
  3. background: #18c8f6;
  4. height: auto;
  5. background:url("../img/login1.jpg") no-repeat center fixed;
  6. -webkit-background-size: cover;
  7. -moz-background-size: cover;
  8. -o-background-size: cover;
  9. background-size: cover;
  10. }
  11. .signinpanel {
  12. width: 750px;
  13. margin: 15% auto 0 auto;
  14. }
  15. .signinpanel .logopanel {
  16. float: none;
  17. width: auto;
  18. padding: 0;
  19. background: none;
  20. }
  21. .signinpanel .signin-info ul {
  22. list-style: none;
  23. padding: 0;
  24. margin: 20px 0;
  25. }
  26. .signinpanel .form-control {
  27. display: block;
  28. margin-top: 15px;
  29. }
  30. .signinpanel .uname {
  31. background: #fff url(../img/user.png) no-repeat 95% center;color:#333;
  32. }
  33. .signinpanel .pword {
  34. background: #fff url(../img/locked.png) no-repeat 95% center;color:#333;
  35. }
  36. .signinpanel .btn {
  37. margin-top: 15px;
  38. }
  39. .signinpanel form {
  40. background: rgba(255, 255, 255, 0.2);
  41. border: 1px solid rgba(255,255,255,.3);
  42. -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
  43. -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
  44. box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
  45. -moz-border-radius: 3px;
  46. -webkit-border-radius: 3px;
  47. border-radius: 3px;
  48. padding: 30px;
  49. }
  50. .signup-footer{border-top: solid 1px rgba(255,255,255,.3);margin:20px 0;padding-top: 15px;}
  51. @media screen and (max-width: 768px) {
  52. .signinpanel,
  53. .signuppanel {
  54. margin: 0 auto;
  55. width: 420px!important;
  56. padding: 20px;
  57. }
  58. .signinpanel form {
  59. margin-top: 20px;
  60. }
  61. .signup-footer {
  62. margin-bottom: 10px;
  63. }
  64. .signuppanel .form-control {
  65. margin-bottom: 10px;
  66. }
  67. .signup-footer .pull-left,
  68. .signup-footer .pull-right {
  69. float: none !important;
  70. text-align: center;
  71. }
  72. .signinpanel .signin-info ul {
  73. display: none;
  74. }
  75. }
  76. @media screen and (max-width: 320px) {
  77. .signinpanel,
  78. .signuppanel {
  79. margin:0 20px;
  80. width:auto;
  81. }
  82. }
  83. /*hhq*/
  84. .userinput input{
  85. width: 250px;
  86. height: 45px;
  87. }
  88. #authcode{
  89. margin-bottom: 20px;
  90. }
  91. .authcode input{
  92. height: 45px;
  93. }