/*used colors variables*/ @theme_base_color : #b81721; @font_base_color : #636363; @text_shadow_base : #a7a7a7; @menu_text_color : #fff; @g_white : #fff; @g_black : #000; @g_dwhite : #f1f1f1; @g_lighten_grey : #f3f3f3; //btn green @gradient_base_start : #e35837; @gradient_base_end : #aa0e0a; @btn_text : #fff; /*btn orange*/ @gradient_orange_start : #ffb719; @gradient_orange_end : #ff7000; @orange_text : #fff; /*btn dark_grey*/ @gradient_dg_start : #9C9C9C; @gradient_dg_end : #636363; @dg_text : #fff; /*menu*/ @menu_gradient_start : #e35837; @menu_gradient_middle : #e35837; @menu_gradient_end : #aa0e0a; @catalog_bg_quiescence : #ebebeb; @catalog_bg_hover : #8c8d8c; @quotation_border_color : #f76f00; //sticker @sticker_bg : #f1f1f1; //slider @slider_grey : #c7c7c7; @slider_nav_bg : #ffffff; //product @product_price : #ed660e; @product_old_price : #000; @product_counter : #e35837; @product_counter_hover : #e14f0f; //forms @mark_color : #f00; @inputs_border : #e0e0e0; /*global mixins */ .box_shadow(@box_shadow){ -webkit-box-shadow: (@box_shadow); -moz-box-shadow: (@box_shadow); -o-box-shadow: (@box_shadow); box-shadow: (@box_shadow); } .two_point_gradient(@start, @end){ background: @start; @list: @start, @end; background: svg-gradient(to bottom, @list); background: -moz-linear-gradient(top, @start 0%, @end 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @start), color-stop(100%, @end)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, @start 0%, @end 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, @start 0%, @end 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, @start 0%, @end 100%); /* IE10+ */ background: linear-gradient(to bottom, @start 0%, @end 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@start, endColorstr=@end, GradientType=0); /* IE6-8 */ } /*styles*/ body{ color: @font_base_color; } a:hover { color: lighten(@theme_base_color, 10%); } .title { color: lighten(@g_black, 10%); } .title2 { color: @font_base_color; background-color: @g_dwhite; border: 1px solid @g_white; .box_shadow(0 1px 3px 0 rgba(0, 0, 0, 0.3)); } .title4 { color: @g_black; border-bottom: 1px dotted @g_black; } .top_bar { background-color: @g_lighten_grey; .box_shadow(inset 0 -2px 2px 0 rgba(232, 232, 232, 1)); } #top-link { border: 2px solid @theme_base_color; color: @theme_base_color; } #top-link:hover { .box_shadow( inset 0 0 5px 1px fadeout(@theme_base_color, 20%)); } #callback_link { background: url(images/callback.jpg) no-repeat left; } #basket_block { background: url(images/bascket.png) no-repeat left; } .auth_block #login a.submit, .delivery_time { color: @font_base_color; } .my_links a, #check_total { color: @g_black; } #config_block a:hover, #config_block a.hov_currency { color: @gradient_orange_end; } #footer { background-color: #f5f5f5; .box_shadow(inset 0 3px 10px 0 rgba(123, 123, 123, 0.1)); } .title_left { background-color: @g_black; color: @g_white; } .form_feedback { background: @g_dwhite; border: 1px solid #d9d9d9; } .link_city, .change_city { color: @gradient_orange_end; border-bottom: 1px dashed @gradient_orange_end; } .link_city:hover { border-bottom: 1px dashed @g_black; } .city_list li.selected a { color: lighten(@g_black, 50%); } .paging a { color: @gradient_base_start; border: 1px solid @gradient_base_start; background-color: @g_white; } .paging span, .paging a:hover { color: #666; border: 1px solid #666; background-color: @g_white; } .name_comment_left { color: #757779; } .quotation, blockquote { background: #f5f5f5; } .sort_line .product { border: 1px solid @g_white; background-color: @g_white; } .order__text { border-left: 5px solid @gradient_orange_end; } .order__long, .order__short { background: none repeat scroll 0 0 #F0EEE9; } .order__short div input { border: 1px solid #B1AFA8; } .subscribe_block input[type=text] { border: 1px solid @gradient_base_start; } .subscribe_block input[type="submit"] { background-color: @gradient_base_start; color: @g_white; } #left_menu2 { background: @g_dwhite; border: 1px solid @g_white; .box_shadow( 0 0 5px 1px @g_dwhite); } .menu { .box_shadow( 0 1px 3px 0 rgba(0, 0, 0, 0.6)); } .sf-menu li a { color: @g_white; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .sf-menu li.cur_menu{ .box_shadow(inset 0 1px 5px 0 rgba(0, 0, 0, 0.45)); } .sf-menu li:hover, .sf-menu li.cur_menu { background: rgba(0, 0, 0, 0.1); } .sf-menu li.razd { background: url(/images/separator.png) no-repeat left; } .sf-menu ul { background-color: @g_lighten_grey; } .sf-menu li.cat_menu li a:hover { color: #eee; } .cat_block li { background: @catalog_bg_quiescence url(images/cat_block_arrow.png) no-repeat right 5px top 9px; border-bottom: 1px solid #d0d0d0; } .cat_block li span { border-bottom: 7px solid transparent; border-left: 7px solid #8c8d8c; border-top: 7px solid transparent; } .cat_block li.no_bg { background: @catalog_bg_quiescence; } .cat_block li:hover { background: @catalog_bg_hover; } .cat_block li:last-child { .box_shadow(0 1px 0 0 rgba(0, 0, 0, 0.1)); } .cat_block li ul { background: #ebebeb; .box_shadow(none); } .cat_block li ul li { .box_shadow(none); } .cat_block li ul li { background: #ebebeb url(images/cat_block_arrow.png) no-repeat right 5px top 9px; } .cat_block li ul li > a { color: @catalog_bg_hover; background: none; } .cat_block li.no_bg:hover > a, .cat_block li ul li:hover > a { background: none; } .left_col2, .right_col2 { background-color: #e8e8e8; color: #5a5a5a; } .left_col2 h3, .right_col2 h3 { color: #2c2c2c; } .left_col2 h4, .right_col2 h4, .right_col2 h4 a { color: #5a5a5a; } #sort_block { color: #676767; background-color: @g_dwhite; border: 1px solid @g_white; .box_shadow(0 1px 3px 0 rgba(0, 0, 0, 0.3)); } #sort_block label,#sort_block a { color: #58585a; } #sort_block a:hover, #sort_block a.hov_onpage { color: #555; } #sort_block a.price2_asc, #sort_block a.sort_asc, #sort_block a.name_asc, #sort_block a.price2_desc, #sort_block a.sort_desc, #sort_block a.name_dsc { color: #a8b91b; } #sort_table, #sort_line, #sort_table_rubber { background: url(images/catalog_grid.png) no-repeat; } .catalog img.photo_cat { border: 1px solid #aba9a2; border-top: 5px solid @gradient_orange_start; } .footer_tb ul a.feedback_link, #cat_menu ul li a:hover, #cat_menu ul li:hover span, #cat_menu ul ul li:hover { color: @theme_base_color; } #cat_menu ul li > ul { border: 1px solid @theme_base_color; background-color: @g_white; } #bot_cat { background-image: url(images/footer_bg.jpg); } #sidebar li a, .title_left { color: @g_white; background-color: @theme_base_color; } .sort_line .product .info_product, #sidebar li:hover a, #sidebar li.hov_left a { border-color: transparent; } #sidebar li li a { color: #676767; background-color: transparent; } #sidebar li li a:hover, #sidebar li li.hov_left a { color: @theme_base_color; } #load_filter li { border-bottom: 1px solid @g_white; } #params .razd { border-bottom: 1px solid #ddd; } #cat_menu ul li a, .clear_group,.filter a { color: #676767; } .filter a:hover { color: @theme_base_color; } .param-sel { border: 1px solid #e3e1e1; background-color: @g_white; color: #484848; } .paramchoose .selected, .popover2 .popover-content { border: 1px solid #a29f9f; background-color: @g_dwhite; } .popover2 .arrow { border-right: 5px solid #a29f9f;; border-bottom: 5px solid transparent; border-top: 5px solid transparent; } .checkbox { color: #635f67; } .checkbox.uncheck { color: #4e5153; } .params td { border-bottom: 1px solid #cacaca; } .photo_product, .extra_photo { background-color: @g_white; } .product.hov_product { border-color: #c0c0c0; } .product_mini .photo_product img { border: 1px solid #f2f2f2; } .product_block2 { background-color: #f9f9f9; } a.to_cart:hover, .cat_block li:hover > a, #bot_cat ul, #bot_cat a, .product a.buy { color: @g_white; } .name_product:after{ .two_point_gradient(rgba(255,255,255,0), rgba(255,255,255,1)); } .prod_price{ color: @product_price; } .prod_price .new_price { color: @product_price; } .prod_price .old_price{ color: @product_old_price; } .old_price, .not_available { color: #999999; } .expected { color: #3f3f3f; } #seo_div, .text_comment_left, .price { color: #2a2f32; } .info_product .add_fav:hover { background-position: 0 -30px; } .info_product .add_fav { background: url(images/to_favorites.png) no-repeat 0 0; } #product_right .product_brand_info { border-bottom: 1px dotted #e4e4e4; } .sort_table_rubber .product .info_product, .sort_table .product .info_product { background: @g_white; } #status7 { color: @theme_base_color; } #delivery_block { background-color: #f8f8f8; color: #6d6d6d; } .checkbox.uncheck:hover, .stock_product, .stock_product span.nostock { color: #484848; } .stock_product span { color: #09c5c4; } #img_load img, .more-photo .add_photo { border: 1px solid #e4e4e4; } h2, h3, .footer_left h3, .footer_left li a, .order__long__textarea span, .order__long__l label span, .order__long__r label span, .order h3, .order__text, .catalog span, .product-description, .unit { color: #76746C; } .product-specs span { background: none repeat scroll 0 0 #76746C; color: @g_white; } .productin-count { border: 1px solid #c3c3c3; .box_shadow(inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5)); } .productin-count input[type=text] { background: transparent; color: #6d6d6d; } .text_delivery { color: #585858; border: 1px solid #03d2d0; } .text_delivery h2 { color: #00b1af; background-color: transparent; } .last_order a, .price_delivery span { color: #ab4eb6; } .compare_tb { color: #4e4e4e; background-color: #f9f9f9; } .compare_tb td { border-top: 1px solid #cacaca; } #compare_page .product { background-color: #f9f9f9; } .product_mini .photo_product , #compare_page .photo_product, .sort_table_rubber #compare_page .product .info_product, .sort_table #compare_page .product .info_product { background-color: transparent; } #stock2, #status8 { color: #db1061; } #stock3 { color: #6d6d6d; } #stock6, .status { color: #06a9d2; } .delivery_block_in { background-color: #f9f9f9; border: 1px solid #c0c0c0; } .params_block { color: #686868; } .topcat_block li ul { border-left: 4px solid #286604; background: #ebebeb; .box_shadow(0 1px 2px 0 rgba(0, 0, 0, 0.3)); } .order_block { background: url(/images/basket_shadow.png) no-repeat left 0 top 50%; } #tabs ul#tabs_ul li:hover, #tabs ul#tabs_ul li.hov_tab { background: #9b9b9b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliOWI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzliOWI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc4Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDY0NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #9b9b9b 0%, #9b9b9b 25%, #787878 50%, #646463 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9b9b9b), color-stop(25%, #9b9b9b), color-stop(50%, #787878), color-stop(100%, #646463)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9b9b9b 0%, #9b9b9b 25%, #787878 50%, #646463 100%); background: -o-linear-gradient(top, #9b9b9b 0%, #9b9b9b 25%, #787878 50%, #646463 100%); background: -ms-linear-gradient(top, #9b9b9b 0%, #9b9b9b 25%, #787878 50%, #646463 100%); background: linear-gradient(to bottom, #9b9b9b 0%, #9b9b9b 25%, #787878 50%, #646463 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b9b9b', endColorstr='#646463', GradientType=0); border: 1px solid #c0c0b7; .box_shadow(0 1px 5px 0 rgba(0, 0, 0, 0.5)); color: @g_white; } .banner_left p:hover .border_cat, .banner_right p:hover .border_cat { border-color: #ececec; } #results_search { background-color: @g_white; border: 1px solid #dcdcdc; } #results_search li:hover { background-color: #f8f8f8; } #search_block a, #callback_link, .footer_tb ul, .footer_tb ul a, .bot_text, #cat_menu ul ul li a, .product_mini .name_product a, .product_desc, .product a.add_compare, .product a.add_fav, .product a.add_video { color: #404041; } #search_block a:hover, .product a.add_compare:hover, .product a.add_fav:hover, .product a.add_video:hover { color: @gradient_base_end; } #config_block a, .delivery_block_in h2, .div_over h4, .product a.add_from_cat { color: #4e4e4e; } .close_m { background-color: transparent; color: @theme_base_color; } .order_photo { border: 1px solid #d1d1cf; } .order_photo:hover { border: 1px solid #555; } #callbacks { background: #f5f5f5; border: 1px solid #d9d9d9; } #quick_buy_form .content { background: @g_white; border: 1px solid #d9d9d9; .box_shadow(0 0 1px 0 rgba(0, 0, 0, 0.5)); } #quick_buy_form .content .form { background: @g_dwhite; border: 1px solid #d9d9d9; } .news { background: url(/images/shadow_bottom.png) no-repeat 50% -5px; } .form_separator, .news .news_block { border-bottom: 1px solid #d9d9d9; } .footer_right, .footer_right a, #footer table td a:hover, .link_gray, .catalog, .show_filters, #product_right .status_product, #delivery_block h2, #stock7, #product_right label, .cat_title, #tabs ul#tabs_ul li, .news_block a:hover, #news_title { color: @g_black; } #breadcrumbs, #breadcrumbs a, #breadcrumbs span, #check_total span, #footer table td a, .cart_info_link, .cat_block li a, #load_filter label, .label_params, .date, .news_desc, .article_body_m { color: #636363; } .quotation, blockquote { border-left: 4px solid @quotation_border_color; border-right: 4px solid @quotation_border_color; } .classic, .classic.error, .next, .prev, .click-ex { border: 1px solid @theme_base_color; background-color: @sticker_bg; } .more-photo .add_photo:hover { border: 1px solid lighten(@theme_base_color, 10%); } .productin-count a.cnt-up { border-bottom: 5px solid @product_counter; border-left: 5px solid transparent; border-right: 5px solid transparent; } .productin-count a.cnt-down { border-top: 5px solid @product_counter; border-left: 5px solid transparent; border-right: 5px solid transparent; } .productin-count a.cnt-up:hover { border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid @product_counter_hover; } .productin-count a.cnt-down:hover { border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid @product_counter_hover; } a, #footer .tb_header, .name_product a, .done, .news_title, .all_news, .title_other, .orders2 td.product_name a, .topcat_block li a { color: @theme_base_color; } .checkbox { background: url(images/checkbox.png) no-repeat 0 3px; } .menu, .menu.small select { background: @menu_gradient_start; @list: @menu_gradient_start, @menu_gradient_middle 51%, @menu_gradient_end; background: svg-gradient(to bottom, @list); background: -moz-linear-gradient(top, @menu_gradient_start 0%, @menu_gradient_middle 51%, @menu_gradient_end 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @menu_gradient_start), color-stop(51%, @menu_gradient_middle), color-stop(100%, @menu_gradient_end)); background: -webkit-linear-gradient(top, @menu_gradient_start 0%, @menu_gradient_middle 51%, @menu_gradient_end 100%); background: -o-linear-gradient(top, @menu_gradient_start 0%, @menu_gradient_middle 51%, @menu_gradient_end 100%); background: -ms-linear-gradient(top, @menu_gradient_start 0%, @menu_gradient_middle 51%, @menu_gradient_end 100%); background: linear-gradient(to bottom, @menu_gradient_start 0%, @menu_gradient_middle 51%, @menu_gradient_end 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@menu_gradient_start, endColorstr=@menu_gradient_end, GradientType=0); } .menu.small select { color: @menu_text_color; } .menu.small select option { color: @menu_text_color; background: @menu_gradient_middle; } input, textarea, select { border-color: @inputs_border; } input:hover, select:hover, textarea:hover { .box_shadow(inset 0 0 3px 1px fadeout(@theme_base_color, 80%)); } input:focus, select:focus, textarea:focus { .box_shadow(inset 0 0 3px 1px rgba(0, 0, 0, 0.2)); } .btn-default { .two_point_gradient(@gradient_base_start, @gradient_base_end); color: @btn_text; text-shadow: 0 0 1px @text_shadow_base; } .btn-orange, .buy:hover { .two_point_gradient(@gradient_orange_start, @gradient_orange_end); color: @orange_text; text-shadow: 0 0 1px @text_shadow_base; } .btn-dark-grey { .two_point_gradient(@gradient_dg_start, @gradient_dg_end); color: @dg_text; text-shadow: 0 0 1px @text_shadow_base; } input[type=submit]:hover, button:hover, .submit:hover { text-decoration: none !important; box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5); } input[type=submit]:active, button:active, .submit:active { opacity: 0.8; } .err, .mark { color: @mark_color; } .slider { box-sizing: border-box; border: 3px solid @slider_grey; } .as-nav a { background: @slider_nav_bg; border: 2px solid @slider_nav_bg; .box_shadow(0 0 1px 1px @slider_grey); } a.as-active, .as-nav a:hover { background: @gradient_base_start; }