vesta-login-form.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. /* Page specific styles */
  2. .page-auth{
  3. background:url(../images/auth/auth-bg.png) repeat;
  4. }
  5. .cc:after{
  6. content: ".";
  7. display: block;
  8. height: 0;
  9. clear: both;
  10. visibility: hidden;
  11. }
  12. *html .cc{
  13. zoom:1;
  14. }
  15. +html .cc{
  16. zoom:1;
  17. }
  18. .page-auth .b-auth-form{}
  19. .page-auth .b-auth-form{
  20. width:525px;
  21. margin:7% auto 0;
  22. padding:20px 20px 0;
  23. background:url(../images/auth/form-bg.png) repeat;
  24. -webkit-border-radius:15px;
  25. -moz-border-radius:15px;
  26. border-radius:15px;
  27. behavior: url(js/PIE.htc);
  28. font-family:Arial, Helvetica, sans-serif;
  29. }
  30. .page-auth .b-auth-form-wrap{
  31. position:relative;
  32. padding-top:30px;
  33. }
  34. .page-auth .vesta-logo{
  35. position:absolute;
  36. top:0;
  37. left:0;
  38. display:block;
  39. }
  40. .page-auth .b-client-title{
  41. margin:0 0 45px;
  42. padding-left:130px;
  43. font-size:35px;
  44. background:url(../images/auth/planet-1.png) no-repeat 85px 27px;
  45. color:#fff;
  46. }
  47. .client-title-wrap{
  48. position:relative;
  49. text-transform: uppercase;
  50. font-size:24px;
  51. }
  52. .client-title-wrap .planets{
  53. display:block;
  54. width:91px;
  55. height:7px;
  56. position:absolute;
  57. top:40%;
  58. right:-121px;
  59. background:url(../images/auth/planet-2.png) no-repeat scroll 0 -1px;
  60. }
  61. .page-auth .form-row{
  62. margin:0 0 15px;
  63. }
  64. .page-auth .last-row{
  65. padding:27px 90px 0 133px;
  66. }
  67. .page-auth .field-label{
  68. float:left;
  69. width:101px;
  70. padding-left:15px;
  71. padding-right:17px;
  72. color:#e3d785;
  73. font-size:12px;
  74. font-weight:bold;
  75. line-height:34px;
  76. font-family:Arial, Helvetica, sans-serif;
  77. text-transform:uppercase;
  78. text-align:right;
  79. /*letter-spacing:-.5px;*/
  80. }
  81. .page-auth .field-text{
  82. width:290px;
  83. padding:4px 5px;
  84. font-size:20px;
  85. border:2px solid #0c6c9c;
  86. background:#2d2c28;
  87. color:#fff;
  88. }
  89. .page-auth .field-text:focus{
  90. -moz-box-shadow:0 0 8px rgba(76, 147, 189, 0.7);
  91. -webkit-box-shadow:0 0 8px rgba(76, 147, 189, 0.7);
  92. border-color:rgba(76, 147, 189, 0.85) !important;
  93. }
  94. .page-auth .b-remember{
  95. float:left;
  96. padding-top:5px;
  97. }
  98. .page-auth .remember-label{
  99. cursor:pointer;
  100. padding:2px 2px 2px 8px;
  101. color:#747975;
  102. font-size:12px;
  103. font-family:Arial, Helvetica, sans-serif;
  104. }
  105. span.ui-checkbox{
  106. display: block;
  107. float: left;
  108. width: 14px;
  109. height: 15px;
  110. /* background:url(icon_checkbox.png) 0 -40px no-repeat;*/
  111. background:url(../images/auth/checkboxes.png) no-repeat;
  112. }
  113. .ui-helper-hidden-accessible{
  114. display: none;
  115. }
  116. span.ui-checkbox-state-hover{
  117. background-position: 0 -15px;
  118. }
  119. span.ui-checkbox-state-checked,
  120. span.ui-checkbox-state-checked-hover{
  121. background-position: 0 -30px;
  122. }
  123. .page-auth .sumbit-btn{
  124. float:right;
  125. overflow:visible;
  126. height:30px;
  127. padding:0 40px;
  128. -webkit-border-radius:9px;
  129. -moz-border-radius:9px;
  130. border-radius:9px;
  131. behavior: url(js/PIE.htc);
  132. border:2px solid #2C2C10;
  133. background-color:#BBBF45;
  134. color:#ffffdf;
  135. font-size:13px;
  136. font-family:Arial, Helvetica, sans-serif;
  137. font-weight:bold;
  138. line-height:27px;
  139. text-transform:uppercase;
  140. cursor:pointer;
  141. }
  142. .page-auth .sumbit-btn:focus{
  143. position:relative;
  144. top:1px;
  145. }
  146. .page-auth .sumbit-btn:hover{
  147. background-color:#ffcc00;
  148. color:#483600;
  149. border-color:#000;
  150. }
  151. .page-auth .sumbit-btn:active{
  152. top:0;
  153. background-color:#96A332;
  154. color:#FFFFFF;
  155. border-color:#2C2C10;
  156. }
  157. .page-auth .forgot-pwd{
  158. padding:60px 0 10px 137px;
  159. font-size:13px;
  160. }
  161. .page-auth .forgot-pwd-url{
  162. color:#6f7571;
  163. }
  164. .page-auth a.forgot-pwd-url:hover{
  165. color:#849e54;
  166. }
  167. .page-auth a.forgot-pwd-url:active{
  168. color:#edca38;
  169. }
  170. .page-auth .error-box{
  171. border-top:1px dashed #f16d6b;
  172. padding:10px 0 21px 131px;
  173. font-size:14px;
  174. font-weight:bold;
  175. color:#f16d6b;
  176. }
  177. .page-auth .footnotes{
  178. margin:0 -20px;
  179. padding:15px 20px;
  180. font-size:14px;
  181. border-top:1px solid #34352f;
  182. color:#5a5e5d;
  183. }
  184. .page-auth .footnotes .additional-info{
  185. float:left;
  186. font-size:12px;
  187. font-family:Georgia, "Times New Roman", Times, serif;
  188. font-style:italic;
  189. }
  190. .page-auth .footnotes .questions-url{
  191. color:#5a5e5d;
  192. }
  193. .page-auth .footnotes a.questions-url:hover{
  194. color:#849e54;
  195. }
  196. .page-auth .footnotes a.questions-url:active{
  197. color:#edca38;
  198. }
  199. .page-auth .footnotes .imprint{
  200. float:right;
  201. font-style:normal;
  202. font-size:11px;
  203. padding-top:1px;
  204. }