noam76

Wordpress Themes

Dec 25th, 2015
347
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.79 KB | None | 0 0
  1. /*
  2. Theme Name: WpCartoons
  3. Theme URI: http://smthemes.com/wpcartoons/
  4. Author: The Smart Magazine Themes
  5. Author URI: http://smthemes.com/
  6. Description: Template by SMThemes.com
  7. Version: 2.4.2
  8. License: Creative Commons 3.0
  9. Theme date: 12/24/2015
  10. License URI: license.txt
  11. Tags: black, green, dark, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options
  12. */
  13.  
  14.  
  15. /* -==========================- GENERAL -==========================- */
  16. /*------------------------------ PAGE ------------------------------*/
  17. @import url(css/font.css);
  18.  
  19. html {
  20. background:#f5f1ed;
  21. }
  22. body {
  23. color:#1b1b1b;
  24. font-size:13px;
  25. font-family: 'Arial', sans-serif;
  26. }
  27. a {
  28. color:#020202;
  29. text-decoration:none;
  30.  
  31. }
  32. a:hover {
  33. text-decoration:underline;
  34. color:#fff200;
  35. }
  36.  
  37. h1, h2, h3, h4, h5, h6, a.post_ttl {
  38. font-family: 'Oswald';
  39. font-size: 20px;
  40. line-height: 25px;
  41. text-decoration: none;
  42. text-transform:none;
  43. color:#252525;
  44. }
  45.  
  46. h2 a.post_ttl:hover{
  47. color:#6d6d6d;
  48. }
  49. a.post_ttl {
  50. font-size:20px;
  51. font-family: 'Oswald';
  52. color:#383c3f;
  53. }
  54.  
  55.  
  56.  
  57. /*------------------------------ HEADER ------------------------------*/
  58. #header .container{
  59. position:relative;
  60. }
  61. #secondarymenu-container {
  62. position:relative;
  63. }
  64. #content-bottom {
  65. height:20px;
  66. }
  67. #header{
  68. background:url(images/back-header.png) repeat-x top;
  69. }
  70.  
  71. /*------------------------------ SEARCH ------------------------------*/
  72. #s {
  73. display:none; // change border box search
  74. background: none repeat scroll 0 0 transparent;
  75. border: medium none; // change border box search
  76. color: #6D6D6D; // change the name 'search' color
  77. float: left;
  78. height: 25px;
  79. line-height: 25px;
  80. width: 160px; // the width of the box
  81. }
  82. .searchbtn {
  83. border-radius: 3px 3px 3px 3px;
  84. height: 25px;
  85. margin-right: 10px;
  86. width: 14px;
  87. -moz-border-radius:3px;
  88. -webkit-border-radius:3px;
  89. }
  90. .searchform {
  91. display:none; //hide the search form
  92. height:25px;
  93. background:#fafafa;
  94. border-radius:18px;
  95. -moz-border-radius:18px;
  96. -webkit-border-radius:18px;
  97. box-shadow:0 -1px 1px #c5c2be;
  98. border: 1px solid #e3e1e0;
  99. }
  100.  
  101. /*------------------------------ CONTENT ------------------------------*/
  102. .articles {
  103. padding-top:10px;
  104. }
  105. .articles .one-post {
  106. margin-bottom:20px;
  107. background:url(images/back-post.png) bottom repeat-x;
  108. }
  109. .articles .post-caption h1, .articles .post-caption h2{
  110. line-height: 24px;
  111. padding: 8px 0;
  112. color:#383C3F;
  113. }
  114. .articles .post-caption .post-meta {
  115. padding:0;
  116. color:red;
  117. font-size:10px;
  118. }
  119. .post-meta a{
  120. color:#ec5300;
  121. }
  122. .articles .post-date {
  123. color:#020202;
  124.  
  125. }
  126. .articles .post-caption {
  127. padding:0 30px;
  128. position:relative;
  129. }
  130. .articles .post-body {
  131. margin:0 30px 30px;
  132. border:none;
  133. }
  134. #content .container{
  135. }
  136. #commentform #submit, input.readmore, a.readmore {
  137. text-shadow: 1px 1px 1px #bababa;
  138. color: #ff4e00;
  139. background:url(images/readmore.png) 50% no-repeat;
  140. width:158px;
  141. height:67px;
  142. line-height:67px;
  143. border:none;
  144. }
  145. #commentform #submit:hover, input.readmore:hover, a.readmore:hover {
  146.  
  147. color:#ff4e00;
  148. }
  149. .featured_image {
  150. margin-top:5px;
  151. padding:5px;
  152. border:none;
  153. box-shadow: 1px 1px 0 1px #A3A19E;
  154. }
  155. .googlemap {
  156. padding:3px;
  157. border:none;
  158. box-shadow: 1px 1px 0 1px #A3A19E;
  159. }
  160. .widget_posts ul li img,.widget_flickr a {
  161. padding:3px;
  162. border:none;
  163. box-shadow: 1px 1px 0 1px #A3A19E;
  164. }
  165. .pagination{
  166. margin:30px 0;
  167. }
  168. .pagination.classic {
  169. padding-top:30px;
  170. text-align:left;
  171. }
  172. .page-numbers {
  173. padding:5px 10px;
  174. font-family: 'Arial';
  175. }
  176. a.page-numbers,
  177. body.woocommerce nav.woocommerce-pagination ul li a,
  178. body.woocommerce-page nav.woocommerce-pagination ul li a,
  179. body.woocommerce #content nav.woocommerce-pagination ul li a,
  180. body.woocommerce-page #content nav.woocommerce-pagination ul li a,
  181. body.woocommerce nav.woocommerce-pagination ul li span,
  182. body.woocommerce-page nav.woocommerce-pagination ul li span,
  183. body.woocommerce #content nav.woocommerce-pagination ul li span,
  184. body.woocommerce-page #content nav.woocommerce-pagination ul li span {
  185. background: #f8f8f8; /* Old browsers */
  186. background: -moz-linear-gradient(top, #f8f8f8 0%, #e0e0e3 100%); /* FF3.6+ */
  187. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e3)); /* Chrome,Safari4+ */
  188. background: -webkit-linear-gradient(top, #f8f8f8 0%,#e0e0e3 100%); /* Chrome10+,Safari5.1+ */
  189. background: -o-linear-gradient(top, #f8f8f8 0%,#e0e0e3 100%); /* Opera 11.10+ */
  190. background: -ms-linear-gradient(top, #f8f8f8 0%,#e0e0e3 100%); /* IE10+ */
  191. background: linear-gradient(to bottom, #f8f8f8 0%,#e0e0e3 100%); /* W3C */
  192. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e3',GradientType=0 ); /* IE6-9 */
  193. color:#000;
  194. border-radius:4px;
  195. border:1px solid #fff;
  196. text-decoration:none;
  197. }
  198. .woocommerce #content nav.woocommerce-pagination ul li,
  199. .woocommerce nav.woocommerce-pagination ul li,
  200. .woocommerce-page #content nav.woocommerce-pagination ul li,
  201. .woocommerce-page nav.woocommerce-pagination ul li {
  202. margin-right:3px;
  203. }
  204. a.page-numbers:hover,
  205. span.page-numbers,
  206. body.woocommerce nav.woocommerce-pagination ul li span.current,
  207. body.woocommerce-page nav.woocommerce-pagination ul li span.current,
  208. body.woocommerce #content nav.woocommerce-pagination ul li span.current,
  209. body.woocommerce-page #content nav.woocommerce-pagination ul li span.current,
  210. body.woocommerce nav.woocommerce-pagination ul li a:hover,
  211. body.woocommerce-page nav.woocommerce-pagination ul li a:hover,
  212. body.woocommerce #content nav.woocommerce-pagination ul li a:hover,
  213. body.woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
  214. body.woocommerce nav.woocommerce-pagination ul li a:focus,
  215. body.woocommerce-page nav.woocommerce-pagination ul li a:focus,
  216. body.woocommerce #content nav.woocommerce-pagination ul li a:focus,
  217. body.woocommerce-page #content nav.woocommerce-pagination ul li a:focus {
  218. background: #ffcc00; /* Old browsers */
  219. background: -moz-linear-gradient(top, #ffcc00 0%, #d89400 100%); /* FF3.6+ */
  220. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#d89400)); /* Chrome,Safari4+ */
  221. background: -webkit-linear-gradient(top, #ffcc00 0%,#d89400 100%); /* Chrome10+,Safari5.1+ */
  222. background: -o-linear-gradient(top, #ffcc00 0%,#d89400 100%); /* Opera 11.10+ */
  223. background: -ms-linear-gradient(top, #ffcc00 0%,#d89400 100%); /* IE10+ */
  224. background: linear-gradient(to bottom, #ffcc00 0%,#d89400 100%); /* W3C */
  225. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#d89400',GradientType=0 ); /* IE6-9 */
  226. color:#000;
  227. border-radius:4px;
  228. border:1px solid #fff;
  229. font-weight:bold;
  230. text-decoration:none;
  231. }
  232.  
  233.  
  234. /*------------------------------ FOOTER ------------------------------*/
  235. #footer-top {background:url(images/back-footer.png) repeat-x top; height:11px;}
  236. #footer {
  237. background: #631802; /* Old browsers */
  238. background: -moz-linear-gradient(top, #631802 0%, #230700 100%); /* FF3.6+ */
  239. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#631802), color-stop(100%,#230700)); /* Chrome,Safari4+ */
  240. background: -webkit-linear-gradient(top, #631802 0%,#230700 100%); /* Chrome10+,Safari5.1+ */
  241. background: -o-linear-gradient(top, #631802 0%,#230700 100%); /* Opera 11.10+ */
  242. background: -ms-linear-gradient(top, #631802 0%,#230700 100%); /* IE10+ */
  243. background: linear-gradient(to bottom, #631802 0%,#230700 100%); /* W3C */
  244. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#631802', endColorstr='#230700',GradientType=0 ); /* IE6-9 */
  245. padding-top:20px;
  246. }
  247. #footer .container {
  248. padding-top:0;
  249. background:none;
  250. }
  251. #footer h3 {
  252. color:#fff;
  253. font-family: 'Oswald', sans-serif;
  254. font-size: 21px;
  255. }
  256. #footer .inner .caption{
  257. background:none;
  258. }
  259. #footer .footer_txt {
  260. padding:0;
  261. background: none;
  262. height:54px;
  263. margin:0 auto;
  264. border-top: 1px dashed #8F9092;
  265. }
  266. #footer .footer_txt .container {
  267. background:none;
  268. border:none;
  269. color:#fff;
  270.  
  271. padding-top:10px;
  272. text-align:center;
  273. }
  274. .footer-widgets {
  275. color:#fff;
  276. }
  277. #footer .widget2, .widget, .tabs_widget {
  278. border:none !important;
  279. }
  280. #footer .footer_txt .container a {
  281. color:#fff;
  282. }
  283. #footer .footer_txt .container a:hover {
  284. color:#fff;
  285. text-decoration:underline;
  286. }
  287. #footer .inner a {
  288. color:#fff;
  289. }
  290. #footer .inner a:hover{
  291. text-decoration:underline;
  292. }
  293. /*------------------------------ WIDGETS AND SLIDER ------------------------------*/
  294. .content-r .sidebar.right, .content-lr .sidebar.right, .content-r2 .sidebar.left, .content-r2 .sidebar.right {
  295. margin-left:2px;
  296. }
  297. .content-l .sidebar.left, .content-lr .sidebar.left, .content-l2 .sidebar.left, .content-l2 .sidebar.right{
  298. margin-right:2px;
  299. }
  300. .sidebar {
  301. }
  302.  
  303. #content .widget .caption h3 {
  304. color:#3a3a3a;
  305. }
  306. #content .widget a{
  307. color:#3a3a3a;
  308. }
  309. #content .widget a:hover{
  310. color:#ff7d01;
  311. }
  312. #content .widget{
  313. color:#3a3a3a;
  314. }
  315. .fp-next{
  316. background-position:left 50%;
  317. height: 72px;
  318. margin: 150px -43px;
  319. width: 42px;
  320. }
  321. .fp-prev {
  322. background-position:right 50%;
  323. height: 72px;
  324. margin: 150px -43px;
  325. width: 42px;
  326.  
  327. }
  328. .inner .caption{
  329. }
  330. .widget2, .widget, .tabs_widget {
  331. border-bottom: 1px solid #FFFFFF;
  332. border-top: 1px solid #DCD8D2;
  333. margin-top:-2px;
  334. }
  335. /* -==========================- DESKTOP -==========================- */
  336. @media only screen and (min-width:1024px) {
  337. #content-top {
  338. height:0;
  339. }
  340. body{
  341. background:url(images/back-body.png) repeat-x;
  342. }
  343. .no-slider {
  344. background-position: center -540px;
  345. }
  346. #content {
  347. }
  348. #content .container {
  349. border: 5px solid #FFFFFF;
  350. box-shadow: 0 1px 5px #999999;
  351. padding-bottom: 10px;
  352. width: 990px;
  353. }
  354. #logo {
  355. float:left;
  356. margin-top:0;
  357. margin-left:0;
  358. }
  359. .menusearch {
  360. position:absolute;
  361. top:37px;
  362. right:10px;
  363. width:250px;
  364. }
  365. /*------------------------------ MENU ------------------------------*/
  366. #secondarymenu-container {
  367. padding-top:6px;
  368. height:110px;
  369. position:relative;
  370. z-index:11;
  371. }
  372.  
  373.  
  374. #secondarymenu {
  375. display:none;
  376. float:left;
  377. font-family:'Arial', sans-serif;
  378. margin: 35px 0 0 150px;
  379. background:url("images/back-secondarymenu.png") no-repeat;
  380. padding:0 18px;
  381.  
  382. }
  383. #secondarymenu a {
  384. display:none;
  385. text-decoration:none;
  386. padding:11px 12px;
  387. display:block;
  388. color:#fff;
  389. font-size:11px;
  390. }
  391. #secondarymenu a:hover{
  392. display:none;
  393. color:#5b2e1a ;
  394. background:#fff;
  395. border-radius:15px;
  396. }
  397. #header-block {
  398. position:relative;
  399. }
  400. #mainmenu{
  401. background:#fff;
  402. border-radius:40px;
  403. box-shadow: 0 1px 5px #999999;
  404. height: 55px;
  405. margin: 0 auto;
  406. padding: 0 30px;
  407. font-size:25px;
  408. }
  409. #mainmenu-container {
  410. font-family: 'waltographregular';
  411. margin-top: 38px;
  412. padding-bottom:5px;
  413. z-index: 18;
  414. }
  415. #mainmenu li {
  416. position:relative;
  417. margin-top:-4px;
  418. }
  419. #mainmenu li a {
  420. display:block;
  421. text-decoration:none;
  422. padding:16px 20px;
  423. color:#511a04;
  424. }
  425. #mainmenu li a:hover{
  426. color:#f6c729;
  427. background:url(images/back-menu-hover.png) repeat-x right top;
  428. border-radius:5px;
  429. text-shadow:1px 1px 1px #cccbc9;
  430. }
  431.  
  432.  
  433. #header #mainmenu li ul {
  434. top:75px;
  435. }
  436. #header li ul {
  437. top:38px;
  438. }
  439. #header li ul .transparent {
  440. }
  441. #header li ul .inner {
  442. background: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); /* FF3.6+ */
  443. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
  444. background: -webkit-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
  445. background: -o-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* Opera 11.10+ */
  446. background: -ms-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* IE10+ */
  447. background: linear-gradient(to bottom, #fafafa 0%,#e3e3e3 100%); /* W3C */
  448. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
  449. background: #fafafa; /* Old browsers */
  450. border:1px solid #fff;
  451. border-radius:10px;
  452. padding:3px 0;
  453. }
  454. #header ul.children li, #header .sub-menu li {
  455. padding:0 !important;
  456. margin:0 !important;
  457. height:25px;
  458. line-height:25px;
  459. border:none !important;
  460. }
  461. #header ul.children li a, #header .sub-menu li a {
  462. color:#282828 !important;
  463. padding:0 !important;
  464. border:none !important;
  465. height:25px;
  466.  
  467. line-height:25px;
  468. background:none;
  469. }
  470. #header ul.children li a:hover, #header .sub-menu li a:hover {
  471. color:#252525 !important;
  472. background:#d3d3d3 !important;
  473. border:none !important;
  474. box-shadow:none !important;
  475. }
  476.  
  477. #header #mainmenu li ul .inner {
  478. background: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%); /* FF3.6+ */
  479. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
  480. background: -webkit-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
  481. background: -o-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* Opera 11.10+ */
  482. background: -ms-linear-gradient(top, #fafafa 0%,#e3e3e3 100%); /* IE10+ */
  483. background: linear-gradient(to bottom, #fafafa 0%,#e3e3e3 100%); /* W3C */
  484. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
  485. background: #fafafa; /* Old browsers */
  486. border:1px solid #fff;
  487. border-radius:10px;
  488.  
  489. }
  490. #header #mainmenu ul.children li a, #mainmenu .sub-menu li a {
  491. color:#511A04 !important;
  492. text-shadow:1px 1px 1px #fff;
  493. }
  494. #header #mainmenu ul.children li a:hover, #mainmenu .sub-menu li a:hover {
  495. color:#511A04 !important;
  496. border:none !important;
  497. box-shadow:none !important;
  498. background:#EDEDED;
  499. }
  500.  
  501. #header .sub-menu .sub-menu {
  502. top:0 !important;
  503. }
  504.  
  505. /*------------------------------ SLIDER ------------------------------*/
  506. .slider-container {
  507. background: url("images/back-slider.png") no-repeat scroll 50% top transparent;
  508. height: 506px;
  509. margin: 20px 0 0;
  510. padding-bottom: 23px;
  511. }
  512. .fp-next, .fp-prev {
  513. margin:200px 10px;
  514. width:44px;
  515. height:80px;
  516. }
  517. .fp-title{
  518. font-size:13px;
  519. }
  520. .slider {
  521. border: medium none;
  522. margin: 0 auto;
  523. padding: 23px 0;
  524. position: relative;
  525. width: 978px;
  526. }
  527. .fp-prev-next-wrap {
  528. margin:0 0px;
  529. }
  530. .slider-nothumb .fp-slides, .slider-nothumb .fp-thumbnail, .slider-nothumb .fp-slides-items {
  531. height:188px;
  532. }
  533. .fp-slides,.fp-thumbnail,.fp-slides-items {
  534. height:423px;
  535. width:978px;
  536. }
  537. .fp-content-fon {
  538. border-bottom:none;
  539. border-left:none;
  540. border-right:none;
  541. }
  542. .fp-content-fon, .fp-content {
  543. left:0;
  544. right:0;
  545. bottom:0;
  546. text-align:left;
  547. font-size:13px;
  548. }
  549. .fp-nav {
  550. bottom: 0;
  551. text-align: center;
  552. }
  553. .slider-nothumb .fp-content-fon {
  554. background:#fff;
  555. }
  556. .slider-nothumb .fp-content a,.slider-nothumb .fp-content p{
  557. color:#000;
  558. }
  559.  
  560. #footer .footer_txt .container {
  561. }
  562. .content-l #content .container { background:url(images/content/main-l.png) top repeat-y; }
  563. .content-r #content .container { background:url(images/content/main-r.png) top repeat-y; }
  564. .content-lr #content .container { background:url(images/content/main-lr.png) top repeat-y; }
  565. .content-l2 #content .container { background:url(images/content/main-l2.png) top repeat-y; }
  566. .content-r2 #content .container { background:url(images/content/main-r2.png) top repeat-y; }
  567. .content-n #content .container { background:url(images/content/main-n.png) top repeat-y; }
  568. }
  569.  
  570. /* WooCommerce */
  571. .woocommerce a.button.alt,
  572. .woocommerce-page a.button.alt,
  573. .woocommerce button.button.alt,
  574. .woocommerce-page button.button.alt,
  575. .woocommerce input.button.alt,
  576. .woocommerce-page input.button.alt,
  577. .woocommerce #respond input#submit.alt,
  578. .woocommerce-page #respond input#submit.alt,
  579. .woocommerce #content input.button.alt,
  580. .woocommerce-page #content input.button.alt,
  581. .woocommerce-page #content .products li a.button {
  582. background:#dadada !important;
  583. color:#ff4e00 !important;
  584. text-shadow:none !Important;
  585. box-shadow:none !Important;
  586. font-weight:normal !Important;
  587. border:none !important;
  588. }
  589. .woocommerce a.button.alt:hover,
  590. .woocommerce-page a.button.alt:hover,
  591. .woocommerce button.button.alt:hover,
  592. .woocommerce-page button.button.alt:hover,
  593. .woocommerce input.button.alt:hover,
  594. .woocommerce-page input.button.alt:hover,
  595. .woocommerce #respond input#submit.alt:hover,
  596. .woocommerce-page #respond input#submit.alt:hover,
  597. .woocommerce #content input.button.alt:hover,
  598. .woocommerce-page #content input.button.alt:hover,
  599. .woocommerce-page #content .products li a.button:hover {
  600. text-decoration:underline !important;
  601. }
  602. .widget.woocommerce.widget_product_search #s {
  603. background:#fafafa !important;
  604. border-radius:18px !important;
  605. -moz-border-radius:18px !important;
  606. -webkit-border-radius:18px !important;
  607. box-shadow:0 -1px 1px #c5c2be !important;
  608. border: 1px solid #e3e1e0 !important;
  609. }
  610. .widget.woocommerce.widget_product_search #searchsubmit {
  611. background:#262626;
  612. padding:2px 6px;
  613. color:#fff;
  614. }
  615. .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
  616. background:#f2b900 !important;
  617. }
  618. .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
  619. background:#987400 !important;
  620. }
  621. .woocommerce-page #main_content > #container > #content {
  622. padding:30px 0 !important;
  623. }
  624.  
  625. /* -==========================- TABLET -==========================- */
  626. @media only screen and (min-width:640px) and (max-width:1023px) {
  627.  
  628. #header {
  629. }
  630. #logo {
  631. float: left;
  632. margin-left: 20px;
  633. margin-top: 5px;
  634. }
  635. #content-top{
  636. height:50px
  637. }
  638. /*------------------------------ MENU ------------------------------*/
  639.  
  640. #secondarymenu-container {
  641. padding-top:10px;
  642. font-family:'Arial';
  643. }
  644.  
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653.  
  654. #mainmenu li ul {
  655. top:71px;
  656. left:0;
  657. }
  658. #header ul.children li a, #header .sub-menu li a {
  659. color:#511a04 !important;
  660. }
  661.  
  662.  
  663.  
  664. }
  665.  
  666. /* -==========================- MOBILE -==========================- */
  667. @media only screen and (min-width:240px) and (max-width:639px) {
  668. .menusearch {padding:13px 0;margin-top:28px;}
  669. #header {
  670. margin-bottom:30px;
  671.  
  672. }
  673. #logo {
  674.  
  675. }
  676. .searchbtn {;
  677. }
  678. #secondarymenu-container {
  679. padding-top:6px;
  680. }
  681.  
  682.  
  683.  
  684. .fp-next, .fp-prev {
  685. margin:0 -5px;
  686. }
  687. .footer-widgets .widgetf:first-child {
  688. border:none;
  689. }
  690.  
  691. #footer {
  692. width:100%;
  693. }
  694. .widgetf {
  695. border-top:1px solid #d3d3d3;
  696. }
  697. .articles .post-date {
  698. float:none;
  699. }
  700. .articles dt p img {
  701. display:none;
  702. }
  703. .fp-nav {
  704. bottom:-18px;
  705. }
  706. .slider-container {
  707. padding-bottom:20px;
  708. }
  709. #s {
  710. width:70%;
  711. }
  712. }
Advertisement
Add Comment
Please, Sign In to add comment