API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 21st, 2019
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.08 KB | None | 0 0
raw download clone embed print report
  1. h1 {
  2. font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  3. }
  4. p {
  5. font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  6. }
  7. b {
  8. font-size: 30px;
  9. color: #BBB743;
  10. font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  11. }
  12.  
  13. /*-----------------contact form text ------------*/
  14. .input-placeholder {
  15. opacity: 1; color: #333333;
  16. text-transform: none !important;
  17. font-weight: 400 !important;
  18. font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  19. }
  20. ::-webkit-input-placeholder {
  21. opacity: 1; color: #333333;
  22. text-transform: none !important;
  23. font-weight: 400 !important;
  24. font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  25. } /* gray80 */
  26.  
  27. :-moz-placeholder {
  28. opacity: 1; color: #333333;
  29. text-transform: none !important;
  30. font-weight: 400 !important;
  31. font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  32. } /* Firefox 18- (one color)*/
  33.  
  34. ::-moz-placeholder {
  35. opacity: 1; color: #333333;
  36. text-transform: none !important;
  37. font-weight: 400 !important;
  38. font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  39. } /* Firefox 19+ (double colons) */
  40.  
  41. :-ms-input-placeholder {
  42. opacity: 1; color: #333333;
  43. text-transform: none !important;
  44. font-weight: 400 !important;
  45. font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  46. }
  47.  
  48. .wpcf7 p {
  49. color: #373635;
  50. }
  51. p.form-p-text {
  52. font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
  53. font-weight: 400;
  54. margin: 8px;
  55. color: #767474;
  56. font-size: 16px;
  57. }
  58.  
  59. /*-----------------contact form------------*/
  60.  
  61. .wpcf7 input[type=text],
  62. .wpcf7 input[type=email],
  63. .wpcf7 input[type=tel],
  64. .wpcf7 textarea {
  65. background-color: #94939378;
  66. border: none;
  67. width: 100% !important;
  68. -moz-border-radius: 0 !important;
  69. -webkit-border-radius: 0 !important;
  70. border-radius: 4px !important;
  71. font-size: 14px;
  72. color: #736F6F !important;
  73. padding: 16px !important;
  74. margin-top: 5px;
  75. -moz-box-sizing: border-box;
  76. -webkit-box-sizing: border-box;
  77. box-sizing: border-box;
  78. }
  79. .wpcf7 input:hover,
  80. .wpcf7 input:focus,
  81. .wpcf7 input:active,
  82. .wpcf7 textarea:hover,
  83. .wpcf7 textarea:focus,
  84. .wpcf7 textarea:active {
  85. background-color: #e2e2e2;
  86. -webkit-transition: all 0.2s ease;
  87. -moz-transition: all 0.2s ease;
  88. -o-transition: all 0.2s ease;
  89. transition: all 0.2s ease;
  90. }
  91. .wpcf7-select {
  92. width: 100%;
  93. font-size: 14px;
  94. height: 50px;
  95. color: #999 !important;
  96. }
  97. input[type=checkbox] {
  98. font-size: 3em;
  99. }
  100. .wpcf7-captchar {
  101. background-color: #fff !important;
  102. border: 1px solid !important;
  103. padding: 12px !important;
  104. }
  105. input.wpcf7-form-control.wpcf7-submit {
  106. text-transform: none !important;
  107. }
  108. .wpcf7-submit {
  109. display: block;
  110. margin-left: auto;
  111. background-origin: padding-box;
  112. background-size: auto;
  113. background-color: #51CFCA !important;
  114. color: white !important;
  115. font-size: 20px;
  116. font-weight: 900;
  117. border-radius: 8px;
  118. -webkit-border-radius: 8px;
  119. -moz-border-radius: 8px;
  120. -khtml-border-radius: 8px;
  121. -webkit-font-smoothing: antialiased;
  122. -moz-osx-font-smoothing: grayscale;
  123. -moz-transition: all 0.2s;
  124. -webkit-transition: all 0.2s;
  125. transition: all 0.2s;
  126. padding: 12px 25px;
  127. cursor: pointer;
  128. border: 0px;
  129. }
  130. .wpcf7-submit:hover {
  131. background-color: #49ACA7 !important;
  132. color: white !important;
  133. -moz-transition: all 0.2s;
  134. -webkit-transition: all 0.2s;
  135. transition: all 0.2s;
  136. }
  137.  
  138. /*-----------------Footer Contact form ------------*/
  139. .footer-contact-form p {
  140. margin-bottom: 1px;
  141. }
  142. .footer-contact-form input.wpcf7-form-control.wpcf7-submit {
  143. text-transform: none !important;
  144. }
  145. #footer .et_pb_widget input[type="text"],
  146. #footer .et_pb_widget input[type="password"],
  147. #footer .et_pb_widget input[type="search"],
  148. #footer .et_pb_widget select,
  149. #footer .et_pb_widget textarea {
  150. background-color: white;
  151. border: none;
  152. width: 100% !important;
  153. -moz-border-radius: 0 !important;
  154. -webkit-border-radius: 0 !important;
  155. border-radius: 4px !important;
  156. font-size: 14px;
  157. color: #736F6F !important;
  158. padding: 16px !important;
  159. margin-top: 5px;
  160. -moz-box-sizing: border-box;
  161. -webkit-box-sizing: border-box;
  162. box-sizing: border-box;
  163. }
  164. #footer .et_pb_widget input:hover,
  165. #footer .et_pb_widget input:focus,
  166. #footer .et_pb_widget input:active,
  167. #footer .et_pb_widget select:hover,
  168. #footer .et_pb_widget select:focus,
  169. #footer .et_pb_widget select:active,
  170. #footer .et_pb_widget textarea:hover,
  171. #footer .et_pb_widget textarea:focus,
  172. #footer .et_pb_widget textarea:active,
  173. .et_pb_widget .wpcf7 input:hover,
  174. .et_pb_widget .wpcf7 input:focus,
  175. .et_pb_widget .wpcf7 input:active,
  176. .et_pb_widget .wpcf7 textarea:hover,
  177. .et_pb_widget .wpcf7 textarea:focus,
  178. .et_pb_widget .wpcf7 textarea:active {
  179. background-color: #e2e2e2;
  180. -webkit-transition: all 0.2s ease;
  181. -moz-transition: all 0.2s ease;
  182. -o-transition: all 0.2s ease;
  183. transition: all 0.2s ease;
  184. }
  185. .wpcf7-select {
  186. width: 100%;
  187. font-size: 14px;
  188. height: 50px;
  189. color: #999 !important;
  190. }
  191. input[type=checkbox] {
  192. font-size: 3em;
  193. }
  194. .wpcf7-captchar {
  195. background-color: #fff !important;
  196. border: 1px solid !important;
  197. padding: 12px !important;
  198. }
  199. .footer-contact-form .wpcf7-submit {
  200. display: block;
  201. margin-left: auto;
  202. background-origin: padding-box;
  203. background-size: auto;
  204. background-color: #A1020F !important;
  205. color: white !important;
  206. font-size: 16px;
  207. font-weight: 400;
  208. float: right;
  209. cursor: pointer;
  210. border-radius: 4px;
  211. -webkit-border-radius: 4px;
  212. -moz-border-radius: 4px;
  213. -khtml-border-radius: 4px;
  214. -webkit-font-smoothing: antialiased;
  215. -moz-osx-font-smoothing: grayscale;
  216. -moz-transition: all 0.2s;
  217. -webkit-transition: all 0.2s;
  218. transition: all 0.2s;
  219. }
  220. .footer-contact-form .wpcf7-submit:hover {
  221. background-color: #AB545F !important;
  222. color: white !important;
  223. -moz-transition: all 0.2s;
  224. -webkit-transition: all 0.2s;
  225. transition: all 0.2s;
  226. }
  227.  
  228.  
  229. /*-----------------subscribe form button ------------*/
  230. .footer-subscribe-form input.wpcf7-form-control.wpcf7-submit {
  231. text-transform: none !important;
  232. }
  233. .footer-subscribe-form input.wpcf7-form-control.wpcf7-submit {
  234. margin-top: 5px;
  235. display: block;
  236. margin-left: auto;
  237. background-origin: padding-box;
  238. background-size: auto;
  239. background-color: #A1020F !important;
  240. color: white !important;
  241. font-size: 16px;
  242. font-weight: 400;
  243. float: right;
  244. cursor: pointer;
  245. border-radius: 4px;
  246. -webkit-border-radius: 4px;
  247. -moz-border-radius: 4px;
  248. -khtml-border-radius: 4px;
  249. -webkit-font-smoothing: antialiased;
  250. -moz-osx-font-smoothing: grayscale;
  251. -moz-transition: all 0.2s;
  252. -webkit-transition: all 0.2s;
  253. transition: all 0.2s;
  254. }
  255. .footer-subscribe-form input.wpcf7-form-control.wpcf7-submit:hover {
  256. background-color: #AB545F !important;
  257. color: white !important;
  258. -moz-transition: all 0.2s;
  259. -webkit-transition: all 0.2s;
  260. transition: all 0.2s;
  261. }
  262.  
  263. /* -------------- subscribe form text area -------------- */
  264. .footer-subscribe-form input[type=email] {
  265. background-color: white;
  266. border: 0.2px solid #E6E4E4 !important;
  267. width: 80% !important;
  268. -moz-border-radius: 0 !important;
  269. -webkit-border-radius: 0 !important;
  270. border-radius: 4px !important;
  271. font-size: 14px;
  272. color: #736F6F !important;
  273. padding: 16px !important;
  274. margin-top: 0px;
  275. -moz-box-sizing: border-box;
  276. -webkit-box-sizing: border-box;
  277. box-sizing: border-box;
  278. }
  279. .footer-subscribe-form input[type=email] textarea {
  280. border: 0.2px solid #E6E4E4 !important;
  281. box-shadow: inset 2px 2px 8px #7f786c;
  282. background-color: #7f786c;
  283. -webkit-transition: all 0.2s ease;
  284. -moz-transition: all 0.2s ease;
  285. -o-transition: all 0.2s ease;
  286. transition: all 0.2s ease;
  287. margin-top: 10px;
  288. margin-bottom:10px;
  289. }
  290. .footer-subscribe-form input.wpcf7-form-control.wpcf7-text:hover,
  291. .footer-subscribe-form .wpcf7-text:active,
  292. .footer-subscribe-form .wpcf7-text:focus {
  293. border: 0.5px solid #D9D9D9 !important;
  294. background-color: #e2e2e2;
  295. -webkit-transition: all 0.2s ease;
  296. -moz-transition: all 0.2s ease;
  297. -o-transition: all 0.2s ease;
  298. transition: all 0.2s ease;
  299. }
  300.  
  301. .subscribe-box {
  302. background-color: #F5F5F5;
  303. padding: 20px;
  304. border-radius: 4px;
  305. }
  306. .subscribe-box h4 {
  307. color: #1A1A1A !important;
  308. }
  309.  
  310. /* -------------- Contact form css for a form with boxes next to each other in rows -------------- */
  311. select.wpcf7-form-control.wpcf7-select {
  312. margin-top: 5px;
  313. }
  314.  
  315. /* ------------ form SECTIONS ------------ */
  316. .section {
  317. clear: both;
  318. padding: 0px;
  319. margin: 0% 0;
  320. }
  321.  
  322. /* ------------ form COLUMN SETUP ------------ */
  323. .col {
  324. display: block;
  325. float:left;
  326. margin: 0.5% 0 0.5% 1.6%;
  327. }
  328. .col:first-child { margin-left: 0; }
  329.  
  330. /* ------------ form GROUPING ------------ */
  331. .group:before,
  332. .group:after { content:""; display:table; }
  333. .group:after { clear:both;}
  334. .group { zoom:1; /* For IE 6/7 */ }
  335. /* GRID OF TWO */
  336. .span_2_of_2 {
  337. width: 100%;
  338. }
  339. .span_1_of_2 {
  340. width: 49.2%;
  341. }
  342. .span_1_of_3 {
  343. width: 23.8%;
  344. }
  345.  
  346. /* ------------ form GO FULL WIDTH AT LESS THAN 480 PIXELS ------------ */
  347.  
  348. @media only screen and (max-width: 480px) {
  349. .col {
  350. margin: 1% 0 1% 0%;
  351. }
  352. }
  353.  
  354. @media only screen and (max-width: 480px) {
  355. .span_2_of_2, .span_1_of_2 { width: 100%; }
  356. }
  357.  
  358.  
  359. /*----------------- Glossy button css ------------*/
  360. select.wpcf7-form-control.wpcf7-select,
  361. .glossy {
  362. position: relative;
  363. background: white;
  364. background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#FAF6F6), color-stop(100%,#d9d9d9));
  365. background: -webkit-linear-gradient(top, #FAF6F6 31%,#d9d9d9 100%);
  366. background: -moz-linear-gradient(top,#FAF6F6 31%,#d9d9d9 100%);
  367. background: -o-linear-gradient(top, #FAF6F631%,#d9d9d9 100%);
  368. background: -ms-linear-gradient(top, #FAF6F6 31%,#d9d9d9 100%);
  369. background: linear-gradient(to bottom, , #FAF6F6 31%,#d9d9d9 100%);
  370. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAF6F6', endColorstr='#d9d9d9 ',GradientType=0 );
  371. -webkit-border-radius: 25px;
  372. -moz-border-radius: 25px;
  373. border-radius: 25px;
  374. border: 0px solid #4864a9;
  375. color: #000;
  376. font-size: 0.750em;
  377. text-shadow: 1px 1px 0px rgba(255,255,255,.5);
  378. -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
  379. box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);
  380. position: relative;
  381. }
  382. .glossy:before {
  383. content: "";
  384. width: 220px;
  385. height: 16px;
  386. display: block;
  387. position: absolute;
  388. left: 5px;
  389. -webkit-border-radius: 8px;
  390. -moz-border-radius: 8px;
  391. border-radius: 8px;
  392. background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 8%, rgba(255,255,255,0) 100%);
  393. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(8%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0)));
  394. background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
  395. background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
  396. background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
  397. background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 8%,rgba(255,255,255,0) 100%);
  398. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  399. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!