Advertisement
Guest User

Untitled

a guest
May 24th, 2016
49
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.37 KB | None | 0 0
  1. /*Forms in overlays*/
  2. body > .overlays {
  3. background: rgba(0, 0, 0, 0.55);
  4. position: absolute;
  5. width: 100%;
  6. height: 100%;
  7. position: fixed;
  8. top: 0;
  9. left: 0;
  10. z-index: 2000;
  11. visibility: hidden;
  12. opacity: 0;
  13. transition: visibility 0s, opacity 0.3s linear;
  14. -webkit-transition: visibility 0s, opacity 0.3s linear;
  15. -moz-transition: visibility 0s, opacity 0.3s linear;
  16. -o-transition: visibility 0s, opacity 0.3s linear;
  17. }
  18.  
  19. body.show-overlays {
  20. overflow: hidden;
  21. }
  22.  
  23. body.show-overlays > .overlays.active{
  24. visibility: visible;
  25. opacity: 1;
  26. }
  27.  
  28. .forms{
  29. display: block;
  30. position: relative;
  31. z-index: 2;
  32. padding: 22px 30px;
  33. margin: 0 auto;
  34. top: 15%;
  35. background-color: #e1bd2c;
  36. }
  37.  
  38. .forms h2, .forms label {
  39. text-transform: uppercase;
  40. color: #3b3b3b;
  41. }
  42.  
  43. .forms h2 {
  44. text-align: center;
  45. text-transform: uppercase;
  46. /*font: 16px exo_2bold;*/
  47. font: 24px exo_2_blackregular;
  48. color: #3b3b3b;
  49. margin-bottom: 18px;
  50. }
  51.  
  52. .to-close{
  53. position: absolute;
  54. top: 20px;
  55. right: 25px;
  56. width: 17px;
  57. height: 17px;
  58. text-align: center;
  59. cursor: pointer;
  60. background: url(../img/close_btn.png) no-repeat center center;
  61.  
  62. }
  63. .forms label {
  64. font: 12px exo_2bold;
  65. padding-bottom: 5px;
  66. }
  67.  
  68. .forms input {
  69. padding: 17px 16px 17px 20px;
  70. font: 14px open_sansregular;
  71. border: 1px solid #999999;
  72. margin-bottom: 12px;
  73. line-height: 1;
  74. }
  75.  
  76. .forms .required::-webkit-input-placeholder:after {
  77. content: "*";
  78. float: right !important;
  79. right: 5px !important;
  80. }
  81.  
  82.  
  83. .forms .radio-styled > label{
  84. font: 14px open_sansregular;
  85. color: #3b3b3b;
  86. display: inline-block !important;
  87. text-transform: none;
  88. width: auto !important;
  89. float: left;
  90. margin-right: 25px;
  91. }
  92.  
  93. .form-register .checkbox-styled:not(ie8) > label > input ~ span:before,
  94. .form-register .radio-styled:not(ie8) > label > input ~ span:before{
  95. width: 19px !important;
  96. height: 19px !important;
  97. border: 1px solid #9b9991 !important;
  98. }
  99.  
  100. .forms .radio-styled:not(ie8) input:checked ~ span:after{
  101. width: 9px;
  102. height: 9px;
  103. top: 5px;
  104. left: 5px;
  105. background-color: #3a3a3a;
  106. }
  107.  
  108. .form-register {
  109. width: 400px;
  110. height: 458px;
  111. }
  112.  
  113. .form-register .tooltip{
  114. background: none;
  115. border-radius: 50%;
  116. width: 17px;
  117. height: 17px;
  118. border: 1px solid #3a3a3a;
  119. color: #3a3a3a;
  120. position: absolute;
  121. margin-top: -2px;
  122. margin-left: 10px;
  123. display: inline-block;
  124. opacity: 1;
  125. padding: 0;
  126. line-height: 1;
  127. }
  128. .form-message-cont label, .form-message-cont input {
  129. display: block;
  130. width:100%
  131. }
  132.  
  133. .form-register label{
  134. font: 12px open_sansextrabold;
  135. }
  136.  
  137. #signin-submit {
  138. width: 200px;
  139. height: 42px;
  140. position: absolute;
  141. bottom: 0;
  142. right: 30px;
  143. padding: 11px 0px;
  144. /*font: 12px exo_2bold;*/
  145. font: 14px open_sansregular;
  146. text-transform: uppercase;
  147. border: 0;
  148. }
  149.  
  150.  
  151.  
  152. .form-enter {
  153. width: 400px;
  154. height: 268px;
  155. }
  156.  
  157. .form-enter #signin-submit{
  158. width: 80px;
  159. }
  160.  
  161. .form-enter .checkbox-styled:not(ie8) input ~ span, .form-enter .radio-styled:not(ie8) input ~ span{
  162. width: 17px;
  163. height: 17px;
  164. border: 1px solid #9b9991;
  165. background: #fff;
  166. padding-left: 0;
  167. }
  168.  
  169. .form-enter .checkbox-styled:not(ie8) > label > input:checked ~ span:before {
  170. border-color: #dfa83c;
  171. border-top-style: none;
  172. border-right-style: none;
  173. height: 9px;
  174. width: 16px;
  175. }
  176.  
  177. .form-enter .checkbox-styled:not(ie8) > label > input ~ span:before, .form-enter .radio-styled:not(ie8) > label > input ~ span:before {
  178. border: 2px solid transparent;
  179. width: 17px;
  180. height: 17px;
  181. }
  182.  
  183. .form-enter .checkbox {
  184. position: absolute;
  185. width: 50%;
  186. bottom: 10px;
  187. }
  188. .form-enter .checkbox > label > p{
  189. display: inline-block;
  190. text-transform: none;
  191. font: 12px open_sansregular;
  192. position: absolute;
  193. padding: 0 0 0 15px;
  194. }
  195.  
  196.  
  197. .form-send{
  198. background: #FFF;
  199. width: 649px;
  200. height: 298px;
  201. padding: 0;
  202. font: 14px exo_2_lightregular;
  203. color: #363636;
  204. }
  205.  
  206.  
  207. .form-send .title{
  208. background: #d9d9d9;
  209. height: 48px;
  210. padding: 0 0 0 23px !important;
  211. }
  212.  
  213. .form-send .title h3{
  214. color: #3b3b3b;
  215. line-height: 48px !important;
  216. font:18px exo_2_blackregular;
  217. text-transform: uppercase;
  218. }
  219. .form-send .title .to-close{
  220. border: none;
  221. padding: 0;
  222. border-left: 1px solid #b3b3b3;
  223. height: 48px;
  224. width: 50px;
  225. top: 0;
  226. right: 0;
  227. }
  228.  
  229. .form-send .text-in{
  230. height: 250px;
  231. padding: 15px 23px 20px 23px !important;
  232. }
  233.  
  234. .form-send .text-in > textarea{
  235. margin: 22px 0 12px 0;
  236. height: 102px;
  237. width: 100%;
  238. padding: 15px 10px 15px 10px !important;
  239. border:1px solid #989898;
  240. }
  241. .form-send .text-in > .small {
  242. vertical-align: top;
  243. }
  244.  
  245. .form-send .text-in > .btn {
  246. width: 204px;
  247. height: 42px;
  248. background: #f6dd34;
  249. padding: 0 12px;
  250. font:14px exo_2bold;
  251. color:#363636;
  252. float: right;
  253. line-height: 42px !important;
  254. border: none;
  255. }
  256. /*End Forms*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement