vesta-login-form_mine.css 3.9 KB

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