API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 18th, 2019
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.76 KB | None | 0 0
raw download clone embed print report
  1. /***
  2. * CSS CODES
  3. *
  4. */
  5. /** Hide cart */
  6. .et-cart-info {
  7. display : none;
  8. }
  9. /******* FONTS */
  10. .textH3{
  11. font-family : 'Droid Sans',Helvetica,Arial,Lucida,sans-serif;
  12. font-weight : 100;
  13. text-transform : uppercase;
  14. text-decoration : underline;
  15. -webkit-text-decoration-color : #ffffff;
  16. text-decoration-color : #ffffff;
  17. font-size : 14px;
  18. color : #ffffff!important;
  19. text-align : left;
  20. }
  21.  
  22.  
  23. /* Hide footer */
  24. #main-footer {
  25. height : 0 !important;
  26. overflow : hidden;
  27. }
  28.  
  29. /** DIVI Contact Form */
  30. .et_pb_contact {
  31. max-width : 50%;
  32. align-content : center;
  33. }
  34.  
  35. /** DIVI SUCCESS MESSAGE */
  36. .et-pb-contact-message {
  37. color : #ffffff;
  38. font-size : 16px;
  39. text-align : center;
  40. }
  41.  
  42.  
  43. /** Set Divi Slider min height
  44. .et_pb_slide_0, .et_pb_slide_1, .et_pb_slide_2, .et_pb_slide_3, .et_pb_slide_4, .et_pb_slide_5, .et_pb_slide_6 {
  45. min-height : 56.25vw !important;
  46.  
  47. }
  48. */
  49.  
  50. @media only screen and (min-width: 981px){
  51. #wpmm-wrap-primary-menu li a:hover {
  52. background : #ffffff !important;
  53. }
  54. }
  55.  
  56. body .fullwidth-menu-nav .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper li.current_page_item > a {
  57. color : #ffffff !important;
  58. }
  59. /**
  60. body .fullwidth-menu-nav .wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-ecosmart-menu-from-mega-menu-pro-test-2.wpmm-orientation-horizontal ul.wpmm-mega-wrapper {
  61. text-align: center;
  62. width: 100%;
  63. color: #ffffff !important;
  64. }
  65. */
  66.  
  67. .wpmm-sub-menu-wrap {
  68. z-index : 9999;
  69. }
  70. #left-area #wpmega-menu-primary-menu {
  71. padding-bottom : 0px;
  72. }
  73. .wp-megamenu-main-wrapper.wpmm-ctheme-wrapper.wpmega-ecosmart-menu-from-mega-menu-pro-test-2 ul.wpmm-mega-wrapper > li:hover > a, #wpmm-wrap-primary-menu li a:hover {
  74. background : #ffffff !important;
  75. }
  76. #wpmm-wrap-primary-menu li a:hover {
  77. background:#ffffff !important;
  78. color:#626361!important;
  79. text-decoration: none;
  80. }
  81.  
  82. .page-id-28739 .wpmm-sub-menu-wrap ul li ul li {
  83. position : relative;
  84. left : 10px;
  85. }
  86.  
  87.  
  88. /** Optin
  89. * https://divilover.com/slim-divi-optin-form-module-layout/
  90. * */
  91.  
  92. @media (min-width:981px) {
  93. .dl-slim-optin2 .et_pb_newsletter_description {
  94. width : 30%;
  95. }
  96. .dl-slim-optin2 .et_pb_newsletter_form {
  97. width : 70%;
  98. }
  99. }
  100. .dl-slim-optin2 .et_pb_newsletter_field,
  101. .dl-slim-optin2 .et_pb_newsletter_button_wrap {
  102. flex-basis : 32.5%;
  103. }
  104. .dl-slim-optin2 .et_pb_newsletter_footer {
  105. margin-top : 0;
  106. }
  107. .dl-slim-optin2 .et_pb_module_header {
  108. padding-bottom : 0;
  109. }
  110. @media (max-width:980px) {
  111. .et_pb_column_4_4 .dl-slim-optin2 {
  112. display : block;
  113. }
  114. .dl-slim-optin2 .et_pb_newsletter_description,
  115. .dl-slim-optin2 .et_pb_newsletter_form {
  116. width : 100%;
  117. padding : 0;
  118. }
  119. .et_pb_column_4_4 .dl-slim-optin2 .et_pb_newsletter_description {
  120. text-align : center;
  121. margin-bottom : 10px;
  122. }
  123. .dl-slim-optin2 .et_pb_newsletter_footer {
  124. text-align : center;
  125. }
  126. }
  127. @media (max-width:600px) {
  128. .dl-slim-optin2 .et_pb_newsletter_field {
  129. flex-basis : 49%;
  130. }
  131. .dl-slim-optin2 .et_pb_newsletter_button_wrap {
  132. flex-basis : 100%;
  133. }
  134. }
  135. @media (max-width:479px) {
  136. .dl-slim-optin2 .et_pb_newsletter_field{
  137. flex-basis : 100%;
  138. }
  139. }
  140. .dl-slim-optin2 .et_pb_newsletter_field, .dl-slim-optin2 .et_pb_newsletter_button_wrap {
  141. flex-basis : 32.5%;
  142. min-width : 32.5%;
  143. }
  144.  
  145.  
  146.  
  147. /* === End: Set divi slider height === */
  148.  
  149. /* === Begin: Full Screen Slider === */
  150.  
  151. et_fullscreen_slider .et_pb_slides,
  152. .et_fullscreen_slider .et_pb_slide,
  153. .et_fullscreen_slider .et_pb_container {
  154. min-height : 100% !important;
  155. height : 100% !important;
  156.  
  157. }
  158.  
  159.  
  160. .home #main-header {
  161. position : absolute;
  162. top : 32px;
  163. background-color : rgba(255,255,255,0.2);
  164. }
  165.  
  166. .home .et_fullscreen_slider {
  167. height : 100vh !important;
  168. }
  169. /****For about us page -css code *****/
  170. /*------------------------------------------------*/
  171. /*-----------[GQ SLIDE-IN + SLIDE-OUT]------------*/
  172. /*------------------------------------------------*/
  173.  
  174.  
  175. /* general styles */
  176.  
  177. .gq_team_image {
  178. z-index: 1;
  179. position: relative;
  180. background: #fff;
  181. cursor: pointer;
  182. padding-bottom: 10px;
  183. margin-bottom: 0px!important;}
  184. .gq_team_name {
  185. z-index: 1;
  186. position: relative;
  187. background: #fff;
  188. border: 1px solid #e0e0e0;
  189. padding: 15px 10px;
  190. cursor: pointer;
  191. margin-bottom: 0px!important;
  192. -webkit-transition: all 0.3s ease-in-out;
  193. -moz-transition: all 0.3s ease-in-out;
  194. transition: all 0.3s ease-in-out;}
  195. .gq_team_name h3 {
  196. font-size: 18px;
  197. line-height: 25px;
  198. font-weight: 500;
  199. text-transform: uppercase;
  200. padding-bottom: 0px;
  201. -webkit-transition: all 0.3s ease-in-out;
  202. -moz-transition: all 0.3s ease-in-out;
  203. transition: all 0.3s ease-in-out;}
  204. .gq_team_name p {
  205. font-weight: 700;
  206. color: #b4b4b4;
  207. -webkit-transition: all 0.3s ease-in-out;
  208. -moz-transition: all 0.3s ease-in-out;
  209. transition: all 0.3s ease-in-out;}
  210. .gq_team_info {
  211. border: 1px solid #e0e0e0;
  212. border-top: 0px;
  213. padding: 15px 10px;
  214. margin-bottom: 0px!important;}
  215. /* hide + unhide states */
  216.  
  217. .gq_hide_info {
  218. margin-top: -100%;
  219. z-index: 0;
  220. position: relative;
  221. opacity: 0;
  222. max-height: 200px;
  223. -webkit-transition: all 0.8s ease-in-out;
  224. -moz-transition: all 0.8s ease-in-out;
  225. transition: all 0.8s ease-in-out;}
  226. .gq_hide_close {
  227. opacity: 0;
  228. max-height: 0px;
  229. -webkit-transition: all 0.8s ease-in-out;
  230. -moz-transition: all 0.8s ease-in-out;
  231. transition: all 0.8s ease-in-out;}
  232. .gq_unhide_info {
  233. margin-top: 0%;
  234. z-index: 0;
  235. position: relative;
  236. opacity: 1;
  237. max-height: 1000px;}
  238. .gq_unhide_close {
  239. opacity: 1;
  240. max-height: 1000px;}
  241.  
  242. @media only screen and (max-width : 980px) {
  243. .gq_hide_info {
  244. margin-top: -10%;
  245. max-height: 0px;}
  246. .gq_unhide_info {
  247. margin-top: 0%;
  248. max-height: 1000px;}}
  249. /* hover states */
  250.  
  251. .gq_team_image:hover + .gq_team_name, .gq_team_name:hover {
  252. background: #3994cb;
  253. border: 1px solid #3994cb;}
  254.  
  255. .gq_team_image:hover + .gq_team_name h1,
  256. .gq_team_image:hover + .gq_team_name p,
  257. .gq_team_name:hover > h1,
  258. .gq_team_name:hover > p {
  259. color: #fff!important;}
  260.  
  261. .gq_hover_name {
  262. background: #3994cb;
  263. border: 1px solid #3994cb;}
  264. .gq_hover_name h1, .gq_hover_name p {
  265. color: #fff!important;}
  266. /* image overlay */
  267.  
  268. .gq_team_image:before {
  269. position: absolute;
  270. color: #fff;
  271. font-family: "FontAwesome";
  272. content: "\f067";
  273. font-size: 22px;
  274. background: #3994cb;
  275. padding: 27px 19px;
  276. border-radius: 50px;
  277. opacity: 0;
  278. margin-top: 45%;
  279. left: 50%;
  280. margin-right: -50%;
  281. transform: translate(-50%);
  282. -webkit-transition: all 0.3s ease-in-out;
  283. -moz-transition: all 0.3s ease-in-out;
  284. transition: all 0.3s ease-in-out;}
  285.  
  286. .gq_team_image:hover:before {
  287. opacity: .8;}
  288.  
  289. .gq_close_icon:before {
  290. position: absolute;
  291. color: #fff;
  292. font-family: "FontAwesome";
  293. content: "\f00d";
  294. font-size: 22px;
  295. background: #3994cb;
  296. padding: 27px 19px;
  297. border-radius: 50px;
  298. opacity: 0.8;
  299. margin-top: 45%;
  300. left: 50%;
  301. margin-right: -50%;
  302. transform: translate(-50%);}
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!