Vaccina (14 Февраль 2015 - 02:16) писал:
- Форум владельцев интернет-магазинов
- → Публикации vadim777
Публикации vadim777
289 публикаций создано vadim777 (учитываются публикации только с 22-Май 23)
#187851 Размер Изображения
Отправлено от vadim777 в 18 Февраль 2015 - 01:31 в Страница товара
#187850 Проблема В Мобильной Версии
Отправлено от vadim777 в 18 Февраль 2015 - 01:29 в Изменение общей стилистики
Vaccina (14 Февраль 2015 - 02:35) писал:
#187317 Проблема В Мобильной Версии
Отправлено от vadim777 в 14 Февраль 2015 - 00:10 в Изменение общей стилистики
#187316 Размер Изображения
Отправлено от vadim777 в 14 Февраль 2015 - 00:07 в Страница товара
#187299 Размер Изображения
Отправлено от vadim777 в 13 Февраль 2015 - 19:38 в Страница товара
#186998 Проблема В Мобильной Версии
Отправлено от vadim777 в 11 Февраль 2015 - 11:38 в Изменение общей стилистики
Vaccina (11 Февраль 2015 - 00:36) писал:
http://forum.storela...бильной-версии/
#186909 Проблема В Мобильной Версии
Отправлено от vadim777 в 10 Февраль 2015 - 18:04 в Изменение общей стилистики
Taisia (10 Февраль 2015 - 14:02) писал:
так же уточните, пожалуйста, какие ОС использовались ? Мы тестировали на Android
#186867 Проблема В Мобильной Версии
Отправлено от vadim777 в 10 Февраль 2015 - 13:26 в Изменение общей стилистики
Taisia (10 Февраль 2015 - 12:30) писал:
Если сайт полностью загрузился - меню работает.
тестировалось на нескольких телефонах.
#186853 Проблема В Мобильной Версии
Отправлено от vadim777 в 10 Февраль 2015 - 11:52 в Изменение общей стилистики
RayLi (10 Февраль 2015 - 11:32) писал:
Возможно сайт просто, при первом заходе, не до конца прогрузился, в связи с этим меню и не открывалось. Отмечу, что ваш сайт у нас открывается абсолютно корректно, в том числе с рабочим меню на мобильной версии. Уточните, пожалуйста, на данный момент у вас проблема остаётся?
#186848 Проблема В Мобильной Версии
Отправлено от vadim777 в 10 Февраль 2015 - 11:20 в Изменение общей стилистики
#186287 Изменения
Отправлено от vadim777 в 06 Февраль 2015 - 13:43 в Изменение общей стилистики
#186285 Изменения
Отправлено от vadim777 в 06 Февраль 2015 - 13:37 в Изменение общей стилистики
#186281 Изменения
Отправлено от vadim777 в 06 Февраль 2015 - 13:29 в Изменение общей стилистики
#186277 Изменения
Отправлено от vadim777 в 06 Февраль 2015 - 13:16 в Изменение общей стилистики
RayLi (06 Февраль 2015 - 13:05) писал:
Попробуйте сделать следующее:
В шаблоне main.css найдите код:
@media screen and (max-width: 720px) .left-sidebar div.search { padding-right: 0; width: 48%; }И замените его вот этим кодом:
@media screen and (max-width: 720px) .left-sidebar div.search { padding-right: 0; width: 55%; margin: 0 auto; float: none; overflow: hidden; }
вот мой код:
/* Подключение сторонних шрифтов */ @font-face { font-family: "Lato"; /* Имя шрифта */ } /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 14px; font-family: 'Lato', 'Calibri', Arial, sans-serif; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { max-width: 100%; font-size: 13px; line-height: 140%; } html,body { overflow-x: hidden; width: 100%; background-color: #2C3E50; color: #34495e; font-family: 'Lato', Calibri, Arial, sans-serif; -webkit-font-smoothing: antialiased; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { position: relative; min-width: 100%; border-spacing: 0; border-collapse: collapse; } thead,tfoot,tbody { width: 100%; } tr { width: 100%; } iframe { margin-bottom: 10px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { box-shadow: none; } h1, h2, h3, h4, h5, h6 { text-transform: none; font-weight: 400; font-family: 'Lato', Calibri, Arial, sans-serif; } h1 { font-size: 25px; line-height: 125%; } h2 { font-size: 120%; line-height: 125%; } h3 { font-size: 20px; line-height: 125%; } h4 { margin-bottom: 0.5em; font-size: 16px; } .htmlDataBlock h1 { font-size: 24px; } .htmlDataBlock h2 { font-size: 20px; } .htmlDataBlock h3 { font-size: 18px; } .htmlDataBlock h4 { font-size: 16px; } .htmlDataBlock h5 { font-size: 14px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; padding: 4px 6px; height: 20px; border: 1px solid #34495E; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #555555; font-size: 13px; line-height: 20px; } input, textarea { width: 210px; } textarea { height: auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { padding: 2px 12px; border: 1px solid #34495E; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; color: #34495e; font-size: 15px; font-family: "Lato", Helvetica, Arial, sans-serif; line-height: 1.367; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear; -webkit-appearance: none; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline: 0; outline: thin dotted \9; /* IE6-9 */ } input[type="radio"], input[type="checkbox"] { /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; cursor: pointer; *margin-top: 0; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; line-height: 30px; /* For IE7, add top margin to align select with labels */ /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; } select { width: 220px; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } button, input, select, textarea { margin: 0; vertical-align: middle; background-color: white; } button, input { line-height: normal; *overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* Отключаем стрелочки у полей number */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } input[type="radio"], input[type="checkbox"] { /* outline: initial !important; */ /* outline-offset: initial !important; */ margin: initial; width: 1em !important; background-color: rgb(52, 73, 94) !important; } img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } a { color: #16a085; text-decoration: none; -webkit-transition: 0.25s; transition: 0.25s; } a:hover, a:focus { color: #1abc9c; text-decoration: none; } hr, #hr { /* opacity: 0; */ margin-bottom: 14px; border-top: 1px solid #ECF0F1; border-top-style: solid; border-top-color: #ECF0F1; border-bottom: 1px solid #ffffff; border-bottom-style: none; } td, td img { vertical-align: top; } tr, td, th { padding: 4px; } .table th, .table td, .table tfoot { border-top: 1px solid #eeeeee; } .clr { clear: both; } .fleft { float: left; } .fnt11 { font-size: 88%; } .fnt12 { font-size: 90%; } .b { font-weight: normal; } .black { color: black; } .hidden { display: none; } .visable { display: block; } .inlineBlock { display: inline-block; } .txtalgncnt { text-align: center; } .txtalgnlft { text-align: left; } .txtalgnrht { text-align: right; } .sblock { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Настройки максимальных размеров генерируемых изображений */ .goods-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px} .goods-image-icon-square {width:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px;height:{SETTINGS_GOODS_IMAGES_SIZE_ICON}px} .goods-image-small {max-width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px} .goods-image-small-square {width:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px; height:{SETTINGS_GOODS_IMAGES_SIZE_SMALL}px} .goods-image-medium {max-width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px} .goods-image-medium-square {width:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_MEDIUM}px} .goods-image-other {max-width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px} .goods-image-other-square {width:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_OTHER}px} .goods-image-large {max-width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px} .goods-image-large-square {width:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px; height:{SETTINGS_GOODS_IMAGES_SIZE_LARGE}px} .goods-cat-image-icon {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px} .goods-cat-image-icon-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_ICON}px} .goods-cat-image-medium {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px} .goods-cat-image-medium-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px} .goods-cat-image-other {max-width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; max-height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px} .goods-cat-image-other-square {width:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px; height:{SETTINGS_GOODS_IMAGES_SIZE_CAT_OTHER}px} /* END Настройки максимальных размеров генерируемых изображений */ div.warning, .content label.error { position: relative; clear: both; margin: 1em auto 1em auto; padding: 1% 1% 1% 3em; border: 1px solid #39b3d7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /*background: url("{ASSETS_IMAGES_PATH}icon_ok_white.png") no-repeat 10px 9px;*/ background: url("{ASSETS_IMAGES_PATH}icons2.png") no-repeat 10px -471px; background-color: #39b3d7; color: #fff; font-weight: normal; font-size: 16px; } .error.orange { border: 1px solid #ebebeb; background: url("{ASSETS_IMAGES_PATH}icons2.png") no-repeat 10px 5px; background-color: #ebebeb; color: #34495e; font-size: 14px; padding-top: 10px; margin-bottom: 14px; margin-top: 10px; padding-bottom: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .content div.error { border: 1px solid #2ECC71; background-color: #2ECC71; background-position: 10px -458px; color: white; padding-left: 43px; } .error.orange .error-title { color: white; font-weight: bold; } .error.orange .error-title span { font-size: 18px; } input.error { margin: 0; background: none; } label.error, #quickformblock label.error { position: static; display: inline-block; margin: 0; padding: 2px 2px 2px 30px; min-width: 40px; width: 92%; border: 0; background: url("{ASSETS_IMAGES_PATH}icons2.png") no-repeat 5px -7px; color: #d2322d; font-size: 13px; } .error-text a, .copyrightFor a { color: #ECF0F1; text-decoration: underline; } .error-text a:hover, .copyrightFor a:hover { color: white; } .htmlDataBlock a { text-decoration: underline; } .content a.btn { text-decoration: none; } /* End of Eric Meyer's CSS Reset */ .catalogList.hideBar .block-content { overflow: hidden; margin: 0; padding: 0; } .catalogList.hideBar .block-title { margin-left: 10px; color: #1abc9c; } .catalogList.hideBar { display: block; padding: 1em 0em 4em 0em; height: auto; } .catalogList.hideBar .block-content li .oneList { display: inline-block; padding: 5px 0px 5px 10px; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .catalogList.hideBar .block-content li .oneList:hover { background-color: #2C3E50; color: #1abc9c; } .catalogList.hideBar .block-title.last-child { margin-top: 15px; } .catalogList.hideBar .block-content li a.selected { } .catalogList.hideBar .block-content ul.head li { display: inline-block; padding: 5px 0px 5px 10px; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .catalogList.hideBar .block-content ul.head li:hover { background-color: #2C3E50; color: #1abc9c; } .sb-slidebar.sb-left .catalogList a { display: inline-block; min-width: 50%; height: 100%; color: white; } .sb-slidebar.sb-left .catalogList strong a { color: #16a085; } .sb-slidebar.sb-left .catalogList strong a:hover { color: #1abc9c; } .hideBar .accordion em.open-close { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px 5%; margin-top: 0.5em; padding: 0px 7px; height: 1.5em; border-radius: 13px; background-color: initial; background-position: -9px -36px; } .hideBar .accordion .active > span em.open-close { background-position: -38px -35px; } #sb-site.wrapper { position: relative; z-index: 0; margin: 0 auto; min-width: 305px; min-height: 100%; height: auto; background-color: #2C3E50; } #sb-site, .sb-slidebar.sb-left { padding-top: 45px; /* Отступ сверху для того чтобы сайт не прятался под фиксировонным меню*/ } .sb-slidebar.sb-left { background-color: #2C3E50; } /* Header -----------------------------------------------------------------------------*/ .header { position: absolute; position: fixed; top: 0; left: auto; z-index: 1024; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; min-width: 100%; width: auto; height: 45px; background-color: #f5f5f5; opacity: 0.7; } /* Если это устройство не поддерживает fixed */ html.sb-android .header { position: absolute; } /* Middle -----------------------------------------------------------------------------*/ .middle { position: relative; overflow: hidden; margin-top: -45px; padding: 0; padding-top: 45px; padding-bottom: 18px; width: 100%; height: 100%; background-color: white; } .middle:after { display: table; clear: both; content: ''; } .container { position: relative; float: right; overflow: hidden; width: 74%; height: 100%; } .content { position: relative; display: block; padding: 1% 1% 1% 1%; height: 100%; } /* Left Sidebar -----------------------------------------------------------------------------*/ .left-sidebar { float: left; overflow: hidden; padding: 0% 1% 0% 1%; width: 23%; } /* Footer -----------------------------------------------------------------------------*/ /****************************************************************************** Footer Подвал *******************************************************************************/ #footer { color: #7f7f7f; margin: 0; overflow-x: hidden; background: #F5F5F5; }#footer .widget p {margin: 0 0 16px;color: #7f7f7f;} #footer .footer-top {background: #f2f2f2;font-size: 12px;line-height: 21px;padding: 50px 0 13px;} #footer .sidebar .widget:nth-child(4n+1) {clear: left;} #footer .sidebar .widget { margin-bottom: 30px; display: block; margin: 0 1% 80px; float: left; width: 270px; }#footer .sidebar .widget .footer-header {border-bottom: 1px solid #e1e1e1;margin: 0 0 15px;padding: 0 0 12px;position: relative;} #footer .sidebar .widget .footer-header:before {display: none;} #footer .sidebar .widget .footer-header .title {color: #1e1e1e;font-size: 16px;font-weight: normal;line-height: 1.3;text-transform: uppercase;margin:0;} #footer .footer-contact [class^="icon-"] {padding-right:10px;font-size:16px;vertical-align: text-bottom;} #footer .footer-contact .footer_icq img {margin-right:5px;width:16px;height:16px;vertical-align: text-bottom;} #footer .sidebar .widget ol, #footer .sidebar .widget ul {list-style: none;margin-left: 0;padding-left: 0;} #footer .sidebar .links li {line-height: 21px;} #footer .sidebar .links a {color: #7f7f7f;text-decoration: none;-webkit-transition: color .2s linear;transition: color .2s linear;} #footer .sidebar .links a:hover {color: #000;-webkit-transition: color .2s linear;transition: color .2s linear;} #footer .footer-bottom {background: #f7f7f7;border-top-width: 1px;border-color: #e1e1e1;font-size: 11px;line-height: 17px;padding: 21px 0 20px;} #footer .phone, #footer .address {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 34px;position: relative;} #footer .footer-icon {color: #c6c6c6;left: 16px;position: absolute;top: 0;} #footer .footer-icon:before {font-size: 20px;line-height: 18px;width: auto;} #back-top .up {background: #c6c6c6;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: block;float: right;height: 40px;text-align: center;width: 40px;-webkit-transition: all .2s linear;transition: all .2s linear;position:fixed;bottom:60px;right:50px;} #back-top .up:hover {background: #00c59c;-webkit-transition: all .2s linear;transition: all .2s linear;} #back-top .up .icon-arrow-up2 {font-size: 18px;color: #fff;margin: 10px 0 0 -0.5px;vertical-align: top;display: inline-block;position: relative;} #footer .sidebar .callback .submit {background: #00c59c;color: #fff;height: 38px;outline: none;display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;box-shadow: none;text-shadow: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;filter: none;-webkit-transition: background .2s linear, color .2s linear;transition: background .2s linear, color .2s linear;} #footer .sidebar .callback .submit:hover {background-color: rgba(0,197,156,.8);} #footer .sidebar .callback form {margin: 5px 0 0;position: relative;} #footer .widget.links-news span {float: right;font-size: 90%;} #footer .widget.links-news ul li {padding:3px 0;display: inline-block;width: 100%;} #footer .callbackForm div {margin-bottom:10px;} #footer .callbackForm .form-control {margin-bottom:0;} @media all and (max-width: 767px) { #footer {margin-top: 0;} #footer .sidebar {margin-top: 0;} #footer .footer-top {padding-bottom: 0;} #footer .footer-top .col-md-3 {margin-bottom: 36px;overflow: hidden;} #footer .footer-bottom .col-md-3 {margin-bottom: 36px;overflow: hidden;} #footer .footer-bottom .copyright {padding: 17px 0;text-align: center;} #footer .phone, #footer .address {float: left;margin-bottom: 29px;width: 48%;} #footer .phone .title {display: block;} #footer .address {float: right;} } .form-control { display:block !important; width:100%; min-height:20px; height:40px !important; padding: 8px 12px !important; font-size: 12px; color:#555 !important; background-color:#fff; background-image:none; margin-bottom: 22px; border: 1px solid #e1e1e1 !important; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; width:200px; } .middleCenter, .headerCenter, .footerCenter, .panel-top { display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; min-width: 280px; max-width: 1170px; } header > div.headerCenter { display: none; } .blockIndexPage .contenttext .title a { color: white; font-size: 90%; line-height: 125%; padding-left: 1.6%; } .blockIndexPage .contenttext .title { display: block; float: left; margin-bottom: 10px; padding: 8px 1.8% 8px 1.8%; padding-left: 2%; width: 98%; border-radius: 2px; background-color: #34495E; } .blockIndexPage { display: block; float: left; margin: 10px 0px; width: 100%; } .blockIndexPage .contenttext .title a:hover { color: #1abc9c; } #sb-site .contenttext { margin-top: 10px; } #sb-site .contenttext .title { padding-left: 0%; padding-bottom: 10px; } .htmlDataBlock { padding: 0% 0% 0% 0%; max-width: 100%; } .htmlDataBlock table { max-width: 100%; } .htmlDataBlock table td { border: 1px solid #2C3E50; } .htmlDataBlock iframe, .htmlDataBlock img { max-width: 100% !important; } .htmlDataBlock h1, .htmlDataBlock h2, .htmlDataBlock h3, .htmlDataBlock h4, .htmlDataBlock h5 { border: 0; background: none; color: #2C3E50; padding: 0; margin: 0; position: static; font-weight: normal; } .htmlDataBlock ol { list-style-type: decimal; list-style-position: inside; } .htmlDataBlock ul { list-style-type: disc; list-style-position: inside; } .panel-top li { position: relative; display: inline; float: left; } .panel-top { position: relative; z-index: 5; overflow: visible; /* height: 45px; */ box-shadow: none; padding: 0 0.6% 0 1%; padding-left: 0; } #pull { display: none; } .panel-top .head li a { color: #000000; display: block; font-size: 15px; letter-spacing: 0.13em; line-height: 45px; padding: 0 10px; text-transform: uppercase; } .panel-top .head li a:hover { background-color: #1abc9c; box-shadow: none; color: white; text-decoration: none; } .panel-top .head li a.selected { background-color: #1abc9c; color: #FFF; } .panel-top nav { position: relative; float: left; width: 74%; } .navbarBtnBlock { position: relative; display: none; padding: 7px 7px 0 3px; min-width: 95px; height: 37px; } #js-btn-navbar .icon-bar { display: block; margin: 5px auto; width: 60%; height: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #f5f5f5; cursor: pointer; } .page-header { margin-bottom: 20px; padding-bottom: 15px; border-bottom-style: solid; } .block-content { margin-bottom: 0; margin-left: 0%; padding-right: 0; font-weight: 400; font-size: 14px; } .block-title { margin-bottom: 5px; text-transform: uppercase; font-weight: 400; font-size: 20px; font-family: 'Oswald'; line-height: 125%; } .parent .accordion { position: relative; } .left-sidebar .parent ul li a { padding-left: 20px; } .left-sidebar .parent ul .parent li a { padding-left: 40px; } .left-sidebar .parent ul .parent .parent li a { padding-left: 60px; } .left-sidebar .parent ul .parent .parent .parent li a { padding-left: 80px; } .sb-slidebar.sb-left .parent .accordion { background-color: #34495E; color: white; } .accordion em.open-close { position: absolute; top: 0; right: 0; padding: 3px 11px; background: url('{ASSETS_IMAGES_PATH}sprites.png') -8px 0px no-repeat; cursor: pointer; } .accordion .active > span em.open-close { background-position: -37px 1px; } .logo { display: block; float: left; overflow: hidden; margin-bottom: 10%; width: 100%; } .logo img { display: block; margin: 0 auto; } .logo .store_name { display: inline-block; width: 100%; color: #34495E; text-align: center; } .logo .store_name:hover { color: #16a085; } .headerContent { display: block; } #addToCartOk { position: fixed; left: 50%; z-index: 4; display: block; margin-top: -200px; margin-left: -160px; padding: 14px; width: 320px; height: auto; border-radius: 5px; background-color: #2980B9; color: #cccccc; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .cartAnim { opacity: 0.5; filter: alpha(opacity=50); zoom: 1; } #addToCartOk > div { color: white; font-size: 90%; } #addToCartOk .line a { display: inline-block; margin-top: 4px; margin-bottom: 4px; color: white; text-align: center; } #addToCartOk > div > div.line { margin-top: 10px; vertical-align: bottom; text-align: center; } .footerContainer { margin: 0 auto; width: 75%; height: 100%; } .footerMenu li { position: relative; display: inline; float: left; margin: 0 0px 0 0; } .footerMenu li a { display: block; padding: 0 10px 0 10px; padding: 10px 10px; color: white; text-transform: uppercase; letter-spacing: 0.13em; font-size: 85%; } .footerMenu li a:hover { background-color: #1abc9c; box-shadow: none; text-decoration: none; } .footerMenu li.active a { background-color: #1abc9c; } .max-line { position: relative; z-index: 5; display: block; width: 100%; box-shadow: none; filter: none; } .autorizButtonLine .store_name { display: block; float: left; width: 100%; } .crumbs { margin: 0 0 1.8%; padding: 8px 1.6% 8px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f5f5f5; color: #000000; list-style: none; line-height: 1.7; display: inline-block; width: 97%; } .crumbs a { color: #000000; text-shadow: none; } .crumbs span { color: #000000; } .crumbs a:hover { color: #1abc9c; } .block-content li { clear: both; display: block; line-height: 155.5%; list-style-type: none; margin: 0; padding: 0; position: relative; } .left-sidebar .block-content li.parent ul, .left-sidebar .block-content li.parent { background-color: white; } .sb-slidebar.sb-left .parent .accordion .oneList { padding-left: 20px; } .sb-slidebar.sb-left .parent .accordion .accordion .oneList { padding-left: 30px; } .sb-slidebar.sb-left .parent .accordion .accordion .accordion .oneList { padding-left: 40px; } .sb-slidebar.sb-left .parent .accordion .accordion .accordion .accordion .oneList { padding-left: 50px; } .sb-slidebar.sb-left .parent .accordion .accordion .accordion .accordion .accordion .oneList { padding-left: 60px; } #accordionSlidebar > li.active { color: #1abc9c; } .block-content li a:hover { text-decoration: none; } .block-content li a.selected { color: #1abc9c; font-weight: bold; } .footerCenter { padding: 0px 0px 0px 0px; margin-bottom: 10px; } .left-sidebar .block-content li a { display: block; padding: 6px 9px; padding-left: 0%; cursor: pointer; } .catalogList { margin-bottom: 20px; } .catalogList strong a { color: #34495e; } .catalogList strong a:hover { color: #425D77; } #contactShowBut { display: none; } #contactShow a { color: #34495e; } .disableJsMessa { display: block; float: none; width: 96.1%; padding: 8px 1.5% 8px 1.8%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 2px solid #C0392B; margin-bottom: 0.7em; margin-top: 0%; clear: both; } .disableJsMessa p { font-size: 1.1em; color: #C0392B; } .homePageListCart .cartDeleteBlock a { display: block; padding: 0px; text-align: center; line-height: 0.8; color: #404040; } .homePageListCart .cartDeleteBlock:hover { background: #ec7063; } .homePageListCart h4 { margin-top: 10px; margin-bottom: 5px; } .btn-large { padding: 11px 19px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 17.5px; } .btn { display: inline-block; padding: 4px 14px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #34495e; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: white; vertical-align: middle; text-decoration: none; text-shadow: none; font-style: normal; font-size: 13px; line-height: 20px; cursor: pointer; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ ; user-select: none; font-family: 'Lato', 'Calibri', Arial, sans-serif; } .btn span { font-size: 13px; } .btn:hover, .btn:focus { background-color: #4e6d8d; color: white; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; } .btn:active, .btn.active { background-color: #2c3e50; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: rgba(255, 255, 255, 0.75); } .btn.disabled, .btn[disabled] { background-color: #95a5a6; color: white; } .btn.btn-large { padding-top: 13px; padding-bottom: 12px; } .btn.btn-primary { background-color: #1abc9c; } .btn.btn-primary:hover, .btn.btn-primary:focus { background-color: #2fe2bf; } .btn.btn-primary:active, .btn.btn-primary.active { background-color: #16a085; } .btn.btn-info { background-color: #3498db; } .btn.btn-info:hover, .btn.btn-info:focus { background-color: #5dade2; } .btn.btn-info:active, .btn.btn-info.active { background-color: #2383c4; } .btn.btn-danger { background-color: #e74c3c; } .btn.btn-danger:hover, .btn.btn-danger:focus { background-color: #ec7063; } .btn.btn-danger:active, .btn.btn-danger.active { background-color: #dc2d1b; } .btn.btn-success { background-color: #2ecc71; } .btn.btn-success:hover, .btn.btn-success:focus { background-color: #55d98d; border: 0; outline-color: #55d98d; } .btn.btn-success:active, .btn.btn-success.active { background-color: #27ad60; } .btn.btn-warning { background-color: #f1c40f; } .btn.btn-warning:hover, .btn.btn-warning:focus { background-color: #f4d03f; } .btn.btn-warning:active, .btn.btn-warning.active { background-color: #cea70c; } .btn-toolbar .btn { font-size: 18px; } .btn-toolbar .btn:first-child { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .btn-toolbar .btn:last-child { } .btn-default { border-color: #ccc; background-color: #fff; color: #333; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { border-color: #adadad; background-color: #ebebeb; color: #333; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { border-color: #ccc; background-color: #fff; } .btn-default .badge { background-color: #333; color: #fff; } .btn-success { background-color: #2ecc71; color: #ffffff; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { border-color: #58d68d; background-color: #58d68d; color: #ffffff; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { border-color: #27ad60; background: #27ad60; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { border-color: #2ecc71; background-color: #2ecc71; } .btn-close { background: none; color: #16a085; text-decoration: underline; } .btn-close:hover, .btn-close:active,.btn-close:focus { background: none; color: #1abc9c; text-decoration: underline; border: 0; outline-color: #1abc9c; outline-width: 0; } .left { float: left; } .right { display: block; float: right; } .block { display: block; } .cort { width: 99.8%; padding-bottom: 3px; } div.cort span { height: 28px; display: inline-block; float: left; line-height: 2; padding-right: 7px; } .point { cursor: pointer; } .cort .left { width: 53%; } .cort .left ul { display: block; float: left; width: 100%; } .cort .right { width: 36%; } .cort ul li { display: inline-block; float: left; padding-left: 10px; } .cort ul .per_page { float: right; } .cort .right ul li { float: right; vertical-align: middle; } .cort ul li select { height: 28px; } .cort ul li.goods_order_fields { padding-left: 0; } .cort .per_page select { width: 60px; } .cort .butFilter { display: inline-block; float: left; width: 100%; margin-top: 10px; margin-bottom: 0px; } .hideJs { display: none !important; } .cort .table { display: block; padding: 4px 4px; width: 20px; height: 20px; background-image: url('{ASSETS_IMAGES_PATH}catalog_icons.png'); background-position: -72px -1px; background-repeat: no-repeat; } .cort .list { display: block; padding: 4px 4px; width: 20px; height: 20px; background-image: url('{ASSETS_IMAGES_PATH}sprites.png'); background-position: -126px -1px; background-repeat: no-repeat; } .cort a.current { background-color: #16A085; } /* форма поиска */ .left-sidebar div.search { display: block; float: left; margin-bottom: 5px; padding: 20px 0%; width: 100%; } #searchform { position: relative; width: 100%; } div.search li.right { z-index: 3; display: block; min-width: 40px; width: 10%; } div.search li.left { position: absolute; z-index: 1; display: block; width: 88%; height: 32px; } #searchform #s { z-index: 0; display: inline-block; float: left; padding: 4.5px 4px; max-width: 100%; height: 20.2px; width: 100%; border-color: #ECF0F1; border-right: 0; } #delete { display: block; width: 21px; height: 21px; position: relative; float: right; top: -26px; right: 15px; font-weight: bold; cursor: pointer; z-index: 1000; text-align: center; font-family: arial; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IC43bC0uNy0uNy02LjMgNi4yOTktNi4zLTYuMjk5LS43LjcgNi4zIDYuMy02LjMgNi4yOTkuNy43MDEgNi4zLTYuMyA2LjMgNi4zLjctLjcwMS02LjMtNi4yOTl6Ii8+PC9zdmc+") no-repeat 50% 50%; opacity: .3; } #delete:hover { opacity: .8; } #delete span { display: inline; text-align: center; font-family: arial; display: none; } .search input.btn { position: relative; z-index: 2; display: inline-block; float: right; width: 37px; height: 2.4em; background: url('{ASSETS_IMAGES_PATH}sprites.png') -48px -188px no-repeat #34495E; background-color: #ECF0F1; } /* Каталог товаров */ .goodstabl { display: block; overflow: hidden; margin-top: 0px; margin-left: 0.6%; } .menu-item { position: relative; display: inline-block; float: none !important; margin: 6px; vertical-align: top; } .ie7 .menu-item { float: left !important; display: inline-block; } .menu-item-box { position: relative; display: block; float: left; min-height: 310px; width: 194px; border: 1px solid #bdc3c7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 3px; border-radius: 2px; background-color: #fff; } .menu-item-badges { position: absolute; top: -2px; left: 10px; z-index: 2; padding: 3px 7px 3px 7px; border-top: 2px solid #FC6C5C; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; background-color: #E74C3C; color: #ffffff; opacity: 0.8; } .menu-item-badges a { color: white; } .menu-item-slider { /* max-height: 190px; */ /* min-width: 194px; */ position: relative; display: block; padding: 3%; height: 208px; cursor: pointer; } .menu-item-slider a img { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; } .menu-item-icon { position: absolute; right: 2.6%; bottom: 3.1%; display: block; padding: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #34495E; text-align: center; opacity: 0; -webkit-transition: opacity .2s ease-in-out; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .activate:hover .menu-item-icon { opacity: 0.8; } .menu-item .zoom { display: block; width: 40px; height: 40px; background: url('{ASSETS_IMAGES_PATH}sprites.png') -11px -63px no-repeat; } .title h4 { margin-bottom: 3px; height: 43px; text-transform: capitalize; } .goodstabl .title h4 { overflow: hidden; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .goodstabl .title h4 a { font-size: 16px; } .menu-item-content { padding: 5px 7px; } .tabl .title { overflow: hidden; } .btn-toolbar { margin: 7px 0 0px 0px; width: 100%; height: 32px; opacity: 1; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .btn-toolbar:hover { opacity: 1; } .numeric { display: inline-block; } .numeric a { float: left; padding: 3.5px 10px; width: 7px; height: 23px; } .numeric input { float: left; } /* hides the spin-button for firefox */ .number, .quantity { -moz-appearance: textfield; } /* hides the spin-button for chrome*/ .number, .quantity::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .numeric .quantity { padding: 3.5px 5px; max-width: 20px; height: 21px; border: 1px solid #e6e6e6; border-right: 0px; border-left: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; } .btn.plus, .btn.minus, .btn.plusCart, .btn.minusCart { padding-left: 10px; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #e6e6e6; color: #333333; font-size: 16px; text-align: center; } .btn.plus, .btn.plusCart { -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; } .btn.minus, .btn.minusCart { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; } .btn.plusCart i, .btn.plus i { margin-left: -3px; font-style: normal; } .btnToCart { display: block; float: left; margin-top: 15px; } .menu-item-info { overflow: hidden; margin-top: 5px; margin-bottom: 0.5em; height: 1.2em; } .menu-item-price { display: block; float: none; text-align: right; } li.minPrice { color: #E74C3C; } .menu-item-price .last { height: 16px; color: #7F8C8D; font-size: 12px; } .menu-item-price .last span { font-size: 12px; } .menu-item-params { width: 100%; margin-top: -25px; } .menu-item-box .btn-toolbar2 { float: left; margin-top: 10px; margin-bottom: 4px; width: 100%; } .last { text-decoration: line-through; } .only { color: #B94A48; font-size: 15px; } /* Кнопка в корзину */ .basket_add { z-index: 200; display: block; float: left; width: 22px; height: 22px; background: #333333 url('{ASSETS_IMAGES_PATH}sprites.png') -80px -4px no-repeat; background-color: transparent; } .catalog-available-false { display: block; height: 34px; color: #34495e; text-align: left; line-height: 2; } .catalog-available-false:hover { color: #34495e; } /* Каталог товаров списком */ .goodlistmain { position: relative; display: block; float: left; margin: 2px 0px 2px 0px; padding: 0; width: 99.7%; border: 1px solid #ECF0F1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: white; } .goodlistmain .img { position: relative; padding: 5px 5px; width: 25%; } .goodlist { overflow: hidden; padding: 2px; max-height: 270px; } .goodlistmain .priceblock { display: block; float: left; overflow: hidden; padding-bottom: 0; padding-left: 1%; width: 72.3%; height: 100%; } .discBlock { height: 10em; } .podrobno-block { display: block; float: left; width: 100%; } .podrobno { float: right; margin-right: 3px; margin-bottom: 10px; } .goodlistmain .toCartBlock { float: right; margin-right: 3px; margin-bottom: 6px; max-width: 170px; width: 150px; } .goodlistmain .tovar-available { float: right; } .goodlistmain .numeric { float: left; margin: 0px 5px; margin-right: 5px; } .goodlistmain .title h4 { margin-bottom: 3px; text-transform: capitalize; font-size: 140%; height: auto; max-height: 2em; overflow: hidden; } .goodlistmain .title { padding: 1% 0; } .goodlistmain .title a { color: #16a085; font-size: 16px; } .goodlistmain .title a:hover { color: #1abc9c; } .goodlistmain .price { padding: 0.6% 0.5%; text-align: right; margin-right: 65px; } .goodlistmain .last { height: 20px; color: #7F8C8D; font-size: 12px; } .goodlistmain .img img { display: block; margin: 0 auto; } .goodlistmain .zoom { display: block; width: 30px; height: 30px; background: url('{ASSETS_IMAGES_PATH}sprites.png') -51px -394px no-repeat; } .goodlist .desc div { height: auto; max-height: 5.2em; } .goodlist li.minPrice { font-size: 16px; } .goodlist .price .last span { font-size: 12px; } .filter { display: inline-block; width: 33%; } .ie7 .filter { float: left; } .filters { margin-top: 6px; margin-bottom: 6px; width: 100%; } .filter span { width: 100%; display: inline-block; } .filter > div { padding: 0.8% 0% 0.8% 0%; display: block; } .filter select { width: 97%; } .butFilter2 { margin: 1% 0% 1% 0%; width: 100%; } /* Список категорий в каталоге */ .categoriesList .tabproduct { display: inline-block; float: left; margin: 6px; width: 198.5px; } .categoriesList { display: block; width: 100%; } .categoriesList .item-box img { max-height: 138px; } .box { clear: both; overflow: hidden; padding-bottom: 10px; width: 100%; } .categoriesList .tabproduct a { display: block; margin: 0 auto; } .categoriesList .tabproduct .img { padding: 8px; text-align: center; } .item-box { border: 1px solid #bdc3c7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .categoriesList .tabproduct .title { padding: 10px 4px 0px 8px; } .categoriesList .tabproduct .title h4 a { text-align: center; font-size: 16px; } /* Список акций */ .article .title h4 { height: auto; } .article.padd1 { margin-bottom: 5px; } .disc-one { display: block; margin-top: 1.5%; } .disc-one .item-box { padding: 6px; } .disc-one .text { line-height: 1.8; } .disc-one .title h4 a { font-size: 16px; } /* Страница акции */ .acitoninfo { display: block; padding: 0.5% 0%; background: white; } .acitoninfo h5 { text-transform: capitalize; font-size: 15px; } .acitoninfo .numDiscount { color: #E74C3C; font-weight: bold; } /* Страница Корзины */ div.ajaxLoaderQuickOrder { float: none; } .ajaxLoaderQuickOrder img { display: block; margin: 0 auto; width: 30px; } #oformZakazAjax { float: left; margin: 20px 0px; width: 100%; } #oformZakazBlock, #globalOformZakazBlock, div#globalOformZakazBlock > div, #quickformblock { float: left; width: 100%; } #globalOformZakazBlock { margin-top: 14px; } /* Оформление заказа */ #quickformblock label span { color: black; font-weight: normal; } #quickformblock .fieldset.name-inputs label span { position: absolute; color: #A04343; font-weight: 800; font-size: 17px; } #quickformblock .legend { margin: 1% 0%; margin-right: 4px; padding: 0.5% 0% 0.7% 1.8%; background: #ECF0F1; text-transform: none; font-size: 18px; line-height: 125%; float: left; display: inline-block; width: 98.2%; } #quickformblock .basket { margin-bottom: 0px; padding: 2%; width: 95.9%; border: 1px solid #ECF0F1; } #quickformblock label .fnt14, #quickformblock .orderStagePaymentListTable td > label { font-weight: bold; font-size: 14px; line-height: 1; } #quickformblock .basket .htmlDataBlock { float: left; margin-bottom: 10px; width: 100%; font-size: 12px; } #quickformblock .fieldset .fields { float: left; width: 100%; } #quickformblock label.required em { color: #e74c3c; font-size: 16px; font-family: bold; } #quickformblock .fieldset .fields select { max-width: 100px; } /* Страница товара */ .goodsDataMainModificationDataBlock { line-height: 1; } .leftpart { display: block; float: left; padding: 0% 0% 0% 0%; width: 45%; } .rightpart { display: block; float: left; padding: 0 0 0 2%; width: 50%; } .fullimg { display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6% 2%; min-height: 300px; height: 345px; /* border: 1px solid #ECF0F1; */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: white; } .fullimg:hover { } .fullimg .owl-carousel .owl-item { } .fullimg .owl-wrapper { height: 280px; } .articleId, .goodsDataMainModificationAvailable { overflow: hidden; text-align: left; font-size: 14px; } .goodsDataMainModificationPriceNow { display: block; float: left; /* overflow: hidden; */ margin-right: 15px; padding: 0; color: #1abc9c; font-weight: bold; } .goodsDataMainModificationPriceNow span { font-size: 17px; line-height: -1; } .ie7 .goodsDataMainModificationPriceNow SPAN { line-height: 1; } .goodsDataMainModificationDataBlock .old { float: left; margin-right: 12px; color: #2C3E50; text-decoration: line-through; } .goodsDataMainModificationDataBlock .block { margin: 2% 0; width: 100%; } .goodsDataMainModificationsBlockProperty .title { display: inline-block; padding: 0% 0% 2% 0%; } .goodsDataMainModificationsBlockProperty { padding: 1.5% 0px; } .goodsDataMainModificationDataBlock .buttonToCart { padding: 0% 0% 0.5% 0%; } .goodsDataMainModificationDataBlock .cena { margin-top: 0; margin-bottom: 10px; } .available-true { color: green; } .available-false { color: red; } .block.buttonToCart ul { float: left; width: 268px; } .block.buttonToCart ul .goodsPageSubmitButtonBlock { width: 25%; min-width: 100px; text-align: right; } .block.buttonToCart ul li { display: inline-block; } .block.buttonToCart ul .tovarCount { display: inline-block; float: left; padding-right: 0%; width: 39%; min-width: 168px; text-align: right; } .block.buttonToCart ul .tovarCount div { display: inline-block; float: left; } .block.buttonToCart ul .tovarCount .tovarCountToCartName { float: left; margin-right: 10px; height: 100%; vertical-align: top; line-height: 2; } .delivery .img-delivery { float: left; width: 11%; height: 50px; min-width: 60px; display: inline-block; } .delivery .text-delivery { float: left; padding-top: 9px; display: inline-block; } .delivery .text-delivery p { margin-bottom: 4px; } .goodsDataMainModificationDataBlock .delivery { display: inline-block; margin-bottom: 0px; } .goodsPageSubmitButtonBlock input { display: block; min-width: 48%; text-align: center; padding-top: 5px; padding-bottom: 5px; margin: 0 auto; } .goodsDataMainModificationDataBlock .articleId { margin-bottom: 12px; color: #34495e; margin-top: 0%; } .mod.goodsDataMainModificationsBlockProperty select { max-width: 285px; width: 262px; border-color: #ECF0F1; } .allphoto { display: block; margin-top: 14px; } .allphoto .title { padding-bottom: 5px; } /* Слайдер и карусель */ /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; } /* display none until init */ .owl-carousel { position: relative; display: block; width: 100%; height: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { position: relative; display: none; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { position: relative; overflow: hidden; max-width: 420px; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; max-height: 100%; text-align: center; } .owl-controls .owl-page, .owl-controls .owl-buttons div { float: left; cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url('{ASSETS_IMAGES_PATH}grabbing.png') 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } #owl-carusel .item { display: inline-block; margin: 10px 8px 10px 8px; padding: 0px 0px; /* width: 75px; */ height: 37px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF; text-align: center; } .customNavigation { z-index: 5; display: block; float: left; overflow: hidden; width: 20px; height: 100%; text-align: center; opacity: 0.4; cursor: pointer; } .customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #owl-carusel .item img { height: 100%; } .owl-item.loading { min-height: 250px; background: url('{ASSETS_IMAGES_PATH}AjaxLoader.gif') no-repeat center center; } /* Если нет js */ #owl-one-slider-tovar .item { display: none; } #owl-one-slider-tovar .item { display: block; margin: 0 auto; } /* End Если нет js */ /* Новые стили карусели */ #views_block { position: relative; max-width: 420px; border: 1px solid #ECF0F1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #ffffff; } .customNavigation.btn-prew { position: absolute; background: url('{ASSETS_IMAGES_PATH}sprites.png') 77px 11px white; } .customNavigation.btn-next { position: absolute; top: 0; right: 0; float: right; background: url('{ASSETS_IMAGES_PATH}sprites.png') 38px 11px white; } .customNavigation.btn-next:hover { opacity: 1; } .owl-prev, .owl-next { position: absolute; top: 45%; width: 32px; height: 30px; opacity: 0.5; } .owl-prev { left: 0; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -288px 0%; } .owl-next { right: 0; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -305px 0%; } .customNavigation:hover { opacity: 1; } .owl-prev:hover, .owl-next:hover { opacity: 0.7; } /* END Слайдер и карусель */ /* Табы на странице товара */ #productBlock > div { display: block; overflow: hidden; margin-bottom: 14.8px; } dt.tab { float: left; height: 37px; cursor: pointer; margin-top: 2px; } dt.tab.active h3 { border-bottom: 0px; background: #395169; font-weight: bold; padding: 10.5px 18px; } dd.tab { display: none; width: 100%; } dt.tab.active + dd.tab { display: block; float: none; padding-top: 37px; } dd.tab.active { display: block; padding-top: 37px; } dt.tab h3 { position: relative; z-index: 2; display: block; padding: 10px 20px; height: 16px; border: 1px solid #34495E; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #2C3E50; color: white; font-weight: 600; font-size: 14px; border-right: 1px solid #ECF0F1; } dt.tab:first-child h3 { -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 3px 0 0 0; } dt.tab:last-child h3 { -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .tab-content-block { float: left; /* position: relative; */ padding: 1.5%; width: 96.7%; border: 1px solid #34495E; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background: #FFF; } .headersTabsGoodPage { font-size: 1.5em; color: rgb(52, 73, 94); font-weight: bold; display: block; margin-bottom: 0.4em; padding-left: 5px; } .tabsTovarBlock { padding: 0px 0%; } .related_goods .menu-item { width: 90%; } .related_goods .menu-item .item-box { width: 100%; } .goodsDataFeatures li { display: inline-block; overflow: hidden; margin-left: 2%; width: 47%; border-bottom: 1px dotted gray; } .goodsDataFeatures .name { float: left; font-weight: 600; } .goodsDataFeatures .value { float: right; } .goodsDataFeatures { display: block; overflow: hidden; margin-left: -0.8%; } .goodsDataFeatures ul { width: 100%; } .goodsDataFeatures ul li:nth-last { float: right; } .goods_delivery .table td { padding: 3px 0px; } /* отзывы товара */ #goodsDataOpinionAdd h5 { color: black; font-weight: bold; font-size: 16px; line-height: 1.5; } .goodsDataOpinionAddTable { margin-top: 10px; line-height: 1.5; } .form-line .title { display: inline-block; padding-bottom: 0px; font-weight: bold; font-size: 1em; } .form-line { display: block; float: left; margin: 0.2em 0px; width: 100%; } .form-line .inner textarea { width: 50%; height: 5em; } .form-line .inner input[type="text"] { width: 50%; } .generally label { padding: 0px 2px; } .generally input { margin: 0; } .goodsDataOpinionCaptcha { display: block; float: left; width: 110px; } .goodsDataOpinionCaptchaText { display: block; float: left; margin-left: 20px; padding: 10px 0px; width: 110px; } .inner { clear: both; } .goodsDataOpinionCaptchaRefresh { float: right; margin: 11px 0px; cursor: pointer; width: 25px; height: 25px; } .goodsDataOpinionButton.form-line .inner { padding: 0px 0px 10px 0px; } #goods_opinion_title, #goods_opinion_name { width: 240px; } .goodsDataOpinionAddTable { display: none; } .optionList { margin-top: 10px; margin-bottom: 12px; padding-bottom: 5px; border-bottom: 1px dotted; } .good td { padding: 5px 0px; } .good .subject { padding-left: 8px; } .goodsDataOpinionListTable td { padding: 2px 5px; } .goodsDataOpinionListTable tr td:first-child { padding-left: 0; } .goodsDataOpinionListTableClient { font-weight: bold; } .goodsDataOpinionListTableDate { padding-right: 10px; } .form-line .inner { padding: 2px 1px; min-height: 20px; } .form-line .goodsDataOpinionMsg { display: inline-block; padding-left: 10px; } .form-line #goodsDataOpinionTableRating { margin-bottom: -4px; height: 20px; } #opinion-list-table { width: 100%; } #opinion-list-table thead { height: 20px; border-bottom: 1px solid rgb(238, 238, 238); } .goodsDataOpinionListNavigateTop { height: 20px; } .goodsDataOpinionListTable .delete { margin-left: 20px; } .goodsDataOpinionListTable { width: 100%; text-align: left; } .goodsDataOpinionShowAddForm { display: inline-block; } .goodsDataOpinionListRating { display: inline-block; padding-left: 0px; } /* End отзывы товара */ /* Вход в личный кабинет */ .clientForm { display: block; float: left; padding: 0% 0% 1% 1%; width: 99%; } .clientForm .autorizText { padding: 10px 2px; padding-right: 10px; } .clientForm .autorizInput { padding: 4px 0px; max-width: 458px; } .clientForm .showPass { display: block; width: 100%; font-size: 90%; } .clientForm .autorizTo { padding: 8px 0px; } .clientForm #caps_lock { display: none; } .clientForm a.historyButt { margin-left: 7px; } .clientForm div.tabletitle { margin-bottom: 17px; } .clientForm table.tableinput { margin-bottom: 10px; } .clientForm textarea#sites_client_addr { min-width: 30%; min-height: 70px; } .content input.error { background: white; border-color: #C0392B; } .tableinput label.error { border: none; background: none; color: #d2322d; padding: 0; font-size: 12px; margin: 0; border-radius: 0; line-height: 1.4; margin-top: 6px; } .button.history { float: left; margin-top: 15px; width: 100%; } td.autorizButton { padding: 0; } .listHistoryZakaz.history { overflow-x: auto; } .listHistoryZakaz.history .first { width: 4%; } .listHistoryZakaz.history .pocupatel { width: 4%; } .listHistoryZakaz.history .last { width: 10%; text-decoration: none; } div.button.history a { margin: 3px 0px; } .autorizButtonLine { display: block; float: left; min-height: 190px; width: 100%; } .padd50 { display: block; float: left; padding: 10px 0px; width: 100%; border-top: 1px solid rgb(238, 238, 238); text-align: center; } .autorizButtonLine > span { display: inline-block; float: left; padding-bottom: 10px; width: 100%; } .autorizButtonLine > span a { margin: 2px 4px; } /* Регистрация пользователя */ .tableinput .urText { padding: 8px 0px; padding-right: 10px; width: 180px; vertical-align: top; } td.fnt10 { padding: 4px 10px; } /* Корзина в шапке */ .basket-info { position: relative; display: block; float: right; overflow: visible; padding-top: 9px; padding-left: 0px; min-width: 190px; height: 38px; vertical-align: middle; padding-left: 0.5%; padding-right: 0.5%; cursor: pointer; } .basket-info.count0 { text-align: right; } .basket-info:hover { background-color: #1abc9c; } .basket-info .cartSum { padding-right: 0%; padding-left: 0%; color: #1abc9c; display: inline-block; float: none; line-height: 2; text-align: right; } .ie7 .basket-info { width: 250px; } .ie7 .basket-info .cartNameText { position: relative; top: -15px; } .ie7 .basket-info .cartCountNum { position: relative; top: -15px; } .ie7 .basket-info > A { position: relative; top: -3px; } .msgCart { position: absolute; top: 54px; z-index: 99; padding: 10px; max-width: 230px; width: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #2ecc71; color: #fff; cursor: pointer; display: none; line-height: 1.2; text-align: left; } .msgCart.success { background: #2ecc71; } .msgCart.error { background: #E74C3C; } .msgCart a { color: white; } .msgCart .msgCart-arrow { position: absolute; top: -19px; right: 70px; border: 10px solid transparent; border-bottom: 10px solid #2ecc71; content: ''; } .msgCart.error .msgCart-arrow { border-bottom-color: #E74C3C; } .msgCart.success .msgCart-arrow { border-bottom-color: #2ecc71; } .basket-info > a { display: inline-block; text-align: left; color: #000000; /* float: left; */ } .basket-info a:hover { color: white; text-decoration: none; } .basket-info .cartCountNum { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #1abc9c; color: white; text-align: center; font-weight: bold; font-size: 14px; padding: 0 3px 0 3px; margin-right: 4px; margin-left: 4px; display: inline-block; height: 19px; line-height: 1.4; } .basket-info .cartImg { display: inline-block; margin-bottom: -10px; padding: 14px 0px; width: 27px; background: url('{ASSETS_IMAGES_PATH}korzina.png') no-repeat; } #cartInfoBlock span.cartSum a { color: #2ECC71; text-align: right; } /* END Корзина в шапке */ /* Новости в подвала сайта */ .news { float: left; overflow: hidden; padding-top: 5px; width: 74%; } .footerBot { display: block; overflow: hidden; margin-top: 40px; width: 100%; } .column { display: block; float: left; margin: 0 0.5%; padding: 0.8% 1.1%; width: 28.5%; } .footer .column h4 a { color: white; font-weight: bold; font-size: 120%; } .footer .column h4 a:hover { color: #1abc9c; } .postList { line-height: 1.7; } .infoSite { display: block; float: right; padding: 1% 1% 1% 2%; margin: 1% 1% 0% 0%; width: 20%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #1abc9c; color: #d1f2eb; line-height: 1.4; } .infoSite .copy { line-height: 1.5; } .settingsStoreOrgName { float: left; display: inline-block; } .settingsStore { overflow: hidden; margin: 0% 1.5%; margin-top: 10px; min-height: 50px; max-width: 100%; color: white; } .copyrightFor { padding-top: 7%; } /* END Новости в подвала сайта */ /* блок с контактами */ #sb-site .left-sidebar .contactsSite { margin-top: 3px; float: left; width: 100%; } .contactsSite ul li { line-height: 2.1; font-size: 14px; } #contactShow .title a { color: #1C1C1C; } #contactShow .title a:hover { color: #1C1C1C; text-decoration: none; } .homePageListCart { float: left; width: 100%; position: relative; } .homePageListCart h4 a { display: inline-block; width: 100%; color: white; } .homePageListCart h4 a:hover { color: #1abc9c; } div.toOformZakazCart { float: left; width: 99%; padding: 8px 0px; } .toOformZakazCart .btn { display: block; width: 90%; text-align: center; padding: 2.1% 5.5%; margin: 0 auto; } .phoneImg { display: inline-block; float: left; overflow: hidden; width: 27px; height: 23px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -9px -404px; } .skypeImg { display: inline-block; float: left; overflow: hidden; width: 27px; height: 25px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -8px -369px; } .headerIcq { float: left; padding-left: 3px; width: 100%; } .contactsSite .title, .contactsSite .work-time { padding-left: 0px; } .contactsSite .title { } .contactsSite .work-time { cursor: auto; } #contactShow .work-time-icon { display: inline-block; float: left; overflow: hidden; width: 27px; height: 23px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -8px -334px; } #contactShow .title .iconMail { display: inline-block; float: left; overflow: hidden; width: 27px; height: 20px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -209px -65px; } ; } /* END блок с контактами */ /* Список товаров в корзине на главной странице */ .homePageListCart { display: block; overflow: hidden; font-size: 85%; } .homePageListCart h4 { padding: 4px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #34495E; color: #ECF0F1; font-size: 120%; } .homePageListCart .cartCountBlock { width: 13%; padding: 2px 0px; padding-right: 4px; } .homePageListCart .cartNameBlock { padding: 2px 0px; width: 78%; } .homePageListCart .cartPriceBlock { padding: 5px 0px; width: 80%; } .homePageListCart .cartDeleteBlock { display: inline-block; float: right; margin-top: 4px; padding: 0px; width: 15px; height: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #CCCCCC; vertical-align: middle; } .homePageListCart dl dt > div { display: inline-block; float: left; } .homePageListCart #cartPrices { display: inline-block; float: left; margin-top: 4.8px; width: 96%; } .homePageListCart #cartPrices > div { float: left; width: 100%; } .homePageListCart #cartPrices .price { float: right; } .homePageListCart #cartPrices .price .num { font-weight: bold; } .homePageListCart .cartPriceBlock .num { font-weight: bold; } .homePageListCart .cartCountBlock span { font-weight: bold; } .homePageListCart .cartLine { width: 100%; border-bottom: 1px solid white; } /* END Список товаров в корзине на главной странице */ /* Список новостей */ .article .text { display: block; overflow: hidden; width: 100%; } .file_extension_icon { display: inline-block; margin-bottom: -6px; width: 16px; height: 18px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -57px -195px; } .listFileNews ul li a { display: inline-block; margin: 0px 0px; padding-left: 2px; height: 20px; color: black; font-size: 14px; } /* END Список новостей */ /* Страница связь с администрацией */ .feedback-str-block label { display: block; padding: 5px 3px; width: 100%; } .feedback-block input, .feedback-block textarea { margin-left: 3px; } .feedback-str-block label span, .clientForm label span, div.oform td.hInput label span,.oform .contactRegisterNeedElement label span { color: #C0392B; font-weight: 800; font-size: 17px; } #feedback_name, #feedback_еmail { width: 240px; } #feedback_message { min-width: 240px; width: 70%; } .btnFeedback { margin: 1% 0% 2% 3px; } #feedback_file { line-height: 1; } #feedback_file_btn, btn2 { display: inline-block; padding: 4px 14px; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: none; background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); color: #333333; vertical-align: middle; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); font-size: 13px; line-height: 20px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: pointer; } #feedback_file_btn:hover { background-color: #e6e6e6; background-position: 0 -15px; color: #333333; text-decoration: none; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .feedback-str-block.file-input { margin-bottom: 2%; } .feedback-str-block.file-input span { display: block; padding: 5px 3px; width: 100%; } .contactsFeedback #contactShow li { display: block; float: left; padding-top: 8px; width: 100%; } .contactsFeedback { display: block; float: left; padding: 0px 0px 15px 3px; width: 100%; } .contactsFeedback #contactShow > li.headerIcq > span { display: inline-block; float: left; } .headerIcq img { padding-right: 6px; } .contactsFeedback #contactShow > li.skype { width: 100%; } .contactsFeedback #contactShow > li.skype > span { display: block; float: left; width: auto; text-align: left; } .contactsFeedback #contactShow > li.skype > span > span.skypeTxt { display: inline; float: right; padding: 4px 2px; } .contactsFeedback #contactShow li.phone { padding: 5px 0px; padding-right: 0px; line-height: 2; } .contactsFeedback #contactShow li.phone:first-child { padding-left: 0px; } .contactsFeedback a { text-decoration: none; } /* END Страница связь с администрацией */ /* Оформление заказа */ #quickformblock label { display: block; float: left; padding: 8px 0px 3px 0px; width: 100%; } /* Если емайл не обязателен для ввода*/ #quickformblock label.hideEmailNice span { display: none; } #quickformblock #contactWantRegister { margin: 0px 3px; } #quickformblock .control { display: block; float: left; padding: 5px 0px; width: 100%; } #quickformblock .control label { display: inline-block; float: none; padding-left: 5px; width: auto; line-height: 0; height: 1em; } #quickformblock .fieldset { float: left; width: 100%; } #quickformblock .fieldset input { display: inline-block; float: left; cursor: pointer; } #quickformblock .fieldset input[type="radio"] { } #quickformblock .fieldset textarea { max-width: 430px; width: auto; } #quickformblock .fieldset input.error, #quickformblock .fieldset textarea.error { margin: 0; padding: 3px 12px; background: none; background-color: white; } #quickformblock .quickbuttons { float: left; margin-top: 11px; width: 100%; height: 34px; } #quickformblock .quickbuttons .quickOk { float: left; } #quickformblock .quickbuttons .quickClose { float: right; } #quickformblock .showPassBlock { display: inline-block; float: left; padding: 3px 0px 5px 0px; width: 100%; } #quickformblock .showPassBlock a { font-size: 12px; } #quickformblock #contactPassWord { max-width: 125px; } #quickformblock .orderStageDeliveryListTable label { margin-top: -4px; width: auto; text-align: left; cursor: pointer; } #quickformblock table label { padding-top: 0; } #quickform .orderStageDeliveryListTable td span { width: 100%; font-weight: bold; font-size: 14px; } .control input[type="checkbox"], .control input[type="radio"], .fieldset input[type="radio"], .fieldset input[type="checkbox"] { margin: 3px 0 0; } .fieldset input[type="radio"] { margin: 2px 0 0; } /* Просмотр заказа */ .tableDataZakaz { display: table; float: left; width: 100%; font-size: 12px; } .tableDataZakaz .name { font-weight: 800; } .tableDataZakaz .name.sum { color: #404040; white-space: nowrap; font-style: italic; font-family: helvetica; } .characteristic3 { display: block; float: left; margin: 2% 0%; width: 100%; } div.characteristic3 .legend { padding-bottom: 8px; } .tableDataZakazTovars { float: left; margin-top: -4%; width: 99%; border: 1px solid #ECF0F1; } .tableDataZakazTovars th { text-align: left; } .tableDataZakazTovars th:last-child { text-align: right; } .tableDataZakaz th { border-bottom: 1px solid white; background-color: #ECF0F1; text-align: left; } .tableDataZakaz tr th { width: 35%; } .tableDataZakazTovars tbody { text-align: left; font-size: 12px; } .tableDataZakazTovars thead { font-weight: 700; } .tableDataZakazTovars tfoot .price span { color: #E74C3C; font-size: 16px; } .tableDataZakazTovars tfoot th { text-align: right; } .tableDataZakazTovars td:last-child { text-align: right; } .tableDataZakazTovars .num { color: #404040; font-weight: 800; } .control.button { display: inline-block; float: left; margin-top: 10px; width: 100%; } .control.button .toGlav { float: right; } /* страница корзины */ .basket { float: left; width: 99%; background: #fff; border: 1px solid #ECF0F1; } .orderStageDeliveryListTable { margin-top: 10px; margin-bottom: 10px; } .basket th, table.oformTableVerified th, .tableDataZakazTovars th { background: #ECF0F1; } .basket tbody { text-align: left; font-size: 12px; } .basket thead { font-weight: 700; } .basket tfoot .price { float: right; width: 100%; text-align: right; font-size: 16px; } .basket tfoot .price.val { text-align: left; } .basket tfoot th { vertical-align: middle; text-align: left; } .basket .num { color: #404040; font-weight: 800; } .basket h3 { vertical-align: middle; font-size: 100%; } .basket tbody td { vertical-align: top; } .basket tbody .number > span { display: inline-block; width: 100%; } .basket tbody .price.cell { text-align: center; } .basket tbody td .numeric { display: block; margin: 0px auto; width: 88px; text-align: center; padding-left: 8px; } .basket.disable tbody td.number { } .cartListTable { margin-top: 1%; border-collapse: separate; border-radius: 0px; border: 1px solid #ECF0F1; } .cartbottom { float: left; margin: 0% 0% 0% 0%; width: 100%; } .cartListTable tr td { border-bottom: 1px solid #ECF0F1; } .cartListTable .item-image { text-align: center; } .cartDiscountName { text-align: center; } .cartDiscountCount,.cartDiscountPrice { text-align: center; } .cartDiscountName { font-size: 16px; font-weight: bold; } .btn.green { border-color: #48a043; background-color: #48a043; } .btn.green:hover { border-color: #469c41; background-color: #469c41; } .btn.red { border: 1px solid #A04343; background: #A04343; padding-top: 3px; padding-bottom: 3px; } .btn.red:hover { border: 1px solid #A04343; background: #A04343; } .cartListTable .delete { display: inline-block; } .cartListTable .delete span { display: block; width: 27px; height: 30px; border-radius: 3px; background-color: #e6e6e6; color: #404040; vertical-align: middle; text-align: center; font-size: 15px; line-height: 1.8; } .cartListTable .delete span:hover { background: #ec7063; color: white; } /* скрытые элементы */ .cartListTable.disable .minusCart { display: none; } .cartListTable.disable .plusCart { display: none; } .cartListTable.disable .number span { display: block; text-align: left; line-height: 1; } .cartListTable.disable input.quantity { display: block; padding: 0; height: auto; border: 0; background-color: white; text-align: left; font-size: 14px; line-height: 1; vertical-align: top; color: #404040 !important; float: left; margin-top: -1px; } .numeric .quantity[disabled="disabled"] { color: #404040 !important ; /* для iphone */ } .cartListTable.disable .delete { display: none; } .homePageListCart .products dt { display: inline-block; float: left; margin: 5px 0px; padding: 2px 5px; width: 96%; border-radius: 3px; background-color: #ECF0F1; } .homePageListCart .products .toOformZakazCart { background: 0; padding: 0; width: 99%; margin-top: 4px; } .homePageListCart .cartNameBlock a { font-weight: normal; font-size: 16px; } .addCartMsg { display: block; float: left; margin-top: 7px; padding: 0; max-height: 100px; width: 100%; } .addCartMsg .notice { padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: white; } .addCartMsg .notice.success { background-color: #2ecc71; } .addCartMsg .notice.error { background-color: #E74C3C; } /* end страница корзины*/ /* Стили обычного оформления заказа */ div.oform .contenttext .title { display: inline-block; padding-bottom: 10px; font-weight: bold; font-size: 17px; } .control { display: inline-block; height: 30px; } .control input[type="checkbox"] { float: left; margin-right: 5px; } label[for="js-contactWantRegister"] { cursor: pointer; } .oform input#contactPassWord { margin-left: 10px; } .oform div.showPassBlock { padding: 3px 0px; } div.oform div.button { float: right; padding: 5px 0px; width: 100%; } div.oform div.button .toNext { float: right; } .tableinput td.hInput { padding: 10px 2px; padding-right: 10px; width: 180px; } div.orderInputAdress { display: block; float: left; width: 100%; } label.required em { color: #C0392B; font-weight: bold; font-size: 14px; } .order .legend, .characteristic3 legend { height: 30px; font-size: 18px; } .oform select[name="form[delivery][convenient_time_from]"], .oform select[name="form[delivery][convenient_time_to]"] { width: 65px; } table.orderStageDeliveryListTable label { cursor: pointer; } table.orderStageDeliveryListTable em { font-weight: bold; font-style: normal; font-size: 15px; } table.orderStageDeliveryListTable input[type="radio"] { margin: 0; margin-right: 5px; } .oform div.input-box { padding: 4px 0px 8px 0px; } .oform textarea { width: 90%; } .oformTableVerified .img { display: inline-block; float: left; width: 40px; } .oformTableVerified .info { display: inline-block; float: left; padding-left: 8px; } .oform div.controlBlock { display: block; float: left; padding: 4px 0px; width: 100%; } .oform div.controlBlock .toNext { float: right; } div.characteristic2 { display: block; float: left; width: 100%; } .infoTableVerified .headTd { width: 150px; border-bottom: 1px solid white; background-color: #ECF0F1; text-align: left; } table.oformTableVerified td.lastTh { text-align: right; } table.oformTableVerified td.number { text-align: center; } /* END Стили обычного оформления заказа */ /* Стили для навигации */ .navigation { display: block; float: right; margin: 6px 0px; text-align: right; } .navigation div { display: block; float: left; line-height: 2; margin-right: 5px; } #infscr-loading { max-width: 200px; margin: 0 auto; text-align: center; } #infscr-loading img { margin: 0 auto; } /* END Стили для навигации */ /* Стили для адаптивности */ @media screen and (max-width: 1190px) { .tabproduct .item-box, .menu-item-box { width: 100%; } .categoriesList .tabproduct, .menu-item { margin: 1%; /* Ширина блока с товаром*/ min-width: 140px; width: 31%; } } /* максимальная ширина 1024 */ @media screen and (max-width: 1024px) { .homePageListCart .cartCountBlock { width: 15%; } .homePageListCart .cartNameBlock { width: 74%; } } /* максимальная ширина 980 */ @media screen and (max-width: 980px) { .goodsDataMainModificationDataBlock .delivery { margin-top: 0; } .ban { display: block !important; float: left; width: 100%; height: 44px; margin-top: 10px; } .homePageListCart { display: none; } .menu-item-icon { opacity: 0.7; } .menu-nav1 .head { display: none; } .panel-top nav { width: auto; } .navbarBtnBlock { display: block; } #js-btn-navbar { position: relative; display: block; float: left; padding: 0.1em 0em 0.4em 0em; width: 3.5em; height: 24px; border: 1px solid #34495E; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #1abc9c; color: #ffffff; text-align: center; line-height: 0.4; cursor: pointer; } #js-btn-navbar:hover { background-color: #2fe2bf; background-image: none; } .text-menu-header { display: inline-block; float: right; color: white; font-size: 15px; line-height: 2; } .goodsDataMainModificationDataBlock .buttonToCart { } .left-sidebar { width: 98%; } .container { float: left; width: 100%; } .catalogList { display: none; clear: both; } .left-sidebar hr { display: none; } .logo { float: left; clear: both; margin: 1em; width: 19%; } .logo .store_name { display: block; float: left; font-size: 120%; } .left-sidebar div.search { position: relative; float: right; padding: 1%; padding-right: 0; width: 32%; } #searchform #s { padding: 4px 8px; height: 26px; font-size: 14px; } .search input.btn { float: right; height: 36px; background-position: -48px -185px; } .contactsSite { display: block; float: left; padding: 0.5em; width: 45%; } .contactsSite ul li { float: left; padding: 2px 0px; width: 25%; } .contactsSite .title { float: left; width: auto; } .contactsSite .work-time { float: left; text-align: left; } .footer .infoSite { float: none; padding: 1% 1.5%; width: 97%; background-color: #2C3E50; color: white; margin: 0; } .footer .news { clear: both; overflow: hidden; width: 98%; padding: 0; } .footer { height: auto; } .footer .copy br { display: none; } .footer .copy { display: inline-block; overflow: hidden; padding: 0.5em 0em; } .footer .copyrightFor { padding: 1em 0em; text-align: right; } .footerMenu { position: relative; display: inline-block; padding: 0em 1%; } #megamenu_bottom { position: relative; display: inline-block; } .footerBot { margin-top: 1em; } /* Каталог товаров таблицей */ .menu-item-box { width: 100%; } .menu-item { margin: 0.8%; width: 31.433333%; } .goodstabl { margin-left: 0%; } /* оформление заказа */ #quickformblock label span { font-size: 90%; } #delete { top: -30px; right: 15px; } #delete span { font-size: 16px; } .toOformZakazCart { display: none; } .basket-info { } .panel-top { padding-left: 0.7%; } } /* максимальная ширина 840 */ @media screen and (max-width: 840px) { } /* максимальная ширина 820 */ @media screen and (max-width: 820px) { .cort .left { } } /* максимальная ширина 720 */ @media screen and (max-width: 720px) { #message {width: 90% ! important;} #message1 {width: 90% ! important;} #popup1{padding-top: 600px; display: none; position: fixed;} .crumbs { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* Карточка товара */ .product { float: left; max-width: 100%; } .product .leftpart, .product .rightpart { float: left; width: 100%; } .product .rightpart { width: 100%; padding: 2% 0 0 0; } .block.buttonToCart ul .goodsPageSubmitButtonBlock { width: auto; } /**/ .logo { margin: 5px; width: 45%; line-height: 3.8; } .logo img { float: left; max-width: 40px; } .logo .store_name { padding: 0px 0px 0px 8px; width: auto; font-size: 16px; line-height: 2.5; } .left-sidebar { padding: 0% 0.5% 0% 1%; } .left-sidebar div.search { padding-right: 0; width: 48%; } #searchform { max-width: 300px; } #searchform #s { max-width: 100%; width: 100%; } div.search li.left { width: 90%; } div.search li.right { width: 10%; } .contactsSite { width: 99%; } .contactsSite ul li { width: 30%; } .cort .left { width: 54%; } /* каталог товаров таблицей */ .menu-item { margin: 1%; width: 47.6%; } .menu-item-box { float: left; width: 100%; } .goodstabl .menu-item-box .title a { font-size: 120%; } .goodstabl { margin-left: 0%; } /* Большое изображение товара*/ .fullimg a { display: block; float: none; } /* табы в карточкет товара */ #productBlock .tabsTovarBlock .tabsTovarInfo { float: left; width: 100%; border-radius: 5PX; } #productBlock .tabsTovarBlock .tabsTovarInfo dt.tab { display: block; float: left; clear: right; width: 100%; } #productBlock .tabsTovarBlock .tabsHeaders { display: block; float: left; width: 100%; } .block.buttonToCart ul .tovarCount { width: auto; } .block.buttonToCart ul .goodsPageSubmitButtonBlock { width: auto; } .fullimg { margin: 0 auto; min-height: 200px; width: 100%; } .fullimg .owl-carousel .owl-wrapper-outer { max-width: 100%; } div#views_block, .allphoto .title { margin: 0 auto; max-width: 70%; width: 420px; } .goodsDataMainModificationPriceNow { float: left; width: 96.5%; padding-bottom: 7px; } .goodsDataMainModificationPriceNow span { text-align: right; font-size: 20px; line-height: 1; } .goodsDataMainModificationDataBlock .cena { margin-bottom: 8px; } .cort .right { width: 42%; } #sb-site .contenttext .title { margin: 0; margin-bottom: 1%; padding-left: 1%; width: 97%; } dt.tab h3, dt.tab:last-child h3, dt.tab:first-child h3 { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-right: 0; } } /* максимальная ширина 650px*/ @media screen and (max-width: 650px) { #message {} .msgCart { } .goodlistmain .menu-item-icon { right: 0; bottom: 0; width: 100%; height: 100%; background: none; } .goodlistmain .menu-item-icon .zoom { background: none; width: 100%; height: 100%; } .cort .left ul span, .cort .right ul span { display: none; } .cort .left { width: auto; } .cort .left .goods_order_fields { padding-left: 0; } .cort .left .goods_order_fields select { display: block; float: left; max-width: 99%; width: 210px; } .goodlistmain .img img { min-height: 0; } .goodlistmain .img { padding: 1%; width: 10%; } .goodlistmain .title h4 { height: 1.2em; font-size: 1.2em; } .goodlistmain .priceblock { width: 86.5%; } /* цена товара в отображение списком */ .goodlistmain .price { position: relative; display: block; float: left; width: 50%; text-align: right; line-height: 1; } .discBlock { height: auto; } .goodsListBlock ul.menu-list-price li { float: right; } .goodsListBlock ul.menu-list-price li.last { float: left; } .goodsListBlock ul.menu-list-price li.last { float: right; padding-top: 5px; padding-right: 5px; width: 100%; } .related_goods .menu-item { width: 47%; } .cort .right { width: auto; } .goodstabl { margin-left: 0; margin-top: 0%; } .goodlistmain { width: 98.5%; } .crumbs { width: 96.3%; } .left-sidebar { width: 98%; } .filter { width: 32%; } .menu-item-badges { padding: 0; margin: 0 auto; bottom: 0; top: initial; border: 0; border-radius: 0; border-bottom-left-radius: 3px; left: 0; padding: 0px 3px 0px 3px; } .tab .menu-item-badges { top: -2px; left: 10px; z-index: 2; padding: 3px 7px 3px 7px; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; bottom: initial; } .tableDataZakaz tr th { width: 40%; } } /* максимальная ширина 540 */ @media screen and (max-width: 540px) { #message {} #sb-site .left-sidebar .contactsSite { margin: 0; } #sb-site .left-sidebar .contactsSite a { font-size: 14px; } #quickformblock .fieldset textarea { width: 92%; } h4 { margin-bottom: 0.5em; } .left-sidebar { width: 98.4%; margin-bottom: 1%; } } /* максимальная ширина 520 */ @media screen and (max-width: 520px) { #message {} /* Заголовки */ h1 { font-size: 140%; } .search { padding: 0.5%; width: 99.3%; } .logo { float: left; width: 100%; } .form-line .inner textarea, #goods_opinion_name { width: 90%; } /* форма поиска */ .left-sidebar div.search { float: none; overflow: hidden; margin: 0 auto; width: 74%; margin-bottom: 4px; } div.search li.right { min-width: 43px; width: 12%; } div.search li.left { max-width: 89%; } div.search li.right input.btn { float: right; margin-right: 13%; } #searchform #s { width: 96%; } /* Каталог категорий */ .categoriesList .tabproduct, .menu-item { float: none; width: 46%; } .categoriesList { text-align: center; } .footer .infoSite { width: 95%; } .contactsSite ul li { min-width: 144px; width: 33%; } .goodlistmain .price { width: 48%; } /* корзина */ /* новости в подвале */ .footer .news .column { float: left; margin: 3% 2%; margin-bottom: 10px; padding: 0; width: 95%; } .footer .news .column h4 { margin: 0; height: 24px; cursor: pointer; } .footer .news .newHead { padding: 1% 0% 0% 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: rgb(144, 144, 144); } .footer .news .newCont { padding: 1% 2%; } .tableDataZakazTovars tbody tr { border-bottom: 1px solid #d5d5d5; } .tab-content-block { padding: 3.6%; width: 92.2%; } .oform textarea { width: 270px; } .menu-item-info { max-height: 8em; padding-bottom: 2px; } .menu-item .title h4 { height: 3em; } .goodstabl .menu-item-box .title a { font-size: 15px; } .goodsDataOpinionShowAddForm { float: left; width: 100%; padding-left: 4px; padding: 7px 5px; } .disableJsMessa { width: 95.6%; } .column span.toggleImg { display: inline-block; float: right; width: 30px; height: 20px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -33px -35px; text-align: right; } .column span.hide { background-position: -4px -35px; } .cort { padding: 0; } #quickformblock .legend { margin-top: 8px; } .filter { width: 32%; } .filter { width: 48%; } .filter select { width: 98%; } .tableDataZakaz tr th { width: 45%; } } /* максимальная ширина 480 */ @media screen and (max-width: 480px) { #message {} html, body { font-size: 100%; } #contactShow .title a { color: #16a085; } .contactsSite ul li { min-width: 170px; width: 48%; } .left-sidebar { width: 98.6%; } .desc .menu-item-info { margin-bottom: 0.5em; max-height: 300px; height: auto; } .cartbottom { display: block; float: left; padding: 0em 0em 0px 0px; margin-top: -3px; } div#globalOformZakazBlock { margin-top: 0px; } .cartbottom > div { margin: 0.2em 0em; width: 50%; } .cartbottom > div.right { width: 40%; } .cartbottom > div.right button { float: right; margin-bottom: 3px; } .cartbottom > div.left button { float: right; margin: 0px 4px; } .cartbottom > div.left a { float: left; } .basket tbody td .numeric { width: 29px; padding: 0; } .goodlist { padding: 0; max-height: 100%; } .goodsListBlock { margin-top: 4px; } .cartListTable .btn.minusCart { display: none; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; } .cartListTable .btn.plusCart { display: none; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; } .basket tbody .number > span { width: auto; line-height: 2; } .cartListTable .numeric .quantity { border: 1px solid #A2B5B9; margin-right: 3px; } #searchform { float: none; margin: 0 auto; padding-right: 1%; max-width: 280px; } .block.buttonToCart ul .goodsPageSubmitButtonBlock { float: right; margin: 4% 0% 0% 0%; width: 100%; } .block.buttonToCart ul .tovarCount { width: 100%; } div.search li.right input.btn { margin-right: 0; } .oform textarea { width: 250px; } .cort .per_page select { width: 67px; } .product .rightpart { padding: 3% 0 0 0; } .goodsPageSubmitButtonBlock input { margin: 0; } } /* максимальная ширина 425*/ @media screen and (max-width: 450px) { #message {} .goodsListBlock .price { width: 46%; height: auto; line-height: 1; } .cort .left .goods_order_fields select { width: auto; } .cort .left .goods_order_fields { width: 90%; } .cort .left { margin-bottom: 0; width: 50%; } .menu-item { width: 98%; } .menu-item-box .btn-toolbar2 { margin-bottom: 10px; } .goodstabl .title h4 { text-align: center; } .goodstabl .numeric { float: right; padding-right: 4%; } .goodstabl { margin-left: -1%; } .btn-toolbar { min-height: 2.5em; } /* Контакты в шапке */ .contactsSite { float: none; overflow: hidden; margin: 0 auto; margin-right: -1px; padding: 0; width: 99%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #contactShowBut { display: block; padding: 2.8%; width: 94%; background-color: #34495E; color: white; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } #contactShow { display: none; float: left; margin-top: -0.4%; padding: 3%; width: 92.7%; border: 1px solid #bdc3c7; border-top: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.headline { font-size: 120%; } hr, #hr { margin-bottom: 10px; } /* скрываем контакты в на странице Связь с администрацией */ .contactsFeedback { display: none; } #contactShowBut span.toggleImg { display: inline-block; float: right; margin-top: -3px; width: 28px; height: 26px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -34px -31px; text-align: right; cursor: pointer; } #contactShowBut span.hide { background-position: -5px -31px; } .related_goods .menu-item { width: 95%; margin: 0 auto; display: block; } tr.order { border-bottom: 2px solid #ECF0F1; } .oformTableVerified .info { padding-left: 0; } .oform div.controlBlock .toNext { display: block; float: none; margin: 0 auto; } .oform div.controlBlock { padding: 12px 0; } .oformTableVerified .img { padding-right: 4px; } .crumbs { width: 95.7%; padding: 2% 2.1% 2% 10px; } .basket-info { padding-right: 1.5%; } #productBlock .item-box { margin: 5px 0px; } #cartInfoBlock .cartNameText { display: none; font-size: 12px; } #cartInfoBlock.count0 .cartNameText { display: none; } .filter { width: 100% } .filter select { width: 100% } } /* максимальная ширина 400 */ @media screen and (max-width: 400px) { #message {} table.tableinput input { min-width: 10px; width: 110px; } .tableinput .urText { width: auto; min-width: 85px; } table.tableinput input { width: auto; } #searchform #s { width: 94%; } /* Страница обратной связи */ #feedback_name, #feedback_еmail, #feedback_message { display: block; margin: 0 auto; width: 90%; } /* каталог категорий */ .categoriesList .tabproduct, .menu-item { /* display: block; */ float: none; margin: 0 auto; padding-top: 7px; padding-bottom: 7px; width: 98%; } div#views_block, .allphoto .title { margin: 0 auto; max-width: 99%; } #sb-site .left-sidebar .contactsSite { font-size: 15px; } .basket-info > a { display: inline-block; float: left; /* min-width: 60px; */ height: 100%; margin: 0; } .basket-info.count0 a { float: none; } .basket-info .cartSum { float: right; } .basket-info { min-width: 170px; width: 58%; } .msgCart a { display: inline-block; float: none; min-width: 0; text-align: left; line-height: 1; width: 100%; padding: 0px; margin: 0px; color: white; } .msgCart { top: 52px; right: 8px; vertical-align: top; display: block; } .countOpinion { display: block; } .cort .right { width: 100%; } .cort .right ul .per_page { float: left; padding: 0; } .cort .left .goods_order_fields { width: 100%; } .cort .left { width: 100%; margin-bottom: 10px; } .cort .left .goods_order_fields select { max-width: 100%; width: 100%; } .crumbs { width: 95.7%; padding: 2% 2.1% 2% 10px; } .goodstabl { margin: 0; } .menu-item { width: 99%; } .goodsDataOpinionButton.form-line .inner { padding: 0; } } /* Максимальная ширина */ @media screen and (max-width: 380px) { #message {} .goodsListBlock .price { float: left; width: 98%; } .basket-info { overflow: visible; padding-top: 1px; padding-left: 1%; min-width: 185px; width: auto; height: 44px; font-size: 80%; line-height: 3.1; } .tableinput input { min-width: 40px; width: auto; } .text-menu-header { display: none; } .basket-info .cartSum { line-height: 3.3; } .crumbs { width: 95%; padding: 2% 2.1% 2% 2.6%; } } @media screen and (max-width: 350px) { #message {} .navbarBtnBlock { min-width: 0; } .basket-info { margin-right: 0; } #feedback_name, #feedback_еmail, #feedback_message { float: left; width: 84%; } #sb-site .left-sidebar .contactsSite a { font-size: 15px; } #quickformblock .fieldset textarea { overflow: hidden; width: 87%; } .hideBar .accordion em.open-close { padding: 2px 11px; height: 24px; background-position: -9px -32px; } .catalogList.hideBar .block-content li .oneList { padding: 8px 0px 8px 10px; } .catalogList.hideBar .block-content ul.head li { padding: 8px 0px 8px 10px; } #owl-carusel .item { width: 58px; } .crumbs { width: 94.7%; padding: 2% 2.1% 2% 10px; } } /* максимальная ширина 320 */ @media screen and (max-width: 320px) { #message {} #cartListForm .box { overflow-x: auto; } /* Контакты */ #sb-site .left-sidebar .contactsSite { } .contactsSite ul { position: relative; display: block; margin: 0 auto; width: 60%; } .crumbs { } } /* Если максимальная высота 400 то изменяем высоту выдвигающего левого меню */ @media screen and (max-height: 400px) { .sb-slidebar { height: 93%; } } /* END Стили для адаптивности */ #sb-site .sb-toggle-left { color: wheat; } .ui-effects-transfer { border: 0px dotted black; } .ui-effects-transfer img { max-height: 100%; max-width: 100%; margin: 0 auto; display: block; } .lenta-news li { display: inline-block; width: 100%; overflow: hidden; } .lenta-news li a, .lenta-news li span { width: 100%; display: inline-block; } .lenta-news a { background-color: #ECF0F1; padding-left: 2%; padding-right: 2%; width: 90%; } .lenta-news { display: block; float: left; margin-top: 20px; } .lenta-news .newHead a { width: 100%; display: inline-block; } .lenta-news .newHead { overflow: hidden; } div#vk_groups { margin-top: 20px; } .blockIndexPage .owl-wrapper-outer { max-width: none; } .customNavigation.my { position: relative; margin-bottom: -40px; height: 40px; bottom: 0; width: 100%; overflow: visible; opacity: 0.5; } .index_page_goods .menu-item { width: 90%; } .my .next, .my .prev { position:relative; bottom:235px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -305px -0.5%; height: 30px; width: 5px; background-color: #4E6D8D; } .my .prev { float: left; background-position-x: -277px; left: 1px; } .my .next { float: right; background-position-x: -315px; } .customNavigation.my:hover { opacity: 0.5; } .my .next:hover, .my .prev:hover { opacity: 1; background-color: #0E4277; } .index_page_goods .menu-item-icon { right: 8%; } .mod.goodsDataMainModificationsBlockProperty .select { float: left; margin-right: 5px; } .goodsDataMainModificationsBlockProperty input:checked + label { border: 1px solid #72d300; } .goodsDataMainModificationsBlockProperty input + label { border: 1px solid #ccc; cursor: pointer; display: inline-block; height: 45px; line-height: 45px; margin: 4px; text-align: center; width: 55px; } .goodsDataMainModificationsBlockProperty input { display: none; } .footerMenu, .vidj { display: inline-block; margin: 0 1%; vertical-align: top; width: 21%; } .footerMenu li { display: block; float: none; } @media screen and (max-width: 542px) { .footerMenu, .vidj { display: inline-block; margin: 0 1%; vertical-align: top; width: 40%; } .footerMenu li a { display: block; padding: 0 10px 0 10px; padding: 2px 2px; color: white; text-transform: uppercase; letter-spacing: 0.13em; font-size: 75%; } } #message { border: 2px solid #000; min-width: 100px; padding: 5px; position: relative; background: #FFB6C1; margin: 0 auto; width: 600px; z-index: 20000; top: 150px; } #popup { display:none; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.7); width: 100%; height: 100%; z-index: 20000; } #message1 { border: 2px solid #000; min-width: 100px; padding: 5px; position: relative; background:#FFB6C1; margin: 0 auto; width: 600px; z-index: 20000; top: 130px; } #popup1 { display:none; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.7); width: 100%; height: 100%; z-index: 20000; } p.katalogv { display: block; padding: 2.8%; width: 94%; background-color: #34495E; color: white; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 21px; cursor: pointer; } p.katalogv span.toggleImg { display: inline-block; float: right; margin-top: -3px; width: 28px; height: 26px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -34px -31px; text-align: right; cursor: pointer; } p.katalogv span.hide { background-position: -5px -31px; } textarea#goods_opinion_accomplishments { height: 20px; width: 240px; } .goodsDataOpinionListTableAnswer{ color: green; } /****************************************************************************** Иконки соц сетей в подвале *******************************************************************************/ /* Buttons */ .btn-icon.sbtnf, .btn-icon .sbtnf {padding-left: 10px;padding-right: 10px;width: auto;} /* Social */ .social .sbtnf {color: #fff;display: block;height: 40px;float: left;line-height: 40px;margin: 0 10px 0 0;opacity: .35;filter: alpha(opacity=35);-webkit-transition: opacity .2s linear;transition: opacity .2s linear;text-align: center;width: 40px;} .social .sbtnf:hover {opacity: 1;filter: alpha(opacity=100);-webkit-transition: opacity .2s linear;transition: opacity .2s linear;} .sbtnf {display: inline-block;width: 31px;height: 31px;line-height: 31px;text-align: center;margin: 2px 0;background-position: -10000px;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;text-decoration: none;color: #ffffff;overflow: hidden;vertical-align: top;} .sbtnf:hover {text-decoration: none;} .sbtnf:before, .sbtnf:after {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} @media \0screen { .sbtnf {display: block;float: left;} } .rightpart .homePageListCart { clear: both; float: none; } .rightpart #cart_block_list, .rightpart .homePageListCart h4 { display: none; }
#186272 Изменения
Отправлено от vadim777 в 06 Февраль 2015 - 12:54 в Изменение общей стилистики
RayLi (25 Январь 2015 - 09:32) писал:
В шаблоне html найдите код:
<!-- Выводить на мобильных устройствах страницы без масштабирования --> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">И удалите его.
1. как сделать верхнее меню таке же как на версии в пк, а не просто серую полоску
2. форма поиска по центру над баннером
сейчас вот так выглядит
#183980 Изменения
Отправлено от vadim777 в 24 Январь 2015 - 20:49 в Изменение общей стилистики
Alekseys (24 Январь 2015 - 20:29) писал:
// меню аккордеон в обычном списке категорий var $accordionMain = $('.accordionMain'); $accordionMain.find("li.parent").each(function() { $(this).children('span').append('<em class="open-close"> </em>'); // Добавляем элемент с изображениями "+" или "-" к пунктам меню }); $accordionMain.accordion(); $accordionMain.find("li.active").each(function() { $(this).children().next("ul").css('display', 'block'); });на
// меню аккордеон в обычном списке категорий //var $accordionMain = $('.accordionMain'); //$accordionMain.find("li.parent").each(function() { // $(this).children('span').append('<em class="open-close"> </em>'); // Добавляем элемент с изображениями "+" или "-" к пунктам меню //}); //$accordionMain.accordion(); //$accordionMain.find("li.active").each(function() { // $(this).children().next("ul").css('display', 'block'); //});
#183972 Изменения
Отправлено от vadim777 в 24 Январь 2015 - 20:21 в Изменение общей стилистики
#181065 Слайдер На Главную
Отправлено от vadim777 в 03 Январь 2015 - 20:47 в Шаблон Сияние
#181064 Каталог Товаров Сбоку
Отправлено от vadim777 в 03 Январь 2015 - 19:52 в Изменение общей стилистики
#180153 Цвет Нижнего И Верхнего Меню
Отправлено от vadim777 в 23 Декабрь 2014 - 19:01 в Изменение общей стилистики
Ирина345 (23 Декабрь 2014 - 19:00) писал:
.basket-info .cartImg { display: inline-block; margin-bottom: -10px; padding: 14px 0px; width: 27px; background: url('{ASSETS_IMAGES_PATH}korzina.png') no-repeat -100px -66px; }
замените на
.basket-info .cartImg { display: inline-block; margin-bottom: -10px; padding: 14px 0px; width: 27px; background: url('{ASSETS_IMAGES_PATH}korzina.png') no-repeat; }
#180150 Цвет Нижнего И Верхнего Меню
Отправлено от vadim777 в 23 Декабрь 2014 - 18:57 в Изменение общей стилистики
Ирина345 (23 Декабрь 2014 - 18:40) писал:
далее найдите в main.css
.basket-info .cartImg { display: inline-block; margin-bottom: -10px; padding: 14px 0px; width: 27px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -100px -66px; }замените на
.basket-info .cartImg { display: inline-block; margin-bottom: -10px; padding: 14px 0px; width: 27px; background: url('{ASSETS_IMAGES_PATH}имя вашей загруженной картинки') no-repeat -100px -66px; }
#180146 Цвет Нижнего И Верхнего Меню
Отправлено от vadim777 в 23 Декабрь 2014 - 18:46 в Изменение общей стилистики
Ирина345 (23 Декабрь 2014 - 18:40) писал:
далее найдите в main.css
.basket-info .cartImg { display: inline-block; margin-bottom: -10px; padding: 14px 0px; width: 27px; background: url('{ASSETS_IMAGES_PATH}sprites.png') no-repeat -100px -66px; }замените на
.basket-info .cartImg { display: inline-block; margin-bottom: -10px; padding: 14px 0px; width: 27px; background: url('{ASSETS_IMAGES_PATH}имя вашей загруженной картинки') no-repeat -100px -66px; }
#180143 Цвет Нижнего И Верхнего Меню
Отправлено от vadim777 в 23 Декабрь 2014 - 18:36 в Изменение общей стилистики
#180141 Цвет Нижнего И Верхнего Меню
Отправлено от vadim777 в 23 Декабрь 2014 - 18:33 в Изменение общей стилистики
Ирина345 (23 Декабрь 2014 - 18:28) писал:
.header { position: absolute; position: fixed; top: 0; left: auto; z-index: 1024; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; min-width: 100%; width: auto; height: 45px; background-color: #f5f5f5; opacity: 0.7; }
замените на
.header { position: absolute; position: fixed; top: 0; left: auto; z-index: 1024; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; min-width: 100%; width: auto; height: 45px; opacity: 0.7; background: rgba(0,0,0,0.6); }
- Форум владельцев интернет-магазинов
- → Публикации vadim777
- Privacy Policy