// @import url('https://fonts.googleapis.com/css?family=Pacifico'); //font-family: 'Pacifico', cursive; // @import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond'); //font-family: 'Cormorant Garamond', serif; @import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC'); // font-family: 'Alegreya Sans SC', sans-serif; @import url('media.less'); /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul, ol { list-style-type: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } @font-color-default: #1C0C02; @link-color-default: #BA8915; @link-color-hover: #E7DE2E; @min-site-width: 1200px; @site-width: 1200px; @left-sidebar-width: 244px; @right-sidebar-width: 290px; @content-width: @site-width - @left-sidebar-width - @right-sidebar-width; /********************************************************************************* FONTS ***/ // @font-face { // font-family: "Century751"; // src: local("Century751"), // url("../fonts/century751-sebd-bt-semi-bold.ttf"); // } // .Century751 { // font-family: "Century751"; // font-weight: normal; // } /*********************************************************************************** CSS ***/ h6 { font-size: 18px; } h5 { font-size: 22px; } h4 { font-size: 26px; } h3 { font-size: 30px; } h2 { font-size: 35px; } h1 { font-size: 40px; } .hide { display: none; } .clear { clear: both; } .btn { border-radius: 0px; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } a { color: @link-color-default; } a:hover { color: @link-color-hover; } strong, b { font-weight: bold; } em { font-style: italic; } i.icon { display: inline-block; width: 20px; height: 20px; background-size: cover; } /******************************** defalt CSS ***************************/ .default_form_style { input, textarea, select { display: block; margin-bottom: 10px; } input[type="checkbox"] { display: inline-block; } input[class="inpfiles"] { font-size: 18px; } input[type="text"], input[type="password"] { width: 50%; } input[type="submit"] { width: 25%; } input, textarea, select { border: 1px solid #bbc; padding: 7px 9px; background-color: #f4f4ff; } .infofield { font-size: 18px; color: #666; margin-top: 12px; } .error_message { font-size: 18px; color: #e64e3d; } textarea { width: 100%; // max-width: 700px; height: 200px; } textarea:focus, input:focus { border: 1px solid #0095cf; } input[type="submit"], input[type="button"] { background: #889975; color: #fff; border: 1px solid #889975; margin: 10px 0px 10px 0px; cursor: pointer; } } /********************************************************************************** BODY ***/ body > * > .wrapper { width: @site-width; max-width: 100%; min-width: @min-site-width; margin: 0px auto; overflow: hidden; clear: both; // background: #FFF; /** Отступ от границ блоков **/ > .pad { padding: 0px 35px; // background: #FFF; } /** Временное выделение границ блоков **/ * { //border: 1px solid #666; } } /********************************************************************************** BODY ***/ body { color: @font-color-default; font-size: 20px !important; line-height: 1.6; font-family: 'Alegreya Sans SC', sans-serif; } #new-top-nav { ul.menu { margin: 0px; padding: 0px; font-size: 14px; li { display: inline-block; padding: 5px 10px; text-transform: uppercase; } } a { color: @font-color-default; } .login-menu { text-align: right; } .row { background: #f0e7c9; } } h1, h2, h3, h4, h5, h6 { // font-family: 'Cormorant Garamond', serif; } .wrap > * { width: @site-width; max-width: 100%; min-width: @min-site-width; margin: 0px auto; overflow: hidden; } .main-menu { overflow: hidden; clear: both; li { display: inline-block; a { } } } /************************* content *************************/ #content { ul li { list-style-type: disc; } ol li { list-style-type: decimal; } ul, ol { padding: 0px 0px 0px 20px; } } #content.full_page { width: 100%; } /* * * SIDEBAERS * * */ #aside { padding: 30px 0px; .sb_block { margin-bottom: 20px; color: #ceab64; max-height: 250px; vertical-align: top; a { display: inline-block; } } .sb_block.border { border: 1px solid #B9B9B9; padding: 5px; } h3 { font-size: 25px; margin: 10px; text-align: center; } .votes_block { > p { // вопрос опроса.. margin: 0px 0px 10px 0px; overflow: auto; display: block; font-weight: bold; text-align: center; } input[type="submit"], input[type="button"] { margin: 10px 2px; background: #b3a50d; color: #FFF; padding: 2px 7px; cursor: pointer; border-radius: 5px; text-decoration: none; text-align: center; font-size: 15px; } .votes_answer { border-bottom: 1px solid #B9B9B9; } input[name="userversion"] { width: 100%; border: 1px solid #d7d7d7; padding: 2px 5px; } } .calc { text-align: center; } } .block.login-form { border: 1px solid #636363; padding: 10px; background: #392a00; max-width: 300px; form.login { //registration input[type="text"], input[type="password"] { margin: 5px 10px 0px 0px; display: block; padding: 4px; border-radius: 4px; background: #ffefa9; width: 100%; } input[type="submit"] { //margin-top: 10px; background: #bcc020; color: #FFF; //padding: 16px 40px; cursor: pointer; padding: 4px; border-radius: 4px; } input#not_my_computer { display: inline-block; margin: 5px 10px 0px 0px; } .arrow-link.black { display: block; } } } /******************************************************************************* FOOTER ***/ .content-width { width: 100%; padding: 0px 32px; } #footer { overflow: hidden; background: #444; padding: 50px 0px 40px 0px; font-size: 0.8em; margin-top: 50px; .copyright { color: #999; font-size: 0.8em; } .text { color: #999; border-left: 2px solid #bcbcbc; padding-left: 20px; p { padding: 0px; margin: 0px; } } .counters { display: none; } } //*********** ARTICLE ****// #main-inner { p { margin: 0px 0px 10px; } ul { list-style-type: disc; margin: 0px 0px 10px 30px; } ol { margin: 0px 0px 10px 30px; list-style-type: decimal; } } ul.page-numbers { li { display: inline-block; } } /**************************************** for new site ********************/ body { // background: #771518; } #top-nav { // bootstrap .navbar-brand { font-size: 1.3em; } } #top-nav { background: #F7F5F4; border-bottom: 1px dotted #D6D6CF; font-size: 14px; margin-bottom: 5px; .wrapper { // a { // color: #FFF; // &:hover { // color: #E7DE2E; // } // } padding: 0px 10px; .menu-nav, .menu-acc { display: inline-block; margin: 6px 0px; ul { li { float: left; margin: 6px 28px 6px 0px; a { padding: 9px 0px; font-size: 17px; color: #1C0C02; font-weight: bold; text-transform: uppercase; text-decoration: none; &:hover { color: #8FB036; } } } } } .menu-nav { float: left; li:not(:first-child):before { content: "|"; position: relative; left: -14px; font-size: 19px; } } .menu-acc { float: right; li { margin: 6px 12px 6px 0px !important; } li:not(:first-child):before { content: "/"; position: relative; left: -7px; font-size: 19px; } } .admin-menu { li { margin: 5px 0px 10px; } } } } #header { p { margin: 0px; } .hgroup { .site-title { margin: 0px; padding: 0px; a { color: inherit; font-size: 40px; text-decoration: none; line-height: 40px; text-transform: uppercase; font-weight: bold; } } .site-description { // color: #fff; font-size: 14px; margin: 0px; padding: 0px; } a { color: inherit; } } .header__search { form { margin: 34px 0px } } .header__contacts { font-size: 0.8em; a { color: #222; font-size: 1.2em; } } .info_2 { // color: #fff; // max-width: 290px; // float: left; // margin: 13px; // text-shadow: 2px 2px 2px #000; font-size: 14px; } .tel { float: left; width: 290px; font-size: 14px; margin: 5px; // color: #FFF; text-shadow: 2px 2px 2px rgb(0, 0, 0); border-radius: 20px; .code { font-size: 20px; } .number { font-size: 36px; } a { // color: #FFF; } a:hover { text-decoration: none; } } .cart { padding: 5px; .cart_block { border: 1px solid #1C0C02; display: block; border-radius: 4px; text-align: center; font-size: 14px; padding: 2px; } .icon.icon-cart { background-image: url('../img/icon-cart-black.png'); width: 25px; height: 25px; } a { color: inherit; } } } .search_index { display: none; } #navigation { .show_hide_menu { background: #f0ad4e; display: none; border-radius: 4px; text-align: center; font-size: 14px; padding: 10px; margin: 0 -5px; cursor: pointer; } ul { padding: 0px; li { float: left; width: 10%; a { font-size: 0.9em; padding: 5px 5px; display: table-cell; text-decoration: none; color: #fff; width: 1170px / 10; text-align: center; height: 60px; vertical-align: middle; line-height: 15px; } } li:nth-of-type(1) a { background: #9e021a; } li:nth-of-type(2) a { background: #c34200; } li:nth-of-type(3) a { background: #fe8100; } li:nth-of-type(4) a { background: #feac00; } li:nth-of-type(5) a { background: #cc9b01; } li:nth-of-type(6) a { background: #a57602; } li:nth-of-type(7) a { background: #929219; } li:nth-of-type(8) a { background: #707000; } li:nth-of-type(9) a { background: #474600; } li:nth-of-type(10) a { background: rgb(48, 47, 0); } } } @media (max-width: 990px) { #header { .header__search { form { margin: 10px 0px; } } } #navigation { ul { li { width: 50%; a { display: flex; align-items: center; height: 40px; width: 100%; justify-content: center; line-height: 1.15; } } } } } body.single-product h1.page-title, body.page h1.page-title { padding: 10px 10px 20px 10px !important; } .page, .post { h1 { font-size: 26px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 30px 10px !important; display: none; } } #tags_cloud { // background-color: #141213; text-align: center; .tags_block { overflow: auto; display: inline-block; padding: 3px 0px 0px; // width: 96%; .block_header { color: #d8ba88; } > span, a { margin: 0px 1px 0px; font-size: 0.8em; color: inherit; padding: 0px 2px; display: inline-block; text-decoration: none; color: #696969; } > a { border-radius: 20px; height: 22px; width: 22px; &:hover { text-decoration: underline; } } } } #main-wrap { #main { // background: rgb(48, 21, 0, 0.85); // background: rgb(20, 18, 19, 0.95); // color: #fff; .page-title { color: #905D48; line-height: 40px; padding: 0px 0px 10px; } } } #content { // padding: 10px; // new_style 20 // .row { // padding: 10px; // new_style 20 // // background: #222; // overflow: hidden; // } table { tr { td, th { vertical-align: top; padding: 8px; border: 1px solid #ccc; } } } h1, h2, h3, h4, h5, h6, p, ol, ul, table { // display: inline-block; margin: 0px 0px 10px 0px; } .related.products h2 { padding: 10px 10px 0px 0px; } .shop_list { h2 { margin-top: 20px; } } h2.orange-title { color: #fff; background: #d76a03; padding: 3px 10px; text-transform: capitalize; font-size: 28px; } table { p { margin: 0px; } } .shop_text { p, ul, a { margin: 20px 0px; } } .post { padding: 10px; } } #pre-footer { // background: rgba(20, 18, 19, 0.95); color: #FFF; padding: 10px; h3 { color: #905D48; } } .block.clauses { font-size: 16px; display: flex; flex-flow: wrap; .block-row { display: inline-block; margin: 2px 0px; width: 50%; } } .show-all-link { a { // color: #FEAC00 !important; margin: 20px 0px 15px; display: inline-block; } } p.woocommerce-result-count { display: block; float: left; margin: 0px 0px 0px; padding: 10px; } form.woocommerce-ordering { display: block; float: right; // margin: 10px 0px 5px; padding: 10px; select { padding: 2px; } } ul.products { padding: 10px !important; clear: both; li.product:hover { h3 { text-decoration: underline; } } li.product { list-style-type: none !important; width: 146px; height: 220px; float: left; text-align: center; border: 1px solid #454545; margin: 3px; a { text-decoration: none; img { width: 130px; height: 130px; margin: 8px 5px 5px; } h3 { font-size: 16px; // text-align: center; display: block; color: #905d48; text-decoration: none; } .price { display: block; .amount { display: block; color: #99743B; font-weight: bold; font-size: 18px; margin: 0px 5px 5px; // text-align: center; } } } a.add_to_cart_button { display: inline-block; background: #746d02; color: #FFF; padding: 5px; } a.add_to_cart_button:hover { background: #751515; } } } div.product.type-product { .images { width: 300px; float: left; margin: 0px 20px 10px 10px; img { display: block; width: 300px; height: 300px; border: 1px solid #454545; padding: 10px; } } .summary.entry-summary { h1 { font-size: 18px; } .price { color: #99743B; font-weight: bold; font-size: 28px; // margin: 14px 0px; } } p, ol, ul, table { // display: inline-block; margin: 0px 0px 20px 0px; line-height: 22px; } h1, h2 { margin: 0px 0px 20px 0px; } .related.products h2 { padding: 10px 10px 0px 0px; } table { p { margin: 0px; } } } .related.products { clear: both; } .woocommerce-pagination { clear: both; } .textwidget { ul.products { padding: 0px !important; li { height: auto; border: none; text-align: left; width: 100%; margin: 0px; a { img { display: none; } h3 { width: 100%; //font-size: 14px !important; font-weight: normal !important; color: #BA8915; } h3:hover { color: #E7DE2E; } span.price { display: none; } } a.button.product_type_simple { display: none !important; } } } } body.home .metaslider { padding: 0px 10px; } .wc-tabs-wrapper { clear: both; .wc-tabs { // control display: none; } #tab-description, #tab-additional_information { display: block !important; padding: 0px 10px; } } .ajax_add_to_cart { display: none; } .woocommerce-pagination { ul.page-numbers { li { > * { padding: 3px 10px; border: 1px solid #454545; margin: 10px 4px; display: block; text-decoration: none; } .current { background: #99743B; color: #333; } > *:hover { background: #99743B; } } } } .shop_list { overflow: visible !important; .shop-item { list-style-type: none !important; width: 100%; min-height: 365px; height: auto; margin: 12px 3px 12px 0px; border: 1px solid #eaeaea; div.count_input { font-size: 0.8em; display: block; margin: 0px auto; line-height: 2em; max-width: 90%; .count_minus, .count_plus { border: 1px solid #fff; background: #fff; border-top: 1px solid #eaeaea } .count_num { border: 1px solid #fff; border-top: 1px solid #eaeaea; color: @gray-font; } .count_measure { width: 100%; text-align: center; vertical-align: top; font-size: 1.3em; color: @gray-font; padding-top: 2px; } } &:hover { div.count_input { font-size: 0.8em; display: block; margin: 0px auto; .count_minus, .count_plus { border: 1px solid #eaeaea; background: @color-light; } .count_num { border: 1px solid #eaeaea; } } } .to-cart { display: block; height: 60px; button { background: @color-light; color: #fff; width: 92%; margin: 0px auto; display: block; border-width: 0px; text-transform: uppercase; font-size: 16px; &:active { background: #d1c1a0; } i { vertical-align: middle; } } .error { font-size: 0.7em; padding: 0px 10px; text-align: center; } } .param-9 { display: none; } .label_number { display: none; } .shop_discount { padding: 0px 10px; text-align: center; } .param { text-align: center; font-size: 14px; color: #cbcbcb; border-top: 1px solid #eaeaea; margin: 0px 30px; .label, .label_param { display: none; } } a.shop-item-title { font-size: 18px; color: #000; text-decoration: none; text-align: center; height: 54px; vertical-align: middle; padding: 0px 5px; width: 250px; max-width: 100%; max-height: 54px; overflow: hidden; display: flex; align-items: center; line-height: 0.9; } .shop-item-price { .title { display: none; } .price { display: block; width: 100%; color: #666; font-size: 20px; // margin: 0px 5px 5px; text-align: center; font-weight: bold; overflow: auto; } &:nth-of-type(n+2) { display: none; } } .shop_old_price { display: none; } .shop-photo { img.js_shop_img { width: 100%; height: auto; margin: 0px 0px 0px 0px; padding: 7px 7px 0px 7px; } } .button.solid.product_card { display: none; } .shop-photo-labels { position: absolute; margin: 3px 0px 0px 3px; > img { display: block; } } .shop_form { display: block !important; //todo } .shop_no_buy_good, .shop_waitlist { display: none !important; //todo } .addict-field { display: none; } } } @color-light: #dbccab; @gray-font: #b6b6b6; .no_good { font-size: 17px; text-align: center; margin-top: 0px; padding-top: 3px; color: #b9858f; } .shop_id { .label_number { display: block; margin-bottom: 10px; } .no_good { display: none; } } .shop_list, .show_all { clear: both; margin-bottom: 30px; overflow: auto; } form.shop_compared_goods_list { clear: both; display: none; //todo } .previous_next_links { clear: both; padding-top: 30px; .previous_link { float: left; } .next_link { float: right; } } .pag_wrap { text-align: center; clear: both; } .block.paginator { clear: both; padding-top: 30px; overflow: auto; display: inline-block; padding-left: 2px; width: 100%; text-align: center; > * { display: inline-block; line-height: 20px; border: 1px solid #d3ced2; padding: 10px 20px; font-size: 20px; color: #454545; margin-left: -5px; } span.active { background: #eaeaea; color: #333; } a { text-decoration: none; } a:hover { background: #eaeaea; } } .shop-item-left, .shop-item-right { float: left; } .shop-item-left { .shop-photo-labels { position: relative; top: -294px; left: 6px; > img { display: block; } } } div.count_input { width: 150px; display: inline-block; line-height: 2em; font-size: 1em; > * { float: left; } .count_plus, .count_minus { width: 25%; font-size: 1.25em; line-height: inherit; border: 1px solid #eaeaea; text-align: center; vertical-align: middle; cursor: pointer; padding: 0px; background: @color-light; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; i { vertical-align: middle; } } .count_num { width: 50%; font-size: 1.5em; line-height: inherit; text-align: center; border: 1px solid #eaeaea; margin: 0px -1px 0px -1px; } .count_measure { line-height: 12px; width: 100%; } } .sale { font-size: 14px; margin-top: 20px; } .label { padding-right: 5px; display: inline-block; width: 100px; font-size: 16px; color: #333; } .label_price { font-size: 24px; margin: 0px 0px 20px 0px; display: inline-block; } .shop-item-right { padding: 20px; // max-width: 545px; p { padding-bottom: 10px; } .label_param { margin-right: 6px; } .js_shop_form { .param_name { display: inline-block; width: 100px; } .shop_param_price:nth-of-type(n+2) { display: none; } .shop-dropdown { padding: 2px 14px; text-align: center; font-size: 14px; background: #f5fb99; } .js_shop_buy.to-cart { input[name="count"], input[name="count_gramm"] { padding: 3px 5px; background: #f5fb99; margin: 5px 10px 5px 0px; width: 116px; text-align: center; font-size: 18px; } input[name="count"] { // display: none; } input.button { text-align: center; } .measure { padding: 7px 0px 0px; display: inline-block; vertical-align: top; } .btn-buy { display: block; margin: 10px 0px; background: @color-light; border-color: @color-light; color: #FFF; padding: 12px 30px; cursor: pointer; opacity: 0.9; font-size: 18px; &:hover { // background: #a5991b; // border-color: #8a8012; } } .error { display: inline-block; font-size: 0.8em; margin: 5px; } } margin-bottom: 20px; .price { color: #99743B; font-weight: bold; font-size: 28px; display: inline-block; } .shop_old_price { font-size: 20px; text-decoration: line-through; padding: 0px 0px 0px 20px; color: #9e902a; } } .shop_waitlist { margin: 20px 0px; input[name="mail"] { padding: 2px 4px; font-size: 14px; background: rgb(245, 251, 153) none repeat scroll 0% 0%; } input[action="wait"] { display: block; margin-top: 3px; } } } .shop-item-container { .shop-item-image { display: none; } .shop-item-image.active { display: block; img { display: block; width: 300px; height: 300px; border: 1px solid #454545; padding: 10px; } } } .shop_block_coupon { font-size: 14px; .coupon_label { font-size: 14px; cursor: pointer; text-decoration: underline dotted; } .shop_form { display: none; } } js_cart_remove:after { } input.button { cursor: pointer; } td.cart_img { img { width: 80px; height: 80px; } } td.cart_name, th.cart_name { max-width: 250px; } .cart_order { overflow: hidden; margin-bottom: 40px; .cart_autorization { margin-top: 50px; } .shop_block_coupon { display: none !important; //todo } .error_message { position: absolute; margin-top: -40px; color: #b3a50d; } input.number { width: 50px; height: 25px; background-color: #eaeaea; font-size: 16px; text-align: center; border: 1px solid #ccc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cart_count_minus, .cart_count_plus { cursor: pointer; display: inline-block; width: 20px; height: 20px; text-align: center; border-radius: 10px; font-size: 20px; line-height: 20px; background-color: #fb980a; color: #fff; } .js_cart_remove { width: 20px; height: 20px; display: block; cursor: pointer; color: crimson; > * { cursor: pointer; } } } .cart_table { margin: 0px 15px; } .cart_order_XXXX { // таблица товаров .cart_table_form { table.cart { // font-size: 14px; th, td { // border: 0px solid #ccc !important; vertical-align: middle !important; text-align: center !important; } tr { border-bottom: 1px solid #ccc; } tbody { tr:last-of-type { // border-color: #392a00; font-size: 18px; font-weight: bold; } } .cart_count_plus, .cart_count_minus { font-size: 150%; cursor: pointer; .noselect; } input.number { text-align: center; } } table.delivery_table { font-size: 14px; width: 100%; th, td { border: 0px solid #ccc !important; vertical-align: middle !important; // text-align: center !important; .cart_delivery_name { font-size: 18px; font-weight: bold; } .cart_delivery_text { color: #9c7f54; } } tr { border-bottom: 1px solid #ccc; } td:nth-of-type(n+2) { text-align: center; } td.cart_delivery { width: 400px; } input[type="radio"] { cursor: pointer; } } .total_summ, .total_summ_cart { font-weight: bold; font-size: 18px; text-align: left; margin: 0px 10px; width: 96%; display: inline-block; text-align: right; } } .cart_autorization { display: none; } } .cart_form { border: 1px solid #ccc; padding: 20px 20px; margin-top: 30px; input, textarea { border: 1px solid #ccc; background-color: #eaeaea; padding: 5px; margin: 5px 10px 5px 0px; } input { width: 300px; } input.button { padding: 5px; margin: 5px 10px 5px 0px; text-align: center; background-color: #b3a50d; } input[type="submit"] { background-color: #b3a50d; margin-bottom: 25px; } textarea { min-height: 100px; width: 400px; } } .shop-buyers-buy { clear: both; } // Кнопка отзывы и ссылка .reviews_link a { display: block; margin-top: 10px; background: #b3a50d; color: #FFF; padding: 9px 20px; cursor: pointer; border-radius: 5px; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 20px; } .all_reviews { text-align: center; padding: 10px; } // Страница отзывы .block.reviews { .block-row { margin-bottom: 40px; } .reviews_name { font-size: 20px; font-weight: bold; a { text-decoration: none; color: inherit; } } .review_text { background: #d7d4b1; padding: 10px; border-radius: 12px; } .reviews_date { font-size: 12px; color: #9F9C61; } .reviews_answer { background: #ccc; padding: 10px; border-radius: 12px; margin: 5px 10px 10px 50px; } } .input_style { input, textarea { padding: 5px 10px; margin: 0px 0px 5px; border-radius: 4px; background: #ffefa9; display: block; width: 100%; } input[type="submit"] { margin-top: 10px; background: #b3a50d; color: #FFF; padding: 16px 40px; cursor: pointer; } input#not_my_computer { display: inline-block; } .captcha { margin-top: 12px; } .js_captcha_update { //background: url('../img/.png'); width: 22px; height: 22px; cursor: pointer; display: inline-block; a { text-decoration: none; } } .input-title { display: block; } } .cart_autorization, .js_registration_form, // .cart_form.ajax, .usersettings_form, .feedback_form, .form, .reviews_form, form.login { .default_form_style; } .feedback_form { width: 500px !important; } .registration_message { border: 1px solid rgb(204, 204, 204); padding: 5px; text-align: center; background: #085d08 none repeat scroll 0% 0%; margin-top: -17px; display: none; } .cart_summ_old_total { text-decoration: line-through; } .to-cart input.button.solid, input[action="wait"] { margin: 10px 0px; background: #b3a50d; color: #FFF; padding: 12px 30px; cursor: pointer; &:hover { opacity: 0.9; } } form.login { width: 500px; } // КОРЗИНА .js_cart_count { input[type="number"] { width: 80px; } } .cart_price, .cart_old_price, .cart_discount { display: none; } .clauses_list { .clear; overflow: hidden; .block { min-height: 210px; // todo h4 { font-size: 1.2em; margin-top: 10px !important; margin-bottom: 10px !important; line-height: 0.9; } .block-row-img { img { display: block; width: 100%; height: auto; } } } } .clauses_date, .date { display: none; } .better { margin: -5px 20px 10px; display: inline-block; background: rgba(233, 181, 76, 0.53); padding: 2px 5px; font-size: 14px; a { color: #FFF; } } .feedback_form { } .clauses_text { img { margin: 5px; padding: 5px; } } .belpost_calc { max-width: 400px; border: 1px solid #ccc; padding: 20px; background: #eaeaea; input { width: auto !important; } } // BOOTSTRAP FIX .navbar-collapse { padding: 0px !important; } .login-menu { float: right; } .col { padding-right: 10px; padding-left: 10px; // float: none !important; // display: inline-block; // vertical-align: top; } // NEW CART .cart-item { border: 1px solid #ccc; margin-bottom: 20px; .cart-item__title { line-height: 1em; padding: 5px; color: #333; } .cart-item__img, .cart-item__control, .cart-item__price, .cart-item__remove { float: left; text-align: center; } .cart-item__img { width: 20%; img { width: 100%; height: auto; } } .cart-item__price { width: 30%; font-size: 1.7em; color: #B45839; } .cart-item__control { float: left; width: 40%; color: @gray-font; .count_input { line-height: 34px; } } .cart-item__remove { width: 10%; color: @color-light; span { display: block; margin: 0px auto; .fa { color: @color-light; } } } } .bs-top .bs_block img { width: 100%; margin-bottom: 10px; } .js_cart_table_form { font-size: 14px; } .w-100 { width: 100%; height: auto; } .cart_header { padding: 20px 0 20px; border-bottom: 2px #ccc solid; background: #fafafa; } .cart_body { padding: 10px 0; border-bottom: 1px #ccc solid; display: flex; align-items: center; .cart_remove { text-align: center; } } .cart_total { border-top: 1px #ccc solid; background: #fafafa; padding: 20px 0 20px; &.cart_total_all { padding-left: 15px; padding-right: 15px; } } .cart_total_txt { padding-left: 30px; } .cart_delivery_box { margin-top: 30px; .cart_header { padding-left: 15px; padding-right: 15px; } } .cart_delivery_name { font-weight: 700; } #header { .row { display: flex; align-items: center; } .info_2 { line-height: 1.25; } } @media screen and (max-width: 650px) { #pre-footer { .block { &.clauses { .block-row { width: 100%; } } } } #header { .hgroup, .info_2 { display: none; } .header__contacts { display: flex; align-items: center; justify-content: space-between; .header__contacts__title { display: none; } .header__contacts__time { margin: 0 !important; } } .cart { padding: 10px; br { display: none; } a { display: flex; align-items: center; justify-content: center; line-height: 1; padding: 10px; } .icon.icon-cart { width: 15px; height: 15px; background-size: contain; margin-right: 10px; } } } #content { overflow: hidden; font-size: 0.8em; h1 { font-size: 1.75em; } h2 { font-size: 1.5em; } h3 { font-size: 1.25em; } } #navigation { .show_hide_menu { display: block; } .left_menu_level_1 { display: none; } &.active { .show_hide_menu { display: none; } .left_menu_level_1 { display: block; } } } #tags_cloud .tags_block > span, #tags_cloud .tags_block a { } #tags_cloud { padding: 15px 0 15px; .col-lg-12 { padding: 0 25px; } .tags_block { display: block; overflow: visible; opacity: 0; &.owl-loaded { opacity: 1; } a { display: flex; align-items: center; width: 20px; padding: 0; height: 20px; justify-content: center; } span { display: flex; align-items: center; height: 20px; width: 15px; justify-content: center; padding-bottom: 3px; } } .owl-nav { button { position: absolute; top: 3px; &.disabled { opacity: 0.3; } &.owl-prev { left: -17px; } &.owl-next { right: -17px; } } } } .cart_autorization, .js_registration_form, .usersettings_form, .feedback_form, .form, .reviews_form, form { input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="submit"] { width: 100%; } } .shop-item-container { .shop-item-image { img { width: 100%; height: auto; } &.active { img { width: 100%; height: auto; } } } .js_shop_wishlist, .icon-zoom { display: none; } .shop-item-right { padding: 0; } .js_shop_buy { .label_number { padding-bottom: 10px; line-height: 1.15; } } .shop_text { img { float: none !important; width: 100%; height: auto; } } } .visible_xs { display: block !important; } .hidden_xs { display: none !important; } .cart_header { display: none; } .cart_delivery_text { font-size: 11px; line-height: 1.15; opacity: 0.7; } .cart_form { br { display: none; } textarea { width: 100%; } } .cart_autorization { margin-top: 30px; } #header { .row { display: block; } } .shop-item-info1 { margin-top: 30px; } }