Advertisement
Guest User

style.css

a guest
Mar 15th, 2016
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.36 KB | None | 0 0
  1. /*
  2. Theme Name: WCM010024-kitchen
  3. Theme URI: http://template-demo.org/woo/WCM01/WCM010024/WP2/
  4. Author: Templatemela
  5. Author URI: http://www.templatemela.com
  6. Version: 1.0
  7. Description: Our default theme lets you create a responsive magazine website with a sleek, modern design.
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.templatemela.com/license
  10. Tags: orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready
  11. Text Domain: WCM010024-kitchen
  12. Template: harveststore
  13. */
  14. @import url("../harveststore/style.css");
  15.  
  16.  
  17. /********** Header **********/
  18. .topbar-main a, .header-menu-links li a, .header_logout a {border-color: #b4ecfe;}
  19. .topbar-outer{
  20. background: #00a9df;
  21. box-shadow: none;
  22. -moz-box-shadow: none;
  23. -webkit-box-shadow: none;
  24. }
  25. .header_cart .togg .widget.widget_shopping_cart .mini_cart_item a:hover{color:#ffe400 ;}
  26. .navigation-menu .navbar {display: inline-block;vertical-align: top; width: 100%;}
  27.  
  28. .main-navigation {display:inline-block;width:auto;vertical-align:top;}
  29. .site-header {background: #009bcc;}
  30. .site-header-main{text-align:center;}
  31. .header-main{display:inline-block; padding:40px 0;text-align:right;}
  32. .header_left{margin:0;}
  33. .header_right{margin:0;}
  34. .header-search {
  35. background: #ffe400 none repeat scroll 0 0;
  36. border: medium none;
  37. float: right;
  38. padding: 13px;
  39. }
  40. .header_cart .togg .widget.widget_shopping_cart {
  41. background-color: #006685;
  42. border-color:#006685;
  43. color:#ffffff;
  44. z-index:99999;
  45. }
  46. .header_cart .widget_shopping_cart_content .attachment-shop_thumbnail{border:none;}
  47.  
  48. .header_cart .widget_shopping_cart .widget_shopping_cart_content .total {border-top: 1px solid #4d94aa;}
  49. .header_cart .cart_list .mini_cart_item a{color:#fff;}
  50. .header_cart .cart_list .mini_cart_item a:hover{color:#ffe400;}
  51. .header_cart .widget_shopping_cart_content .buttons .wc-forward{
  52. background:transparent;
  53. border-color:#4d94aa;
  54. color:#ffffff;
  55. }
  56.  
  57. .header_cart .togg #shopping_cart {
  58. background: url("images/megnor/cart-icon.png") no-repeat scroll center center;
  59. border-radius: 50%;
  60. padding: 30px;
  61. }
  62. .header_cart .togg .widget.widget_shopping_cart{text-align:center;}
  63. .header-contactus .phone-content:before{content:'';}
  64. .cal-us {float: left;color:#ffe400 !important;font-size:15px;font-weight:500;}
  65. .contact-phone {clear: both;float: left; font-size: 18px;}
  66. .topbar-contact{
  67. border-right: 1px solid #80cde6;
  68. display: inline-block;
  69. margin: 10px 30px 0;
  70. padding: 0 25px 0 50px;
  71. vertical-align: top;
  72. width: auto;
  73. background: url("images/megnor/call.png") no-repeat scroll center left;
  74. }
  75. .header_cart .shopping_cart .cart-contents {
  76. background: #ffe400;
  77. border: 1px solid #ffe400;
  78. color: #000000;
  79. right: 6px;
  80. top: 16px;
  81. }
  82. .header-search .woocommerce-product-search input[type="submit"], .header-search .search-form #searchsubmit {
  83. background: #EF5339 url("images/megnor/sprite-wc.png") no-repeat scroll 4px -385px;
  84. height: 40px;
  85. width: 40px;
  86. margin: 0 0 0 3px;
  87. }
  88. .header-search input[type="text"], .header-search input[type="search"] {
  89. border: 1px solid #ecd300;
  90. width: 245px;
  91. padding: 11px;
  92. }
  93.  
  94. /********** Menu **********/
  95. .navigation-menu, .menu-home{background:#007ca3;}
  96. .navigation-menu{text-align:left;}
  97. .navigation .menu-home.active .menu-home-inner:hover,
  98. .navigation .menu-home.active .menu-home-inner,
  99. .navigation .menu-home-inner:hover,.mega-menu li:hover > a,
  100. .mega-menu li.focus > a, .mega-menu .current_page_item > a{
  101. background-color:#FFE400;
  102. color:#009BCC;
  103. }
  104. .mega-menu ul li a{font-weight:700;}
  105. .navigation .menu-home-inner {background-image: url("images/megnor/homemenu.png");}
  106. .navigation .menu-home .menu-home-inner:hover,.navigation .menu-home.active .menu-home-inner{background-image: url("images/megnor/homemenu_hover.png");}
  107. .mega-menu ul li .sub {background-color: #006685;border-top: 2px solid #e4d912;}
  108. .mega-menu ul li .sub a,.mega-menu ul li .sub li.mega-hdr a.mega-hdr-a{color:#fff;}
  109. .mega-menu ul li .sub a{font-weight:normal;}
  110. .mega-menu ul .sub li.mega-hdr li a:hover, .mega-menu ul li .sub-container.non-mega li a:hover{color:#FFE400;}
  111.  
  112. /********** Content **********/
  113. .testimonial-parallax .owl-theme .owl-controls .owl-buttons div{border-color:#ffffff;background:transparent;}
  114. .testimonial-parallax .owl-theme .owl-controls .owl-buttons div:hover{border-color:#161616;}
  115. .testimonial-parallax .owl-theme .owl-controls .owl-buttons div:before{color:#ffffff;}
  116. .testimonial-parallax .owl-theme .owl-controls .owl-buttons div:hover:before{color:#161616;}
  117. .blog-posts-content .style-2 .day{font-weight:800;}
  118. .widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus, a.button:hover, a.button:focus, button:hover, button:focus, .contributor-posts-link:hover, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .calloutarea_button a.button:hover, .calloutarea_button a.button:focus, .button_content_inner a:hover, .button_content_inner a:focus, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce #content input.button.disabled, .woocommerce #content input.button:disabled, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce-page #content input.button.disabled, .woocommerce-page #content input.button:disabled, .woocommerce-page #respond input#submit.disabled, .woocommerce-page #respond input#submit:disabled, .woocommerce-page a.button.disabled, .woocommerce-page a.button:disabled, .woocommerce-page button.button.disabled, .woocommerce-page button.button:disabled, .woocommerce-page input.button.disabled, .woocommerce-page input.button:disabled,.header_cart .widget_shopping_cart_content .buttons .wc-forward:hover{ background-color:#009bcc;border-color:#009bcc;}
  119. .cms-banner .hover-div {background: rgba(0, 155, 204, 0.5);}
  120.  
  121. .resp-tabs-list li.resp-tab-active, .resp-tabs-list li:hover{
  122. background-color: #ffe400;
  123. border-color: #ffe400;
  124. color:#161b1e;
  125. }
  126. .resp-tabs-list li{
  127. text-transform:capitalize;
  128. font-size:15px;
  129. border:1px solid #d4d4d4;
  130. color:#161b1e;
  131. }
  132. .widget .widget-title:before { border-bottom-color:#009bcc; }
  133. .primary-sidebar .woocommerce.widget_product_categories ul li a {color: #ffffff;}
  134. .primary-sidebar .woocommerce.widget_product_categories ul > li > a:hover { color: #ffe400;}
  135. /********** Latest Blog **********/
  136. .latest-blog .blog-posts-content{margin:0 -13px;width:auto;}
  137. .latest-blog .posts-content .container{margin: 0 13px;}
  138. .post-image img{width:100%;}
  139. .latest-blog .owl-theme .owl-controls .owl-buttons div {
  140. display: inline-block;
  141. font-size: 14px;
  142. font-weight: 600;
  143. left: 0;
  144. margin: 0 3px;
  145. position: relative;
  146. right: 0;
  147. text-transform: uppercase;
  148. top: 0;
  149. vertical-align: top;
  150. width: auto;
  151. }
  152. .latest-blog .owl-theme .owl-controls .owl-buttons div.owl-prev:before {
  153. left: 18px;
  154. position: absolute;
  155. right: auto;
  156. top: 8px;
  157. }
  158. .latest-blog .owl-theme .owl-controls .owl-buttons div.owl-next:before {
  159. left: auto;
  160. position: absolute;
  161. right: 18px;
  162. top: 8px;
  163. }
  164. .latest-blog .owl-theme .owl-controls .owl-buttons div.owl-next {
  165. padding: 8px 40px 8px 20px;
  166. }
  167. .latest-blog .owl-theme .owl-controls .owl-buttons div.owl-prev {
  168. padding: 8px 20px 8px 40px;
  169. }
  170. .latest-blog .owl-theme .owl-controls .owl-buttons {
  171. display: inline-block;
  172. margin: 10px 0 0;
  173. text-align: center;
  174. vertical-align: top;
  175. width: 100%;
  176. }
  177. .latest-blog .owl-theme .owl-controls .owl-buttons div:hover {
  178. background: #161b1e;
  179. color: #fff;
  180. }
  181. .latest-blog .owl-wrapper-outer{
  182. margin-bottom:40px;
  183. }
  184.  
  185. /********** Woocommerce **********/
  186. .woocommerce .woocommerce-message,.woocommerce-page .woocommerce-message {
  187. border-top-color: #009bcc;
  188. }
  189. .woocommerce .woocommerce-message:before,.woocommerce-page .woocommerce-message:before {
  190. background-color: #009bcc;
  191. content: "\2713";
  192. }
  193. .woocommerce #yith-wcwl-popup-message, woocommerce-page #yith-wcwl-popup-message {
  194. background: #ffe400 ;
  195. border-color:#ffe400 ;
  196. color: #009bcc;
  197. }
  198. /********** Theme Common color **********/
  199. .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover{
  200. background-color:#009bcc;
  201. }
  202. .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel{border-top-color:#009bcc;}
  203. .woocommerce span.onsale, .woocommerce-page span.onsale,.blog-posts-content .style-2 .day,.breadcrumb_last, .woocommerce .woocommerce-breadcrumb span, .woocommerce-page .woocommerce-breadcrumb span,
  204. .options li a.selected,.options li a:hover,.site-content .entry-meta span:hover .fa,
  205. .entry-meta span:hover i.fa, .entry-meta span:hover a, .entry-meta span:hover a::before,h1.entry-title:hover a,.comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover,.address-label,.address-text .fa,.sticky .entry-date .icon:before{color: #009bcc;}
  206. .sticky .entry-date .day > a,.style1 #tab ul li a.current, .style1 #tab ul li a:hover,.blockquote-inner.style-2 blockquote.blockquote{background-color:#009bcc;}
  207. .vertical_tab.style2 #tab ul li a.current, .vertical_tab.style2 #tab ul li a:hover{border-left-color:#009bcc;}
  208. .posts-content .owl-item .container-inner.style-2:hover .post-date{background-color:#009bcc;}
  209. .links a.icon:hover, .gallery-zoom .icon:hover, .gallery-redirect .icon:hover, .blog-posts-content .block_hover .icon:hover,.tagcloud a:hover{background-color:#009bcc;border-color:#009bcc;}
  210. .woocommerce #content nav.woocommerce-pagination ul li a:focus, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li a:focus, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li span.current{
  211. background-color:#009bcc;border-color:#009bcc;
  212. }
  213. .blockquote-inner.style-4 blockquote.blockquote,.blockquote-inner.style-1 blockquote.blockquote{border-color:#009bcc;}
  214. .woocommerce .wc-proceed-to-checkout .checkout-button, .woocommerce-page .wc-proceed-to-checkout .checkout-button{
  215. background-color: #009bcc;
  216. border-color:#009bcc;
  217. }
  218. .woocommerce .wc-proceed-to-checkout .checkout-button:hover, .woocommerce-page .wc-proceed-to-checkout .checkout-button:hover{border-color:#009bcc;color:#009bcc;}
  219. .entry-summary .yith-wcwl-wishlistexistsbrowse.show > a:hover, .woocommerce a.compare.button:hover, .entry-summary .add_to_wishlist:hover,
  220. .tm_product_nav_buttons .previous a:hover, .tm_product_nav_buttons .next a:hover,.blog-posts-content .comments-link a:hover,.primary-sidebar .widget ul li:hover:before,.style-2 .single-faq .title {color: #009bcc;}
  221. .paging-navigation a:hover, .paging-navigation .page-numbers.current{background-color:#009bcc;border-color:#009bcc;}
  222. /********** Shortcode **********/
  223. .footertop-band .simple-type.small-title:before{border-right-color:#d8cd72;}
  224.  
  225. .small-title, .productpage-bestseller .simple-type.small-title{line-height:inherit;}
  226. /********** Sidebar **********/
  227. #primary-sidebar .woocommerce.widget_product_categories {background: #009bcc;}
  228.  
  229. /********** Quickview **********/
  230. .wpb_wl_summary .button:hover {
  231. background-color: #009bcc;
  232. border-color: #009bcc;
  233. }
  234.  
  235. /********** Testimonial **********/
  236. .custom-testimonial .testimonial-content{font-weight:18px;}
  237. .custom-testimonial .testmonial-image {border: 9px solid #f0f0f0;}
  238. .custom-testimonial .testimonial-title{background:rgba(0, 0, 0, 0.5); color: #fde401;margin:5px 0;}
  239. .custom-testimonial .testimonial-designation > a {color: #ffffff;}
  240. .testimonial-parallax .owl-theme .owl-controls .owl-buttons div::before{color:#000000;}
  241. .testimonial-parallax .owl-theme .owl-controls .owl-buttons div:hover::before {color: #ffffff;}
  242. .testimonial-parallax .owl-theme .owl-controls .owl-buttons div {background: #ffffff;border-color: #000000;}
  243. .testimonial-parallax .owl-theme .owl-controls .owl-buttons div:hover {background: #000000;border-color: #000000;}
  244. .custom-testimonial .owl-buttons{width:53px;}
  245.  
  246. /********** CMS-Banner **********/
  247. .cms-banner-item .static-text {color: #484848;}
  248. .text3.static-text {color: #ef5339;transform: translate3d(0, 0, 0);}
  249. .cms-banner-inner .static-inner:before{border:none;}
  250. .cms-banner1.cms-banner-item .text1 {float:left;}
  251. .cms-banner1.cms-banner-item .text2{float:left;clear:both;margin-top:5px;}
  252. .text3.static-text{font-size:15px;font-weight:700;}
  253. .text2.static-text{font-weight:400;}
  254. .cms-banner3 .text3.static-text {left: 0;right: 0;top: 60px;}
  255. .cms-banner3 .static-wrapper {top: 90px;text-align:center;}
  256. .cms-banner5 .text3.static-text {bottom: auto;top: 53%; color: #009bcc;}
  257. .cms-banner5 .static-wrapper{bottom: auto;top: 37%;}
  258. .cms-banner2 .text3.static-text{ bottom: auto;left: auto;right: 40px;top: 53%; color: #009bcc;}
  259. .cms-banner2 .static-wrapper{bottom: auto;top: 37%; text-align: right;}
  260. .cms-banner4 .text3.static-text {
  261. bottom: 103px;
  262. left: 0;
  263. right: 0;
  264. text-align: center;
  265. }
  266. .cms-banner4 .static-wrapper {
  267. bottom: 74px;
  268. left: 0;
  269. right: 0;
  270. text-align: center;
  271. }
  272. .cms-banner1 .text3.static-text{
  273. bottom: auto;
  274. left: 40px;
  275. right: auto;
  276. top: 60px;
  277. }
  278. .cms-banner1 .static-wrapper {
  279. bottom: auto;
  280. left: 40px;
  281. top: 90px;
  282. }
  283. .cms-banner-inner:hover .text3.static-text,.cms-banner-inner:hover .static-text{color:#ffffff;}
  284. /********** Footer **********/
  285. .site-footer { background-color: #009bcc;}
  286. .footer a, .site-footer a{color:#ffffff;}
  287. .site-footer .newsletter .newsletter-submit { background-color:#EF5339; }
  288. .site-footer .newsletter td:before {color: #ef5339;}
  289. #footer-widget-area .fourth-widget {background: #00a9df;}
  290. .footer-bottom{background: #00a9df;}
  291. .footer-top-cms .service-content.style-2 .icon::before {border-bottom: 1px solid #ffe400;}
  292. .footer-top-cms .service-content.style-2 .description {color: #B4ECFE;}
  293. .follow-us a i {color: #a3d7ef;}
  294. .follow-us a.rss:hover i {color: #ffffff;}
  295. .footer-top-cms {border-bottom: 1px solid #00a9df;}
  296. .fa {color: #ffe400;}
  297. #to_top {background-color:#ef5339;}
  298. .follow-us a.icon:hover i{color:#ffe400;}
  299. .footer-widget h3.widget-title:before{
  300. border-bottom-color:#FFE400;
  301. }
  302. .home .slider-loading {background: #ffffff url("images/megnor/loading.gif") no-repeat scroll center center;}
  303. #primary .entry-summary .single_add_to_cart_button {
  304. background-color: #3E7930;
  305. color: #ffffff;
  306. border-color: #161b1e;
  307. width: 146px !important;
  308. height: 58px !important;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement