Нет описания

login.css 2.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. html {
  2. margin: 0 auto;
  3. padding: 0;
  4. height: 100%;
  5. }
  6. body {
  7. height: 100%;
  8. background: #fff;
  9. }
  10. .wrap {
  11. width: 100%;
  12. height: 100%;
  13. }
  14. .wrap_bj {
  15. width: 100%;
  16. height: 100%;
  17. background: url(../img/loginBJ.jpg) no-repeat;
  18. background-size: 100% 100%;
  19. }
  20. .login_title {
  21. position: absolute;
  22. left: 10%;
  23. top: 10%;
  24. color: #FFFFFF;
  25. font-size: 48px;
  26. font-weight: bold;
  27. letter-spacing: 3px;
  28. }
  29. .login_title .titleDecoration{
  30. height: 1px;
  31. background: #AAAAAA;
  32. margin-top: 1px;
  33. width: 100%;
  34. }
  35. .login_content{
  36. position: absolute;
  37. top: 32%;
  38. left: 16%;
  39. }
  40. .login_content p{
  41. color: #FFFFFF;
  42. font-size: 36px;
  43. text-shadow:0px 0px 10px #FFFFFF;
  44. letter-spacing: 8px;
  45. }
  46. .login_bottom{
  47. position: absolute;
  48. bottom: 7%;
  49. width: 100%;
  50. text-align: center;
  51. color: #FFFFFF;
  52. font-size: 32px;
  53. text-shadow:0px 0px 10px #FFFFFF;
  54. letter-spacing: 3px;
  55. }
  56. .login_right {
  57. position: absolute;
  58. top: 50%;
  59. right: 15%;
  60. margin-top: -290px;
  61. height: 580px;
  62. z-index: 1;
  63. }
  64. .login_right .tab_box {
  65. border: 1px solid #41caf2;
  66. border-top-right-radius: 15px;
  67. border-bottom-left-radius: 15px;
  68. margin: 50px auto 65px;
  69. padding: 0;
  70. overflow: hidden;
  71. width: 410px;
  72. /*background: #ffffff;*/
  73. background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0.5));
  74. }
  75. .login_right .tab_box .tab_ul{
  76. list-style: none;
  77. line-height: 50px;
  78. padding-top: 15px;
  79. margin-left: 10%;
  80. font-size: 18px;
  81. color: #000000;
  82. }
  83. .login_right .tab_box .tab_content {
  84. margin: 50px 0 60px 0;
  85. }
  86. .login_right .tab_box .tab_content div p {
  87. width: 80%;
  88. margin: 0 auto;
  89. height: 35px;
  90. border-radius: 3px;
  91. margin-bottom: 25px;
  92. line-height: 30px;
  93. padding-left: 20px;
  94. }
  95. .login_right .tab_box .tab_content div p input {
  96. width: 75%;
  97. border: 0;
  98. font-size: 16px;
  99. outline: none;
  100. font-family: "仿宋", "宋体";
  101. }
  102. .login_icon {
  103. display: inline-block;
  104. width: 17px;
  105. height: 19px;
  106. vertical-align: middle;
  107. margin-right: 15px;
  108. }
  109. .login_icon_user {
  110. background: url(../img/login_user.png) no-repeat;
  111. }
  112. .login_icon_lock {
  113. background: url(../img/login_lock.png) no-repeat;
  114. }
  115. .login_icon_code {
  116. background: url(../img/login_code.png) no-repeat;
  117. }
  118. .login_go {
  119. text-align: center;
  120. padding: 0!important;
  121. font-size: 16px;
  122. letter-spacing: 16px;
  123. font-family: "仿宋", "宋体";
  124. color: #fff;
  125. background: #28609F;
  126. filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1f90ec, endcolorstr=#1cb5ef, gradientType=1);
  127. /*background: -webkit-gradient(li near, 0 0, 100% 0, from(#28609F), to(#1cb5ef));
  128. background: -webkit-linear-gradient(left, #28609F, #1cb5ef);
  129. background: -moz-linear-gradient(left, #28609F, #1cb5ef);
  130. background: -o-linear-gradient(left, #28609F, #1cb5ef);
  131. background: linear-gradient(left, #28609F, ##28609F);*/
  132. cursor: pointer;
  133. }
  134. .error {
  135. height: 13px;
  136. background: url(../img/yz.png) no-repeat 0 -8px;
  137. display: none;
  138. }
  139. .errorShow {
  140. display: inline-block;
  141. }