Guest User

Untitled

a guest
Nov 8th, 2014
196
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.80 KB | None | 0 0
  1. /* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
  2.  
  3. /* General Custom CSS */
  4.  
  5. /*
  6. Desktop Styles
  7. ================================================== */
  8. /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
  9.  
  10. @media only screen and (min-width: 768px) {
  11. /* Add your Desktop Styles here */
  12.  
  13. /* HEADER */
  14.  
  15. .avia-menu-fx {
  16. display: none;
  17. }
  18.  
  19. #top #wrap_all .av_header_transparency .main_menu a {
  20. font-size:0.9em;
  21. color: #f2f2f2;
  22. cursor: pointer;
  23. font-size: 0.859375em;
  24. }
  25.  
  26. /* fb twitter cta */
  27.  
  28. #toptop {
  29. text-align:center;
  30. margin:0 auto;
  31. max-height:2em;
  32. }
  33.  
  34. .avia-section {
  35. min-height:0;
  36. }
  37.  
  38. #socialheader {
  39. padding:0.5em 0 0.25em;
  40. }
  41.  
  42. /* homepage, thank-you, subscription, email-receipt */
  43.  
  44. #slider {
  45. background:#f2f2f2;
  46. padding:11em 0;
  47. }
  48.  
  49. #endorsement {
  50. padding:2.5em 0 0.5em;
  51. }
  52.  
  53. #endorsement img {
  54. margin-top:0.5em;
  55. }
  56.  
  57. #footer{
  58. padding:0;
  59. }
  60.  
  61. /* GENERAL STYLING */
  62.  
  63. .template-page .entry-content-wrapper h1, h2, p,#top .main_color input[type='text'], #top select, #top .avia_ajax_form .text_area, .sumome-popup-text, .borderlist-not li, .tab_titles, .footertext, #blogfooter .footertext2, #top #wrap_all .av_header_transparency .main_menu a, input[type="submit"], #top .main_color input[type='email'], .avia_ajax_form .button{
  64. font-weight: 300;
  65. font-style: normal;
  66. }
  67.  
  68. .template-page .entry-content-wrapper h1, h2, h3, h4{
  69. color: #333;
  70. font-family: 'Gotham A','Gotham B',sans-serif;
  71. text-transform: uppercase;
  72. margin-bottom:0;
  73. }
  74.  
  75. p, .sumome-popup-text, .borderlist-not li, .tab_titles, #top .main_color input[type='text'], #top select, #top .avia_ajax_form .text_area, .footertext, #top label, #contactform h3, #blogfooter .footertext2, #top #wrap_all .av_header_transparency .main_menu a, input[type="submit"], #top .main_color input[type='email'], .avia_ajax_form .button {
  76. font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
  77. }
  78.  
  79. .template-page .entry-content-wrapper h1{
  80. font-size: 5.078125em;
  81. letter-spacing: 0;
  82. line-height: 0.9;
  83. }
  84.  
  85. h2 {
  86. font-size: 3.75em;
  87. line-height: 1.1;
  88. }
  89.  
  90. h3, .main_color h3, #top label, #contactform h3, h4 {
  91. font-size: 1.71875em;
  92. font-weight: 500;
  93. letter-spacing: 0.078125em;
  94. line-height: 1.5;
  95. text-align:left;
  96. }
  97.  
  98. div .av_four_fifth {
  99. margin-left:2%;
  100. }
  101.  
  102. /* BLOG */
  103.  
  104. #blog {
  105. padding:3em 0 2em;
  106. }
  107.  
  108. #blog div .av_three_fifth {
  109. margin-left: 0%;
  110. width: 69.6%;
  111. }
  112.  
  113. #blog div .av_one_fifth {
  114. margin-left:0;
  115. }
  116.  
  117. /* for link colors inside blog posts */
  118.  
  119. .main_color a {
  120. color:#333;
  121. font-weight:500;
  122. }
  123.  
  124. .main_color a:hover, #top h3 a:hover {
  125. color:#fc5442;
  126. transition-delay: 0s, 0s, 0s;
  127. transition-duration: 0.1s, 0.5s, 0.5s;
  128. transition-property: color;
  129. }
  130.  
  131. div .slideshow_caption h2 {
  132. text-transform:none;
  133. font-weight: 500;
  134. letter-spacing:-2px;
  135. }
  136.  
  137. div .slideshow_caption p {
  138. color:#f5f5f5;
  139. font-size:18px;
  140. text-transform:uppercase;
  141. letter-spacing:1px;
  142. }
  143.  
  144. #blog h2 {
  145. text-transform:none;
  146. }
  147.  
  148. #blog p, #abouttext p {
  149. color:#777;
  150. font-size:1.25em;
  151. line-height:1.5;
  152. }
  153.  
  154. /* social shares title at the bottom */
  155.  
  156. #blog .up {
  157. text-transform:uppercase;
  158. letter-spacing:-1px;
  159. margin-top:1em;
  160. }
  161.  
  162. #blog .boldie,#abouttext .boldie, .highlight {
  163. font-weight:500;
  164. }
  165.  
  166. #blog p + h2,#blog p + h1,#blog p + h2,#blog p + h3,#blog p + h4,#blog p + h5,#blog p + h6, #blog h3 + h2, #blog h2 + h3 {
  167. margin-top:0.8em;
  168. }
  169.  
  170. #blog h3 + p {
  171. margin-top:0.2em;
  172. }
  173.  
  174. /* SUMOME */
  175.  
  176. .avia-bullet, .sumome-share-client-wrapper div.sumome-share-client.sumome-share-client-bottom-left-article>a:last-child {
  177. display:none;
  178. }
  179.  
  180. .sumome-popup-link {
  181. display:none;
  182. }
  183.  
  184. /* HOMEPAGE - social media and endorsement */
  185.  
  186. ul.socialmedia, ul.logos {
  187. list-style: none outside !important;
  188. text-align:center;
  189. }
  190.  
  191. ul.socialmedia li, ul.logos li {
  192. width: auto;
  193. display: inline-block;
  194. padding: 0 2px;
  195. margin:0;
  196. }
  197.  
  198. .alignnone{
  199. -webkit-filter: grayscale(100%);
  200. opacity: 0.63;
  201. }
  202.  
  203. .alignnone:hover{
  204. -webkit-filter: grayscale(0%);
  205. opacity: 1;
  206. }
  207.  
  208. /* THANK YOU */
  209.  
  210. .bold, .bold2 {
  211. font-weight: 500;
  212. }
  213.  
  214. #slider .bigger {
  215. font-size:1.171875em;
  216. color:#fff;
  217. background:#fc5442;
  218. padding:0.5em;
  219. }
  220.  
  221. /* SUBSCRIPTION CONFIRMED */
  222. .bold2 {
  223. color:#fc5442 !important;
  224. }
  225.  
  226. /* ABOUT ME */
  227.  
  228. #abouttext, #servicestext {
  229. padding:7em 0 5em;
  230. }
  231.  
  232. #servicestext p {
  233. color:#777;
  234. }
  235.  
  236. #servicestext .av_two_fifth p {
  237. font-size:1.09375em;
  238. }
  239.  
  240. #aboutcontact {
  241. padding-top:9em;
  242. }
  243.  
  244. body .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first{
  245. margin:0;
  246. }
  247.  
  248. .avia-icon-list-container {
  249. margin:0;
  250. }
  251.  
  252. #servicestext .av_three_fifth {
  253. margin-left:3%;
  254. }
  255.  
  256. .avia-icon-list li {
  257. padding: 0 0 1em 0;
  258. }
  259.  
  260. .main_color .avia-icon-list .iconlist_icon {
  261. background-color:#fff;
  262. color:#fc5442;
  263. }
  264.  
  265. #abouttext ul.socialmedia {
  266. text-align:left;
  267. }
  268.  
  269. /* WORDPRESS SERVICES */
  270.  
  271. #top .avia_ajax_form input[type="checkbox"] {
  272. margin-top:0.9em;
  273. }
  274.  
  275. #top label, #contactform h3 {
  276. color: #fc5442;
  277. font-size: 1.09375em;
  278. font-style: normal;
  279. font-weight: 500;
  280. letter-spacing: 0.078125em;
  281. text-transform:uppercase;
  282. margin-top:0.5em;
  283. text-align:left;
  284. }
  285.  
  286. #top .input_checkbox_label {
  287. color:#777;
  288. font-weight: 300;
  289. text-transform:none;
  290. letter-spacing:0;
  291. }
  292.  
  293. #top .main_color input[type='text'], #top select, #top .avia_ajax_form .text_area {
  294. color: #777;
  295. font-size: 13px;
  296. letter-spacing: 0.078125em;
  297. margin-top:0;
  298. }
  299.  
  300. #contactform {
  301. padding:2em;
  302. }
  303.  
  304. #contactform p {
  305. margin-top:5px;
  306. margin-bottom:0;
  307. }
  308.  
  309. #contactform .av_three_fifth {
  310. margin-left:0;
  311. }
  312.  
  313. /* FOOTER */
  314.  
  315. .footertext {
  316. font-size:0.8em;
  317. text-align:center;
  318. margin:1em auto;
  319. }
  320.  
  321. #blogfooter .footertext {
  322. margin: 0.85em 0;
  323. padding-top:0;
  324. }
  325.  
  326. #blogfooter .footertext2 {
  327. color: rgb(34, 34, 34);
  328. font-size: 1em;
  329. font-weight: 500 !important;
  330. letter-spacing: 1px;
  331. }
  332.  
  333. /* Slider form rules */
  334.  
  335. input[type="submit"], #top .main_color input[type='email'], .avia_ajax_form .button, #slider p{
  336. color: rgb(119, 119, 119);
  337. font-size: 1.09375em;
  338. margin:0;
  339. }
  340.  
  341. #top .main_color input[type='email'] {
  342. padding-left:15px;
  343. background-color:#fff;
  344. }
  345.  
  346. input[type="cursor"]{
  347. margin-left:5px;
  348. }
  349.  
  350. #top form {
  351. margin-bottom:0;
  352. margin-top:-45px;
  353. }
  354.  
  355. form.wpcf7-form br, form.mc4wp-form br{
  356. display: none;
  357. }
  358.  
  359. form.wpcf7-form span,form.mc4wp-form span, mc_embed_signup_scroll {
  360. float: left;
  361. }
  362.  
  363. form.wpcf7-form{
  364. margin: 0 auto;
  365. }
  366.  
  367. form.wpcf7-form, form.mc4wp-form{
  368. top: 40px;
  369. position: relative;
  370. }
  371.  
  372. .email-599 .wpcf7-text, .email-599 .mc4wp-text {
  373. position: relative;
  374. top: 1px;
  375. }
  376.  
  377. .main_color input[type='submit'] {
  378. background-color:#fc5442;
  379. }
  380.  
  381. .main_color input[type='submit']:hover {
  382. background-color:#e24b3b;
  383. }
  384.  
  385. #mc_embed_signup_scroll{
  386. margin-top:4em;
  387. display: inline-flex;
  388. display: -webkit-inline-flex;
  389. }
  390.  
  391. #mc-embedded-subscribe-form p {
  392. margin-bottom:0;
  393. }
  394.  
  395. #mc-embedded-subscribe {
  396. margin-left: 5px;
  397. }
  398.  
  399. #top input[type="email"] {
  400. margin-bottom:5px;
  401. max-width:none;
  402. display:inline;
  403. }
  404.  
  405. #top input[type="submit"] {
  406. margin-top: 0;
  407. }
  408.  
  409. /*
  410. Mobile Styles
  411. ================================================== */
  412. /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
  413.  
  414. @media only screen and (max-width: 767px) {
  415.  
  416. .template-page .entry-content-wrapper h1, h2, h3, h4 {
  417. color: #333;
  418. font-family: 'Gotham A','Gotham B',sans-serif;
  419. text-transform: uppercase;
  420. margin-bottom: 0;
  421. }
  422.  
  423. ul.socialmedia li, ul.logos li {
  424. width: auto;
  425. display: inline-block;
  426. }
  427.  
  428. ul.socialmedia, ul.logos {
  429. list-style: none outside !important;
  430. }
  431.  
  432. #slider {
  433. background:#f2f2f2;
  434. padding:11em 0;
  435. }
  436.  
  437. }
Advertisement
Add Comment
Please, Sign In to add comment