body{ /*.changeAllBkg (@body_text_color; @general_font; @page_bg_color; @page_bg_position; @page_bg_repeat); .changeAllColor(@body_text2_color; @general_font; @page_bg_color}; background-image:url("@{image_bg_url}@{page_bgimage}");*/ .changeAllBkg (@body_text_color; @general_font; @page_bg_color; @page_bg_position; @page_bg_repeat); background-image:url("@{image_bg_url}@{page_bg_image}"); } a { .link(@body_text_color, @body_text_color); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* Headings */ h1, .h1 { .changeFont(@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} /* Form Elements */ input.input-text, select, textarea{ .changeAllColor(@body_text2_color; @body_line2_color; @body_bg_color; @general_font); border-radius:@rounded_corner; -webkit-border-radius:@rounded_corner; -moz-border-radius:@rounded_corner; &:hover{ border-color:@body_line3_color; } } .box1, .box2, .box3{ .border-radius(@rounded_corner); box-shadow: @box_shadow ; -moz-box-shadow: @box_shadow ; -webkit-box-shadow: @box_shadow ; border-radius:@rounded_corner; -webkit-border-radius:@rounded_corner; -moz-border-radius:@rounded_corner; .changeLine (@body_line_color); } .fieldset .legend{.changeColorFont(@body_text4_color; @h3_font); font-weight: 700;} /*========== Data Table ==========*/ .data-table, .data-table th, .data-table thead th:first-child, .data-table thead th.last, .data-table td, .cart-table tbody td:first-child, .cart-table tbody td.last, .data-table thead th, .data-table tbody tr.last td, .cart .data-table tbody > tr.last > td{.changeLine (@body_line_color)!important;} #checkout-review-table tr.last th:nth-child(4){.changeLine (@body_line_color)!important;} .data-table thead th{.changeFont (@h5_font); .changeColor (@body_text_color); } .data-table .price{.changeFont (@h4_font); } .data-table thead th{.changeBkg (@body_bg_color);} .category-products .toolbar span.current{} .label{ .changeColorFont(@body_text2_color; @general_font); padding:0;} button.button{ .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn1_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn1_font); } } #containerDiv .ajaxcart .row2 a{ .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn1_font)!important; &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn1_font)!important; } } /*============ icon =============*/ .brand-logo, .custom-logo, .icon { .hideText(); } .icon.my_account{.changeIcon(12px, 15px, ~'0px -1px'); } .icon.my_wishlist{.changeIcon(12px, 15px, ~'-32px -3px;');} .icon.log_in{.changeIcon(12px, 15px, ~'-64px -1px');} .icon.register{.changeIcon(12px, 15px, ~'0px -1px');} .header-container .links > li:hover .icon.my_account{.changeIcon(12px, 15px, ~'0px -34px;');} .header-container .links > li:hover .icon.my_wishlist{.changeIcon(12px, 15px, ~'-32px -35px;');} .header-container .links > li:hover .icon.log_in{.changeIcon(12px, 15px, ~'-64px -34px;');} .header-container .links > li:hover .icon.register{.changeIcon(12px, 15px, ~'0px -34px;');} .icon.slide{.changeIcon(52px, 30px, ~'-416px -418px');} .brand-logo.visa { .changeIcon(40px, 17px, ~'-1px -188px'); } .brand-logo.master { .changeIcon(29px, 17px, ~'-49px -188px');} .brand-logo.express { .changeIcon(17px, 17px, ~'-87px -188px');} .brand-logo.paypal { .changeIcon(61px, 17px, ~'-113px -188px'); } .brand-logo.skrill { .changeIcon(49px, 17px, ~'-182px -188px'); } .icon.facebook { .changeIcon(42px, 42px, ~'16px -271px'); &:hover { .changeIcon(42px, 42px, ~'16px -302px'); } } .icon.twitter { .changeIcon(42px, 42px, ~'-23px -272px'); &:hover { .changeIcon(42px, 42px, ~'-23px -302px'); } } .icon.pinterest {.changeIcon(42px, 42px, ~'-70px -271px'); &:hover { .changeIcon(42px, 42px, ~'-70px -302px'); } } .icon.rss { .changeIcon(42px, 42px, ~'-109px -271px'); &:hover { .changeIcon(42px, 42px, ~'-109px -302px'); } } .icon.youtube { .changeIcon(46px, 46px, ~'-309px -234px');} .icon.cart { .changeIcon(15px; 17px; ~'-100px -31px'); transition: all 300ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease;} .dropdown-cart-content-top:hover .icon.cart{.changeIcon(15px; 17px; ~'-100px -71px');} /*-------------- paypal -------------*/ .subtitle, .sub-title, .paypal-review-order h2.legend, .paypal-review-order h2.legend > a, .paypal-review-order .col2-set .box-title > h3, .paypal-review-order .col2-set .box-title > h2, .paypal-review-order .col2-set .box-title > h4 {.changeColorFont(@body_text4_color; @h3_font); font-weight: 700;} .paypal-review-order #details-table tfoot tr td:first-child{.changeColorFont(@body_text3_color; @h3_font);} .paypal-review-order #details-table tfoot tr td .price{.changeColorFont(@body_text4_color; @h3_font);} .paypal-review-order #details-table tfoot tr.last td:first-child{.changeColorFont(@body_text3_color; @h2_font);} .paypal-review-order #details-table tfoot tr.last td .price{.changeColorFont(@body_text4_color; @h2_font);} .paypal-review-order .buttons-set-order #review_button.btn-checkout { .changeAllColor(@btn2_text_color; @btn2_line_color; @btn2_bg_color; @btn2_font); &:hover{ .changeAllColor(@btn2_text_color; @btn2_line_color; @btn2_bg_color; @btn2_font); } } /*Header*/ .header-bottom{.changeColor (@header_text_color);} .header-container .welcome-msg a,.header-top .links a{color:@header_text_color;} .form-search{.changeLine (@header_line_color); /*&:hover{.changeLine (@header_line2_color);}*/ } .form-search input.input-text{.changeColor (@header_text_color);} .block-cart-top .block-title a{.changeFont (@h6_font); .changeColor (@header_text2_color);} .header-bottom-top > div.col-sm-24{border-bottom:4px double @header_line_color; padding-bottom: 36px;} .header-container .toolbar-switch .toolbar-dropdown ul{box-shadow: @box_shadow; -moz-box-shadow: @box_shadow; -webkit-box-shadow: @box_shadow;} .header-container .toolbar-switch .toolbar-dropdown ul{border:1px solid @header_line2_color;} /*========== back to top ===========*/ #back-top {.changeLine (@body_text2_color);} #back-top:hover,.block-cart-top .actions a.goto-cart:hover {.changeLine (@body_text4_color);} #back-top a:before{ .changeBkgPosition(~'-151px -22px'); } #back-top a:hover:before{.changeBkgPosition(~'-222px -22px');} #back-top a{.link(@body_text2_color; @body_text_color); .changeFont (@h5_font); font-size: 100%;} /*-------------- banner shipping --------------*/ .area06-banner-shipping{.changeColor (@body_text5_color); /*.changeBkg (@slider_bg_color; @image_bg_url; @slider_bg_image; @slider_bg_position; @slider_bg_repeat)*/} .area06-banner-shipping p{.changeFont (@h1_font); } /*=========================== dropdown cart ==========================*/ .block-cart-top .cart-popup{ box-shadow:@box_shadow; -moz-box-shadow: @box_shadow; -webkit-box-shadow: @box_shadow; border-color:@header_line2_color; .changeBkg (@header_bg2_color); } .block-cart-top .block-title .cart-qty{.changeColor (@header_text2_color);} .block-cart-top .block-subtitle{.changeColor (@header_text_color); .changeFont (@h4_font);font-size: 120%; font-weight: 400;border-bottom:4px double @header_line_color;} .block-cart-top .amount-content {color:@header_text_color;} .cart-sidebar{.changeColor (@header_text_color);} .block-cart-top .product-details{/*.changeFont (@h6_font);*/} .block-cart-top .actions .total_price .price{.changeFont (@h5_font); .changeColor (@header_text2_color); } .product-name, .product-name > a{.changeColor (@body_text5_color); .changeFont (@h5_font);} div.product-name:hover{} .price{.changeColor (@body_text2_color); .changeFont (@h5_font);} .block-cart-top .actions .label{.changeColor (@header_text_color); .changeFont (@h6_font); font-size: 90%; } .dropdown-cart-content-top .amount .cart-total .price{} /*=========================== header-search ==========================*/ .catsearch-dropdown ul{.changeLine (@header_line_color); .changeBkg (@header_bg2_color); } .catsearch-dropdown ul li:hover{} /*===================Menu===================*/ a.arrow:before{ } vnav a.arrow:before{ .changeFont(@topmenu_font); font-family:FontAwesome; font-size:130%; } .em-top-menu.navbar-fixed-top, .nav-container.em_nav, .megamenu-wrapper{ background:@topmenu_bg_color; } .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_line_color); } .vnav{ border:1px solid @topmenu_bg_color; } .em_nav{ .menu-item-depth-0 > .em-catalog-navigation> li.level0, .menu-item-depth-0{ > a{ .changeColor(@topmenu_text_color); &:hover{ .changeColor(@topmenu_text_color); } &.em-menu-link{ span{ .changeAllColor(@topmenu_text_color, @topmenu_line_color, @topmenu_bg_color, @topmenu_font); &:hover{ .changeAllColor(@topmenu_text_color, @topmenu_line_color, @topmenu_hover_bg_color); } } } } &:hover{ > a.arrow{ .changeColor(@topmenu_text_color); } > a.em-menu-link span{ .changeAllColor(@topmenu_text_color, @topmenu_line_color, @topmenu_hover_bg_color); } } } .vnav .menu-item-depth-0 > .em-catalog-navigation> li.level0, .vnav .menu-item-depth-0{ > a{ .changeColor(@topmenu_text_color); &:hover{ .changeColor(@topmenu_text_color); } &.em-menu-link{ span{ .changeAllColor(@topmenu_text_color, @topmenu_line_color, @topmenu_bg_color, @topmenu_font); &:hover{ .changeAllColor(@topmenu_text_color, @topmenu_line_color, @topmenu_hover_bg_color); } } } } &:hover{ > a.arrow{ .changeColor(@topmenu_text_color); } > a.em-menu-link span{ .changeAllColor(@topmenu_text_color, @topmenu_line_color, @topmenu_hover_bg_color); } } } /*dropdown menu*/ ul.level0, .menu-container, { .changeColorFont(@dropmenu_text2_color; @dropmenu_font); a{ .changeColor(@dropmenu_text2_color);} a:hover, li.parent:hover > a, .menu-item-link:hover > a{} } .menu-container{ .widget-title h3, h4, h5{ color: @dropmenu_text_color; .changeFont(@dropmenu_font); font-weight: bold; } .em-line-01{ position:relative; .changeLine(darken(@dropmenu_text2_color,5%)); &:after{ background-color:@dropmenu_text2_color; } &:before{ background-color:@dropmenu_text2_color; } } } } /*vertical dropdown*/ .vnav .menu-container{ h6, .widget-title h3{ .changeColorFont(@dropmenu_text2_color, @h5_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(@topmenu_line_color); .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(@topmenu_line_color); .changeBkg(@topmenu_bg_color); } &:hover{ > a.em-menu-link{ .changeLine(@topmenu_line_color); .changeBkg(@topmenu_hover_bg_color); } } } } /*Title menu ipod*/ .menu-title{ .changeAllColor(@topmenu_text_color; @topmenu_font; @topmenu_hover_bg_color; ); a{ .changeColor(@topmenu_text_color); } } /*========Dropdown Menu Left========*/ .menuleftText{ .changeColorFont(@topmenu_text_color; @h5_font); } /*========End Dropdown Menu Left========*/ /*========== Main homepage ==========*/ .block .block-title strong span{.changeBkg(@body_bg_color; @image_bg_url; @body_bg_image; @body_bg_position; @body_bg_repeat);} /*---- block shipping ---*/ .area01-shipping > div {border:1px solid @body_line2_color;} .area01-shipping > div > div{border:1px solid @body_line_color; &:hover{ .changeBkg (@body_bg2_color); h3{.changeColor (@body_text5_color); .changeLine (@body_bg2_color); } } } .area01-shipping > div h3{.changeColor (@body_text3_color);.changeFont (@h5_font); font-size:103%; } .area01-shipping > div p{.changeFont (@h5_font); font-size:103%;font-weight: 700; font-style: italic} /*-------------- main products -------------*/ .main-products-block > div, .main-products-block > div.men, .main-products-block > .women div.title, .main-products-block > .best-seller div.title, .main-products-block > div.best-seller, .main-products-block > div.men div.title, .main-products-block .products-list .owl-item, .main-products-block .block_title, .main-products-block .block_title h3:before, /*.main-products-block > div.men .products-grid .owl-item, .main-products-block > div.best-seller .products-grid .owl-item {.changeLine (@body_line_color);}*/ .main-products-block div.title > p, .main-products-block .em-widget-title h3{.changeFont (@h1_font);font-size: 260%; .changeColor (@body_text3_color); } .main-products-block div.title > p span.number{font-size:180%; .changeColor (@body_text4_color);} .main-products-block > div.men div.title > p{.changeColor (@body_text5_color); } .main-products-block > div .owl-theme .owl-controls .owl-buttons .owl-prev{ .changeIcon(24px; 28px; ~'0px -656px'); &:hover{ .changeIcon(21px; 28px; ~'0px -722px'); } } .main-products-block > div .owl-theme .owl-controls .owl-buttons .owl-next{ .changeIcon(21px; 28px; ~'-77px -656px'); &:hover{ .changeIcon(21px; 28px; ~'-77px -722px'); } } .main-products-block > .block_title h3{ .changeColorFont(@body_text3_color; @h1_font); } .main-products-block > .block_title h3 > span{.changeBkg (@body_bg_color); } /*slideshow ============================================*/ .rev_slider_wrapper .tparrows.tp-leftarrow{ .changeBkgPosition(~'-340px 36px'); &:hover{ transition: all 500ms ease 0ms; -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; } } .rev_slider_wrapper .tparrows.tp-rightarrow{ .changeBkgPosition(~'-445px 36px'); &:hover{ transition: all 500ms ease 0ms; -webkit-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; } } /*--------------------- Newsletter -----------------------*/ .area05-blog-newsletter,.area05-blog-newsletter:before {.changeLine (@body_line_color);} .area05-blog-newsletter ul > li > a:hover{.changeBkg (@body_bg2_color);} .area08-newsletter{border:4px double @body_line_color;} .form-subscribe-header{.changeFont (@h5_font); .changeColor (@body_text2_color); } .area05-blog-newsletter .post-title{.changeColorFont(@body_text3_color; @h1_font); .changeBkg (@body_bg_color); &:hover{.changeColor (@body_text4_color);} } /*--------------- testimonial --------------*/ .area08-testimonial h3{.changeFont (@h1_font); .changeColor (@body_text3_color); } .area08-testimonial div.decs{.changeLine (@body_line_color); } .area08-testimonial div.info > h3{.changeFont (@h4_font); } .area08-testimonial div.info > p{.changeFont (@h6_font); } /*--------- Brand--------*/ .area09-brand, .area09-brand .block_title:before{.changeLine(@body_line_color);} .area09-brand h3{.changeFont (@h1_font); color:@body_text3_color; background-color:@body_bg_color;} .area09-brand .owl-theme .owl-controls .owl-buttons div.owl-prev, .area08-testimonial .owl-theme .owl-controls .owl-buttons .owl-prev{ .changeIcon(12px; 16px; ~'-146px -192px'); &:hover{.changeIcon(12px; 16px; ~'-146px -158px');} } .area09-brand .owl-theme .owl-controls .owl-buttons div.owl-next, .area08-testimonial .owl-theme .owl-controls .owl-buttons .owl-next{ .changeIcon(12px; 16px; ~'-189px -192px'); margin-right: 0; &:hover{.changeIcon(12px; 16px; ~'-189px -158px');} } /*---------------- Footer -----------------*/ .em-footer .links li{.changeLine (@footer_line_color);} .inner_links .h5, .follow h3{.changeFont (@h5_font); .changeColor (@footer_text_color); text-transform: uppercase; font-weight: bold;} .em-footer, .em-footer .content_links ul li a{.changeColor (@footer_text_color);} .em-footer .content_links ul li a:hover{} .inner_links .link_address.first:before{.changeIcon(15px; 18px; ~'0px -253px');} .inner_links .link_address:before{.changeIcon(18px; 16px; ~'-35px -256px');} .inner_links .link_address.last:before{.changeIcon(20px; 18px; ~'-69px -253px'); top: 3px;} .area10-tweets .tweets-title:before{.changeIcon(34px; 29px; ~'-149px -103px')} .em-footer .links li a{color: @footer_text_color;} .footer-container .footer-address a{color: @footer_text2_color;} /*----------------------- Page of footer link ----------------------*/ .cms-privacy-policy-cookie-restriction-mode .std .data-table thead th:first-child{border-color:@body_line_color !important;} /*--------------- featured products --------------*/ .area07-featured-products .block_title h3{.changeFont (@h1_font);.changeColor (@body_text3_color);} .area07-featured-products .block_title:before{.changeLine (@body_line_color);} .area07-featured-products .block_title h3{.changeBkg (@body_bg_color);} .area07-featured-products .right, .area07-featured-products .left .em-widget-products, .area07-featured-products .right .products-list li.item, .area07-featured-products .featured-products{.changeLine (@body_line_color);} .owl-theme .owl-controls .owl-buttons div, .rev_slider_wrapper .tparrows,.product-shop a.prev, .product-shop a.next{ .changeBkg(@btn1_bg_color)!important; .border-radius(100%); opacity: 0.4 !important; filter: alpha(opacity=40) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important; &:hover{ opacity:0.8 !important; filter: alpha(opacity=80) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;} } .owl-theme .owl-controls .owl-buttons .owl-prev{ .changeIcon(55px; 55px; ~'-357px 19px'); left: 0; top: 30%; } .owl-theme .owl-controls .owl-buttons .owl-next { .changeIcon(55px; 55px; ~'-465px 19px'); right: 0; top: 30%; } /*------------------------------- Category ------------------------*/ /* Special price */ .special-price .price {.changeColor (@body_bg4_color);} .old-price .price {.changeColor (@body_text_color)!important;} .category-products .products-grid li.item{.changeLine (@body_line_color); } .category-products .products-grid li.item:hover{box-shadow: @box_shadow; -moz-box-shadow: @box_shadow; -webkit-box-shadow: @box_shadow;} .sku{.changeFont (@h6_font); font-size: 90%;} .my-account .add-to-links li a{color:@body_text_color;} .my-account .add-to-links li:hover a{color:@btn2_text_color} /*.products-grid .owl-item:hover{box-shadow: @box_shadow ; -moz-box-shadow: @box_shadow ; -webkit-box-shadow: @box_shadow ;}*/ .category-title > h1{.changeColor (@body_text3_color); } .category-products .toolbar .toolbar-dropdown ul{.changeLine (@body_line_color); box-shadow: @box_shadow ; -moz-box-shadow: @box_shadow ; -webkit-box-shadow: @box_shadow ;} .category-products .products-list, .category-products .products-list li.item {.changeLine (@body_line_color);} .category-products .products-list li.item:hover{box-shadow: @box_shadow ; -moz-box-shadow: @box_shadow ; -webkit-box-shadow: @box_shadow ;} .cms-page-view .std .products-list{.changeLine (@body_line_color);} .cms-page-view .std .products-grid li.item, .cms-page-view .std .products-list li.item{.changeLine (@body_line_color);} .cms-page-view .std .products-list .availability{border-right:1px solid @btn2_line_color;} .cms-page-view .tab-item > div{.changeLine (@body_line2_color); } .cms-page-view .tab-item > div > div{.changeLine (@body_line_color); &:hover{.changeBkg (@body_bg2_color); } } .cms-page-view .tab-item > div > div:hover h3{.changeLine (@body_line3_color); .changeColor (@body_text5_color); } .cms-page-view .tab-item > div h3{.changeColorFont(@body_text3_color; @h5_font); font-size: 103%;} .cms-page-view .tab-itemg > div p{.changeFont (@h5_font); font-size: 103%; font-weight: 700; font-style: italic;} .emtabs .ui-slider-tabs-list-wrapper .ui-slider-tabs-list li a{.changeColorFont(@body_text_color; @h2_font); line-height: 24px;} .emtabs .ui-slider-tabs-list-wrapper .ui-slider-tabs-list li.selected a, .cms-page-view .emtabs .ui-slider-tabs-list-wrapper .ui-slider-tabs-list li:hover a{.changeColor (@body_text3_color);} .cms-page-view .emtabs .ui-slider-tabs-list-wrapper .ui-slider-tabs-list li{.changeLine (@body_line_color)!important; } .cms-page-view .emtabs .ui-slider-tabs-list-container:before{.changeLine (@body_line_color); } /* Block: Layered Navigation */ .block-layered-nav .block-content dt{.changeFont (@h4_font); font-weight: 700; .changeColor (@body_text5_color);} .tree-filter li.selected .label, .tree-filter li:hover .label{.changeColor (@body_text5_color);} .block-layered-nav .block-content dt{.changeLine (@body_line_color);} .block-layered-nav .price{.changeFont (@general_font); .changeColor (@body_text_color); } .block-layered-nav dd > ol > li:hover, .block-layered-nav dd > ol > li:hover a .price{.changeColor (@body_text5_color); } /*---------------------- sidebar --------------------*/ .sidebar .products-grid li.item,.sidebar .box-reviews, .sidebar .block .block-title, .sidebar .widget .widget-title, .sidebar .box-reviews h2, .sidebar .widget, .sidebar .widget-recentreview-products, .block-related .title-related{.changeLine (@body_line_color);} .sidebar .block .block-title, .sidebar .widget .widget-title span, .sidebar .box-reviews > h2 > span{.changeColorFont(@body_text5_color; @h3_font); font-weight: bold; .changeBkg(@body_bg_color; @image_bg_url; @body_bg_image; @body_bg_position; @body_bg_repeat);} .block-related .title-related > h2{.changeColorFont(@body_text5_color; @h3_font);} .sidebar .block-list.block-compare button.button, .sidebar .block-poll button.button{ .changeAllColor(@btn2_text_color; @btn2_line_color; @btn2_bg_color; @btn2_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn2_font); } } /*------------- Block: Compare Products ----------------*/ .block.block-compare .block-content .actions, .block.block-compare li.item{.changeLine (@body_line_color);} /*------------- Block: wishlist Products ----------------*/ .sidebar .block.block-wishlist li.item,.block-wishlist .actions{.changeLine (@body_line_color);} /*---------------------- BreadCrumbs & pager---------------*/ .breadcrumbs li, .category-products .toolbar .pager .amount {.changeFont (@h5_font); } .pager .amount strong, .toolbar-dropdown{.changeFont (@h5_font);} .breadcrumbs li strong, {.changeColor (@body_text5_color); } .toolbar, .category-products .toolbar span.current, .category-products .toolbar ul, .category-products .toolbar .toolbar-switch > a > img{.changeLine (@body_line_color); .border-radius(5px);} .pager .pages li a.previous, .pager .pages li a.next{.changeFont (@h5_font); &:hover{background-color:transparent;} } .pager .pages li a.previous,.pager .pages li a.next{ .changeColor (@body_text_color); } .pager .pages li a.previous:before{ .changeIcon(14px; 16px; ~'-122px -605px'); } .pager .pages li a.next:before{ .changeIcon(14px; 16px; ~'-188px -605px;'); } .pager .pages li a.previous:hover:before{.changeIcon(14px; 16px; ~'-122px -570px');} .pager .pages li a.next:hover:before{.changeIcon(14px; 16px; ~'-188px -570px');} .pager .pages li:hover, .pager .pages .current{.changeBkg (@body_bg3_color); .changeColor (@body_text_color); } /*----------------Product label-------------------------*/ .productlabels_icons .label{.changeFont (@h5_font); background-image:none; .border-radius(100%);} .productlabels_icons .new{ .changeColor (@body_text4_color); &:hover{.changeColor (@body_text4_color);} } .productlabels_icons .hot{.changeColor (@body_text4_color); &:hover{.changeColor (@body_text4_color);} } .productlabels_icons .sale{.changeColor (@btn1_text_color); &:hover{.changeColor (@btn1_text_color);} } /*----------------Product detail-------------------------*/ .messages, .messages ul, .error-msg, .notice-msg, .note-msg, .ajaxcart .qty-ctl button {.changeLine (@body_line_color); } .messages li.success-msg ul li, .success-msg{.changeColorFont(@body_text6_color; @general_font);} .product-view .product-essential{.changeLine (@body_line_color); } .product-shop a.next{} .product-shop a.prev{} .qty-ctl .increase, .ajaxcart .qty-ctl button.increase{.changeBkgPosition(~'4px -25px'); &:hover{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } } .qty-ctl .decrease, .ajaxcart .qty-ctl button.decrease{.changeBkgPosition(~'4px -33px'); &:hover{ opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } } .product-view .product-name h1{.changeFont (@h4_font); font-size: 130%; } .product-view-detail .product-shop .sku{.changeFont (@general_font); } .product-view .product-shop .availability{} .ratings .review-link, .no-rating a, .qty-ctl .increase, .qty-ctl .decrease{.changeLine (@body_line_color);} .product-view .product-shop .short-description h2{.changeFont (@h6_font); font-size: 110%; font-weight:700; color:@body_text5_color;} .product-view .product-essential .product-shop-wrapper .price-box .price{.changeColorFont(@body_text4_color; @h1_font);} .product-view .add-to-box label{} .product-view-detail .add-to-links li{ } .product-view-detail .add-to-links li a{} .product-view-detail .add-to-links li:hover a{} .block-related .owl-wrapper-outer{.changeLine (@body_line_color);} /*=============product detail tabs===============*/ .em-details-tabs ul:before, .em-details-tabs .tabs-control li, .crosssell > h2:before, .box-up-sell > h2:before, .product-view .box-collateral h2:before, .form_review.form-add h2:before, .box-reviews > dl, #product-attribute-specs-table tbody , #product-attribute-specs-table tbody tr{.changeLine (@body_line_color);} .em-details-tabs .tabs-control li a{} .em-details-tabs .tabs-control li.r-tabs-state-active a, .em-details-tabs .tabs-control li:hover a{} .r-tabs .r-tabs-accordion-title a.r-tabs-anchor {.changeColorFont(@body_text2_color; @h1_font); line-height: 24px; .changeLine (@body_line_color);} .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{} .box-up-sell h2, .crosssell h2, .product-view .box-reviews h2:before, .form-add h2:before{.changeColorFont(@body_text4_color; @h2_font); } .product-view .product-img-box .more-views li{.changeLine (@body_line_color);} .em-details-tabs .tabs-control, .box-up-sell h2 > span, .product-view .box-reviews h2 > span, .form-add h2 > span{/*.changeBkg(@body_bg_color; @image_bg_url; @body_bg_image; @body_bg_position; @body_bg_repeat);*/} .box-tags .form-add > label, .product-view .box-collateral h2, .form-add h2{.changeColor(@body_text4_color);} .box-up-sell .products-grid .owl-item:hover, .crosssell .products-grid .owl-item:hover{/*box-shadow:@box_shadow; -webkit-box-shadow:@box_shadow; -moz-box-shadow:@box_shadow;*/ } .box-reviews dt a{.changeColor(@body_text4_color);} #review-form h4{.changeColorFont(@body_text_color; @h5_font); font-weight:700;} #review-form .table-bordered thead th{.changeColorFont(@body_text_color; @general_font);} .product-view .product-tags li{.changeLine (@body_line_color);} .product-view .product-tags li:hover, .product-view .product-tags li:hover a{.changeLine (@body_bg2_color); .changeBkg (@body_bg2_color); .changeColor (@body_text5_color); } .product-view .box-tags h3{.changeFont (@general_font); } .box-tags .form-add > label{.changeFont (@h6_font); font-weight:700;} /* Account Login/Create Pages ============================================================ */ .form-list label{.changeColor (@body_text_color); .changeFont (@h5_font);} .cart .discount label, .shipping-form .form-list label{.changeColor (@body_text2_color); .changeFont (@h5_font);} .account-create .fieldset .legend{} .account-create .page-title h1, .account-login .page-title h1{} .account-login .col2-set h2, .account-create .fieldset .legend{.changeColorFont(@body_text5_color; @h5_font); font-weight: 700;} .account-login .col2-set .content > p{.changeColor (@body_text2_color); } .account-form{.changeLine (@body_line_color); } .account-login, .account-login .page-title{.changeLine (@body_line4_color); } .account-login .page-title h1{.changeColorFont(@body_text5_color; @h2_font); font-weight: 700;} .account-login .registered-users button.button{ .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn1_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn1_font); } } /*----------------- Block: Account --------------------*/ .block-account .block-content li.current strong{.changeColor (@body_text4_color);} .customer-address-index .my-account .page-title h1, .customer-account-edit .my-account .page-title h1, .newsletter-manage-index .my-account .page-title h1, .customer-address-form .my-account .page-title h1, .my-account .page-title h1{.changeColorFont(@body_text4_color; @h1_font);} .box-head h2, .my-account .addresses-primary > h2, .my-account .fieldset .legend, .my-account .dashboard .page-title h1{ .changeColorFont(@body_text5_color; @h2_font); .changeLine (@body_line_color); text-transform: uppercase; font-weight: 700; } .my-account,.dashboard .welcome-msg, .box-account, .edit-address, .form-edit, .newsletter-manage-index .my-account .fieldset, .newsletter-manage-index .my-account .buttons-set, .sales-order-view .page-title, .sales-order-view .order-items.order-details, .sales-order-view .order-items.order-details > h2, .my-account .fieldset:first-child , .dashboard .page-title, .box-account, .form-edit, .edit-address, .billing-agreements, .recurring-profiles, .my-tag-content, .my-downloadable-content, .my-reviews-content, .order-content, .my-account > p, .account-login .registered-users, .wishlist-empty{.changeLine (@body_line_color); } .box-account h3,.box-info .col2-set > .box .box-title h3, .my-account .col2-set ol li > h6.primary, .addresses-additional h6.primary, .order-info-box .box .box-title h2{.changeColorFont(@body_text5_color; @h5_font); font-weight: 700;} .box-info .col2-set > .box .box-content h4{.changeColorFont(@body_text5_color; @h5_font); font-weight: 700; } a.change-pass, .my-account .col2-set ol li> p > a, a.btn-view-all{.changeColorFont(@body_text5_color; @h5_font);} .buttons-set p.back-link a{.border-radius(5px); text-decoration: none !important; .changeAllColor(@btn2_text_color; @btn2_line_color; @btn2_bg_color; @btn2_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn2_font) !important; } } .shipping{.changeColorFont(@body_text_color; @h5_font);} .buttons-set button.button{ .changeAllColor(@btn2_text_color; @btn2_line_color; @btn2_bg_color; @btn2_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn2_font;) } } .my-account .box-recent a.btn-view-all{ /*.changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn1_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn1_font); }*/ } .customer-address-form .fieldset:first-child, .customer-address-form .fieldset {.changeLine (@body_line_color);} .sales-order-view .order-items.order-details > h2{.changeColorFont(@body_text4_color; @h3_font);font-weight:700;} .sales-order-view #my-orders-table tfoot tr td:first-child{.changeColorFont(@body_text2_color; @h5_font);} .sales-order-view #my-orders-table tfoot tr td .price{.changeColorFont(@body_text2_color; @h5_font);} .sales-order-view #my-orders-table tfoot tr.last td:first-child{.changeColorFont(@body_text2_color; @h5_font);} .sales-order-view #my-orders-table tfoot tr.last td .price{.changeColorFont(@body_text5_color; @h1_font);} #my-orders-table td em{.changeColorFont(@body_text_color; @h5_font); } #my-orders-table td.complete em{.changeColor (@body_text6_color); } #contactForm{.changeLine (@body_line_color); } /* shopping cart ============================================================ */ .cart-table tfoot .btn-update{ .changeAllColor(@btn2_text_color; @btn2_line_color; @btn2_bg_color; @btn2_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn2_font); } } .cart .totals:before, .cart .shipping:before, .cart .discount:before{.changeLine (@body_line_color); } .cart .totals h2, .cart .discount h2, .cart .shipping h2, .crosssell h2 > span{background-color:@body_bg_color; } .totals h2, .cart .discount h2, .cart .shipping h2{.changeColor (@body_text5_color);} .cart .totals tfoot tr td{.changeColorFont(@body_text2_color; @h5_font);} .cart .totals tfoot td .price{.changeColorFont(@body_text5_color; @h1_font);} .cart .totals tbody tr td{.changeColorFont(@body_text2_color; @h5_font);} .cart .totals tbody td .price{.changeColorFont(@body_text2_color; @h5_font);} .checkout-types 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; @btn3_font); } } .checkout-types > li > a{color: @body_text5_color;} .cart .shipping-form p{.changeFont (@h5_font); .changeColor (@body_text2_color); } /* checkout-multi ============================================================ */ .multiple-checkout .title-buttons h1, .page-title > h1, .em_block-tag-cloud .block-title{.changeColorFont(@body_text4_color; @h1_font); } .multiple-checkout > h2{.changeColor (@body_text4_color); } .multiple-checkout > h2.sub-title{.changeColorFont(@body_text4_color; @h4_font); } .checkout-multishipping-success p > a{.changeColor (@body_text5_color);} .multiple-checkout .col2-set .legend{.changeColorFont(@body_text4_color; @h3_font); font-weight:700; } .multiple-checkout .col2-set .box-title > h3, .col2-set .box-title > h2, .col2-set .box-title > h4{.changeColorFont(@body_text2_color; @h4_font); font-weight:400;} .multiple-checkout .col2-set .box-title > h3 > a, .col2-set .box-title > h2 > a, .col2-set .box-title > h4 > a{.changeColorFont(@body_text4_color; @h6_font); font-weight:700; font-size: 80%;} .multiple-checkout .data-table tfoot tr td:first-child{.changeColorFont(@body_text2_color; @h5_font); } .multiple-checkout .data-table tfoot tr td .price{.changeColorFont(@body_text2_color; @h5_font); } .multiple-checkout .place-order big{.changeColorFont(@body_text2_color; @h2_font); } .multiple-checkout .place-order big .price{.changeColorFont(@body_text4_color; @h2_font); } .place-order button.button, #checkout-review-submit 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; @btn3_font); } } .checkout-progress li.active > span {.changeColor (@body_text4_color); } .checkout-multishipping-success .multiple-checkout > p > a:hover, .box-reviews dt a:hover{.changeColor (@body_text5_color);} /* checkout ============================================================ */ .opc-col .step-title, .opc-col .step-title h2{.changeColorFont(@body_text5_color; @h3_font); .changeLine (@body_line_color); } #opc-shipping_method .price, .sp-methods > dd label{.changeColorFont(@body_text2_color; @general_font);} #opc-shipping_method .sp-methods > dt {.changeColor (@body_text_color); } #opc-payment .sp-methods dd ul label{.changeColorFont(@body_text_color; @h6_font);} .opc-col .data-table tfoot tr td:first-child, #checkout-review-table tfoot tr td:first-child{.changeColorFont(@body_text2_color; @h5_font); } .opc-col .data-table tfoot tr td .price, #checkout-review-table tfoot tr td .price{.changeColorFont(@body_text2_color; @h5_font); } .opc-col .data-table tfoot tr.last td:first-child, #checkout-review-table tfoot tr.last td:first-child {.changeColorFont(@body_text2_color; @h5_font);} .opc-col .data-table tfoot tr.last td .price, #checkout-review-table tfoot tr.last td .price{.changeColorFont(@body_text5_color; @h1_font); } .form-list li.control label{.changeColorFont(@body_text_color; @general_font); } #checkout-step-review > .discount-form > label{.changeColor (@body_text2_color);} #opc-review .discount button.button{ .changeAllColor(@btn2_text_color; @btn2_line_color; @btn2_bg_color; @btn2_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn2_font); } } .checkout-onepage-success h2.sub-title{.changeColorFont(@body_text4_color; @h3_font); font-weight:700;} .checkout-onepage-success .bkg-content > p > a, .cart-empty p > a{.changeColor (@body_text5_color);} .opc,.opc > li.active, .opc .data-table tbody tr td:first-child, .opc .data-table tbody tr td.last{.changeLine (@body_line_color)!important;} .opc-block-progress .block-content dt span{.changeColorFont(@body_text2_color; @h5_font); font-weight:400;} .opc li.active .step-title h2, .opc .section.allow .step-title:hover h2, .opc li#opc-review.active .step-title h2{.changeColorFont(@body_text5_color; @h2_font); font-weight:700; .changeLine (@body_line_color);} .opc li .step-title h2{.changeColorFont(@body_text2_color; @h2_font); font-weight:700; .changeLine (@body_line_color);} .opc #opc-login .step h3, .opc #opc-login .step .col-1 h4{.changeColorFont(@body_text5_color; @h5_font); font-weight:700;} .opc #checkout-step-login.step .col-2 h4{.changeColorFont(@body_text_color; @general_font);} .opc, .opc .form-list li.control label, .opc #opc-login .step .col-2 h4{.changeColor (@body_text_color); } .opc #opc-login .buttons-set button.button{ .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn1_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn1_font); } } .opc #opc-shipping_method .sp-methods > dt, .opc #opc-shipping_method .sp-methods > dd label{.changeColorFont(@body_text_color; @h6_font);} .opc #opc-shipping_method .sp-methods > dd label .price{.changeColorFont(@body_text4_color; @h6_font); } .block-progress dd > a, .block-progress dd > .changelink > a{.changeColorFont(@body_text4_color; @h6_font); font-size:90%; font-weight:700;} .page-print h1{.changeColorFont(@body_text3_color; @h1_font); } .page-print .col2-set h2{.changeColorFont(@body_text4_color; @h3_font);} #opc-login p a{.link(@body_text5_color; @body_text4_color); } #opc-login-popup h3{.changeColorFont(@body_text5_color; @h1_font);} /*------------- compare page -------------------*/ .page-popup .page-title > h1{.changeColorFont(@body_text4_color; @h1_font); } .page-popup .page-title{.changeLine (@body_line_color); } .compare-table tbody th{.changeColorFont(@body_text2_color; @h3_font); } .compare-table td{.changeColor (@body_text2_color);} /*=========== blog page ==============*/ .em_blog-cat li.parent ul,.em_post-items .em_post-item,.em_post-item-top, .em_post-action .tags li a, .comments > .form-comment-container:before, #comments-header:before, #allcomments, .em_block-recent-comments li.item, .em_post-action {.changeLine (@body_line_color) !important; } .em_post-items .em_post-item:hover{box-shadow:@box_shadow; -webkit-box-shadow:@box_shadow; -moz-box-shadow:@box_shadow; } .em_blog-cat .nav-blog li.current > a, .em_blog-cat .nav-blog li > a:hover{.changeColor (@body_text4_color);} .comment-by, .comment-count, .comment-user, .comment-time, .comment-post-link, .reply .comment-item-header > span, .reply .comment-item-header .comment-status .date{.changeFont (@h6_font);} .comment-user, .comment-by{.changeColor (@body_text4_color);} .comment-time, .comment-count, .comment-post-link{.changeColor (@body_text2_color);} .post-title h2 a, .em_block-recent-post li > a.post-title, .em_block-recent-comments li > a.comment-title,.block-related li > a.post-title{.changeColorFont(@body_text5_color; @h2_font); font-weight:bold;} .em_block-recent-post li > a.post-title, .em_block-recent-comments li > a.comment-title, .block-related li > a.post-title{font:@h5_font; font-weight:bold;} .em_block-recent-post li > a.post-title:hover, .em_block-recent-comments li > a.comment-title:hover, .post-title h2 a:hover, .block-related li > a.post-title:hover{.changeColor (@body_text5_color);} .blog-post-view .em_post-item .post-title > h2{.changeColorFont(@body_text4_color; @h1_font);} .em_post-action .tags li:hover a{.changeBkg (@body_bg2_color); .changeColor (@body_text5_color);} #comments-header .form-title, .form-comment-container #new > h3, .form-comment-container > span > h3{.changeColorFont(@body_text5_color; @h2_font); .changeBkg (@body_bg_color); font-weight:bold;} .comments .required{.changeColorFont(@body_text_color; @h6_font);} .blog_submit button.button{ .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn1_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn1_font); } } .comment-button button.button span span{.changeColorFont(@body_text4_color; @h6_font);} .comment-button button.button:hover span span:before{.changeBkg (@body_bg2_color); } .comment-by{.changeColor (@body_text3_color);} .comment-by > span, .comment-by:before, .reply .comment-item-header > span , .reply .comment-item-header > span:before{.changeColor (@body_text4_color);} .reply .comment-item-header .comment-status .date{} /* Customer Service ============================================================ */ .page-head > h3 {.changeColorFont(@body_text4_color; @h1_font);} /* Privacy policy ============================================================ */ .cms-page-view h2{.changeColorFont(@body_text4_color; @h2_font);} /* Sitemap */ .page-sitemap .pager{.changeLine (@body_line_color);} /* box/wide */ .em-wide-custom .header-top, .em-box-custom .header-top > .container{ .changeBkg(@header_bg_color; @image_bg_url; @header_bg_image; @header_bg_position; @header_bg_repeat); color:@header_text_color; } .em-wide-custom .header-bottom, .em-box-custom .header-bottom > .container{.changeBkg(@header_bg_color; @image_bg_url; @header_bg_image; @header_bg_position; @header_bg_repeat); } .em-slideshow, .em-wide-custom .em-content-wrapper, .em-box-custom .em-content-wrapper > .container, .em-wide-custom .em-shipping, .em-box-custom .em-shipping > .container, .em-wide-custom .em-content-bottom, .em-box-custom .em-content-bottom > .container, .em-wide-custom .global-wrapper, .em-box-custom .global-wrapper > .container {.changeBkg(@body_bg_color; @image_bg_url; @body_bg_image; @body_bg_position; @body_bg_repeat);} .em-wide-custom .em-footer, .em-box-custom .em-footer > .container {.changeBkg(@footer_bg_color; @image_bg_url; @footer_bg_image; @footer_bg_position; @footer_bg_repeat); } /*========== Ajax cart ==========*/ .ajaxcart .qty-ctl button{} /*------------------css new-------------------*/ /*----------Box/wide---------------*/ .wrapper.em-box-custom{.changeBkg(@page_bg_color; @image_bg_url; @page_bg_image; @page_bg_position; @page_bg_repeat);} .em-box-custom .page{background-color: @body_bg_color} /*------------Back to top-------------*/ #back-top a:before { border-bottom-color: @btn1_line_color; } #back-top a { border-color: @btn1_line_color; background-color: @btn1_text_color; } /*--------header-----------*/ .top-link{font:@h6_font; font-size: 90%;} .header-top {border-color: @header_line_color;} .em-header{font:@h6_font;} .form-search .search-submit:hover, .form-search .input_cat:hover{border-color: @header_line_color;} .form-search .search-submit{.transition(all 700ms ease 0ms);} .block-cart-top .block-content li.item .product-name{} button.button{.border-radius(5px);} button.button:hover{.changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color);} .header-container .toolbar-switch span{font: @h6_font; color: @header_text2_color;} .dropdown-cart, .header-container > .header-bottom{border-color: @topmenu_line_color} .header-container .toolbar-switch .toolbar-dropdown li{background-color:@header_bg2_color;} /*-----------------Menu-----------------*/ .em_nav .menu-item-depth-0 > .em-catalog-navigation > li.level0 > a, .em_nav .menu-item-depth-0 > a {font: @topmenu_font;} .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{box-shadow: @box_shadow;} .navbar-fixed-top{background-color: @topmenu_bg_color; border-color: @topmenu_line_color;} /*-------------------Body--------------*/ .block_title h3, .block-subscribe .block-title {.changeColorFont(@body_text4_color; @h1_font); text-transform: uppercase;} .area02-news p { .changeColorFont(@body_text2_color; @h5_font); } .area03-three-banner ul li a > span { font: @h1_font; color: @btn2_text_color; background-color: @btn2_bg_color; font-size:320%; font-weight:200; letter-spacing: -2px;} .area03-three-banner ul li span span{font-weight:900;} .area03-three-banner ul li a > span:hover{color: @btn1_text_color; background-color: @btn1_bg_color;} .block-subscribe.block .block-content{border-color: @body_line_color;} input.input-text:hover, select:hover, textarea:hover{ border-color:@body_line3_color; background-color:@body_bg6_color} input.input-text, select, textarea{color:@body_text5_color; font:@h5_font;} .em-banner .widget-static-block h3, .area10-promotion p.title-promotion{ color: @body_text3_color; font:@h1_font; font-size: 700%; text-transform: uppercase; font-weight: 900;} .area10-promotion p.desc-promotion{ color: @body_text3_color;} .em-banner .widget-static-block { color: @body_text3_color; } .em-banner .widget-static-block .block-feature-detail .learn-more, .em-banner .widget-static-block .block-feature-detail p{.changeColor(darken(@body_text3_color, 10%));} .em-banner .widget-static-block > p, .area10-promotion p.desc-promotion{ font: @h1_font; font-weight:300;} .em-banner .widget-static-block .block-feature-detail span{font: @h2_font; font-weight: 700; } .em-banner .widget-static-block .block-feature-detail p, .em-banner .widget-static-block .block-feature-detail .learn-more{ font: @h4_font;} .bt-buytheme a.btn, .rev_slider a.ss-button{.changeAllColor(@btn3_text_color; @btn3_line_color; @btn3_bg_color; @btn3_font); } .rev_slider a.ss-button{.border-radius(5px);} .bt-buytheme a.btn:hover{.changeAllColor(@btn3_bg_color; @btn3_line_color; @btn3_text_color; @btn3_font); } .rev_slider a.ss-button:hover{.changeAllColor(@btn3_bg_color; @btn3_text_color; @btn3_text_color); } .area08-shipping{background: @body_bg2_color;} .area08-shipping .title-shipping{ font:@h1_font; font-size:460%; font-weight:300; } .area08-shipping .desc-shipping{ font:@h5_font; line-height: 23px; } .area08-shipping .btn-shipping { font: @h6_font;} .area08-shipping .btn-shipping a{color: @body_text_color; border-color: @body_line3_color; .border-radius(5px); } .area12-testimonial p {font: @h2_font; color: @body_text5_color; font-style: italic;} .area12-testimonial > span {color: @body_text2_color; font: @h5_font;} .em-content-bottom-01 .widget-category-link .products-cat li.item {border-color:@body_line_color;} .em-content-bottom-01 .widget-category-link .products-cat li.item a{ color:@body_text_color; font:@h6_font; font-size:100%;} .em-content-bottom-01 .widget-category-link .cat-title{color:@body_text5_color; font:@h3_font;} .tabs-control li a,.r-tabs .r-tabs-accordion-title .r-tabs-anchor{font: @h2_font; color: @body_text2_color; text-transform: uppercase; font-weight: 300;} .em-tabs-control li a{font: @h1_font; font-weight: 300;} .em-content-bottom-01 .widget-category-link .cat-image:before,.area11-banner a.image:before, .area03-three-banner a:before{.transition(all .3s ease-in-out 0s);} /*-------------Tab product-----------------*/ .tabs-control li a:hover,.r-tabs .r-tabs-accordion-title .r-tabs-anchor:hover {color: @body_text4_color;} .tabs-control li.r-tabs-state-active a,.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{font-weight: 700; color: @body_text4_color;} .products-grid .item .add-to-links li a, .products-list .item .add-to-links li a{font: @h5_font;} #em_quickshop_handler,.icon.free-shipping:hover, .icon.free-return:hover, .icon.call-toll-free:hover{background-color:@btn1_bg_color; .border-radius(100%); border-color:@btn1_line_color;} #em_quickshop_handler:hover{background-color:@btn1_text_color;} /*-------------Footer-----------------*/ .footer-brand .owl-theme .owl-controls .owl-buttons .owl-prev,.product-shop a.prev, .block-related .owl-theme .owl-controls .owl-buttons .owl-prev { .changeIcon(33px; 33px; ~'7px 10px'); left: 0; top: 9px; } .footer-brand .owl-theme .owl-controls .owl-buttons .owl-next,.product-shop a.next, .block-related .owl-theme .owl-controls .owl-buttons .owl-next { .changeIcon(33px; 33px; ~'-39px 10px'); right: 0; top: 9px; } .area13-footer-shipping h3{color: @footer_text2_color; text-transform: uppercase; font-weight: bold;} .icon.free-shipping{.changeBkgPosition(~'19px -47px');} .icon.free-return {.changeBkgPosition(~'-51px -47px');} .icon.call-toll-free {.changeBkgPosition(~'-123px -48px');} .icon.free-shipping:hover{.changeBkgPosition(~'19px -110px');} .icon.free-return:hover {.changeBkgPosition(~'-51px -107px');} .icon.call-toll-free:hover {.changeBkgPosition(~'-121px -105px');} .icon.free-shipping, .icon.free-return, .icon.call-toll-free{background-color:darken(@footer_bg_color, 10%); .border-radius(100%);} .area13-footer-shipping, .area13-footer-links, .footer-container{border-color: @footer_line_color;} .area13-footer-shipping .text span{font: @h6_font; color: @footer_text3_color;} .icon{background-color: @footer_bg_color; .border-radius(100%); border-color:@footer_line_color;} .icon:hover{background-color: @btn1_bg_color; border-color:@btn1_line_color;} .inner_links .h5{color:@footer_text2_color;} .em-footer, .em-footer .content_links ul li a{font:@h5_font;} /*--------------sidebar---------------------*/ .sidebar .block-title strong span{color: @body_text5_color;} .sidebar .block .block-content, .sidebar .widget .widget-products, .sidebar .box-reviews ul, .sidebar .megamenu-wrapper, .block-related .block-content{border-color: @body_line4_color;} .sidebar .block-poll .label{color:@body_text_color;} .block-related h2 span{.changeBkg(@body_bg_color; @image_bg_url; @body_bg_image; @body_bg_position; @body_bg_repeat);} /*-----------------Category--------------------*/ .breadcrumbs li a{color:@body_text2_color;} .toolbar{font: @h5_font;} .view-mode .grid:hover, .view-mode strong.grid, .view-mode .list:hover,.view-mode strong.list{background-color: @body_bg3_color;} .view-mode .list, .view-mode .grid, .pager .pages li {background-color: @body_bg_color; .changeLine (@body_line_color); .border-radius(5px);} /*-------details page---------*/ .product-view-detail .no-rating a, .product-view-detail .link_review_form{.changeColorFont(@body_text5_color; @h5_font);} .availability span {color: @body_text6_color;} .product-view .product-name h1{font:@h1_font;} .product-view .short-description{border-color:@body_line_color;} .add-to-links li a{font:@h5_font;} .more-views .owl-theme .owl-controls .owl-buttons .owl-prev,.more-views .owl-theme .owl-controls .owl-buttons .owl-next{background-color:@body_bg_color; .border-radius(0%); border-color:@body_line4_color;} .more-views .owl-theme .owl-controls .owl-buttons .owl-prev{.changeIcon(20px; 19px; ~'4px -391px');} .more-views .owl-theme .owl-controls .owl-buttons .owl-next{.changeIcon(20px; 19px; ~'-18px -391px');} .add-to-cart .qty, .cart input.qty{.border-radius(5px);} .product-view .product-img-box .more-views li{border-color:@body_bg_color;} .product-view .product-img-box .more-views li:hover{border-color:@btn1_line_color;} .product-view .product-shop .grouped-items-table .price-box .price{font:@h4_font;} #containerDiv .ajaxcart .row2 a{.border-radius(5px); border-color:@btn1_line_color !important;} .review-product-list .pager .limiter{font:@h5_font;} #hoverNav a{.transition (none);} /*-------------shopping cart---------------*/ .shipping, .discount, .last.totals {border-color: @body_line_color !important;} /*-------------My account----------------*/ .data-table tbody a{color: @body_text5_color;} .tags{font:@h5_font;} .tags a{color: @body_text5_color;} .block-account .block-content li.current strong, .block-account .block-content li a:hover{color: @body_text5_color; font-weight: 700; text-decoration: none !important; font: @h5_font;} .my-account .buttons-set button.button, .account-form .buttons-set button.button { .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn1_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn1_font); } } .my-tag-content ul li a{color: @body_text5_color; font: @h5_font; font-size: 110% !important;} .account-login p{font: @h5_font;} .account-login a{color: @body_text5_color;} /*---------------checkout---------------------*/ .box-info .col2-set .box .box-content .col-1 a, .box-info .col2-set .box .box-content .col-2 a, .buttons-set p.back-link a{border-color:@btn2_line_color !important;} .box-info .col2-set .box .box-content .col-1 a:hover, .box-info .col2-set .box .box-content .col-2 a:hover, .buttons-set p.back-link a:hover{border-color:@btn1_line_color !important;} .checkout-onepage-success .bkg-content, .gift-messages-form{border-color:@body_line_color;} .cvv-what-is-this{color:@body_text_color;} .checkout-onepage-index .buttons-set button.button, .checkout-onepage-success .buttons-set button.button, .multiple-checkout .buttons-set button.button, .checkout-multishipping-success .buttons-set button.button{ .changeAllColor(@btn1_text_color; @btn1_line_color; @btn1_bg_color; @btn1_font); &:hover{ .changeAllColor(@btn1_bg_color; @btn1_line_color; @btn1_text_color; @btn1_font); } } #review-buttons-container.buttons-set .f-left a{color:@body_text5_color;} .checkout-multishipping-overview .data-table .price{font:@h5_font;} .opc-col .cvv-what-is-this{color:@body_text_color;} .checkout-onepage-index #checkout-step-login .col-2{border-color:@body_line_color;} .opc-block-progress .block-content dt{font:@h5_font;} .opc-block-progress .block-content dt.complete {font-weight: bold;color: @body_text5_color;} /*-----------------blog-----------------------*/ .post-footer p{color:@body_text2_color;} .time-stamp, .block span.post-on, .block span.post-by, .block span.comment-by{color:@body_text2_color;} .block span.post-by span{color:@body_text4_color;} .time-stamp, span.post-on, span.post-by, span.comment-by{color:@body_text2_color;} .time-stamp span, span.post-on span, span.post-by span, span.comment-by span{color:@body_text5_color;} .form-comment-container{border-color:@body_line_color !important;} .form-comment-container #new > h3, .form-comment-container > span > h3{font:@h5_font; font-weight:bold;} /*-------------------lable------------*/ .productlabels_icons .label.new{background-color:darken(@body_bg2_color, 10%);} .productlabels_icons .label.sale{background-color:@body_bg4_color;} .productlabels_icons .label.hot{background-color:@body_bg5_color;} .em-content {margin-bottom: 50px !important;} .cms-index-index .em-content {margin-bottom: 0px !important;} /*-----------slider storeview----------------------------*/ .store_switcher_variation .owl-theme .owl-controls .owl-buttons .owl-next{.changeIcon(33px; 33px; ~'-39px 10px');} .store_switcher_variation .owl-theme .owl-controls .owl-buttons .owl-prev{.changeIcon(33px; 33px; ~'7px 10px');} @media (max-width: 767px) { .form-search .search-submit, .form-search .input_cat{border-color: @body_line_color;} }