/*! * Theme v1.0.0 * Copyright 2015-2016 theemon.com */ @skinColor:#82cc00; //Change here your theme Color @skinSecondColor:#1f98f5; @fontFamily: 'Lato', sans-serif; //Change here your theme Font family @secondFontFamily:'Poppins', sans-serif; .transition_effect{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } //font family body,p,.sbSelector,.sbOptions a,.sbOptions a:link, .pagination > li > a,.pagination > li > span,.navbar-nav > li > a, .primary-header .download-button a,.footer-extended-menu-list li:before, footer .menu li:before,.about-footer .contact li,.breadcrumb,.tagcloud a, .p-counting-t,.em-booking-submit,#em_wp-submit,.woocommerce ul.products li.product .onsale, ul.product_list_widget .woocommerce-Price-amount { font-family:@fontFamily; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,cite,.top-tel a,.comment .author-name, .projects-content-block h5 a,.p-counting,.right-desc .projects-content-block h5 a, .project-listing .block-description .ribbon-border,.list_commitments p, .woocommerce div.product .product_title,.woocommerce-review-link, .woocommerce div.product .woocommerce-tabs ul.tabs li,.rescuepress-wc-page .page-title, .woocommerce-error, .woocommerce-info, .woocommerce-messag,span.goal,span.goal strong, .rescuepress-shop-widget .product-title,.projects-block-two .achivemnt-figure, .round-btn,.btn-global,.vol-slide-item i.sambol,.opps,.content-not-inner p { font-family:@secondFontFamily; } //background color .gn-btn, .bl-btn:hover,.ribbon-border:before,.ribbon-border:after,.project-icon, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"], .progress-bar,span.project-icon.white-color.sambol-text-wrap,.rescuepress-sidebar-project-widget .ribbon-border:after { background-color: @skinColor; .transition_effect; } .bl-btn, .gn-btn:hover, .gr-btn:hover,.rescuepress-header2 .cart-buttons, .owl-controls .owl-dot.active span,.upcomming, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="file"]:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .tagcloud a:hover { background-color: @skinSecondColor; .transition_effect; } //color a:hover, a:focus, a:active,.ribbon-border:before,.ribbon-border:after, .projects-content-block span.sl-wrapper, .block-description ul li:before,.our-experience .sub-description ul li:before, .projects-block.project-listing .heart-this, .rescuepress-sidebar-project-widget .ribbon-border:after,a.liked,.wrap-meta-deta { color:@skinColor; .transition_effect; } .supreme-section i[class^="flaticon-"]:before, span.goal strong,.projects-block.project-listing .heart-this:hover,a.liked:hover, .heart-this-wrap .heart-this:hover,.sl-wrapper a:hover { color:@skinSecondColor; .transition_effect; } //border color .menu-clean-air span.p-counting:after,.supreme-section i[class^="flaticon-"]:before { border-color:@skinColor; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color:@skinSecondColor; } /*support */ @starColor:#fc9612; //Change here your theme Color @saleColor:#1f98f5; //Change here your theme Color @priceColor:#5c7e91; //Change here your theme Color @cartColor:#59cc00; //Change here your theme Color .woocommerce .star-rating:before,.woocommerce .star-rating span { color: @starColor; .transition_effect; } .woocommerce .star-rating:hover:before, .woocommerce .star-rating:hover span, .woocommerce ul.products li.product h3:hover { color:@skinSecondColor; .transition_effect; } .woocommerce ul.products li.product .price{ color:@priceColor; .transition_effect; } .woocommerce ul.products li.product .onsale, .woocommerce.single-product span.onsale { background-color: @saleColor; .transition_effect; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-color: @cartColor; .transition_effect; font-family:@fontFamily; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: @skinColor; } .woocommerce .rescuepress-sidebar-widget #respond input#submit, .woocommerce .rescuepress-sidebar-widget a.button, .woocommerce .rescuepress-sidebar-widget button.button, .woocommerce .rescuepress-sidebar-widget input.button { background-color:@skinSecondColor; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: @cartColor; .transition_effect; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { font-family:@fontFamily; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: @cartColor; .transition_effect; } .woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked { background: @cartColor; border-color: @cartColor; } /* .woocommerce-account .woocommerce-MyAccount-navigation { background: @skinColor; // } */ .woocommerce p.stars a { color:@starColor; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce a.added_to_cart { color:@cartColor; .transition_effect; } .woocommerce div.product p.price, .woocommerce div.product span.price { color:@priceColor; .transition_effect; } .woocommerce nav.woocommerce-pagination ul { border-color: @skinColor; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: @skinColor; } .woocommerce ul.products li.product a.add_to_cart_button:hover, .woocommerce button.button.alt:hover{ border-color:@cartColor; } .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price{ font-family:@secondFontFamily; } .woocommerce div.product form.cart .reset_variations:hover{ border-color:@skinColor; } .woocommerce .woocommerce-message{ border-color:@skinColor; } .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{ border-color:@skinColor; } #add_payment_method #payment, .woocommerce-checkout #payment{ background-color:lighten(@skinColor, 45%); } #add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{ background-color:darken(@skinColor, 10%); } #add_payment_method #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before{ border-bottom-color:darken(@skinColor, 10%); } .woocommerce a.added_to_cart:hover{ color:@skinColor; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color:@skinColor; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ border-color:@cartColor; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total, .woocommerce .widget_price_filter .price_label { color:@priceColor; } .widget_product_search input[type=search], .woocommerce .widget_price_filter .price_label { font-family:@fontFamily; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background:@skinSecondColor; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background:darken(@skinSecondColor,15%); } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background:lighten(@skinSecondColor,20%); } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { color:@skinSecondColor; .transition_effect; } .woocommerce ul.product_list_widget li .woocommerce-Price-amount { color:@priceColor; font-family:@fontFamily; .transition_effect; } .woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover { color:@skinColor; .transition_effect; } .single .product form.cart .reset_variations { color:@skinColor; } .single .product form.cart .reset_variations:hover { color:@skinColor; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover { background-color:lighten(@skinColor,15%); } // buddypress #buddypress a { color:@skinSecondColor; } #buddypress .comment-reply-link, #buddypress a.button, #buddypress a.button, #buddypress button, #buddypress div.generic-button a, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a{ border:2px solid @skinColor !important; background-color:@skinColor; } #buddypress .comment-reply-link:hover, #buddypress a.button:focus, #buddypress a.button:hover, #buddypress button:hover, #buddypress div.generic-button a:hover, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress input[type=submit]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a{ background-color:#fff; color:@skinColor; } #buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a{ color:@skinColor; } #buddypress div.item-list-tabs ul li:hover a{ background-color:#fff; color:@skinColor; } #buddypress div.item-list-tabs ul li:hover a span, #buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li.selected a span{ background-color:@skinColor; color:#fff; } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li > span{ background-color:@skinColor; border-color:@skinColor; } #buddypress div.pagination .pagination-links { border-color:@skinColor; } #buddypress div.pagination .pagination-links a, #buddypress div.pagination .pagination-links span { font-family:@fontFamily; } #buddypress div.item-list-tabs ul li a span{ color:@skinColor; } #buddypress #reply-title small a:hover span, #buddypress a.bp-primary-action:hover span{ background-color:@skinColor; } #buddypress #header-cover-image { background-color:@skinSecondColor; } #buddypress #reply-title small a span, #buddypress a.bp-primary-action span{ color:@skinColor; } #buddypress .activity-list li.load-more, #buddypress .activity-list li.load-newest{ background-color:lighten(@skinColor,40%); } #buddypress .activity-list li.load-more a, #buddypress .activity-list li.load-newest a{ color:darken(@skinColor,10%); font-weight:600; } #buddypress div.pagination .pagination-links span, #buddypress div.pagination .pagination-links a:hover{ color:@skinColor; } #buddypress .acomment-options > a:hover{ color:@skinColor; } #buddypress table.forum tr.alt td, #buddypress table.messages-notices tr.alt td, #buddypress table.notifications tr.alt td, #buddypress table.notifications-settings tr.alt td, #buddypress table.profile-fields tr.alt td, #buddypress table.profile-settings tr.alt td, #buddypress table.wp-profile-fields tr.alt td{ background-color:lighten(@skinColor,46%); } #buddypress table.forum thead tr, #buddypress table.messages-notices thead tr, #buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, #buddypress table.profile-fields thead tr, #buddypress table.profile-settings thead tr, #buddypress table.wp-profile-fields thead tr{ background-color:lighten(@skinColor, 46%); }