body{ .changeAllColor(@body_text_color; @body_bg_color); .changeFont(@general_font); } a { .link(@body_text_color, @body_text4_color); } /*Custom CSS Classes*/ .normal{ .changeColor(@body_text_color);} .primary{ .changeColor(@body_text3_color);} .secondary{ .changeColor(@body_text3_color);} .secondary2{ .changeColor(@body_text4_color);} .secondary3{ .changeColor(@body_text5_color);} .small{ font-size:90%} .underline{ text-transform:underline} .ratings .amount a{ .link(@body_text4_color, @body_label_bg3_color);} .no-rating, .ratings{ .changeColor(@body_text4_color);} /* Headings */ h1, .h1 { .changeColorFont(@body_text3_color; @h1_font); margin:0 0 10px} h2, .h2 { .changeFont(@h2_font); margin:0 0 10px} h3, .h3 { .changeFont(@h3_font); margin:0 0 10px} h4, .h4 { .changeFont(@h4_font); margin:0 0 10px} h5, .h5 { .changeFont(@h5_font); margin:0 0 10px} h6, .h6 { .changeFont(@h6_font); margin:0 0 10px} p.required{ .changeColor(#fe0000);} .success-msg{ .changeLine(@body_line2_color); li{ .changeLine(@body_line_color); span{ .changeColor(@body_text3_color); } } } .sample-link{ .link(@body_text3_color, @body_text4_color); } .em-line-01{ position:relative; .em-block-title,.em-widget-title, .block-title,.widget-title{ h3, h2{ .changeColorFont(@body_text3_color; @h3_font); font-weight:700; } } } .em-sidebar .block.block-related .em-block-title, .multidealpro_recent .em-block-title, .block .block-title{ .changeAllColor(@body_text2_color; @body_line_color; @body_bg3_color); strong{ .changeColorFont(@body_text2_color; @h4_font); font-weight:700; } } .show_details .title{ .changeAllColor(@body_text2_color; @body_line_color; @body_bg3_color); span{ .changeColorFont(@body_text2_color; @h3_font); } } .multidealpro_products, .box-account-content, .em-box{ .changeLine(@body_line_color); } .box{ .changeLine(@body_line_color); } /*box style 02*/ .em-box-02{ .title-box h1,.title-box h2,.title-box .number{ } } /*box style 01*/ .em-box-01{ .changeLine(@body_line_color); border-top-color:@body_line2_color; & > div{ .changeLine(@body_line_color); } .widget-title h2,.widget-title h3, .box-title h2{ .changeColorFont(@body_text3_color; @h5_font); font-weight:600; } } /*box style 03*/ .em-box-03{ .changeLine(@body_line_color); } /*box style 03*/ .em-box-bkg{ /*.changeBkg(@body_bg6_color);*/ } /*box style 04*/ .em-box-04{ .changeBkg(@body_bg2_color); } /* Form Elements */ input.input-text, select, textarea{ .changeLine(@body_line_color); } input.input-text:focus, select:focus, textarea:focus{ .changeLine(#ffa6a6); } code{ .changeColorFont(@body_text3_color; @general_font); white-space: normal;} .label{ .changeColorFont(@body_text3_color; @general_font); padding:0} label{ .changeFont(@general_font); } .form-list li.control label{ .changeColorFont(@body_text_color; @general_font) } /*label*/ .add-to-cart label, .form-list label, .comments .required{ .changeColor(@body_text_color); } .comments .required em{ color:#ff0000} /*Button*/ a.viewall, a.button-link, button.button, #addtoContainer .row2 a.btn_ajaxaddto{ .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn1_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color); } } .topcart-popup-content a.goto-cart{ color:@btn1_text_color; &:hover{ color:@btn1_text_color; } } .cart button.btn-checkout{ .changeAllColor(@btn4_text_color; @btn4_line_color; @btn4_bg_color; @btn4_font); &:hover{ .changeAllColor(@btn4_bg_color; @btn4_line_color; @btn4_text_color); } } .em-sidebar button.button, .ajaxcart a.back, .ajaxcart a.next{ .changeAllColor(@btn2_text_color; @btn2_line_color; @btn2_bg_color; @btn2_font); &:hover{ .changeAllColor(@btn2_bg_color; @btn2_line_color; @btn2_text_color); } } .form_review .form-add button.button, #contactForm button.button{ .changeAllColor(@btn3_text_color; @btn3_line_color; @btn3_bg_color; @btn3_font); &:hover{ .changeAllColor(@btn3_bg_color; @btn3_line_color; @btn3_text_color); } } .em-sidebar a.link-cart, .em-sidebar button.button.btn-cart, /*.vnav .menu-item-depth-0 a.button-link,*/ button.btn-cart { .changeAllColor(@btn3_text_color; @btn3_line_color; @btn3_bg_color/*; @btn3_font*/); &:hover{ .changeAllColor(@btn3_bg_color; @btn3_line_color; @btn3_text_color); } } .add-to-links li a.link-compare{ .changeAllColor(@btn6_text_color; @btn6_line_color; @btn6_bg_color; @btn6_font); font-size:0; &:hover{ .changeAllColor(@btn6_bg_color; @btn6_line_color; @btn6_text_color); } } .link-wishlist, .add-to-links li a.link-wishlist{ .changeAllColor(@btn5_text_color; @btn5_line_color; @btn5_bg_color; @btn5_font); font-size:0; &:hover{ .changeAllColor(@btn5_bg_color; @btn5_line_color; @btn5_text_color); } } .block-related a.link-wishlist{ .changeAllColor(@body_text_color; @body_text_color; transparent; @btn5_font); font-size:0; &:hover{ .changeAllColor(@btn5_text_color; @btn5_bg_color; @btn5_bg_color); } } .em-wrapper-one-ads .button-link{ span span{ font-size:130%} &:hover{ .changeAllColor(@btn3_bg_color; @btn3_line_color; @btn3_text_color;) } } .opc-col button.btn-checkout, button.btn-update, p.back-link a, a.goto-cart, .form-search button.button, #em_quickshop_handler{ .changeAllColor(@btn7_text_color; @btn7_line_color; @btn7_bg_color; @btn7_font); &:hover{ .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color); } } .block-subscribe .actions button.button{ .changeAllColor(@btn7_text_color; @btn7_line_color; @btn7_bg_color; @h5_font); &:hover{ .changeAllColor(@btn7_text_color; @btn4_line_color; @btn4_bg_color); } } .em-sidebar .actions a, .em-sidebar a.button-link{ .link(@body_text3_color; @body_text4_color); font-size:100%; font-weight:500; } .link-print{ .link(@body_text3_color; @body_text4_color); } .my-account a.link-edit{ .link(@body_text_color; @body_text4_color); } /*========== Button remove ==========*/ .btn-edit, .btn-remove, .btn-remove2{ /*&:before{ .changeAllColor(@btn3_bg_color; @btn3_text_color; @btn3_text_color); } &:hover{ &:before{ .changeAllColor(@btn3_text_color; @btn3_text_color; @btn3_bg_color); } }*/ } /*========== End Button remove ==========*/ /*================Header==================*/ .wrapper-header{ .changeColorFont(@header_text_color; @general_font); /*font-weight:600;*/ a{ .link(@header_text_color; @header_text_color); } .link li:hover a{ .changeColor(@header_text_color);} } .em-top-links{ a{ .link(@header_text_color; @header_text_color); } a:after, a:before{ .changeBkg(@header_text_color)} } .em-top-wishlist{ a{ .link(@header_text_color; @header_text_color); } } #em-mheader-top .em-language-currency{ background:@header_bg_color; } .list-link-mobile{ .changeLine(@body_line_color); border-top:1px solid darken(@body_line2_color, 3%); li{ .changeLine(@body_line_color); a{ .link(@header_text_color; @header_text_color); &:before{ color:@header_text_color; border-color:@header_text_color; } &.fa-shopping-cart:before{ color:@header_text_color; background:@header_bg3_color; border: 1px solid @header_bg_color; } span{ .changeFont(@general_font); } } } } .em-mobile-help{ li{ a{ .link(@header_text4_color; @header_bg_color); .changeFont(@general_font); span{ color:@header_bg_color; } } } } /*Search*/ .form-search{ .changeAllColor(@header_text4_color; @header_line_color; @header_line_color); .text-search{ .changeBkg(@header_bg4_color); .border-radius(0 5px 5px 0); } .catsearch-dropdown ul, .input_cat{ .changeColor(@header_text3_color); .changeLine(@header_line_color); .changeBkg(@header_bg4_color); } .catsearch-dropdown{ ul li{ .changeColor(@header_text3_color); &:hover{ .changeColor(@header_bg_color); } } } } /*toolbar dropdown*/ .wrapper-header .toolbar-switch{ .toolbar-dropdown{ span.current{ .changeAllColor(@header_text_color; @header_line_color; transparent) } &:hover span.current,ul,li{ .changeAllColor(@header_text3_color; @header_line_color; @header_bg5_color) } li:hover{ .changeBkg(darken(@header_bg5_color, 10%)); } li a{ .changeColor(@header_text3_color) } } } .toolbar-switch{ .toolbar-dropdown{ span.current{ .changeAllColor(@body_text_color; @body_line_color; @body_bg2_color) } &:hover span.current,ul,li{ .changeAllColor(@body_text4_color; @body_line_color; @body_bg2_color) } li:hover{ .changeBkg(darken(@body_bg2_color, 10%)); } li a{ .changeColor(@body_text4_color) } } } /*Header top cart*/ .em-container-topcart{ .em-summary-topcart{ .changeAllColor(@header_text2_color; @header_bg3_color; @header_bg3_color); a{ .changeColor(@header_text2_color);} } &:hover{ .em-summary-topcart{ .changeAllColor(@btn7_text_color; @btn7_line_color; @btn7_bg_color); a{ .changeColor(@btn7_text_color);} } } } /*dropdown cart*/ .truncated a.details{ color:@body_text3_color} .topcart-popup{ .changeAllColor(@header_text3_color; @header_line_color; @header_bg5_color); .topcart-popup-content{ .em-block-subtitle{ .changeColorFont(@header_text3_color; @h3_font) } .amount-content a{ .link(@header_text3_color; @header_bg3_color); } .subtotal{ .label{ .changeColorFont(@header_text3_color; @h3_font) } .price{ .changeColor(@body_text4_color;) } } } } /*================End Header==================*/ /*==============Header Login - Dropdown/Popup===============*/ .em-account{ .changeColorFont(@header_text4_color; @general_font); a{ .link(@header_text4_color; @body_text4_color); } a.create-account-link-wishlist{ .link(@body_text4_color; @body_text4_color); } .form-list em{ color:#e70808; width:10px; } } /*==============End Header Login - Dropdown/Popup===============*/ /*===================Menu===================*/ a.arrow:before{ .changeFont(@topmenu_font); font-family:FontAwesome; font-size:100%; } .vnav a.arrow:before{ .changeFont(@vnav_font); font-family:FontAwesome; font-size:90%; } .container-menu-hoz, .em-top-menu.navbar-fixed-top, .nav-container.em_nav, .megamenu-wrapper{ background:@topmenu_bg_color; } .menuleft .megamenu-wrapper{ background:transparent; } .vnav{ background:@vnav_bg_color; } .em-top-menu.navbar-fixed-top{ border-bottom:4px solid @topmenu_text_color; } .wrapper-menu-hoz{ border-bottom-color:@topmenu_line_color; background:#topmenu_bg_color; } .em-menu-mobile{ .em-top-menu.navbar-fixed-top, .nav-container.em_nav, .megamenu-wrapper{ background:none; } } .menu-item-link > .menu-container, .em_nav .menu-item-link > ul, .em_nav.nav-container .em-catalog-navigation ul, .em_nav .em-catalog-navigation ul, .nav-container .em-catalog-navigation ul{ .changeBkg(@dropmenu_bg_color); .changeLine(@dropmenu_bg_color); } .vnav{ border-color:@vnav_line_color; box-shadow: 0 0 5px @vnav_line_color; } .em_nav { .menu-item-link.fa{ &:before{ .changeColor(@topmenu_text_color); } &:hover:before{ .changeColor(@topmenu_hover_text_color); } } .vnav{ .menu-item-link.fa{ &:before{ .changeColor(@vnav_text_color); } &:hover:before{ .changeColor(@vnav_hover_text_color); } } } } .em_nav{ .menu-item-depth-0 > .em-catalog-navigation> li.level0, .menu-item-depth-0{ > a{ .changeColor(@topmenu_text_color); &:hover{ .changeColor(@topmenu_hover_text_color); } &.em-menu-link{ span{ .changeAllColor(@topmenu_text_color, @topmenu_line_color, @topmenu_bg_color, @topmenu_font); &:hover{ .changeAllColor(@topmenu_hover_text_color, darken(@topmenu_hover_bg_color, 10%), @topmenu_hover_bg_color); } } } } &:hover{ > a.arrow{ .changeColor(@topmenu_hover_text_color); } > a.em-menu-link span{ .changeAllColor(@topmenu_hover_text_color, darken(@topmenu_hover_bg_color, 10%), @topmenu_hover_bg_color); } } } .vnav .menu-item-depth-0 > .em-catalog-navigation> li.level0, .vnav .menu-item-depth-0{ > a{ .changeColor(@vnav_text_color); &:hover{ .changeColor(@vnav_hover_text_color); } &.em-menu-link{ span{ .changeAllColor(@vnav_text_color, @vnav_line_color, @vnav_bg_color, @vnav_font); &:hover{ .changeAllColor(@vnav_hover_text_color, darken(@vnav_hover_bg_color, 10%), @vnav_hover_bg_color); } } } } &:hover{ > a.arrow{ .changeColor(@vnav_hover_text_color); } > a.em-menu-link span{ .changeAllColor(@vnav_hover_text_color, darken(@vnav_hover_bg_color, 10%), @vnav_hover_bg_color); } } } /*dropdown menu*/ ul.level0, .menu-container{ .changeColorFont(@dropmenu_text_color; @dropmenu_font); a{ .changeColor(@dropmenu_text2_color); .changeFont(@h5_font); font-weight:500} a:hover, li.parent:hover > a, .menu-item-link:hover > a{.changeColor(@dropmenu_text3_color);} } .menu-container{ .widget-title h3, h4, h5{ .changeColor(@dropmenu_text3_color); /*.changeFont(@h5_font);*/ font-weight:700; } .em-line-01{ position:relative; .changeLine(darken(@dropmenu_text2_color,5%)); &:after{ background-color:@dropmenu_text2_color; } &:before{ background-color:@dropmenu_text2_color; } } .icon-font{ background:#ebebeb; padding:60px 10px; color:#666666; margin-bottom:20px; } } } /*vertical dropdown*/ .menu-container{ .widget-title h3{ .changeColorFont(@dropmenu_text3_color, @h4_font); background:none; } } /*Menu mobile*/ .em-menu-mobile{ .menu-item-depth-0 > .em-catalog-navigation> li.level0, .menu-item-depth-0{ > a.em-menu-link{ .changeLine(@topmenu_line_color); .changeBkg(@topmenu_bg_color); } &:hover{ > a.em-menu-link{ .changeLine(darken(@topmenu_hover_bg_color, 10%)); .changeBkg(@topmenu_hover_bg_color); } } } /*menu ipod vertical */ .vnav .menu-item-depth-0 > .em-catalog-navigation> li.level0, .vnav .menu-item-depth-0{ > a.em-menu-link{ .changeLine(@vnav_line_color); .changeBkg(@vnav_bg_color); } &:hover{ > a.em-menu-link{ .changeLine(darken(@vnav_hover_bg_color, 10%)); .changeBkg(@vnav_hover_bg_color); } } } } /*Title menu ipod*/ .menu-title{ .changeAllColor(@topmenu_text_color; @topmenu_text_color; @topmenu_hover_bg_color; @topmenu_font); a{ .changeColor(@topmenu_text_color); } } .em-col-left-icon{ .changeAllColor(@topmenu_text_color; @topmenu_hover_bg_color; @topmenu_hover_bg_color; @topmenu_font); } /*Menu Product*/ .menu-container{ .products-list{ .item{ a.product-image{ border:1px solid transparent; } &:hover{ a.product-image{ border-color:@body_line_color; } } } } .products-grid{ .item{ border:1px solid transparent; &:hover{ border-color:@body_line_color; } } } } /*========Dropdown Menu Left========*/ .all_categories .menuleftText{ .changeColorFont(@topmenu_text_color; @topmenu_font); font-weight:700; .changeBkg(@vnav_hover_bg_color); .changeLine(darken(@vnav_hover_bg_color, 7%)); .gradientTopBottom(@vnav_hover_bg_color; darken(@vnav_hover_bg_color, 7%)); } .menuleft{ .mega-menu{ border-color:@vnav_line_color; .border-radius(0 0 5px 5px); } } /*========End Dropdown Menu Left========*/ /*=========Slideshow============*/ .owl-theme .owl-controls .owl-page{ .bullet(@body_text5_color, @body_text4_color); span{ border-color:@body_line_color; } } .tp-bullets.simplebullets.round .bullet{ &.selected{ background-color:@body_text4_color; border-color:@body_text4_color; } background-color:@body_text5_color; border-color:@body_line_color; &:hover{ background-color:@body_text4_color; border-color:@body_text4_color; } } /*.tp-caption a.ss-btn-link{ .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn3_font); span span{ font-size:130%} &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color;) } } .tp-caption a.btn-link01{ .changeAllColor(@btn2_text_color; @btn2_line_color; @btn2_bg_color; @btn2_font); &:hover{ .changeAllColor(@btn2_bg_color; @btn2_line_color; @btn2_text_color;) } } .tp-caption a.btn-link02{ .changeAllColor(@btn3_text_color; @btn3_line_color; @btn3_bg_color; @btn3_font); &:hover{ .changeAllColor(@btn3_bg_color; @btn3_line_color; @btn3_text_color;) } }*/ /*button disable able sidebar left*/ .menu-trigger{ .changeAllColor(@body_text5_color; @body_bg2_color); &:hover{ .changeAllColor(@body_text5_color; @body_bg2_color); } } /*Slideshow full scren hide content*/ .layout-fullscreen-slideshow.cms-index-index{ .wrapper-main, .wrapper-slideshow{ background-color:transparent; > .container{ background-color:@body_bg2_color; } } .wrapper-footer{ background-color:transparent; > .container{ background-color:@footer_bg_color; } } } /*=========End Slideshow============*/ /*=======Home Page - Custum Box Wide============*/ .wrapper.em-box-custom{ .changeBkg (@page_bg_color; @image_bg_url; @page_bg_image; @page_bg_position; @page_bg_repeat; @page_bg_attachment;); } .wrapper-header{ .changeBkg (@header_bg_color; @image_bg_url; @header_bg_image; @header_bg_position; @header_bg_repeat); } .wrapper-main, .wrapper-slideshow{ .changeBkg (@body_bg_color; @image_bg_url; @body_bg_image; @body_bg_position; @body_bg_repeat); & > .container{ .changeBkg (@body_bg2_color); } .em-fixed-sidebar{ .changeBkg (@body_bg2_color); } } .wrapper-footer{ .changeBkg (@footer_bg_color; @image_bg_url; @footer_bg_image; @footer_bg_position; @footer_bg_repeat); .container-footer{ .changeBkg(@footer_bg2_color); } } /*========Box Category - Home page===========*/ .box-category(@text-color; @bg-color){ .wrapper-title{ .em-block-title{ .changeColorFont(@bg-color; @h1_font); .h1, .h2{ .changeFont(@h2_font); font-weight:700; color:@bg-color; } } .list-inline li{ a{.link(@bg-color,@bg-color);} &:after, &:before{ background-color: @bg-color} &.last{ &:after, &:before{ height:105%; } a{.link(@body_text3_color,@text-color); font-weight:400} &:hover{ a{.link(@body_text3_color, @text-color);} &:after, &:before{ width:55%; } } } } } } .wrapper-ads{ .box-category(@body_text5_color; @body_tab_bg_color); } .wrapper-ads.em-cat02{ .box-category(@body_text5_color; @body_tab_bg2_color); } .wrapper-ads.em-cat03{ .box-category(@body_text5_color; @body_tab_bg3_color); } .wrapper-ads.em-cat04{ .box-category(@body_text5_color; @body_tab_bg4_color); } .wrapper-ads.em-cat05{ .box-category(@body_text5_color; @body_tab_bg5_color); } /*======Tab product========*/ .em-details-tabs-content{ .changeLine(@body_line_color); } .em-tabs .owl-carousel{ .owl-item .item{ &:hover{ .changeLine(@body_line_color); } } } /*========End Box Category - Home page===========*/ /*================Footer=============*/ .em-line-top-bottom{ .changeLine(@footer_line_color); } .em-wrapper-newsletter .em-block-title{ .changeColor(@footer_text4_color); .h3{ .changeFont(@h3_font); font-weight:700; font-size:20px;} } .wrapper-footer{ .changeAllColor(@footer_text_color; @footer_line_color; @footer_bg_color); .primary{ .changeColor(@footer_text2_color); } .secondary2{ .changeColor(@footer_text3_color); } a{.link(@footer_text3_color, @footer_text4_color);} .em-links a{ .link(@footer_text3_color, @footer_text4_color); } .em-block-title{ .changeColor(@footer_text2_color); .h3{ .changeFont(@h3_font); font-weight:700; font-size:20px; .changeColor(@footer_text4_color);} .h4{ .changeColor(@footer_text2_color); font-weight:700;} } .em-links-category{ .changeBkg(@footer_bg3_color); a{.link(@footer_text3_color, @footer_text3_color); &:hover{ text-decoration:underline; } } } .container-fluild{ .changeAllColor(@footer_text_color; @footer_line_color; @footer_bg_color); .em-footer-container{ .changeAllColor(@footer_text_color; @footer_line_color; @footer_bg_color); } a{ .link(@footer_text_color, @footer_text3_color); } .em-block-title{ .changeColor(@footer_text2_color); } .inner-footer > .row:first-child{ .changeLine(@footer_line_color) } } } .container-footer{ .em-address{.changeColor(@footer_text_color);} } .em-footer{ a{ .link(@footer_text_color, @footer_text3_color); } } .inner_links{ .h5{.changeAllColor(@footer_text2_color; @footer_line_color; tranparent; @h5_font);} a{ .link(@footer_text_color; @footer_text3_color);} } .em-links-line{ .changeFont(@h6_font); } /*Multidealpro*/ .widget-title{ h2, h3{ .changeColorFont(@body_text3_color; @h2_font); } } .em-special-deals { .widget-title h1{ .changeColor(@body_text3_color); } .item{ .changeLine(@body_line_color); &:hover{ .changeLine(@body_line_color); } } } .clock_style_1 .clock li p{ .changeColorFont(#ffffff; @h3_font); font-weight:600; font-size:8px; background:#484848; } .clock_style_1 .clock li span{ .changeColorFont(#ffffff; @h3_font); font-weight:600; line-height:32px; background:#353535; } .msg_soldout{ .changeAllColor(@body_text6_color; @body_line_color; transparent; @h3_font);} .clock li span{ .changeColor( @body_text5_color)} .show_details .show_clock{ .changeLine(@body_line_color); .border-bottom-radius(3px); } .multidealpro_recent .multidealpro_products .products-grid li.item{ .changeLine(@body_line_color)} .em_multidealpro, .multidealpro_products{ .price-box{ .regular-price{ .changeColor(@body_text3_color); font-size:70%; .price{ .changeColor(@body_text3_color); font-size:100%; display:inline; font-weight:500; } } } } /*====================Tab Slider ==========================*/ .em-tab(@color; @linecolor; @bgcolor){ .r-tabs-nav{ .r-tabs-anchor{ .changeColorFont(@color; @h5_font); .changeBkg(@bgcolor); .changeAllColor(@color; @linecolor; @bgcolor); &:hover{.changeAllColor(@bgcolor; @linecolor; @color);} } .r-tabs-state-active .r-tabs-anchor{.changeAllColor(@bgcolor; @linecolor; @color);} } /*tab mobile*/ .r-tabs-accordion-title{ .r-tabs-anchor{ .changeAllColor(@color; @linecolor; @bgcolor; @h5_font); } &.r-tabs-state-active{ .r-tabs-anchor{ .changeAllColor(@bgcolor; @linecolor; transparent); } } &:hover{ .r-tabs-anchor{ .changeAllColor(@bgcolor; @linecolor; transparent); } } } .em-tabs-content{ .changeLine(@linecolor); } .owl-theme .owl-controls .owl-buttons div{ .changeAllColor(#ffffff;@linecolor; @linecolor); &:hover{ .changeAllColor(#ffffff;@linecolor; @linecolor); } } } .r-tabs{ .em-tab(@body_text5_color; @body_tab_bg_color; @body_tab_bg_color); } .em-cat02 .r-tabs{ .em-tab(@body_text5_color; @body_tab_bg2_color; @body_tab_bg2_color); } .em-cat03 .r-tabs{ .em-tab(@body_text5_color; @body_tab_bg3_color; @body_tab_bg3_color); } .em-cat04 .r-tabs{ .em-tab(@body_text5_color; @body_tab_bg4_color; @body_tab_bg4_color); } .em-cat05 .r-tabs{ .em-tab(@body_text5_color; @body_tab_bg5_color; @body_tab_bg5_color); } /*tab mobile*/ .r-tabs { } /*===========Show Icon Next Pre Slider============*/ /*button next-pre-text*/ .next-pre-text(@color1, @color2){ color:@color1; background:transparent; border:none; &:hover{ color:@color2; background:transparent; } } /*button next-pre-icon*/ .next-pre-icon(){ color:#aaaaaa; .changeAllColor(#aaaaaa; #e8e8e8; #ffffff); &:hover{ .changeAllColor(#aaaaaa;#ebebeb; #ebebeb); } } .owl-theme .owl-controls .owl-buttons div{ .next-pre-icon(); } /*button next-pre-none-bkg*/ .slider-icon-text{ .owl-theme .owl-controls .owl-buttons div{ .next-pre-text(@body_text_color, @body_text3_color); } } /*===========End Show Icon Next Pre Slider============*/ /*Show icon circle*/ .owl-theme .owl-controls .owl-page{ .bullet(@body_text5_color, @body_text4_color); span{ border-color:darken(@body_line_color, 30%); } } /*Show icon square*/ .slider-icon-square{ .owl-theme .owl-controls .owl-page{ .bullet(@body_text_color, @body_text4_color); } } .owl-pagination-numbers.owl-theme .owl-controls .owl-page{ .bullet-number(@body_bg_color, @body_text6_color, @body_text_color); } /*==========End Show Pagination============*/ /*================EM Blog================*/ .em-block-title .h2{ color:#202020; text-transform:capitalize} .em-blog-title{ .changeFont(@h4_font); font-weight:600} .em-blog-title a, .em-blog-author a{ .link(@body_text4_color, @body_text4_color); } .post-title, .comment-title{ .link( @body_text3_color; @body_text4_color)} .em_blog-cat li:hover, .em_blog-cat li.current{ .changeColor( @body_text5_color);} .em_blog-cat li.parent.current a{ .link( @body_text3_color; @body_text5_color);} .em_blog-cat li.parent.current li.current > a{ .link( @body_text4_color; @body_text4_color);} #allcomments .comment-button button.button{.changeColor( @body_text_color);} #allcomments .comment-button button.button:hover{.changeColor( @body_text4_color);} .em_post-items .post-title h2{ .changeColor(@body_text3_color); a{ .link(@body_text3_color; @body_text4_color);} } .em_post-action{.changeLine(@body_line_color)} .form-comment-container h3, .article-comments .form-title{ .changeColorFont(@body_text3_color; @h3_font); font-weight:700; margin-bottom:20px; } #allcomments{ .comment-by { span{ .changeColor(@body_text4_color); } } } .comment-item-header > span{ .changeColor(@body_text4_color);} /*RECENT COMMENTS*/ .em_block-recent-comments .item{.changeLine(@body_line_color)} /*==========Category================*/ /*product-name*/ a.product-image{ /*.link(@body_line2_color; @body_line2_color);*/ } .product-name a{ .link(@body_text3_color; @body_text4_color); .changeFont(@h5_font); /*&:hover{ font-weight:700; }*/ } .em_nav .menu-container{ .product-name a{ .link(@body_text3_color; @body_text4_color); /*&:hover{ font-weight:700; }*/ } } .price-box{ .changeFont(@h3_font); .price-label{ .changeFont(@general_font); } } .price-box.map-info{ .changeFont(@h5_font); } .price{ .changeColor(@body_text4_color); .changeFont(@h3_font); font-weight:700; } .old-price .price{ .changeColor(@body_text3_color); font-size:70%; font-weight:500} .special-price .price{ .changeColor(@body_label_bg3_color);} .page-title h2, .page-title h1{ .changeColorFont(@body_text3_color; @h2_font);; } .productlabels_icons .label{ .changeAllColor(@body_text6_color; @body_label_bg_color; @body_label_bg_color; @general_font); > p{ .changeBkg(@body_label_bg_color); } } .productlabels_icons .label.special{ .changeAllColor(@body_text6_color; @body_label_bg3_color; @body_label_bg3_color; @general_font); > p{ .changeBkg(@body_label_bg3_color); } } .productlabels_icons .label.hot{ .changeAllColor(@body_text6_color; @body_label_bg2_color; @body_label_bg2_color; @general_font); > p{ .changeBkg(@body_label_bg2_color); } } .sale_off{ .changeColor(@body_text6_color);} /* Toolbar */ /*.multidealpro_products .sorter,*/ .toolbar-top { border-bottom:1px solid @body_line_color; } .multidealpro_products .sorter{ border-bottom:1px solid @body_line_color; margin: 0 -10px; padding: 0 20px; } .toolbar-bottom { border-top:1px solid @body_line_color; .pager .amount{ color:@body_text3_color; font-weight:700; } } .pager label, .sort-by label, .sorter label{ .changeColor(@body_text3_color); } .pager .pages .current, .pager .pages li > a:hover{ .changeAllColor(@btn3_text_color; @btn3_bg_color)} .pager .pages li a.previous, .pager .pages li a.next{.link(@body_text3_color; @btn3_text_color)} /* View Type: Grid */ .products-grid{ .item{ .changeLine(@body_line_color); .border-radius(@rounded_corner); &:hover{ .changeLine(@body_line_color); } } } .category-products { .products-grid{ li.item{ border-color:transparent; .border-radius(0); border-bottom:1px solid @body_line_color; } } .product-item{ &:hover{ .changeLine(@body_line_color); .changeBkg(@body_bg2_color); } } } .em-related-noslider.products-grid li.item, .em-crosssell-noslider.products-grid li.item, .em-crosssell-noslider.products-grid li.item, .em-upsell-noslider.products-grid li.item{ border:0; .product-item{ border:1px solid transparent; &:hover{ .changeLine(@body_line_color); } } } .multidealpro_products .products-grid li.item{ border:1px solid transparent; &:hover{ .changeLine(@body_line_color); } } .products-grid .owl-item li.item .product-item{ .changeLine(@body_line_color); &:hover{ .changeLine(@body_line_color); } } .line-product-slider(){ .products-list, .products-grid{ &.owl-carousel .owl-item .item{ .changeLine(@body_line_color); &:hover{ .changeLine(@body_line_color); } } } } .em-layout03-featured-products{ .line-product-slider(); } /* View Type: List */ .category-products { border:1px solid @body_line_color; .products-list li.item{ .product-name a{ .link(@body_text4_color; @body_text4_color;); font-weight:700; } &:hover{ /*.changeLine(@body_line_color);*/ } } } .products-list .item{ /*&:hover{ .changeLine(@body_line_color); }*/ } .block-related li.item{ /*&:hover{ .changeLine(@body_line_color); }*/ } .block-related #em-grid-mode-related{ .changeLine(@body_line_color); .border-radius(@rounded_corner); } #upsell-product-table, .crosssell-content{ #em-grid-mode{ .changeLine(@body_line_color); .border-radius(@rounded_corner); } } /*slider grid-list*/ .products-list, .products-grid{ &.owl-carousel .owl-item .item{ /*border:1px solid @body_line_color; .border-radius(@rounded_corner); &:hover{ border-color:@body_line2_color; }*/ } } /*==========Siderbar================*/ .widget-recentreview-products .widget-products{ border:1px solid @body_line_color; border-top:none; } .em-sidebar{ .block-content{ border:1px solid @body_line_color; border-top:none; } } /* Block poll*/ .block-poll{ .label{ .changeColor(@body_text_color) ; } } /* BreadCrumbs */ .breadcrumbs { .changeFont(@h6_font); strong{.changeColor(@body_text3_color)} } /* Block: Layered Navigation */ .block-layered-nav{ .block-content{ dt{ .changeColorFont(@body_text3_color; @h5_font); font-weight:700; } dd{ border-bottom:1px solid @body_line_color; &.last{ border:none; } } dd li{ .changeColor(@body_text4_color); .icon, label{ .changeColor(@body_text_color); } a{ .changeColor(@body_text_color) ; } span{ .changeColor(@body_text4_color) ; } &:hover{ a{ .changeColor(@body_text3_color) ; } } } .rslider{ #range{ .changeBkg (@body_line2_color); } #track{ .changeBkg (@body_line_color); } .handle{ .changeLine (@body_line2_color); &:before{ .changeBkg (@body_line2_color); } } .price{ .changeFont (@general_font); font-weight:700; } } .tree-filter li{ &.selected > .label{ .changeColor(@body_text3_color) ; } .label{ .changeColor(@body_text_color) ; a{ .changeColor(@body_text_color) ; } &:hover{ .changeColor(@body_text3_color) ; a{ .changeColor(@body_text3_color) ; } } } } } } /*Block tag*/ .product-tags{ li{ a{ .link(@body_text_color; @body_text3_color); } } } /*========== Product detail ==========*/ /*Next pre product*/ .product-view-detail .product-shop > a{ .next-pre-icon(); } .in-stock span{ .changeColor(#63b411);} .no-rating a{ .changeColor(@body_text4_color); } .availability-only{ .changeColor(@body_text3_color); a{.changeColor(@body_text3_color);} span:before{ .changeLine(@body_text3_color)} span:after{ .changeBkg(@body_text3_color)} } .availability-only-details{ margin-bottom:20px; } .product-view-detail{ .product-shop{ .product-name{ .changeColor(@body_text3_color); margin-bottom:18px; h1{ .changeFont(@h2_font); } } .separator{ color:@body_text_color; } .price-box{ /*.changeColorFont(@body_text4_color; @h2_font);*/ .regular-price { .changeColorFont(@body_text4_color; @h2_font); .price{ font-size:120%; } } .old-price{ .price{ /*font-size:100%;*/ } } } .short-description{ h2{ .changeColorFont(@body_text3_color; @h3_font); font-size:20px; font-weight:700; } } .grouped-items-table .price{ font:@h4_font !important; font-weight:700 !important; } } button.button.btn-cart{ .changeFont(@h5_font); } .add-to-links li { a.link-compare, a.link-wishlist{ .changeFont(@h5_font); font-size:0; } } } .product-view .box-tags h3{.changeFont(@general_font)} /*rating table*/ #product-review-table{ tr{ th{.changeColorFont( @body_text_color; @general_font);} } } .box-reviews{ .reviews{ .em-box-review{ .changeLine(@body_line_color); table a, dt a{ .link(@body_text3_color; @body_text4_color); font-weight:700; } } } .form-add{ h3{ .changeColor( @body_text3_color;)} h4{ .changeColorFont( @body_text4_color; @h5_font); font-weight:500; } } #review-form{ .changeLine(@body_line_color); } } .box-up-sell{ li.item{ border-color:@body_line_color; &:hover{ border-color:@body_line_color; } } } /*========== End Product detail ==========*/ /*========== Shopping Cart ==========*/ .qty-ctl{ button.increase,button.decrease{ .changeLine(@body_line_color); &:hover{ .changeAllColor(@body_line_color; @body_line2_color; @body_line2_color); } } } .cart-table{ .cart-price .price{ .changeColor(@body_text_color); } td.last .cart-price .price{ .changeColor(@body_text4_color); } } .crosssell, .em-box-cart{ h2{ .changeColorFont(@body_text3_color; @h3_font); font-weight:700; } } .cart-collaterals{ .totals{ table{ td{ color:@body_text_color; .price{ font-weight:700;color:@body_text_color;} } tfoot td{ strong{ color:@body_text3_color; font-size:140%; .price{ .changeColorFont(@body_text4_color; @h2_font);} } } } } } /*========== End Shopping cart ==========*/ /*Login - Register - Contacts*/ .account-create .fieldset .legend, .account-login .col2-set h2{ .changeColorFont(@body_text3_color; @general_font); font-weight:700; margin-bottom:14px; } .contacts-index-index{ .fieldset .legend{ .changeFont(@h3_font); } } .em-maps-wrapper{ h1{ .changeColorFont(@body_text3_color; @h3_font); } } /* One Page Checkout */ .sp-methods .price{.changeColorFont(@body_text_color; @general_font);} #opc-login p a{ .link(@body_text3_color; @body_text3_color)} .cvv-what-is-this{.link(@body_text_color; @body_text4_color)} #checkout-review-table.data-table tfoot tr{ td{ .changeColorFont( @body_text3_color; @h5_font); font-weight:700; .price{ .changeColorFont( @body_text4_color; @h2_font); } } &.last strong{ .changeFont(@h3_font); font-weight:700; } } .opc-col { .step-title { .number, h2{ .changeColorFont( @body_text3_color; @h3_font); font-size:20px; font-weight:700; } } .discount{ label{ .changeColorFont( @body_text3_color; @general_font); font-weight:700; } } } #checkout-review-submit{ .f-left a{ .link(@body_text3_color; @body_text4_color) } } .block-progress{ dt.complete { .changeColor(@body_text4_color); } } .opc{ .section{ .title-box{ .changeAllColor(@body_text_color; @body_line_color; transparent); } &.allow:hover, &.active{ .title-box{ .changeAllColor(@body_text5_color; @body_tab_bg_color; @body_tab_bg_color); h2,a{ .changeColor(@body_text5_color); } } } } .step-title{ h2,a{ .changeColorFont(@body_text_color; @h3_font); } } #checkout-step-login{ h3{ .changeColorFont( @body_text3_color; @h5_font); } h4{ .changeFont(@general_font); } .col-1 > p{ .changeColor(@body_text4_color); margin-bottom:14px; } } .col-2{ .changeColor(@body_text3_color); } #checkout-step-payment{ dt label{ } } td{ .cart-price{ .price{ color:@body_text_color; } } &.last{ .cart-price{ .price{ color:@body_text4_color; } } } } } /*checkout success*/ .checkout-onepage-success { .em-col-main{ h2.sub-title{ .changeColorFont( @btn4_bg_color; @general_font); } .text-order{ color:@body_text3_color; } p a{ .link(@body_text3_color; @body_text4_color); &.print-order{ .link(@body_text3_color; @body_text4_color); } } } } /*========== My account ==========*/ .my-account{ .page-title h1, .title-box h2, .title-box h1{ .changeColorFont(@body_text3_color; @h3_font); font-size:20px; font-weight:700; margin-bottom:18px; } } .block-account{ .block-content{ ul{ li{ a, strong{ .link(@body_text_color; @body_text4_color); } &:hover, &.current{ strong{ .changeColor( @body_text4_color;)} } } } } } .welcome-msg, .box-account-content{ .changeLine(@body_line_color); } .dashboard{ .welcome-msg{ .changeLine(@body_line_color); p.hello{ .account-name{ .changeColor(@body_text4_color);} } } .box-reviews, .box-tags{ .product-name, .number{ .changeColorFont(@body_text3_color; @h5_font); font-weight:600; } .details{ } } } .my-account{ .col2-set h3, .col2-set h2, .box-content h4, .box-title h3{ .changeColorFont(@body_text4_color; @general_font); &.address-book{ .changeColorFont(@body_text3_color; @h5_font); } } } .customer-address-index{ .my-account { .addresses-list li.item a{ .link(@body_text3_color; @body_text4_color);} } } .fieldset .legend{.changeColorFont(@body_text3_color; @h5_font); } /*==========End My account ==========*/ /*========== Data Table ==========*/ .data-table{ td{ .changeLine(@body_line_color); .product-name{ .changeColorFont(@body_text3_color; @general_font); font-weight:600; } em{ } } th {.changeColorFont(@body_text3_color; @h5_font); .changeLine(@body_line_color);} thead th { .changeColor(@body_text3_color);} } /*compare table*/ .compare-table { &.data-table { thead th{ .changeLine(@body_line_color); } } } /*========== End Data Table ==========*/ /* back to top */ #back-top{ .changeLine(@btn7_bg_color); &:hover{ .changeLine(@btn1_bg_color); } a{ .changeAllColor(@btn7_text_color; transparent; @btn7_bg_color; @h6_font); font-weight:600; &:hover{.changeAllColor(@btn1_text_color; transparent; @btn1_bg_color)} } } .em-top-search.search-fixed-right .form-search{ .changeLine(@btn7_bg_color); &:hover{ .changeLine(@btn1_bg_color); button.button{ .changeAllColor(@btn1_text_color; transparent; @btn1_bg_color) } } button.button{ .changeAllColor(@btn7_text_color; transparent; @btn7_bg_color); &:hover{ .changeAllColor(@btn1_text_color; transparent; @btn1_bg_color) } } } .cart-fixed-right .em-container-topcart { .em-summary-topcart{ .changeAllColor(@btn7_text_color; @btn7_bg_color; @btn7_bg_color); } &:hover{ .em-summary-topcart{ .changeAllColor(@btn1_text_color; @btn1_bg_color; @btn1_bg_color) } } } /*Ajax product*/ .load-more-image .load-more{ .changeAllColor( @body_text6_color; @body_label_bg3_color; @body_label_bg3_color; @h5_font); &:hover{.changeAllColor( @body_label_bg3_color; @body_label_bg3_color; @body_text6_color);} } /*shadow*/ /*.block-banner a:hover:before{ box-shadow: 0 0 0 5px @body_text5_color inset;} .four_ads a:hover { box-shadow: 0 0 0 5px @body_text5_color inset; .changeLine(@body_text5_color); }*/ /*=====Border Radius======*/ .product-item, .products-grid li.item, .em-details-tabs-content, .em-tabs-content, .em-box/*, .em-special-deals .owl-carousel .owl-item .item*/{ .border-radius(@rounded_corner); } .em-wrapper-ads .em-box{ .border-bottom-radius(@rounded_corner); } .em-details-tabs.r-tabs, .em-tabs{ text-align:center; .r-tabs-nav .r-tabs-anchor{ .border-radius(@rounded_corner); } .em-details-tabs-content, .em-tabs-content{ .border-radius(@rounded_corner); /*.box-shadow(@box_shadow);*/ } } .opc-col > div, .box-account-content, .dashboard .welcome-msg, .box, .product-view-detail, .box-reviews .reviews .em-box-review, .box-reviews #review-form{ .border-radius(@rounded_corner); /*.box-shadow(@box_shadow);*/ } /*===========Effect========*/ .changeFontFamily (@fontfamily) when not (@fontfamily = null) { font-family: @fontfamily; } /*========Front End - Change Font=============*/ h3,.h3, .em_nav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a.em-menu-link span, .em_nav .menu-item-depth-0 > a.em-menu-link span, .em_nav .vnav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a.em-menu-link span, .em_nav .vnav .menu-item-depth-0 > a.em-menu-link span, .r-tabs .r-tabs-nav .r-tabs-anchor, .em-cat02 .r-tabs .r-tabs-nav .r-tabs-anchor, .em-cat03 .r-tabs .r-tabs-nav .r-tabs-anchor, .em-cat04 .r-tabs .r-tabs-nav .r-tabs-anchor, .em-cat05 .r-tabs .r-tabs-nav .r-tabs-anchor, .all_categories .menuleftText, .em-special-deals .widget-title h1, .wrapper-ads .wrapper-title .em-block-title, .wrapper-ads.em-cat02 .wrapper-title .em-block-title .h2, .wrapper-ads.em-cat03 .wrapper-title .em-block-title .h2, .wrapper-ads.em-cat04 .wrapper-title .em-block-title .h2, .wrapper-ads.em-cat05 .wrapper-title .em-block-title .h2, .wrapper-ads .wrapper-title .list-inline li, .em-block-title .h2, .wrapper-footer .em-block-title .h3, .em-block-title p.h4, .price, .em-blog-title, .page-title h2, .page-title h1, .em-sidebar .block.block-related .em-block-title strong, .multidealpro_recent .em-block-title strong, .block .block-title strong, .block-layered-nav .block-content dt{ .changeFontFamily(@font_family); }