@charset "UTF-8"; /* ================================================================================================ КОМПИЛЯЦИЯ ТАБЛИЦ СТИЛЕЙ ПРЕДЫДУЩЕЙ ВЕРСИИ /css/ajax-tooltip.css /css/comments.css /css/ie.css /css/main.css /css/nav-h.css /css/style.css /css/theme.css ================================================================================================ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /css/ajax-tooltip.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* CSS needed for the script */ #ajax_tooltipObj { text-align: left; z-index: 1000000; } #ajax_tooltipObj div { position: relative; } /* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */ /* Left div for the small arrow */ #ajax_tooltipObj .ajax_tooltip_arrow { background-image: url('/sys/img/arrow.gif'); background-position: center left; background-repeat: no-repeat; display: none; height: 60px; left: 0px; position: absolute; top: -80px; width: 20px; z-index: 1000005; } #ajax_tooltipObj .ajax_tooltip_content { background-color: #FFFFFF; border: 2px solid #FFAA42; font-size: 0.8em; height: auto; left: 0%; margin-top: -150px; margin-left: 30px; overflow: auto; padding: 5px; position: absolute; top: 50%; width: auto; z-index: 1000001; } #ajax_tooltipObj .ajax_tooltip_content { position: absolute; margin-left: 30px; top: 30px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /css/comments.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #user_town { border-right: 0px !important; } #user_town_list { background-color: white; border: 1px solid black; margin-top: 2px; max-width: 300px; padding: 5px; position: absolute; width: 300px; } #user_town_list .item, #user_town_list .sitem { background-color: white; color: black; cursor: pointer; display: block; margin: 0px; padding: 2px; width: 300px; } #user_town_list .sitem { background-color: blue; color: white; } #user_town_list .item div { display: block; } #user_town_list .litem { cursor: pointer; margin: 0px; padding: 0px; text-align: right; width: 300px; } #user_town_field { border: 1px solid #2B587A; height: 19px; margin: 1px 0 0 0; padding: 0px; width: 275px; } #fcomment .inputfield { border: 1px solid #2B587A; margin-top: 1px; width: 377px; } #fcomment .inputfieldsmall { border: 1px solid #2B587A; margin-top: 1px; width: 277px; } #fcomment .inputfield_code { border: 1px solid #2B587A; margin-top: 1px; width: 75px; } #fcomment .inputfield_town { border: 0; float: left; margin-top: 1px; width: 235px; } #fcomment .user_town_div_off, #fcomment .user_town_div_on { background: #FFF url('/gfx/darr.gif') no-repeat 0px 4px; cursor: pointer; float: right; margin: 0px; padding: 0px; width: 20px; } #fcomment .user_town_div_on { background-position: 0px -22px; } #fcomment .disp_none { display: none; } #fcomment .disp_on { display: block; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /css/ie.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .comma { padding: 0 4px 0 0; } .btable6-header, .btable-block, .btable-content { width: 100%; } .hh1 { margin-top:-19px; } ul#navmenu-v ul li { float: left; } ul#navmenu-v li { float: left; } ul#navmenu-v a { display: inline; width: 150px; margin-top: -1px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /css/main.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* #header_wrapper { background: url('/sys/img/site-head-bg.jpg') left top no-repeat #FFFFFF; height: 72px; } #header_shirm { background: -moz-linear-gradient(top, #3996E6, #A1E3FD); background: -ms-linear-gradient(top, #3996E6, #A1E3FD); background: -o-linear-gradient(top, #3996E6, #A1E3FD); background: -webkit-linear-gradient(top, #3996E6, #A1E3FD); background: linear-gradient(to bottom, #3996E6, #A1E3FD); } */ /* #logo { display: block; float: left; height: 65px; margin: 3px 17px 2px 10px; width: 67px; } #menu_wrapper { float: left; height: 61px; margin: 7px 17px 4px 0; width: 669px; } #menu { height: 33px; width: 669px; } #menu a { display: block; float: left; height: 33px; } #menu_katalog { width: 95px; } #menu_katalog:hover { background: url(/gfx/cat_y.jpg) left top no-repeat; } #menu_preim { width: 126px; } #menu_preim:hover { background: url(/gfx/advan_y.jpg) left top no-repeat; } #menu_podarki { width: 91px; } #menu_podarki:hover { background: url(/gfx/gifts_y.jpg) left top no-repeat; } #menu_skidki { width: 84px; } #menu_skidki:hover { background: url(/gfx/discount_y.jpg) left top no-repeat; } #menu_kredit { width: 92px; } #menu_kredit:hover { background: url(/gfx/credit_y.jpg) left top no-repeat; } #menu_korz { width: 94px; } #menu_korz:hover { background: url(/gfx/cart_y.jpg) left top no-repeat; } #menu_forum { width: 87px; } #menu_forum:hover { background: url(/gfx/forum_y.jpg) left top no-repeat; } */ /* #search_wrapper { height: 23px; margin: 4px 0 0; width: 669px; } #search_text { border: 0 solid green; float: left; font-weight: bold; height: 16px; padding: 1px 0 0 8px; width: 47px; } #search_input { border: none; outline: none; padding: 0 0 0 0; width: 589px; } #search_input_wrapp { float: left; height: 23px; margin-left: 3px; padding-top: 3px; } #search_input_wrapp input { margin-top: -1px; } #search_click { border: 0px solid green; display: block; float: left; height: 23px; width: 19px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #search_input_wrapp {padding: 1px 0 0 0;} } */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /css/nav-h.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ ul#ava-v { position: relative; z-index: 1666; } ul#ava-v, ul#ava-v li { line-height: 100%; list-style-type: none; } ul#ava-v div { display: none; left: 10px; list-style-type: none; position: absolute; top: 10px; } ul#ava-v:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } ul#ava-v li:hover div, ul#ava-v li.iehover div { display: block; } ul#navmenu-v { position: relative; z-index: 666; } ul#navmenu-v, ul#navmenu-v li { line-height: 100%; list-style-type: none; width: 100%; } ul#navmenu-v ul { display: none; left: 140px; list-style-type: none; position: absolute; top: 100px; } ul#navmenu-v ul li { width: 220px; } ul#navmenu-v ul li a { width: 220px; } ul#navmenu-v:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } ul#navmenu-v a { display: block; padding: 2px 6px; text-decoration: none; width: 100%; } ul#navmenu-v > li > a { padding: 4px 6px; } ul#navmenu-v a:hover, ul#navmenu-v li:hover a, ul#navmenu-v li.iehover a { background: #FDAB45; color: #FFFFFF; } ul#navmenu-v li:hover ul, ul#navmenu-v li.iehover ul, ul#navmenu-v ul li.iehover ul { display: block; } ul#navmenu-v li:hover div a:hover, ul#navmenu-v li.iehover div a:hover { background: none repeat scroll 0 0 #FDAB45; color: #FFFFFF; } ul#navmenu-v li:hover div a, ul#navmenu-v li.iehover div a { background: none repeat scroll 0 0 transparent; color: #2C79C6; padding: 1px 6px; padding-bottom: 3px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /css/style.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .redlittle { font-family: 'Arial', Arial; font-size: 9px; font-weight: normal; color: red; line-height: 11px; } .redlittle a:link { font-family: 'Arial', Arial; font-size: 9px; font-weight: normal; color: red; line-height: 11px; text-decoration: underline; } .redlittle a:visited { font-family: 'Arial', Arial; font-size: 9px; font-weight: normal; color: red; line-height: 11px; text-decoration: underline; } .redlittle a:active { font-family: 'Arial', Arial; font-size: 9px; font-weight: normal; color: red; line-height: 11px; text-decoration: underline; } .redlittle a:hover { font-family: 'Arial', Arial; font-size: 9px; font-weight: normal; color: red; line-height: 11px; text-decoration: underline; } .redmid { font-family: 'Arial', Arial; font-size: 10pt; font-weight: normal; color: red; } .plus { font-family: 'Arial', Arial; font-size: 10pt; text-align: left; display: inline-block; } ul { margin: 0; padding:0; } ul li { margin-left: 15px; } ul.main_ul li { background: none; list-style: none; text-align: left; margin: 0; padding:0; } input.button { border: 1px solid #000000; background: #FAFAFA; font-size: 10pt; } div.sample_popup { z-index: 10; display: none;} div.sample_popup div.menu_form_header { border: 1px solid #3399cc; border-bottom: none; background-color: #c4d3d7; width: 520px; height: 24px; line-height: 24px; vertical-align: middle; font-family: 'Arial'; font-size: 13px; color:#000000; cursor: default; } div.sample_popup div.menu_form_body { background-color: #FFFFFF; width: 520px; border: 1px solid #3399cc; } div.sample_popup img.menu_form_exit { float: left; margin: 1px 0px 0px 1px; cursor: pointer; } wbr { display: inline-block; } .inputfield { border: 1px solid #2B587A; margin-top: 1px; } #tabz { display: block; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /css/theme.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .btable-block { margin: 0; padding-bottom: 5px; text-align: left; } .btable-content, .btable6-header { background: #FFFFFF; padding: 0 5px; border-left: 2px solid #C0C0C0; border-right: 2px solid #C0C0C0; } .r1, .r2, .r3, .r4, .r5 { background: #ffffff; border-bottom: 0; border-left: 2px solid #C0C0C0; border-right: 2px solid #C0C0C0; border-top: 0; display: block; height: 1px; margin: 0; overflow: hidden; } .r1 { margin: 0 5px; background: #C0C0C0; } .r2 { margin: 0 4px; background: #C0C0C0; } .r3 { margin: 0 3px; border-width:0 2px; } .r4 { margin: 0 2px; } .r5 { margin: 0 1px; height: 2px; } /* ================================================================================================ ОСНОВНЫЕ СТИЛИ ================================================================================================ */ a, body, /* button, */ div, input, label, option, p, select, span, textarea, ul { font-family: verdana, tahoma, arial, sans-serif; font-size: 13px; margin: 0; padding: 0; text-decoration: none; text-indent: 0; vertical-align: baseline; word-break: break-word; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } button, input, label, option, select, span, ul { display: inline-block; } a { color: #2C79C6; cursor: pointer; display: inline; line-height: 110%; } a:hover { color: #FF4000; text-decoration: none!important; } /* a.btni-info, a.btni-info:hover { background: #FFFFFF; color: #4060D0; } a.info::after { background: inherit; color: inherit; content: '\f05a'; font: 13px "FontAwesome"; } */ .btni-info::before { content: '\f05a'; } body { background: #FFFFFF; min-width: 1100px; width: 100%; } button { cursor: pointer; /* padding: 5px 5px; */ } form { padding: 0; margin: 0; } h1, h2, /*h3, */h4, h5, h6 { font-weight: bold; margin: 5px 0; padding: 0; } h1 { font-size: 20px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 14px; } h5 { font-size: 14px; } h6 { font-size: 13px; } img { border: none; } img.wait { left: 50%; position: fixed; top: 50%; z-index: 1500; } input, select, textarea { outline: none; margin: 0 2px 4px 0; padding: 0 0 0 2px; } textarea { min-height: 60px; min-width: 500px; padding: 2px; } input, select { border: 1px solid #B0B0B0; padding: 1px 2px; width: 180px; } select { padding: 0; max-width: 180px; width: auto; word-break: normal; } /* input[type="button"], input[type="submit"] { padding: 2px 4px; } */ input[type='number'] { width: 60px; } input[type='checkbox'], input[type='radio'] { border: none; margin: 0 2px; padding: 0; width: auto; } input:focus, textarea:focus, select:focus { outline: none; border: 1px solid #56B4EF; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); } input[type='checkbox']:focus, input[type='radio']:focus { -webkit-box-shadow: none; box-shadow: none; } label { margin: 4px 5px 2px 0; vertical-align: top; } option { display: block; } p /* параграф */ { margin: 4px 0; } pre { color: #000000; font-family: courier new; font-size: 10pt; } table /* таблица */ { border-spacing /* cellspacing */: 0; font-size: 100%; padding /* cellpadding */: 0; } td { background-clip: padding-box; padding: 0 5px 5px 0; vertical-align: top; } td.pn { white-space: nowrap; width: 000%; } td.pd { width: 100%; } table.main { border: none; border-collapse: collapse; height: 100%; width: 100%; } table.main td { border: none; } [type="hidden"] { display: none; } .corner { background-image: url('/sys/img/icons.png'); background-position: 0 -164px; background-repeat: no-repeat; border: 0px solid black; display: block; height: 16px; left: calc(100% - 16px); position: absolute; top: calc(100% - 16px); width: 16px; } [class^="icon-fa"] { font-family: "FontAwesome"; } .icon-fa-call { font-size: 18px; margin: 0 0 0 5px; } .icon-fa-mail { color: #FF4000; background: -moz-linear-gradient(top, transparent 0%, #FFCF00 50%, transparent 100%); background: -webkit-linear-gradient(top, transparent 0%, #FFCF00 50%, transparent 100%); background: -o-linear-gradient(top, transparent 0%, #FFCF00 50%, transparent 100%); background: -ms-linear-gradient(top, transparent 0%, #FFCF00 50%, transparent 100%); background: linear-gradient(top, transparent 0%, #FFCF00 50%, transparent 100%); } .discount { } .item_1 .discount { background-color: #FF4000; color: white; font-weight: bold; font-size: 14px; left: 0; padding: 5px 10px; position: absolute; top: 24px; z-index: 1; } /* заголовок страницы */ .header { background: #FFFFFF; background-image: url("/sys/img/site-head-bg.jpg"); background-repeat: no-repeat; height: 83px; padding: 0 0 10px 10px; vertical-align: bottom; } .header > * { } .header * { display: inline-block!important; vertical-align: middle; } .header input:focus { } .header .iconf_caret_d ul { background-color: #FFFFFF; border: 1px solid #999; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); display: none!important; left: 0; padding: 10px; position: absolute; top: 100%; width: 100%; z-index: 10001; } .header .iconf_caret_d:hover ul { display: block!important; } .header .iconf_caret_d ul li { display: block!important; margin: 0; padding: 1px 6px; position: relative; white-space: nowrap; text-shadow: none; } .header .iconf_caret_d ul li a { display: block!important; } /* КНОПКА ПОИСКА */ form > .iconf_search { height: 26px; margin: 0; padding: 0; width: 32px; vertical-align: top; } form > input[type=text] { margin: 0 -4px 0 0; padding: 4px; vertical-align: top; } /* выделенный / отмеченный элемент */ .mark { background-color: #FF4000; color: white; } .profile-info { vertical-align: middle; } .profile-info * { vertical-align: middle; } .profile-info img { max-height: 27px; max-width: 27px; } .profile-info .advn { display: none !important; padding: 10px; } .profile-info:hover .advn { display: block !important; } /* стиль текста для цитирования */ .quote { background: #FAFAFA; border: 1px solid #AAA; color: #777; display: block; font-style: italic; line-height: 100%; margin: 4px 0 0 0; padding: 4px; } /* рейтинг */ [class^=rate], [class^=rate] > * { background: url("/sys/img/icons.png") scroll repeat transparent; display: inline-block !important; line-height: 100%; vertical-align: middle;} .rate { background-position: 0 -80px; height: 16px; vertical-align: middle; width: 80px; } .rate > * { background-position: 0 -64px; height: 16px; width: 80px; } .rate_b { background-position: 0 -130px; height: 34px; width: 170px; } .rate_b > * { background-position: 0 -96px; height: 34px; width: 170px; } .rating {} .rb /* обязат. поле */ { color: red; font-weight: bold; } /* метка сотрудника компании */ .ret_logo, .ret-logo { color: white; background-color: red; padding: 2px; font-weight: bold; font-size: 11pt; margin-right: 5px; } td.fl { width: 190px; padding: 0 5px 0 10px; } /* field left -- левое поле страницы сайта */ td.fl .divider { width: 180px; } td.fm { border-left: 1px solid #C0C0C0 !important; min-width: 680px; padding: 0 10px; } /* field main -- основное поле страницы сайта */ td.fr { max-width: 400px; min-width: 250px; padding: 0 10px; width: 400px; } /* field right -- правое поле страницы сайта */ td.ff { padding: 5px; text-align: center; } /* field foot -- поле подвала страницы сайта */ .city_bann { display: block; margin: 5px 0; text-align: left; } /* баннер на странице города */ /* разделитель в виде градиентной линии */ .divider { background: #A0A0A0; border: none; clear: both; display: block; height: 1px; margin: 5px 0; padding: 0; background: -moz-linear-gradient(left, #A0A0A0, #F8F8F8); background: -webkit-linear-gradient(left, #A0A0A0, #F8F8F8); background: -o-linear-gradient(left, #A0A0A0, #F8F8F8); background: -ms-linear-gradient(left, #A0A0A0, #F8F8F8); background: linear-gradient(left, #A0A0A0, #F8F8F8); } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ СТАНИЦА 404 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .e404 { background-color: #FFFFFF; border: 1px solid #E0E0E0; display: block; margin: 100px auto; padding: 10px; height: 400px; width: 500px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); } .e404 p { display: block; margin: 10px 0; } /* ВЫПАДАЮЩЕЕ МЕНЮ ВЫБОРА ГОРОДА */ /* более не используется .city { position: relative; left: -4px; } .city:hover > ul { display: block; } .city:hover > h2 { background-color: #FF4000; color: #FFFFFF; } .city > h2 { color: #2C79C6; cursor: pointer; font-size: 14px; padding: 2px 4px; } .city > ul { background-color: #FFFFFF; border: 1px solid #999; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); display: none; left: 50%; padding: 10px; position: absolute; top: -30px; z-index: 10001; } .city li { display: block; margin: 0; padding: 1px 6px; position: relative; white-space: nowrap; } .city li > a { display: block; text-decoration: none; } .city li:hover { background: #FF4000; color: #FFFFFF; } .city li:hover > a { color: #FFFFFF; text-decoration: none; } */ /* для совместимости со старой версией -- begin */ .menu > h3 { display: inline-block; margin-right: 5px; } .menu > ul.city { display: inline-block; list-style-type: none; margin: 0; padding: 0; } .menu > ul.city > li, .menu > ul.city > li:hover > ul { display: inline-block; } .menu > ul.city > li > ul { background-color: #FFFFFF; border: 1px solid #999; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); display: none; left: 50%; padding: 10px; position: absolute; top: -20px; width: auto; z-index: 10001; } /* для совместимости со старой версией -- end */ /* ВЫПАДАЮЩЕЕ МЕНЮ ВЫБОРА КАТАЛОГА */ .menu_c { display: inline-block; list-style-type: none; margin: 0 -6px; padding: 0; /* text-shadow: 0px 0px 2px rgba(128,128,128,0.8); */ } .menu_c li { display: block; line-height: 100%; margin: 0; position: relative; } .menu_c li > a { display: block; padding: 4px 6px; text-decoration: none; } .menu_c > li > ul a { margin: 0; padding: 4px; display: inline-block; } .menu_c li:hover { background: #FF4000; color: #FFFFFF; } .menu_c li:hover > a { color: #FFFFFF; text-decoration: none; } .menu_c > li:hover > ul { display: inline-block; padding: 20px 4px; } .menu_c > li > ul { background-color: #FFFFFF; border: 1px solid #999; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); display: none; left: 140px; padding: 4px 20px; position: absolute; top: -32px; width: auto; z-index: 10001;} .menu_c > li > ul > table { position: relative; } .menu_c > li > ul li { line-height: 110%; } .menu_c > li > ul a { display: block; width: 250px; line-height: 110%; } /* СПИСКИ И ИХ ЭЛЕМЕНТЫ */ .list, .head { display: block; } .list table { width: 100%; } .list table td { width: 50%; } .list_1 { border-bottom: 1px solid #E0E0E0; display: block; } /* после отладки переимовать в .item */ .item_1 { background-color: #FFFFFF; border-top: 1px solid #E0E0E0; clear: both; display: block; padding: 5px 0; } .special-offer .item_1 { } [data-kind="card"] .item_1 { display: inline-block; margin: 0 0 1px 0; padding: 10px 2px 5px 2px; vertical-align: top; width: 170px; } .item_1 .descript { background-color: transparent; display: block; } [data-kind="card"] .item_1 .descript { background-color: #FFFFFF; overflow: hidden; padding: 5px 0; text-overflow: ellipsis; width: 100%; word-break: break-word; height: 70px; } /*[data-kind="list"] */ .fr .item_1 .descript { background-color: transparent; display: inline; } .price-box { /* clear: both; */ display: inline-block; } .price-hold { background-color: #FFFFFF; display: inline-block; margin: 0 0 0 5px; } [data-kind="card"] .price-hold { bottom: 5px; display: block; margin: 0; min-height: 22px; position: absolute; width: 100%; } /* аналог .price-hold -- в будущем заменить */ [data-kind="card"] .item_1 .price-box { background: #FFFFFF; display: block; height: 70px; margin: 0; width: 100%; } .offer .price-box > * { display: inline-block; margin: 0!important; vertical-align: middle; } /* .price-diff { border: 1px solid #F00000; border-radius: 4px; color: #FFFFFF; font-size: 18px; padding: 2px 6px; background: #FF0000; background: -moz-linear-gradient(top, #FFD0D0 0%, #FF4040 30%, #FF0000 100%); background: -ms-linear-gradient(top, #FFD0D0 0%, #FF4040 30%, #FF0000 100%); background: -o-linear-gradient(top, #FFD0D0 0%, #FF4040 30%, #FF0000 100%); background: -webkit-linear-gradient(top, #FFD0D0 0%, #FF4040 30%, #FF0000 100%); background: linear-gradient(top, #FFD0D0 0%, #FF4040 30%, #FF0000 100%); } */ .price-over { text-decoration: line-through; font-size: 20px; font-weight: bold; } /* вертикальный отступ от строки с кнопкой "КУПИТЬ" до строки с наличием*/ [data-kind="card"] .item_1 .warning { margin-bottom: 10px; } [data-kind="card"] .item_1 .success { margin-bottom: 10px; } /* будут вынесены в общие стили */ @media (max-width: 2613px) {[data-kind="card"] .item_1 {width: 10.00%; }} @media (max-width: 2442px) {[data-kind="card"] .item_1 {width: 11.11%; }} @media (max-width: 2271px) {[data-kind="card"] .item_1 {width: 12.50%; }} @media (max-width: 2100px) {[data-kind="card"] .item_1 {width: 14.26%; }} @media (max-width: 1929px) {[data-kind="card"] .item_1 {width: 16.66%; }} @media (max-width: 1758px) {[data-kind="card"] .item_1 {width: 20.00%; }} @media (max-width: 1587px) {[data-kind="card"] .item_1 {width: 25.00%; }} @media (max-width: 1416px) {[data-kind="card"] .item_1 {width: 33.33%; }} [class*="thumb"] { display: inline; float: left; margin-right: 8px; text-align: center; } [class*="thumb"] > * { vertical-align: middle; } [data-kind="card"] [class*="thumb"] { display: block; float: none; margin: 0; width: 100%; } .thumb { height: 50px; width: 50px; } .thumb img { max-height: 50px; max-width: 50px; } .thumb-80 { height: 80px; width: 80px; } .thumb-80 img { max-height: 80px; max-width: 80px; } .thumb-100 { height: 100px; width: 100px; } .thumb-100 img { max-height: 100px; max-width: 100px; } .thumb-120 { height: 120px; width: 120px; } .thumb-120 img { max-height: 120px; max-width: 120px; } .thumb-160 { height: 160px; width: 160px; } .thumb-160 img { max-height: 160px; max-width: 160px; } .thumb-var { height: 90px; width: 150px; } .thumb-var img { max-height: 100%; max-width: 100%; } /* **** ЦЕНЫ **** */ .cena { color: #FF0000!important; font-size: 15px; font-weight: bold; white-space: nowrap; } .cena.final::after { content: '*'; color: black; margin-left: 5px; } .price1 { color: #FF0000!important; font-size: 20px; font-weight: bold; white-space: nowrap; } .price3 { color: #FF0000!important; font-size: 13px; font-weight: bold; white-space: nowrap; } .price4 { color: #FF0000!important; font-size: 13px; font-weight: bold; white-space: nowrap; } .cena:hover,.price1:hover, .price3:hover { color: #FF8080!important; } .cena .data:hover { text-decoration: underline; } .cena .data a { color: #FF0000!important; font-size: 15px; font-weight: bold; text-decoration: none; } [data-kind="card"] .price3 { display: inline-block; text-align: left;} .comm .item_1 { border: 1px solid #D0D0D0; margin: 0 0 4px 0; padding: 8px 4px; } .comm .item_1 .attr * { background-color: #FFFFFF; display: inline-block; margin: 0; padding: 0;} .comm .list_1 { border: 1px solid #D0D0D0; padding: 4px 4px 0 4px; background: #F0F0F0; background: -moz-linear-gradient(to right, #F0F0F0, #FFFFFF); background: -o-linear-gradient(to right, #F0F0F0, #FFFFFF); background: -webkit-linear-gradient(to right, #F0F0F0, #FFFFFF); background: linear-gradient(to right, #F0F0F0, #FFFFFF); } .comm .body img { max-width: 300px; max-height: 300px; } /* ВЫПАДАЮЩЕЕ МЕНЮ СПИСКА НАЛИЧИЯ ТОВАРА В ФИЛИАЛАХ */ /* [class^="prod_"] */ .have > .more { position: relative; } /* [class^="prod_"] */ .have > .more > .list { background: #FFFFFF; border: 1px solid #999; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); display: none; left: -7px; top: -7px; min-height: 100px; min-width: 100px; padding: 10px; position: absolute; z-index: 2; } /* [class^="prod_"] */ .have > .more:hover .list { display: block; } /* [class^="prod_"] */ .have > .more .list ul { display: block; } /* [class^="prod_"] */ .have > .more .list ul li { display: table-row; height: 21px; margin: 0; white-space: nowrap; } /* [class^="prod_"] */ .have > .more .list ul li > * { display: table-cell; padding: 1px 4px; vertical-align: middle; } /* .have > .more .list ul li > a[href*=zapros], .have > .more .list ul li > span[class*=plus] { text-align: center; } */ .have > .more .list ul li > *:nth-child(2) { text-align: center; } .have > a { margin-right: 5px; } /* ВСПЛЫВАЮЩЕЕ ОКНО ЭСКИЗА ТОВАРА */ #thumb { background-color: #FFFFFF; border: 1px solid #999; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); display: none; height: auto; left: 0; max-width: 250px; padding: 20px; position: absolute; top: 0; width: auto; /*z-index: 500;*/ } #thumb img { display: block; margin: 0 auto; max-height: 200px; max-width: 200px; } #thumb span { display: block; padding: 10px 0 0 0; } /* ВЫПАДАЮЩИЕ МЕНЮ -- ОБЩИЙ СТИЛЬ (ЭКСПЕРИМЕНТАЛЬНЫЙ, 2013.12.03) */ [class*="drop"] .folder { background-color: #FFFFFF; border: 1px solid #999; border-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.5); color: black; display: none; left: 90%; min-height: 20px; padding: 10px 5px 20px 10px; position: absolute; top: -70px; z-index: 30;} /* специальные предложения */ .spec {display: block; width: 100%;} .spec img, .spec span {margin: 0; padding: 0;} .spec .item { clear: both; display: block; } .spec .item * { display: inline-block; } .spec .list .item img { max-height: 100px; max-width: 100px;} /* .special-offer img { display: block; float: none; margin: auto;} */ .special-offer { margin-bottom: 20px;} .special-offer .detail { background-color: #808080; display: block; min-height: 50px; } /* .special-offer a[href*="anyinf"] { } .special-offer a[href*="anyinf"]::after { content: '...'; display: inline-block; / * margin-left: 5px; * / } */ /* в таблице */ table.spec-offer { width: 100%; } table.spec-offer td { background-color: #FFFFFF; display: table-cell; padding: 5px; } table.spec-offer td.pict { width: 000%; } table.spec-offer td.pict img { max-height: 400px; max-width: 400px; } table.spec-offer td.text { width: 100%; } /* без таблицы */ /* .spec-offer .pict, .main span.pict { display: inline-block; float: left; margin: 0 10px 10px 0; max-height: 400px; text-align: center; width: 400px; } .spec-offer .pict img, .main span.pict img { max-height: 100%; max-width: 100%; } .offer > img { display: inline; float: left; margin: 0 10px 10px 0; max-height: 250px; max-width: 250px; z-index: 1; } */ .offer .pict { display: inline-block; float: left; margin: 0 10px 10px 0; z-index: 10; } /* .offer .pict > img { max-height: 250px; max-width: 250px; } */ .offer .pict > .prev { display: none; left: 110%; padding: 10px; position: absolute; text-align: center; top: -30px; } .offer .pict:hover > .prev { display: block; } @media (max-width: 2613px) {.offer .pict > img { max-height: 500px; max-width: 500px; }} @media (max-width: 2442px) {.offer .pict > img { max-height: 475px; max-width: 475px; }} @media (max-width: 2271px) {.offer .pict > img { max-height: 450px; max-width: 450px; }} @media (max-width: 2100px) {.offer .pict > img { max-height: 425px; max-width: 425px; }} @media (max-width: 1929px) {.offer .pict > img { max-height: 400px; max-width: 400px; }} @media (max-width: 1758px) {.offer .pict > img { max-height: 350px; max-width: 350px; }} @media (max-width: 1587px) {.offer .pict > img { max-height: 300px; max-width: 300px; }} @media (max-width: 1416px) {.offer .pict > img { max-height: 250px; max-width: 250px; }} /* панель инструментов */ /* .tool-band { } .tool-band > * { display: inline-block; vertical-align: middle; } */ .spec-offer .tool-item, /* <- убрать после реализации execOffer */ .offer .tool-item { display: none; } .spec-offer:hover .tool-item, /* <- убрать после реализации execOffer */ .offer:hover .tool-item { display: inline-block; } /* список элементов в файле данных */ .data_sect ul { display: block; } .data_sect li { display: list-item; list-style-type: disc; margin-left: 16px; } .data_sect li a { display: inline-block; padding: 2px 4px; } .data_sect li a:hover { color: #000000; background-color: #FFFF00; } .data_sect li .curr { background-color: #FF4400; color: white; } .menu { padding: 4px 6px; text-align: left; } .menu h2 { display: inline-block; font-weight: normal; margin: 0; padding: 0; } .cm_g {margin-left: 7px !important; } /* стиль элемента меню группы */ .cm_n {font-weight: bold !important; } /* стиль элемента меню надгруппы */ /* стиль вывода элементов каталога */ .catalog ul { width: 100%; } .catalog ul table { border: none; width: 100%; } .catalog ul table td { border: none; width: 50%; } .catalog li { display: list-item; list-style-type: none; margin: 0; padding: 0; text-indent: 0; } .catalog li > ul a { display: inline-block; } /* СПИСОК ФИЛИАЛОВ */ .filials { } .filials > li { display: list-item; list-style-type: none; margin: 2px 0; padding: 0; } .filials li > span[itemprop="address"] { display: none; height: 0; width: 0; } .filials li .shop > * { display: inline; } .filials li.work-time { margin: 2px 0; } .bullet { font-weight: bold; font-size: 100%; } /* .city_list > * { font-size: inherited; font-weight: margin: 0; padding: 0; } */ /* от старой версии */ .main_ul { display: block; width: 100%; } .main_ul li { display: list-item; line-height: 130%; } .main_ul li a { display: block; } .main_ul li ul { width: 100%; } .main_ul li ul div { display: block; width: 100%; } .menu .main_ul li ul { width: auto; } /* ОКНО УПРАВЛЕНИЯ ВИДОМ СПИСКА ПРОДУКТОВ */ /* управление видом отображения списка товаров */ .mgmt, #optn { background-color: white; border: none; display: block; margin: 5px 0; } .mgmt * { display: inline-block; line-height: 22px; } .mgmt option { display: block; padding: 2px 4px; } .mgmt .tool { line-height: 22px; } .mgmt .tool .item { background-color: inherit; border-color: white; border-width: 1px; border-style: solid; margin-right: -1px; } /* page_list -- устаревшая. поменять на page */ .page_list { display: inline-block; } .page_list span { background-color: orange; color: white; padding: 2px 4px; } .page { clear: both; display: block; margin: 5px 0; width: 100%; } .page .number { background-color: #FF4000; color: white; padding: 2px 4px; margin: 0 0 0 -4px; } .page a { padding: 2px 4px; margin: 0 0 0 -4px; } /* вид - карточка */ .prod_card { background-color: #FFFFFF; border: none; border-top: 1px solid #808080; display: inline-block; height: 270px; padding: 10px 2px 5px 2px; vertical-align: top; width: 168px; } .prod_card .pict { display: block; height: 85px; text-align: center; } .prod_card .pict img { max-height: 100%; max-width: 100%; vertical-align: middle; } .prod_card .desc { display: inline-block; height: 80px; overflow: hidden; width: 160px; } .prod_card .desc a { display: inline-block; word-break: break-word; } .prod_card .cena { display: inline-block; height: 30px; } .prod_card .have { display: inline-block; height: 36px; } /* вид - список */ .prod_list { display: block; } .prod_list > * { display: inline; } .prod_list .pict { float: left; min-width: 75px; padding: 5px; text-align: center; } .prod_list .pict img { vertical-align: middle; } .prod_list .desc { display: inline; padding: 0; } .prod_list .cena { display: inline-block; height: auto; margin-top: 18px; } .prod_list .have { display: inline-block; } .band, .tabs-tool { background-color: #FFFFFF; border-bottom: 1px solid #FF4000; display: block; margin-bottom: 4px; } .band *, .tabs-tool * { border: 1px solid #FFFFFF; border-bottom: none; display: inline-block; margin: 0; padding: 4px 10px; } .band a:hover, .tabs-tool a:not([class*="selected"]):hover { background-color: #FFFFF0; border: 1px solid orange; border-bottom: none; text-decoration: none; } .band span, .tabs-tool .selected { background-color: #FF4000; border: 1px solid #FF4000; border-bottom: none; color: #FFFFFF; } /* таблицы списков */ .grid_ex { border-collapse: collapse; display: table; } .grid_ex thead td { background-color: #A0A0A0; font-weight: bold; text-align: center; } .grid_ex td { border: 1px solid #808080 !important; padding: 2px 4px !important; } span.null { color: red; font-family: courier new; font-size: 10pt; font-style: italic; } .prodsrc { margin: 20px 0; } /* для перечней классов и брэндов товаров */ .prod_news { display: block; min-height: 50px; } .prod_news > * { vertical-align: top; } .prod_news .pict { float: left; height: 50px; margin-right: 4px; text-align: center; width: 50px; } .prod_news .pict img { margin: 0 auto; max-height: 50px; max-width: 50px; } .prod_news .call { } .prod_news .href { } .hold { background-color: blue; display: inline-block; height: 100%; margin: 0; padding: 0; vertical-align: middle!important; width: 0; } /* ОТЗЫВЫ */ span.comm { background-color: #FFFFFF; border: 1px solid #D0D0D0; display: block; margin-bottom: 5px; padding: 0; } .comm * { } span.comm .head { display: block; margin: 0; padding: 4px; } /* span.comm .head > * { margin: 0; padding: 0; } */ span.comm .head img { float: left; max-width: 50px; max-height: 50px; padding: 3px 5px; } /* .comm .head .name { width: 85%; } */ span.comm .head .info_1 { background-color: #FFFFE0; border: 1px solid #FFD0D0; display: inline-block; line-height: 100%; padding: 2px 4px; } span.comm .body { background-color: #FFFFF8; display: block; padding: 4px; } span.comm .body img { max-width: 780px; } /* ОТЗЫВЫ -- новая версия */ .comm-list { } .comm-list .head h2 { display: inline-block; } .comm-list .list .item { border: none; border-bottom: 1px solid #A0A0A0; margin: 0 0 10px 0; padding: 0; } .comm-list .item > * { margin: 0!important; padding: 5px; } .comm-list .item > .body { background-color: #FFFFFF; /* border-radius: 0 0 4px 4px; */ } .comm-list .item .quote { background-color: #FFFDF4; border-color: rgb(248, 232, 146); color: rgb(158, 93, 11); } .comm-list .item .quote a { font-style: italic; } .comm-list .item .good { clear: both; min-height: 60px/*90px*/; } .comm-list .item .good a:nth-child(1) { display: block; float: left; height: 50px; margin-right: 10px; text-align: center; width: 90px; } .comm-list .item .good a:nth-child(1) img { max-height: 100%; max-width: 100%; } .comm-list > .list > .item:nth-child(1) { border-top: 1px solid #A0A0A0; } /* отзывы в правой колонке */ .fr > .comm-list > .list > .item { border: none; border-bottom: 1px solid #A0A0A0; /* border-radius: 0; box-shadow: none; */ margin: 5px; } .fr > .comm-list > .list > .item:nth-last-child(1) { border: none; } .fr > .comm-list > .list > .item > .head { min-height: inherit; } .fr > .comm-list > .list > .item > .body img { max-width: 300px; max-height: 300px; } .count { color: #608060; display: inline-block !important; font-weight: bold; } .time { color: #800000; } .error { color: red; } .value { color: blue; } /* ОБЗОРЫ НА WWW.ANYINF.RU */ .overview { border: none; border-spacing: 3px; width: 100%; } .overview td { padding: 0; } .overview img { border: none; max-width: 50px; width: 50px; } /* проверка заказа / рекламации */ .check_cust { border-collapse: collapse; background-repeat: no-repeat; background-position: 0 38px; background-image: url('/gfx/field3.jpg'); height: 25px; width: 180px; } .check_cust td { border: 1px solid gray; vertical-align: middle; } .check_cust .row1 { height: 36px; } .check_cust .row2 { height: 27px; } .check_cust .row2 .edit { width: 159px; } .check_cust .row2 .push { width: 21px; } .check_cust .row2 .number { border: none; margin-left: 6px; outline: none; width: 151px; } .check_cust .row2 .post { cursor: pointer; display: inline-block; height: 25px; width: 21px; } /* ЭЛЕМЕНТЫ МОДАЛЬНЫХ ОКОН */ body > .back { background-color: #808080; display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 15001; } body > .form { background-color: #FFFFFF; border: 1px solid #B0B0B0; display: block; left: 30%; min-width: 40%; min-height: 400px; padding: 10px; position: fixed; top: 10px; z-index: 15002; } /* РЕЗУЛЬТАТЫ ПОИСКА В ГРУППАХ */ .fm .fgrp { display: block; width: 100%; } .fm .fgrp ul, .fm .fgrp ul > table { width: 100%; } .fm .fgrp ul > table td { width: 50%; } .fm .fgrp li { display: list-item; list-style-type: none; } .fm .fgrp li a { padding: 2px 4px; } .fm .fgrp li a.mark:hover { color: yellow; } /* результаты поиска в группах - новое */ ul.founds { display: block; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; -webkit-column-count: 2; column-count: 2; } ul.founds li { display: block; margin: 0; padding: 0; } ul.founds li > a { display: inline-block; padding: 1px 2px; } ul.founds li > a.mark:hover { color: #FFF0F0; } ul.founds li.group { padding-left: 20px; } ul.founds li.super { } ul.founds li.super > * { font-weight: bold; } .fm .list .spec .item * { display: inline; } /* СПИСКИ В ПРАВОЙ ЧАСТИ СТРАНИЦЫ */ .fr > .comm-list, /* отзывы в правой колонке */ .fr .newc, .fr .ques, .fr .news, .fr .revs, .fr .comm { background-color: #FFFFFF; border: 1px solid #A0A0A0; display: block; margin: 5px 0; padding: 0; } .fr > .comm-list > .head, /* отзывы в правой колонке */ .fr .newc .capt, .fr .ques .capt, .fr .news .capt, .fr .revs .capt, .fr .comm .capt { background-color: #FFFFFF; border: none; border-bottom: 1px solid #A0A0A0; display: block; padding: 0 4px; background: -moz-linear-gradient(top, #FFFFFF, #D0D0D0); background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0%, #D0D0D0)); background: -webkit-linear-gradient(top, #FFFFFF, #D0D0D0); background: -o-linear-gradient(top, #FFFFFF, #D0D0D0); background: -ms-linear-gradient(top, #FFFFFF, #D0D0D0); background: linear-gradient(top, #FFFFFF, #D0D0D0); } .capt > h1, .capt > h2, .capt > h3, .capt > h4, .capt > h5, .capt > h6 { display: inline-block; } .fr .news .list, .fr .ques .list, .fr .revs .list, .fr .comm .list, .fr .newc .list { display: block; padding: 4px; } .fr .comm .list { } .fr .newc .list > * { } .fr .revs .list .item { clear: both; display: block; min-height: 50px; } .fr .revs .list .item > * { display: inline; vertical-align: top; } .fr .revs .list .item > a.pict { display: inline-block; float: left; margin: 0 5px 5px 0; text-align: center; width: 50px; } .fr .revs .list .item img { max-width: 50px; max-height: 50px; } .fr .bann_ai { background-image: url(http://www.anyinf.ru/img/bs1.gif); background-position: 0 0; background-repeat: no-repeat; border: 1px solid orange; border-radius: 5px; display: inline-block; height: 46px; margin: 5px 0; vertical-align: bottom; width: 240px; } /* баннер бесплатных объявлений */ .fr .bann_ai_ad { background-image: url(/gfx/anyinf.link.jpg); background-position: 0 0; background-repeat: no-repeat; display: block; height: 60px; width: 276px; } /* =============== */ /* КАРТОЧКА ТОВАРА */ /* =============== */ .fm > .head, .good-card .head, .offer-list .head, .offer .head { margin-bottom: 10px; } /*.fm > .body*/ .fm > .main, .good-card .main { margin-top: 10px; } /* .fm > .body .pict */ .fm > .main .pict, .good-card .main .pict { padding: 5px 15px 5px 0; text-align: center; width: 400px; } /* .fm > .body .pict img */ .fm > .main .pict img, .good-card .main .pict img { max-height: 400px; max-width: 400px; } /* .fm > .body .desc { display: inline; } */ /* .fm > .body span */ .fm > .body span { display: inline; } /* после реализации отключить доп. стили и наследовать начертание, а изменять только weight и size */ /* .fm > .body .cena { font-family: verdana, tahoma, arial, sans-serif; font-size: 17px; } .fm > .body .cena:hover .fm > .main .cena:hover { color: #FF8080; } */ /* .fm > .body .like */ .fm > .main .like { display: block; } /* .fm > .body .like * */ .fm > .main .like * { /*display: inline;*/ } /* карточка товара -- описание */ .fm > .desc { clear: both; display: block; margin-top: 10px; } /* элементы списка в описании */ .fm > .desc ul { display: block; } .fm > .desc ul li { display: list-item; list-style-position: inside; list-style-type: disc; } .fr .offer-list { border: 1px solid #D0D0D0;margin: 5px 0; } .fr .offer-list .head { background-color: #FFFFFF; border: none; display: block; margin: 0; padding: 4px; background: -moz-linear-gradient(top, #FFFFFF, #D0D0D0); background: -ms-linear-gradient(top, #FFFFFF, #D0D0D0); background: -o-linear-gradient(top, #FFFFFF, #D0D0D0); background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0%, #D0D0D0)); background: -webkit-linear-gradient(top, #FFFFFF, #D0D0D0); background: linear-gradient(top, #FFFFFF, #D0D0D0); } .fr .offer-list .head h2 { display: inline-block; margin: 0; } .fr .offer-list .item_1 .thumb-var { height: 50px; width: 50px; } /* карточка товара -- характеристики */ /*.fm > */ .prop { clear: both; display: block; margin-top: 10px; } /*.fm > */ .prop table { border: 1px solid #D0D0D0; border-collapse: collapse; width: 100%; } /*.fm > */ .prop table tr td { border: 1px solid #D0D0D0; border-width: 1px 0; padding: 2px 10px 2px 4px; } /*.fm > */ .prop table thead tr td { background-color: #FFEEBB; font-size: 105%; font-weight: bold; } /*.fm > */ .prop table tbody tr td { } /*.fm > */ .prop table tbody tr td.pn a { cursor: pointer; } /*.fm > */ .prop table tbody tr td.pn { white-space: nowrap; width: 000%; } /*.fm > */ .prop table tbody tr td.pd { width: 100%; } /*.fm > */ .prop table tbody tr td.pg { background-color: #FFEEBB; font-weight: bold; } .prop tr:hover td { background-color: #F0F8FF; } /* карточка товара -- отзывы о товаре */ .fm > .comm { border: 1px solid #A0A0A0; clear: both; display: block; margin-top: 10px; padding: 0; } .fm > .comm > .head { background-color: #FFEEBB; border-bottom: 1px solid #A0A0A0; display: block; padding: 5px; } .fm > .comm .desc { background-color: transparent; border-bottom: 1px solid #A0A0A0; display: block; font-size: 110%; text-align: left; padding: 15px; } .fm > .comm .form { background-color: #FFFFFF; border-bottom: 1px solid #A0A0A0; display: block; padding: 5px; } .fm > .comm .form table { border: 1px solid #FF4000; display: table; width: 100%; } .fm > .comm .form table td { border: 1px solid #FF4000; padding: 1px 2px; } .fm > .comm .list { background-color: #E0E0E0; border: none; padding: 5px; } /* .list > .comm в последствии заменить на .list > .item */ .fm > .comm .list > .comm { padding: 5px; } .fm > .comm .list > .comm > .body { padding: 0; } .fm > .comm .list > .comm > .body .quote, .fm > .comm .list > .item > .body .quote { border: 1px solid #FF4000; border-left: 5px solid #FF4000; border-left-style: double; color: #800000; display: block; font-style: italic; margin: 5px 0; padding: 5px; width: auto; } /* новые стили */ .good-card { } .good-card .micro-layout, td.fm .micro-layout { display: block; height: 0px; position: absolute; width: 0px; } .action .thumb-var::before { background: #ff4000; color: white; content: 'Акция!'; font-size: 14px; font-weight: bold; left: -2px; padding: 5px 10px; position: absolute; top: 24px; z-index: 100; } .iconf-rub { font-size: 90%; } .iconf-rub::after { content: '\f158'; font-family: FontAwesome; font-size: inherit; font-weight: bold; margin-left: 5px; } .comm-insert, .comm-quote { display: inline-block; /* padding: 4px 10px!important; */ } /* добавить, цитировать отзыв */ button { margin-right: 5px; } /* должен быть в общих стилях для последовательностей кнопок */ /* ОКНО ОТЗЫВОВ */ .form { display: none; } .form form.comm { background-color: #F8F8F8; border: 1px solid buttonshadow; padding: 8px; width: 680px; } .form input[type="text"], .form textarea, .form select { padding: 1px 2px; width: 250px; } .form select { padding: 0; height: 22px; width: 256px; } .form select option { padding: 2px 4px; height: 18px; line-height: 18px; } .form textarea { height: 200px; min-width: 400px; min-height: 200px; width: 400px; } .form input[type="text"] { height: 20px; } .form input.code { width: 100px; } .form span[data-name] { display: block; padding: 1px 0 0 0; } .form span[data-name] > span:first-child, .form span[data-name] > label > span:first-child { white-space: nowrap; width: 160px; } .form span[data-reqr="1"] > label > span:first-child:after { color: #FF4000; content: '*'; font-weight: bold; margin-left: 4px; } .form span[data-name="notf"] label > * { height: 22px; line-height: 22px; vertical-align: middle; } /* метка "уведомление о следующем ответе по e-mail" */ .form span[data-name="city"] label > input[type="text"] { border-right-width: 0!important; width: 230px!important; } /* город */ .form span[data-name="city"] label > .city-drop { background-color: #FFFFFF; background-image: url('/gfx/darr-01.gif'); background-repeat: no-repeat; background-position: 0 0; border: 1px solid buttonshadow; border-left-width: 0; cursor: pointer; display: inline-block; padding: 1px 0; height: 20px; width: 20px; vertical-align: top; } .form span[data-name="city"] label > .city-drop:hover { background-position: 0 -20px; } .form span[data-name="city"] label > .city-list { background-color: #FFFFFF; border: 1px solid buttonshadow; position: absolute; left: 382px; padding: 2px 4px; } .form span[data-name="city"] label > .city-list[data-show="0"] { display: none; } .form span[data-name="city"] label > .city-list[data-show="1"] { display: block; } .form span[data-name="city"] label > .city-list .item { cursor: pointer; display: block; padding: 0; } .form span[data-name="city"] label > .city-list .item > * { display: block; width: 238px; } .form span[data-name="city"] label > .city-list .item:hover > *, .form span[data-name="city"] label > .city-list .item[data-curr="1"] > * { color: white; background-color: #4080D0; } .form span[data-name="city"] label > .city-list .item .name { font-weight: bold; padding: 2px 4px 0 4px; } .form span[data-name="city"] label > .city-list .item .area { padding: 0 4px 2px 4px; } /* оценка */ .form span[data-name="vote"] span > label { margin-right: 10px; } .form span[data-name="vote"] span > label > * { display: inline-block; height: 22px; line-height: 22px; vertical-align: middle; } .form span[data-name="vote"] .thumb-up { color: #800000; cursor: default; font-family: FontAwesome !important; font-size: 16px; height: 22px; line-height: 22px; margin: 4px 5px 2px 0; vertical-align: middle; } .form .tool > button { border: none; font-family: FontAwesome !important; font-size: 14px; display: inline-block; height: 24px; /* line-height: 24px; */ margin: 0; /* padding: 0; */ text-align: center; /* width: 24px; */ } .form .tool > button[data-m="1"] { background-color: #404080; color: white; } .form span[data-name="text"] { margin-top: -3px; } .form span[data-name="code"] input { width: 50px; } .form span[data-name="code"] a { display: inline-block; height: 24px; line-height: 24px; } .form span[data-name="code"] a > img { display: inline-block; height: 24px; margin-right: 5px; vertical-align: top; width: 60px; } .form span[data-name="send"] { display: block; margin: 10px 0 0; text-align: center; width: 100%; } .form span[data-name="send"] input[type="submit"] { padding: 4px 10px; } /* ОКНО ОТЗЫВОВ -- новая версия */ form#good-comm { border: 1px solid #999; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); display: block; margin: 10px; padding: 10px; } form#good-comm label { display: inline-block; vertical-align: top; } form#good-comm label > * { vertical-align: top; } form#good-comm textarea { font-family: courier new; min-height: 200px; resize: none; width: 100%; } form#good-comm [data-name="vote"] { margin: 4px 5px 2px 0; } form#good-comm .tool button { display: inline-block; font: 14px "FontAwesome"; height: 24px; line-height: 24px; /* margin-right: 1px; */ min-width: 28px; /* padding: 0; */ text-align: center; width: 24px; } /* form#good-comm [data-require="1"] span::after { content: '*' } */ /* НОВИНКИ -- ВСЕ */ .news .list .item { display: block; } .news .list .item > * { display: inline; font-family: verdana, tahoma, arial; font-size: 13px; float: none; clear: both; } .news .list .item .pict { display: inline; float: left; height: 80px; margin-right: 5px; text-align: center; width: 80px; } .news .list .item .call { display: inline; float: none; font-family: verdana, tahoma, arial; font-size: 13px; vertical-align: baseline; } /* ВАКАНСИИ */ .vacancy li { display: list-item; } .vacancy ul { display: block; } .repos a { color: #4060D0; cursor: pointer; padding: 2px 4px; text-decoration: none; } .repos a:hover { color: #FFFFFF; background-color: #FF4000; } .repos li { display: block; } .repos .text { display: none; } .repos textarea { font-family: courier new; } /* ЛИЦЕНЗИИ, СЕРТИФИКАТЫ */ .sert { width: 100%; } .sert td { padding: 2px; } .sert thead td { font-size: 110%; font-weight: bold; padding: 20px 0; text-align: center; } .sert td.sf, .sert td.sc { white-space: nowrap; } .sert img { max-height: 50px; max-width: 50px; } /* РЕАЛИЗОВАННЫЕ ПРОЕКТЫ, МЫ ПОМОГАЕМ */ .firm, .proj .firm { color: #408040; } .proj .desc, .help .desc { color: #000000; padding: 0; } /* ВАКАНСИИ */ .jobs p, .jobs > div { display: block; margin: 8px 0; } .jobs ul { display: block; } .jobs li { display: list-item; list-style-type: disc; } /* ПРЕИМУЩЕСТВА */ .plus p, .plus h1, .plus h2, .plus h3 { display: block; margin: 8px 0; } .plus ul { display: block; } .plus li { display: list-item; list-style-type: disc; } /* ПОДАРКИ */ .gift td { padding: 2px 4px; } .gift .capt { font-size: 110%; padding: 8px 4px; } /* СКИДКИ */ .discount ul { display: block; } .discount li { display: list-item; list-style-type: disc; } .discount .card { float: left; margin-right: 10px; } /* ТЕСТИРОВАНИЕ ШРИФТА FontAwesome */ .test { font-family: FontAwesome; } .test span { border: 1px solid #E0E0E0; cursor: default; display: inline-block; font-family: FontAwesome !important; font-size: 24px; margin: 1px; padding: 1px; text-align: center; width: 100px; } .test span:hover { border-color: #FF0000; color: #800000; } /* ИНФОРМАЦИЯ О ФИЛИАЛАХ */ .transport { border: none; border-collapse: collapse; display: none; } .transport td { background-color: #FFFFFA; border: 1px solid #FF4000 !important; padding: 2px 4px; } .transport .kind td { background-color: #FFE080; text-align: center; } .transport td.area { border: none !important; font-size: 110%; font-weight: bold; padding: 16px 4px 6px; text-align: left; } .transport td.numb { color: #800000; font-weight: bold; max-width: 50px; text-align: right; width: 50px; } .transport td.path { color: #000080; max-width: 550px; width: 550px; } .transport td.stop { color: #000000; width: 200px; max-width: 200px; } .shop-info { /* max-width: 800px; */ } .shop-info img.shop-view { max-height: 170px; max-width: 230px; } .shop-info img.shop-scheme { max-height: 410px; max-width: 600px; } .shop-info td.main { width: 650px; } .shop-info td.view { width: 500px; } /* ИНФОРМАЦИЯ О ФИЛИАЛАХ -- LANDMARKS */ .lm { margin-left: 20px; } .shop-test-list { background-color: #FFFFFF; border: 1px solid #000000; display: block; left: 50%; opacity: 0.5; padding: 0; position: fixed; top: 50px; width: 500px; z-index: 1000; } .shop-test-list:hover { opacity: 1.0; } .shop-test-list .head { background-color: #4060A0; color: #FFFFE0; cursor: move; display: block; padding: 4px 10px; } .shop-test-list .body { display: block; padding: 10px; } /* ОКНО ОТПРАВКИ СООБЩЕНИЯ ОБ ОШИБКЕ */ /* .mesage-error { min-width: 0; } */ .message { border: 1px solid #DD4000; display: block; padding: 1px; } .message p { display: block; margin: 6px 0; } .message .capt { background-color: #FF4000; border: 1px solid #DD4000; color: #FFFFF0; display: block; font-weight: bold; padding: 8px 4px; } /* удалить после реализации site-error */ .message .capt a { background-color: #FFFFFF; border-radius: 8px; display: inline-block; float: right; font-weight: normal; padding: 1px 16px; } .message .body { background-color: #FFFFFF; border: 1px solid #DD4000; display: block; margin-top: 1px; padding: 8px 4px; } .message .error { color: #FF0000; background: #FFFF80; } .message .cite { background-color: #F8F8F8; border: 1px solid #A0A0A0; font-style: italic; padding: 8px 4px; } .message textarea, .message input[type="text"] { /* border: 1px solid rgb(51, 153, 204); */ } .message .ctrl { text-align: center; } .message #form {width: 100%;} /* СПИСОК ТОВАРОВ И СПЕЦИАЛЬНЫХ ПРЕДЛОЖЕНИЙ (ТЕСТИРОВАНИЕ) */ div.good div.list[data-kind="card"] span.item { background-color: #FFFFFF; border-top: 1px solid #D0D0D0; display: inline-block; height: 270px; width: 160px; margin: 5px 0 0 0; padding: 10px 5px 5px 5px; vertical-align: top; } div.good div.list[data-kind="card"] span.item img { display: block; float: none; margin: 10px auto; text-align: center; vertical-align: middle; } [class^="faw-"] { font-family: FontAwesome; } .iconf_del { color: #FF8080; background: #FFFFFF; border-color: red; border-width: 0; } .iconf_del:hover { color: #FF0000; background: #FFFFFF; border-width: 0; } .iconf_del::before { content: '\f00d'; font: 17px "FontAwesome"; } #doc-info { display: none; } /* РАЗМЕЩЕНИЕ ЭЛЕМЕНТОВ В ВИДЕ ТАБЛИЦЫ (TEST) */ .list_t { display: table; } .list_t > .item { display: table-row; } .list_t > .item > .cell { display: table-cell; padding: 1px; vertical-align: top; } .pn { font-weight: bold; width: 30%; } .pv { width: 70%; } /* КРЕДИТЫ */ .credits h1 {display: block; margin: 0 0 20px;} .credits p {display: block; margin: 20px 0;} .credits table {border: 1px solid #2C79C6; border-collapse: collapse; margin: 20px 0;} .credits table td {border: 1px solid #2C79C6; vertical-align: top; } .credits table thead tr td {background-color: #D3E3EF; color: #2040A0; font-weight: bold; padding: 16px 4px 8px;} .credits table tbody tr td {background-color: #FFFFFF; padding: 2px 4px;} .credits ul {display: block; margin: 20px 0;} .credits ul li {text-indent: -13px;} .credits [class*="table"] td:nth-last-child(1) {text-align: right;} /* данные в отчетах */ .report table { border-collapse: collapse; } .report table td { border: 1px solid #FF4000; padding: 1px 4px; } .report table td, .report table td * { font-size: 11px; } .report table thead td { background-color: #FFF8F8; font-weight: bold; padding: 10px 4px; text-align: center; } .report table tbody td.ordr { color: #000000; display: table-cell; text-align: right; } .report table tbody td.ordr::after { content: '.' } .report table tbody td.date { color: #804020; display: table-cell; text-align: right; white-space: nowrap; } .report table tbody td.href { display: table-cell; white-space: nowrap; } .report table tbody td.us-a { background-color: #FFFFE8; text-align: right; white-space: nowrap; } .report table tbody td.us-c { background-color: #FFFFD8; } .report .head > * { display: inline-block; vertical-align: middle; } .nw { white-space: nowrap; } /* СПИСКИ И ИХ ЭЛЕМЕНТЫ */ .sg { background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0%, #E0E0E0)); background: -moz-linear-gradient(top, #FFFFFF, #E0E0E0); background: -webkit-linear-gradient(top, #FFFFFF, #E0E0E0); background: -o-linear-gradient(top, #FFFFFF, #E0E0E0); background: -ms-linear-gradient(top, #FFFFFF, #E0E0E0); background: linear-gradient(top, #FFFFFF, #E0E0E0); background-color: #E0E0E0; } .grid { background-color: #FFFFFF; border: 1px solid #E0E0E0; margin: 4px 0; padding: 1px; } .grid .item_1 { border: 1px solid #E0E0E0; margin-top: 1px; } .grid .head { border: 1px solid #E0E0E0; display: block; padding: 0 4px; /* background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0%, #E0E0E0)); background: -moz-linear-gradient(top, #FFFFFF, #E0E0E0); background: -webkit-linear-gradient(top, #FFFFFF, #E0E0E0); background: -o-linear-gradient(top, #FFFFFF, #E0E0E0); background: -ms-linear-gradient(top, #FFFFFF, #E0E0E0); background: linear-gradient(top, #FFFFFF, #E0E0E0); */ } .grid .page { background-color: #FFFFFF; border: 1px solid #E0E0E0; display: block; padding: 4px; width: 100%; } table.grid { border-collapse: collapse; margin: 0; } table.grid td { border: 1px solid #D0D0D0; padding: 2px 4px; } table.grid td.pn { white-space: nowrap; width: 000%; } table.grid td.pv { width: 100%; } table.grid td.ph { background-color: #FFFFF0; color: #206080; font-size: 14px; font-weight: bold; padding: 8px 4px 4px; } .area .list_1 .item_1 { /*border: 1px solid #E0E0E0; */ margin-top: 1px; padding: 2px 4px; } .area .list_1 .item_1 .head { border: none; min-height: 50px; } .area .list_1 .item_1 .info_1 { background-color: #FFFFF0; border: 1px solid #FFF8E0; display: block; line-height: 100%; padding: 2px 4px; } .area .list_1 .item_1 .body { min-height: 0; padding: 4px 4px 20px 4px; } .area .list_1 .item_1 .text { background-color: transparent; padding: 4px 0; } .date { color: #800000; display: inline; } /* класс отображения времени / даты */ .good { background-color: #FFFFFF; clear: both; display: block; padding: 4px; } /* класс отображения данных о товарах в списке отзывов */ .user { background-color: #FFE0B0; clear: both; display: block; padding: 4px; } /* класс отображения данных пользователя (как минимум - в книге отзывов) */ .text { background-color: #FFFFF0; clear: both; display: block; padding: 4px; } /* класс отображения текста сообщения (как минимум в книге отзывов) */ .newx { background-color: #FFFFFF; clear: both; display: block; padding: 4px; height: 58px; } .desc { background-color: #FFFFFF; clear: both; display: block; padding: 4px; } .rest-80 { background-color: #FFFFFF; clear: both; display: block; padding: 4px; height: 86px; } .super { font-weight: bold; padding: 4px 0;} .group { width: 100%; display: table;} .column { /*background-color: green;*/ width: 50%; display: table-cell; vertical-align: top; /*opacity: 0.8;*/ padding: 0 10px; /*position: relative;*/} .high { font-weight: bold; color: #FF0000; background-color: #FFFF00;} .require::before { color: #FF4000; content: '*'; font-weight: bold; margin-right: 4px;} .font-red { color: #FF0000;} label.area-captcha { } label.area-captcha * { display: inline-block; margin: 0 6px 0 0; max-height: 20px; vertical-align: middle;} #dinamic-form { border: 1px solid #D0D0D0; background-color: #F0F0F0; display: none; padding: 15px; } .warn { background-color: #FFFFF8; background-image: url('/sys/img/icon-warning.png'); background-position: 10px center; background-repeat: no-repeat; border: 1px solid #FF0000; color: #800000; padding: 20px 20px 20px 50px;} /* область проверки заказов */ .order-check { border: none; display: block; margin: 4px 0 0 0; padding: 0; } .order-check * { display: inline-block; height: 26px; vertical-align: top; } .order-check input { width: 150px;} /* ЗАКАЗ УВЕДОМЛЕНИЯ О ПОСТУПЛЕНИИ ТОВАРА -- ФОРМА */ #query { display: block; margin: 10px 0; padding: 10px; width: 100%; } #query label > * { display: inline-block; vertical-align: middle; } #query .good > * { display: inline-block; vertical-align: top; } .fm .head #path > *, .fm .head .path > * { display: inline; } .fm .head #path > a, .fm .head .path > a { font-weight: bold; } /* АНАЛОГИ */ .analog-list h3 { display: inline-block; } .analog-list .line { border: 1px solid #D0D0D0; display: block; max-height: 86px; margin-top: 4px; overflow: hidden; width: 100%; } .analog-list .item { padding: 2px; } .analog-list .item img { vertical-align: middle; } /* новости компании */ .period { /* font-style: italic; font-family: times new roman; */ text-transform: lowercase; font-size: 19px; display: inline-block; /* float: right; color: darkblue; */ } .firm-news { border-bottom: 1px solid #DDD!important; width: 100%; } .firm-news .item_1 { margin-bottom: 16px; } .firm-news .sg { padding: 8px; } .firm-news .sg > * { display: inline; } .firm-news .sg .date { margin-right: 10px; } .firm-cals { /* max-width: 100px; */ width: 100px; } .news-period { } .news-period .curr { cursor: pointer; padding: 2px 4px; text-align: center; } .news-period .list { display: none; left: 0px; min-width: 60px; padding: 4px; position: absolute; /* top: 0px; */ width: 100%; } .news-period .list > * { display: block; } .news-period .list a, .news-period .list b { padding: 2px 10px; text-align: center;} .news-period .list b { font-weight: normal; color: #FFFFF0; background-color: #4060A0;} .news-period .list a:hover { color: #FFFFF8; background-color: #FF4000; } .news-period:hover .list { display: block; } .news-months { background: white; border: 1px solid #999; border-radius: 5px; /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); */ margin: 2px 0 0 0; padding: 4px; } .news-months a, .news-months b { display: block; padding: 2px 10px; } .news-months b { font-weight: normal; color: #FFFFF0; background-color: #4060A0;} .news-months a:hover { color: #FFFFF8; background-color: #FF4000; } /* для тем */ #commentshow td * { background: transparent; display: inline; padding: 0; } #commentshow td [id*="post"] { display: block; padding: 8px; } #commentshow td .quote { display: block; padding: 8px; margin: 8px 0; font-style: italic; } .tabs-body { border: none; padding: 10px 2px; } .tabs-body > div { display: none; min-height: 100px; } .tabs-body > .selected { display: block; } /* ТЕСТОВАЯ ИНФОРМАЦИЯ */ #test-push { background: url('http://envork.com/images/eye.png') 0 0 no-repeat; color: #2C79C6; cursor: pointer; display: inline-block; float: right; font-weight: bold; height: 20px; line-height: 20px; padding-left: 24px; z-index: 100001; } #test-push:hover { color: #FF4000; } #test-info { background-color: #F8F8F8; border: 1px solid #A0A0A0; display: block; padding: 4px; position: absolute; width: 50%; opacity: 1; right: 25px; top: 50px; word-break: break-all; z-index: 200; -moz-box-shadow: 0 0 30px rgba(0,0,0,0.9); -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.9); box-shadow: 0 0 30px rgba(0,0,0,0.9); } #test-info .value { color: #A02040; } #test-info .pn { padding-left: 20px; } #test-menu { position: absolute; top: 10px; background-color: #FFFFFF; border: 1px solid #DDD; padding: 10px; right: 25px; z-index: 1000000; } #test-menu > span { cursor: pointer; } #test-menu .list { border: 1px solid #DDD; display: none; left: -125px; background: #FFFFFF; padding: 10px; position: absolute; width: 250px; z-index: 1000001; } #test-menu:hover { background-color: #F0F0F0; } #test-menu:hover .list { display: block; } #test-menu .list .item > * { display: inline-block; vertical-align: middle; } #test-menu .list .item > img { margin-right: 10px; } /* СТИЛИ ОБЛАСТИ СПИСКА СОВМЕСТИМЫХ ТОВАРОВ В КАРТОЧКЕ ТОВАРА */ a.new-win { display: none; float: right; } div[class^="comp-"] { border: 1px solid transparent; clear: both; margin: 5px 0; padding: 0; } div[class^="comp-"] .head { margin: 0; padding: 5px; } div[class^="comp-"] .head:hover { background: #F8F8F8; } div[class^="comp-"] .head:hover a.new-win { display: inline; } div[class^="comp-"] .body { margin: 0; padding: 5px; min-height: 200px; max-height: 400px; } /* вкладки панели bootstrap */ .nav-tabs { border-bottom: 1px solid #FF4000; clear: both; width: 100%; } .nav-tabs > a { border: 1px solid transparent; border-radius: 4px 4px 0 0; display: inline-block; margin-bottom: -1px; padding: 10px 15px; } .nav-tabs > a:hover { background-color: #FFFFF0; border-color: orange; border-bottom-color: #FF4000; } .nav-tabs > a.active { background-color: #FF4000; border: 1px solid #FF4000; border-bottom-color: transparent; color: #FFFFFF; cursor: default; } /* информация о ResultSet */ .rs-info { border-collapse: collapse; } .rs-info td { border: 1px solid #A0A0A0!important; padding: 2px 4px; } .rs-info td:nth-child(1), .rs-info td:nth-child(2), .rs-info td:nth-child(3) { white-space: nowrap; width: 000%; } .rs-info td:nth-child(1) { font-weight: bold; text-align: right; } .rs-info td:nth-child(1):after { content: '.'; } .rs-info td:nth-child(4) { width: 100%; } /* #wait { text-align: center; } */