style.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. html{
  2. overflow:hidden;
  3. }
  4. body{
  5. font-size: 12px;
  6. margin: 0;
  7. padding: 0;
  8. line-height: 100%;
  9. height: 100%;
  10. border:0;
  11. text-align: left;
  12. background-color:#edf0f5;/*主体背景色*/
  13. }
  14. form{
  15. margin: 0;
  16. padding: 0;
  17. }
  18. .clear{
  19. clear:both;
  20. line-height:1px;
  21. }
  22. input {
  23. outline: none;
  24. }
  25. .login_main{
  26. width: 1280px;/*登录面板宽度*/
  27. margin: 0 auto;
  28. background-image: url(login.jpg);
  29. background-color: #edf0f5;/*登录面板背景色*/
  30. text-align: left;
  31. position:relative;
  32. }
  33. .login_top{
  34. width: 100%;
  35. height: 246px;/*登录面板头部高度*/
  36. background-position:0 100%;
  37. background-repeat: no-repeat;
  38. }
  39. .login_middle{
  40. width: 100%;
  41. height: 311px;/*登录面板中部高度*/
  42. }
  43. .login_middleleft{
  44. float: left;
  45. width:735px;/*登录面板中部左侧宽度*/
  46. height: 100%;
  47. background-repeat: no-repeat;
  48. }
  49. .login_middlecenter{
  50. float: left;
  51. width: 400px;/*登录面板中部右侧宽度*/
  52. height: 100%;
  53. background-repeat: no-repeat;
  54. text-align: left;
  55. }
  56. .login_bottom{
  57. width: 100%;
  58. height: 245px;/*登录面板底部高度*/
  59. background-repeat: no-repeat;
  60. }
  61. .login_title{
  62. position:absolute;
  63. left:235px;/*标题x坐标*/
  64. top:100px;/*标题y坐标*/
  65. width:560px;/*标题宽度*/
  66. height:61px;/*标题高度*/
  67. }
  68. .letter_space{
  69. letter-spacing:1em;
  70. }
  71. .login_user{
  72. padding:15px 0 0 0px;/*垂直距离*/
  73. font-weight:bold;
  74. color:#000000;/*表单文字颜色*/
  75. }
  76. .login_pass{
  77. padding:20px 0 0 0px;/*密码框距用户名框的垂直距离*/
  78. font-weight:bold;
  79. color:#000000;/*表单文字颜色*/
  80. }
  81. .login_check{
  82. font-weight:bold;
  83. color:#000000;/*表单文字颜色*/
  84. padding-top: 16px;
  85. padding-right: 0;
  86. padding-bottom: 0;
  87. padding-left: 0px;
  88. }
  89. .login_form{
  90. padding-top: 40px;
  91. padding-right: 0;
  92. padding-bottom: 0;
  93. padding-left: 0px;
  94. }
  95. .login_button input{
  96. width: 259px;/*按钮宽度*/
  97. height: 36px;/*按钮高度*/
  98. background-image: url(click.gif);
  99. background-color:transparent;
  100. border:0;
  101. cursor:pointer;
  102. cursor:hand;
  103. }
  104. .login_user input{
  105. width:190px;/*密码框宽度*/
  106. border:0;
  107. height:28px;
  108. line-height:28px;
  109. background-color:transparent;
  110. cursor:text;
  111. font-size:16px;
  112. padding-left:15px;
  113. }
  114. .login_pass input{
  115. width:190px;/*密码框宽度*/
  116. border:0;
  117. height:28px;
  118. line-height:28px;
  119. background-color:transparent;
  120. cursor:text;
  121. font-size:16px;
  122. padding-left:15px;
  123. }
  124. .login_button_left{
  125. position:absolute;
  126. left:701px;/*提交按钮x坐标*/
  127. top:427px;/*提交按钮y坐标*/
  128. }
  129. .login_button_right{
  130. position:absolute;
  131. left:555px;/*重置按钮x坐标*/
  132. top:528px;/*重置按钮y坐标*/
  133. }
  134. .login_copyright{
  135. color:#000000;/*版权声明文字颜色*/
  136. text-align:center;
  137. padding:40px 0 0 20px;/*版权声明位置*/
  138. font-size:14px;
  139. font-family:"微软雅黑";
  140. }
  141. .login_info{
  142. color:#000000;
  143. position:absolute;
  144. left:708px;/*提示信息x坐标*/
  145. top:466px;/*提示信息y坐标*/
  146. line-height:150%;
  147. width:240px;
  148. overflow:hidden;
  149. font-size:12px;
  150. }
  151. .login_info2{
  152. color:#999999;
  153. position:absolute;
  154. left:785px;/*提示信息x坐标*/
  155. top:420px;/*提示信息y坐标*/
  156. line-height:150%;
  157. width:240px;
  158. overflow:hidden;
  159. font-size:14px;
  160. }
  161. .login_skin{
  162. position:absolute;
  163. right:10px;
  164. bottom:10px;
  165. color:#000000;/*皮肤管理文字颜色*/
  166. height:30px;
  167. line-height:30px;
  168. }
  169. .login_skin span{
  170. cursor:pointer;
  171. cursor:hand;
  172. }