login.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. /*
  2. * @Author: xuebingsi
  3. * @Date: 2019-04-01 13:37:17
  4. * @Last Modified by: zhibinm
  5. * @Last Modified time: 2019-04-01 13:37:19
  6. */
  7. .login-bg{
  8. /*background: #eeeeee url() 0 0 no-repeat;*/
  9. background:url(../images/bg.png) no-repeat center;
  10. background-size: cover;
  11. overflow: hidden;
  12. }
  13. .login{
  14. margin: 120px auto 0 auto;
  15. min-height: 420px;
  16. max-width: 420px;
  17. padding: 40px;
  18. background-color: #ffffff;
  19. margin-left: auto;
  20. margin-right: auto;
  21. border-radius: 4px;
  22. /* overflow-x: hidden; */
  23. box-sizing: border-box;
  24. }
  25. .login a.logo{
  26. display: block;
  27. height: 58px;
  28. width: 167px;
  29. margin: 0 auto 30px auto;
  30. background-size: 167px 42px;
  31. }
  32. .login .message {
  33. margin: 10px 0 0 -58px;
  34. padding: 18px 10px 18px 60px;
  35. background: rgba(0, 184, 255, 0.3);
  36. position: relative;
  37. color: #fff;
  38. font-size: 16px;
  39. }
  40. .login #darkbannerwrap {
  41. background: url(../images/aiwrap.png);
  42. width: 18px;
  43. height: 10px;
  44. margin: 0 0 20px -58px;
  45. position: relative;
  46. }
  47. .login input[type=text],
  48. .login input[type=file],
  49. .login input[type=password],
  50. .login input[type=email], select {
  51. border: 1px solid #DCDEE0;
  52. vertical-align: middle;
  53. border-radius: 3px;
  54. height: 50px;
  55. padding: 0px 16px;
  56. font-size: 14px;
  57. color: #555555;
  58. outline:none;
  59. width:100%;
  60. box-sizing: border-box;
  61. }
  62. .login input[type=text]:focus,
  63. .login input[type=file]:focus,
  64. .login input[type=password]:focus,
  65. .login input[type=email]:focus, select:focus {
  66. border: 1px solid rgba(0, 184, 255, 0.3);
  67. }
  68. .login input[type=submit],
  69. .login input[type=button]{
  70. display: inline-block;
  71. vertical-align: middle;
  72. padding: 12px 24px;
  73. margin: 0px;
  74. font-size: 18px;
  75. line-height: 24px;
  76. text-align: center;
  77. white-space: nowrap;
  78. vertical-align: middle;
  79. cursor: pointer;
  80. color: #ffffff;
  81. background-color: rgba(0, 184, 255, 0.3);
  82. border-radius: 3px;
  83. border: none;
  84. -webkit-appearance: none;
  85. outline:none;
  86. width:100%;
  87. }
  88. .login hr {
  89. background: #fff 0 0 no-repeat;
  90. }
  91. .login hr.hr15 {
  92. height: 15px;
  93. border: none;
  94. margin: 0px;
  95. padding: 0px;
  96. width: 100%;
  97. }
  98. .login hr.hr20 {
  99. height: 20px;
  100. border: none;
  101. margin: 0px;
  102. padding: 0px;
  103. width: 100%;
  104. }