/*! * Theme v1.0.0 * Copyright 2016 theemon.com */ @skinColor:#f44336; //Change here your theme Color default #f44336; @fontFamily: 'Lato', sans-serif; //Change here your theme Font family h1, h2, h3, h4, h5, h6 { font-family: @fontFamily; } body, button, input, optgroup, select, textarea, p,a { font-family: @fontFamily; } .rento-background { background-color: @skinColor; } .rento-color { color: @skinColor ; } .rento-border { border-color:@skinColor; } button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"],.button, .btn, input.btn, button.btn,button.btn-submit,.more-btn,a.more-btn, .read-btn,.btn.btn-primary,.btn-view { .rento-background; } .read-btn:hover { .rento-border } .btn.btn-trans,mark, .mark { background-color:lighten(@skinColor,.8); } .btn.btn-trans:hover{ border-color:lighten(@skinColor,.8); color: lighten(@skinColor,.8); } button:hover, .button:hover, input[type="reset"]:hover, input[type="submit"]:hover, .btn:hover,button.btn-submit:hover,button.btn:hover, .btn:focus, .btn.focus, .read-btn:hover,.btn.btn-primary:hover,.btn-view:hover { .rento-border; .rento-color; background:transparent !important; } a:hover, .rento-header-layout-two .secondary-header .contact-detail span a:hover, .rento-header-layout-two .secondary-header .contact-detail span a:hover i, .primary-footer .rento-sidebar-footer li a:hover, .rento_widget_contact .rento-info-widget .widget-icons a:hover i, .rento-header-layout-two .secondary-header .social-icon a:hover i, .rento-service-layout-two .icon i, .blog-upper-section span a:hover, .sidebar ul li a:hover, .tagcloud a:hover, .tagcloud a:focus, .blog-side-main h5:hover a, .rento_widget_contact .rento-info-widget .mail-info:hover a, .rento_widget_contact .rento-info-widget .mail-info:hover i, .rento_widget_contact .rento-info-widget .call-info:hover a, .rento_widget_contact .rento-info-widget .call-info:hover i { .rento-color; } .primary_header #cssmenu ul li a:hover, .primary_header #cssmenu ul li.current-menu-item a, .primary_header ul.nav li a:hover, .primary_header ul.nav li.current-menu-item a, .primary_header #cssmenu ul li a:hover { .rento-border; } .property-thumb figcaption, .rento-agents-layout-two .inner-item:hover figcaption { .rento-background; } .rento-agents-layout-two .agents-owl-demo .inner-item .overlay a:hover { .rento-color; } .stick-pin { border-color: @skinColor @skinColor transparent; } .rento-pagination .sidebar-paging-list li.active a, .rento-pagination .sidebar-paging-list li.active a i, .rento-pagination .sidebar-paging-list li:hover a, .rento-pagination .sidebar-paging-list li:hover a i, .tag-pagination p a:hover, .news-recent-content a:hover strong { .rento-color; } .csection,.rento-services-layout-one .back-view, .blog-upper-section:before, .blog-upper-section:after { .rento-background; } blockquote, blockquote p,q { color:@skinColor !important; } .rento-services-layout-one .rento-service-view h4:after, .rento-our-blog-layout-one .blog-date a:after, .rento-our-blog-layout-one .rento-blog-content h3:after, .rento-service-layout-three .services .icon { .rento-background; } .rento-properties-layout-one .property-meta span.r-mark { background-color:fade(@skinColor,50%);//darken(@skinColor,15%); } .single .hleft ,.single .hright { .rento-background; } .pagination-numeric .property-overview-navigation li a.btn:hover , .pagination-numeric .property-overview-navigation li.current-page a.btn { color:@skinColor !important; } .single-property #fancybox-title-over, .property-list-sidebar .p-price { .rento-color; } .primary_header #cssmenu ul.sub-menu, .rento-header-layout-four .header-four-menu-btn, .in-touch-popup-wrap .wpcf7-form input[type="submit"], .rento-sidebar-footer h2:after { .rento-background; } .breadcrumb ul a:hover, .rento-our-blog-layout-one .blog-date a:hover, .tsection:hover .rento-mark i, .lsection:hover .rento-mark i { .rento-color; } .navbar-header > button.navbar-toggle{ .rento-background !important; border-color:@skinColor; } .navbar-header > button.navbar-toggle:focus span{ .rento-background ; } h1.page-title:after { .rento-background ; } .primary_header .navbar-nav li > i{ .rento-color; } .form-wrap #commentform .form-submit input[type='submit']:hover, .comment-form .form-submit > input[type="submit"]:hover { background:@skinColor !important; color:white; } .search-form-layout-one input[type='submit'].btn:hover { .rento-color; } .sidebar .rento_widget_search_property .search-form-layout-one .ui-state-default, .sidebar .rento_widget_search_property .search-form-layout-one .ui-widget-content .ui-state-default, .sidebar .rento_widget_search_property .search-form-layout-one .ui-widget-header .ui-state-default { background:@skinColor !important; } .sidebar .rento_widget_search_property .ui-widget-header { .rento-background ; } .primary_header #cssmenu ul.sub-menu, .primary_header .navbar ul.sub-menu { .rento-background ; } .primary-footer .rento-sidebar-footer.widget_latest_tweets_widget ul li a { .rento-color; } #theme_panel .theme-setting { .rento-background ; } // support .woocommerce-result-count{ font-family:@fontFamily; } .woocommerce ul.products li.product a.add_to_cart_button, .woocommerce button.button.alt{ background-color:@skinColor; } .woocommerce ul.products li.product a.add_to_cart_button:hover, .woocommerce button.button.alt:hover{ color:@skinColor; border-color:@skinColor; background-color:white; } .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price{ font-family:@fontFamily; } .woocommerce .woocommerce-pagination ul.page-numbers li:hover > a, .woocommerce-page .woocommerce-pagination ul.page-numbers li:hover > a, .woocommerce-page .woocommerce-pagination ul.page-numbers li > span.page-numbers.current{ color:@skinColor; } .woocommerce ul.products li.product .onsale, .woocommerce.single-product span.onsale { background-color:@skinColor; transition:.5s; } .woocommerce div.product form.cart .reset_variations:hover{ border-color:@skinColor; } .woocommerce .woocommerce-message{ border-color:@skinColor; } .woocommerce button.button.alt.single_add_to_cart_button:hover{ background-color:#fff; } .woocommerce button.button.single_add_to_cart_button:hover{ background-color:white !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ background-color:@skinColor; border-color:@skinColor; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background-color:white; 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 #payment #place_order, .woocommerce-page #payment #place_order{ background-color:@skinColor; color:#fff; border:2px solid @skinColor; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{ background-color:white !important; color:@skinColor; } .woocommerce a.added_to_cart{ background-color:@skinColor; border-color:@skinColor; } .woocommerce a.added_to_cart:hover{ background-color:white; color:@skinColor; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background-color:@skinColor; border:2px solid @skinColor; } //.form-wrap #commentform .form-submit input[type='submit']{ // background-color:@skinColor; // border:2px solid @skinColor; //} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ color:@skinColor; background-color:#fff; border-color:@skinColor; } .woocommerce ul.products li.product a:hover h3{ color:@skinColor; } // buddypress #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.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 #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%); } .single div.product form.cart .reset_variations { background:@skinColor; border-color:@skinColor; } .single div.product form.cart .reset_variations:hover { color:@skinColor; } // .searchform #searchsubmit:hover i { // color:@skinColor; // } .navbar ul.nav li.current_page_item a { border-color:@skinColor; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled], .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled], .woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled[disabled] { background-color:lighten(@skinColor, 20%); } .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled]:hover { color:@skinColor; } .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background:@skinColor !important; } .audioplayer { background-color:@skinColor; } .audioplayer:not(.audioplayer-mini) .audioplayer-playpause { border-color:darken(@skinColor,30%); } .audioplayer-bar { background-color:darken(@skinColor,10%); } .audioplayer-bar-loaded { background-color:lighten(@skinColor,10%); } .audioplayer-bar-played { background-color:lighten(@skinColor,25%); } .audioplayer-playpause:hover { background-color:darken(@skinColor,10%); } .audioplayer-bar-played:before { background-color:darken(@skinColor,20%); } .audioplayer > div.audioplayer-volume { background-color:lighten(@skinColor,3%); } .audioplayer-volume:hover .audioplayer-volume-adjust { background-color:lighten(@skinColor,4%); } .audioplayer-volume-adjust div div { background-color:lighten(@skinColor,34%); } .audioplayer-volume-adjust > div { background-color:darken(@skinColor,20%); } .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color:darken(@skinColor,10%) !important; } .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover { border-color:@skinColor; } .rento_widget_search_property .search-form-layout-one .third-section::-webkit-scrollbar-thumb { background-color:@skinColor; } .form-wrap #commentform .form-submit input[type='submit']{ background-color:darken(@skinColor,10%); }