Добрый день, помогите, пожалуйста!
Аккаунт 285534, адрес магазина милыймишка.рф(http://xn--80apadgdfd3i0a.xn--p1ai/ (http://xn--80apadgdfd3i0a.xn--p1ai/)), шаблон Вечность.
Проблема:
Сайт корректно отображается только при разрешении экрана 1200 px.
При меньшем разрешении экрана или при свернутом окне браузера вместо появления полосы прокрутки или автоматического уменьшения - ПРОИСХОДИТ СМЕЩЕНИЕ ВСЕГО: ТЕКСТА, КАРТИНОК (выделено красным)
Как решить эту проблему?
Устроит любой вариант:
- появление полосы прокрутки
- автоматическое уменьшение разрешения
Скрин
1
Адаптивность Сайта К Разному Разрешению Экрана
Автор Милый Мишка, 19 июля 2014 10:30
- Авторизуйтесь для ответа в теме
Сообщений в теме: 2
#1 Милый Мишка
Отправлено 19 Июль 2014 - 10:30
#2 Сake
Отправлено 21 Июль 2014 - 23:17
У вас внесено большое число изменений в адаптивный дизайн, которые в свою очередь портят адаптацию. Исправить данную проблему затруднительно. Целесообразнее будет использование другой (не адаптивной темы оформления), например "Мокко" или "Сияние". Для этого понадобится переустановка темы оформления с потерей изменений в дизайне. Если все же не хотите этого делать, то единственное что можно сделать - удаление @media правил в файле стилей (отключение адаптивности). Замените содержимое вашего файла стилей style.css на следующее содержимое
Скрытый текст
body { margin-right: 0px !important; } .fancybox-overlay { overflow-y: visible; } .containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top; width:173px !important; height: 550px!important;} .containers .items figure, .containers2 .items figure, .containers .items>div, .containers2 .items>div {width:170px !important;} .containers2 .items {border:3px solid #892ca0;border-radius:15px;} /* Всплывающее окно */ #bg_quickorder { background-color: rgba(0, 0, 0, 0.8); display: none; position: absolute; z-index: 99999; width: 100%; } #quickorder { background: #fff; width: 815px; margin: 10% auto; position: relative; /*--CSS3 CSS3 Тени для Блока--*/ -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; /*--CSS3 Закругленные углы--*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .zones {padding: 0 !important} .zones td {padding: 0 0 0 0.5em !important;} .lab {text-align: right;width: 100px;display: block;float: left;} label.error {color: red;font-style: italic;margin-left: 5px;} input.error {border: 1px dotted red;} .new-customer {padding-right: 4%; width: 40%; float: left;} .sign-in {padding-left: 4%; border-left: 1px solid #d5d5d5; width: 45.8%; float: left;} /* Стилизация "или" */ .new-customer span.or {position: absolute;height: 14px;width: 33px;padding: 10px;padding-top: 22px;border-radius: 30px;text-align: center;background: #fbec5d;font-weight: bold;color: #892ca0;right: -20px;top: 25%;z-index: 2;font-size: 1.5em;line-height: 0;} .new-customer span.or.new-seller {top: 30%;} /* END */ /* Слайдер-карусель на главной в сопутсвующих товарах */ .car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;} .mycont2 h4, .car h4 {padding: 5px 10px 10px 10px;} .mycont {margin:0 auto;padding: 5px;background: #fff;} .mycont2 {max-width: 930px !important; float:left !important; margin-left:-10px !important; margin:10px;padding: 5px;background: #fff;border:3px solid #892ca0;border-radius:15px;} .mycarousel li{width:193px;margin:0 10px;text-align: center;} .mycarousel2 li{width:160px;height: 500px !important;margin:0 10px;text-align: center;border:3px solid #892ca0; border-radius:15px;} .jcarousel-clip{overflow: hidden;} .jcarousel-prev, .jcarousel-next{display:block;width:32px;height:30px;cursor:pointer;} .jcarousel-prev{background:url('{ASSETS_IMAGES_PATH}slides-arrow-left.png') no-repeat;left: -25px;top: 40%; position: absolute;height: 100px;} .jcarousel-next{background:url('{ASSETS_IMAGES_PATH}slides-arrow-right.png') no-repeat;right: -37px;top: 40%; position: absolute;height: 100px;} .available-true {position: absolute; width: 90px; height: 38px; background: url('{ASSETS_IMAGES_PATH}stiker1.png') no-repeat;z-index: 100;right: 295px;top: -45px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 16px;font-family:bookman old style;} .available-false {position: absolute; width: 90px; height: 38px; background: url('{ASSETS_IMAGES_PATH}stiker2.png') no-repeat;z-index: 100;right: 295px;top: -45px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 16px;font-family:bookman old style} .cornerAll {-moz-border-radius: 0px;-webkit-border-radius: 0px;} .paymentFormTbody {background: #fff; border: solid 1px #ccc;padding-bottom:10px;} .paymentFormSubmitLink {display: table-cell;padding: 0.3em 0.6em;background: #892ca0;color: #fff;border: none;letter-spacing: 1px;text-transform: uppercase;text-align: center;} .paymentFormSubmitLink:hover {background: #404040;color: #fff;} .dotted {border-bottom: dotted 1px #404040;} .buttons-set {padding-top: 10px;margin:10px 0;} .control {padding-top: 5px;} p.required {padding: 10px 0;} .num{color: #404040;font-weight: 800;} .basket-summary .num {color: #892ca0;} .add-to-links {margin-top: 10px; display:block;} .selected {text-decoration: underline; font-weight: 600;color: #fff;} .empty {margin-bottom: 1em;} /* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */ .htmlDataBlock {border:1px solid #892ca0; border-radius:15px;padding: 2em!important;background:#fafa9b !important;font-family: bookman old style !important;} .htmlDataBlock ol {margin:10px 0 10px 2em !important;padding:0px ;} .htmlDataBlock ul {margin:10px 0 10px 2em !important;padding:0px !important;} .htmlDataBlock ol li {padding:0px !important;margin:3px 0px !important;list-style-type: decimal;} .htmlDataBlock ul li {padding:0px !important;margin:3px 0px !important;list-style-type: disc;} .htmlDataBlock sub {vertical-align: sub;font-size: smaller;} .htmlDataBlock sup {vertical-align: super;font-size: smaller;} .htmlDataBlock p { margin:1em 0; background-color:#fafa9b;} .htmlDataBlock blockquote {font-style: italic;font-family: bookman old style;padding: 2px 0 8px 20px;margin: 1em 1em 1em 3em;border-style: solid;border-color: #ccc;border-width: 0;border-left-width: 5px;} .x-list li {float:left;} .x-list a {padding: 0 13px 0 10px;float:left;} .selected-desc a {background: url('{ASSETS_IMAGES_PATH}downArrow.png') no-repeat left center;} .selected-asc a {background: url('{ASSETS_IMAGES_PATH}upArrow.png') no-repeat left center;} .selected-desc a, .selected-asc a {padding-left: 13px;} .price {font-size: 16px; color: #000;} .price a { color: #000; font-weight: 500;margin-left:-2em !important;margin-top:10px; margin-bottom: 13em;position: absolute; bottom:0;} .lineThrough {text-decoration: line-through;font-size: 15px;margin-top:10px;margin-bottom: 25em !important;position: absolute; bottom:0; } a.lineThrough {margin-bottom: 16.5em !important;position: absolute; bottom:0; } .filters {display: block;float: left;} .filter {display: inline-block;display: -moz-inline-stack;*display: inline; vertical-align: top;position:relative;z-index: 100;padding: 5px 10px 5px 0px;width: auto;} @-moz-document url-prefix() {.filter > div {position: relative;}} .filter > div {*position: relative;*display: inline;zoom: 1;*vertical-align: top;*overflow: hidden;*text-align:center;} /* loading... */ #infscr-loading{position: absolute;bottom: 0px;left: 48%;} .box{background: #ebfdf0; padding: 25px; border: solid 1px #ccc; position: fixed; margin: 0 30%; z-index: 1000;font-size:1.4em;text-align:center;} .hide {display: !important;} /* Страницы */ .pagination {text-align: center;} .pp-page {background: url('{ASSETS_IMAGES_PATH}next.png');padding: 8px 13px 9px 12px; color: #fff;} .pp-current {background: url('{ASSETS_IMAGES_PATH}prev.png') !important;} .pp-title{padding-top: 9px;} .compare {background:#fbec5d; text-align: right;margin-bottom: 0px; bottom: -73%;position: absolute; right:310px;padding:10px;border:3px solid #892ca0; border-radius:15px;font-size: 12pt; font-family: bookman old style; font-weight: bold;} .contacts{float: left;position: relative;} .footer{margin-bottom: 0px; display: block; position: relative;} .footer ul li {display: inline;margin: 0 15px; float: left;} .goodsDataMain {float:right; color: #aaa;width:170% !important; margin-top:0px; height:370px; margin-bottom:10px !important;margin-right:-500px!important;} .goodsDataMainModificationPriceNow{float:left; color: #aaa;margin: 5px;} .goodsDataMainModificationPriceOld{float: left;text-decoration:line-through;font-size: 20px;margin: 15px;} .goodsDataMainModificationAvailable{position:relative;margin: 5px 0px 15px 0px;width: 100%;font-size: 20px; color: #00AC6B;z-index: 100;} .goodsDataMainDiscountBlock{background: #ff9d9d;padding: 10px; margin: 5px 0px;border:3px solid #892ca0; border-radius:15px;color:#000;} .goodsDataMainModificationsBlock, .goodsDataMainModificationsBlockProperty, .goodsDataMainModificationsList, .goodsDataMainModificationsDescriptionBlock{background: #fbec5d; display: block; position: relative;color:#000;} .goodsDataMainModificationsBlock{background: #fbec5d;padding: 10px;margin-top: 1em;border:3px solid #892ca0; border-radius:15px;} .goodsListItemPriceNew{font-size: 18px; margin-left:20px!important;margin-bottom: 11em !important;position: absolute; bottom:0;} .goodsListItemPriceOld{width: 200px !important; font-size: 15px; margin-left:-50px!important; margin-bottom: -13em !important;position: absolute; bottom:0;} .goodsDataCompareButton {display: block; margin: 1em 0;} .preview_images img { max-height: {SETTINGS_GOODS_IMAGES_SIZE_ICON}px; } /* Стили для вкладок на странице товара*/ .tabbed_box {margin: 0px auto 0px auto;width:400px;border-radius:25px} .tabbed_box h4 {font-family:bookman old style;font-size:23px; color:#ffffff;letter-spacing:-1px;margin-bottom:10px;border-radius:25px} .tabbed_box h4 small {color:#e3e9ec;font-weight:normal;font-size:9px;font-family:bookman old style;text-transform:uppercase; position:relative;top:-4px;left:6px;letter-spacing:0px;border-radius:25px} .tabbed_area {border:1px solid #892ca0;background-color:#892ca0;padding:8px;border-radius:15px; margin-left: -10px;width:925px; margin-bottom:10px;margin-top:10px !important;} .ie7 .tabbed_area {margin-bottom: 3em;} ul.tabs {margin:0px; padding:0px;margin-top:5px; margin-bottom:5px;display: block;position: relative;} ul.tabs li {list-style:none;display:inline;} ul.tabs li a {background-color:#F0EFEB; color:#000;padding:8px 14px 8px 14px;text-decoration:none; font-size:9px;font-family:bookman old style;font-weight:bold; text-transform:uppercase; border:1px solid #464c54;position: relative;float: left;} .ie7 ul.tabs li a {padding:8px 14px 7px 14px;} ul.tabs li a:hover {background-color:#2f343a;border-color:#2f343a;color:#fff;} ul.tabs li a.active {background-color:#ffffff; color:#282e32;border: 0px solid #464c54;padding-bottom: 10px;margin: 1px;} .content {background-color:#ffffff;padding:10px;border:1px solid #464c54;margin-top: 40px;} #content_2, #content_3, #content_1 {display:none;} .content ul {margin:0px;padding:0px 20px 0px 20px;} .content ul li {list-style:none;border-bottom:1px solid #d6dde0;padding-top:15px;padding-bottom:15px;font-size:13px;} .content ul li a {text-decoration:none; color:#3e4346;} .content ul li a small {color:#8b959c;font-size:9px;text-transform:uppercase;font-family:bookman old style;position:relative;left:4px;top:0px;} .content ul li:last-child {border-bottom:none;} /* END Стили для вкладок на странице товара*/ .commentBlock{width:500px;margin: 10px auto;border-bottom:1px solid #999;} .name{font-weight:700;} /* Кнопка "Загрузить ещё" */ #load{width:120px;height:30px;text-align:center;margin-left: 45%;position: absolute;bottom: -20px;clear: both;z-index: 1000;} #load div{ margin: 5px;cursor:pointer;background: #6483aa;color:#fff;padding: 4px 10px 4px 10px;border:1px solid #2f4561;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} #imgLoad{display: none;} /* END Кнопка "Загрузить ещё" */ .limiter label{float:left; padding-right: 10px;} /* Страница сравнения товаров */conta .compare-navigate .CompareGoodsTablePrev a {position:absolute; display:block;height:50px; width:30px;background: url('{ASSETS_IMAGES_PATH}slides-arrow-left.png') no-repeat; left: -19px;top: 150px;} .compare-navigate .CompareGoodsTablePrev a.disable {position:absolute; background-image: url('{ASSETS_IMAGES_PATH}slides-arrow-left.png');height: 50px;width: 30px; left: -19px;top: 150px;} .compare-navigate .CompareGoodsTableNext a {position:absolute; display:block;height:50px; width:30px;background: url('{ASSETS_IMAGES_PATH}slides-arrow-right.png') no-repeat;right:-30px;top: 150px;} .compare-navigate .CompareGoodsTableNext a.disable {position:absolute; background-image: url('{ASSETS_IMAGES_PATH}slides-arrow-right.png'); height: 50px; width: 30px; right:-30px;top: 150px;} /* END Страница сравнения товаров */ /* Основная навигация. Каталог товаров */ .ie7 .nav, .ie7 .conta { zoom: 1; } /* IE6 */ *:first-child+html #menu { zoom: 1; } /* IE7 */ .nav a {*zoom: 1;} .conta {position: relative;width: 100%;max-width: 1280px;margin-top: 0px auto !important; margin-bottom: 20px;z-index:30;} .toggleMenu {display: none;background: #fff;padding: 10px 15px;color: #fff;} .nav {list-style: none;*zoom: 1;background:#892ca0;z-index:30;position: relative;border:3px solid #892ca0;border-radius:15px;} .nav:before,.nav:after {content: " ";display: table;} .nav:after {clear: both;} .nav ul {list-style: none;width: 107%;} .nav a {padding: 5px 15px;color:#892ca0;text-transform: uppercase;z-index:50;font-weight:bold; font-size: 12pt; font-family: Bookman Old style;} .nav a:hover{color: #892ca0;text-decoration: underline; background: #fbec5d} .nav li {position: relative;z-index:60;} .ie7 .nav li {position: relative;border: none;margin: 0;} .nav > li {float: left;} .nav > li > .parent {background-image: url("{ASSETS_IMAGES_PATH}downArrow.png");background-repeat: no-repeat;background-position: right;} .nav > li > a {display: block; top: -1px;} .nav li ul {position: absolute;left: 0; display: none;z-index:50;width: 160px;} .nav li.hover {display: block !important;z-index:100;} .nav li:hover ul li a {display: block !important;z-index:100;} .nav > li.hover > ul {position: absolute;left: 0;display: block !important;z-index:50;color:#000;} .nav li li.hover > ul {left: 100%;top: 0;display: block;z-index:60;display: block !important;color:#000;} .nav li li li.hover > ul {left: 100%;top: 0;display: block;z-index:80;color:#000;} .nav li li {background: #fafa9b;} .nav li li a {display:block;background: #fafa9b;top: 0px;color:#000;width: 275px;} .nav li li li {background:#e6e6e6;} .nav li li li a {background:#e6e6e6;z-index:200;top: 0px;color:#000;width: 130px;} .nav li li li li {background:#ebebeb;} .nav li li li li a {background:#ebebeb;z-index:200;top: 0px;color:#000;width: 130px;} .nav li:hover ul li a {display: block !important;z-index:100;} .nav li li a:hover, .nav li li li a:hover, .nav li li li li a:hover {color:#000;} .ie7 .nav li li a {display: block;background: #ddd;z-index:70;color:#000;width: 130px;} .ie7 .nav li li li a {background:#e6e6e6;z-index:90;color:#000;width: 130px;} .ie7 .nav li li li li a {background:#ebebeb;z-index:100;color:#000;width: 130px;} header.controls {padding: 1em;background: #fbec5d !important;margin-bottom: 0em;border:3px solid #892ca0;border-radius:15px;} /* Тип отображения в каталоге */ .view-switch {float: right;} .view-switch a, .view-switch a.active, .view-switch a.active:hover, .view-switch span {display: block; float: left; height: 23px; width: 23px; text-indent: -999em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat -26px -232px;-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;} .view-switch a.active, .view-switch span {background-position: 0 -232px} .view-switch a:first-child.active, .view-switch span:first-child {background-position: 0 -206px} .view-switch a:first-child {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat -26px -206px; margin-right: 1em;} /* list view icon */ .view-switch span:first-child {margin-right: 1em;} .view-switch a#list:hover { background-position: 0px -232px;} .view-switch a#list-gallery:hover {background-position: 0px -206px;} .view-switch a#list-list2:hover { } .view-switch a#list-gallery2:hover {} /* Верхняя навигация */ .head:before,.head:after {content: " ";display: table;} .head:after {clear: both;} .head {*zoom: 1;} .head {width: 100%;font-size:19px;position: relative;} .head ul {padding: 0;margin: 0 auto;height: 10px;} .head li {display: inline;float: left;} .head a {display: inline-block;text-align: center;text-decoration: none;line-height: 10px;padding: 0px 10px 0px 10px;} .head li a {color: #fbec5d;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-weight:bold; font-size: 12pt; font-family: Bookman Old style;} .head li:last-child a {border-right: 0;} .head a:hover, .head a.selected, nav a:active {background: ; height:10px; margin-top:0!important; padding-top:0!important;} .head a#pull {display: none;} /* END Верхняя навигация */ .containers, .containers2, .containers3 {text-align: center;position: relative;margin:0 auto;} /* Стили для корзины */ .basket-info {display: block; position: relative;z-index: 500;} .summary {display: block; position: relative;} .summary a {background-image: url("http://st.storeland.net/9/1081/155/D33CC7E53E834E58924E5030E1CBE2AB.jpg") no-repeat scroll 5px 15px; color:#fbec5d ;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -3.5em; display: block; text-align: center; width: 13.333em;} .summary a:hover, .basket-info:hover .summary a {background: #4a4949; color: #d5d5d5} .summary a:hover strong, .basket-info:hover .summary a strong {background: #0f0f0f;} .summary strong {background: #fbec5d; padding: 0.25em; height: 1.5em; width: 1.5em; border-radius: 1em; border: #892ca0;display: inline-block; margin-right: 0.5em; text-align: center; margin-top: 0.08em; font-weight: bold;} .basket-summary {background: #fbec5d;color: #892ca0;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;} .basket-summary table {width: 100%; margin: 0; background: #fbec5d;} .basket-summary table th, .basket-summary table td {background: #fbec5d; border: none; color: #892ca0;padding: 1em 0 0.5em;} .basket-summary table abbr {border: none;} .basket-summary table thead tr th:last-child, td.figure {/*text-align: right;*/} .basket-summary a {display: block;width: auto;margin: 1em 0 0 0;padding: 0.5em;} .basket-summary p {color: #9f9f9f;; margin: 0.5em;} /* Стили для шапки сайта */ header[role="banner"] {position: relative; min-height: 17em; overflow: hidden;z-index: 10; background: url('{ASSETS_IMAGES_PATH}Мишка4.png')no-repeat;margin-left:-90px;} header[role="banner"] .hgroup {position: absolute; top: 1em; left: 0em; width: 100%;} header[role="banner"] h1 {color: #892ca0;font-weight: normal;float:left ;margin-left:0px;font-family: Bookman Old style} header[role="banner"] h1 a {height: 300px;width: 450px;display: block;font: normal 35px '';line-height: 35px;color: #892ca0;font-weight: bold;text-align: center;margin-left:375px;font-family: Bookman Old style;padding-left:15px;} header[role="banner"] h2 {color: #892ca0;text-transform: uppercase;font-family: Bookman Old style;margin: 1em 0 0 0;font-weight: 200;} /* Стили для поиска */ form[role="search"] {position: absolute; right: 0em;top: 0.5em;} form[role="search"] div {display: block;margin: 0 auto;margin: 0 auto;position: relative;width: 25em;height: 2em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 5px;border-radius: 5px;z-index: 20;} .ie7 form[role="search"] div {display: block;margin-right: 0;position: relative;width: 30.5em;height: auto;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;} /* Прогрессбар на странице оформления заказа */ .progress {position: relative; margin: 0 0 2em 0;font-size: 11pt;} .progress ol {margin: 0; border-top: 1px solid #d5d5d5; padding: 1em 0; border-bottom: 1px solid #d5d5d5;} .progress ol li {float: left;margin: 0 1.5em 0 0;width: 14.110429%;list-style-position: inside;position: relative;text-align: center;color: #8a8a8a;} .progress li.active {color: #404040;} .progress span {background: none repeat scroll 0 0 #404040;top: 0;display: block;height: 1px;left: 0;position: absolute;text-indent: -9999px;width: 7%;} .progress.step-2 span {width: 23%;} .progress.step-3 span {width: 39%} .progress.step-4 span {width: 55%} .progress li:after {content: " ";height: 8px;width: 8px;background: #d5d5d5;border-radius: 4px;display: block;position: absolute;left: 50%;top: -16px;} .progress li.active:after,.progress.step-2 li:nth-child(1):after,.progress.step-3 li:nth-child(3):after,.progress.step-3 li:nth-child(1):after,.progress.step-3 li:nth-child(2):after,.progress.step-4 li:nth-child(1):after,.progress.step-4 li:nth-child(2):after,.progress.step-4 li:nth-child(3):after {content: none;} .progress.shop li.active:after {content: " "; background: #404040;} .progress li.active a:after, .progress.step-2 li:nth-child(2):after, .progress.step-3 li:nth-child(3):after, .progress.step-4 li:nth-child(4):after {content: " ";background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -528px;width: 16px;height: 17px;position: absolute;right: 42%;top: -25px;text-indent: -999em;} /* Ленточки на главной странице */ section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;} section.newsletter:before {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-right: 1.75em solid #f6f6f4;right: 0;} section.newsletter:after {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-left: 1.75em solid #f6f6f4;left: 0;} section.newsletter:before, section.newsletter:after {content: ""; position: absolute; display: block; bottom: 0; width: 0; height: 0;} section.newsletter h3 {color: #fff; float: left; line-height: 1; margin-right: 1em;} section.newsletter h3 b {font-size:1.13em;} section.newsletter div {margin: 0 auto; width: 95%; text-align: center;} /* Кнопка ВВЕРХ */ #Go_Top{position: fixed; bottom: 45px; right: 5px; cursor:pointer; display:none;font-size:18px; width: 120px;z-index:100;} #Go_Top span {position: absolute;font-size: 25px;} #Go_Top .img_top {display:none;} /* Стили для корректного отображения HTML5 */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;} html {font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */} html,button,input,select,textarea {font-family: bookman old style;} body {margin: 0;font-family: Bookman Old style !important ;} a:focus {outline: thin dotted;} a:active,a:hover {outline: 0;} h1 {font-size: 2em !important;margin: 0.67em 0;font-family: Bookman Old style;} h2 {font-size: 1.7em !important;margin: 0.83em 0;font-family: Bookman Old style;font-weight:bold;} h3 {font-size: 1.1em !important;margin: 1em 0;font-family: Bookman Old style;} h4 {font-size: 1.3em !important;margin: 0em 0;font-family: Bookman Old style;font-weight: bold !important } h5 {font-size: 0.83em !important;margin: 1.67em 0;font-family: Bookman Old style;} h6 {font-size: 0.75em !important;margin: 2.33em 0;font-family: Bookman Old style;} menu,ol,ul {margin: 1em 0;} menu,ol,ul {padding: 0 0 0 40px;} nav ul,nav ol {list-style: none;list-style-image: none;} img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */} figure {margin:0;} form {margin: 0;} fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;font-weight:bold;font-weight:bold;} legend {border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */*margin-left: -7px; /* 3 */} button,input,select,textarea {font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */} button,input {line-height: normal; /* 1 */} button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */} button[disabled],input[disabled] {cursor: default;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */*width: 13px; /* 3 */} input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;background: #fff url('{ASSETS_IMAGES_PATH}search.png') left center no-repeat; padding-left: 33px !important;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;} textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */} table {border-collapse: collapse; border-spacing: 0;border:3px solid #892ca0;border-radius:15px;} html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border: 0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {font-family: bookman old style !important;display:block;} h2 {margin-left: 50px;} p {margin-left: 0px;} .rating {margin-bottom: 0.5em;margin-top: 0.5em;position: absolute; bottom:0; } .rating a {padding-top: 3px;text-decoration: underline;font-size:9.3pt;} .rating img {padding-right: 1em;float: left;} .news article {font-size: 16px; padding: 10px 0px;word-wrap:break-word;} .news section {font-size: 16px; padding: 10px 0px;border-bottom: 1px solid #D5D5D5;} .akcii article {font-size: 16px; padding: 10px 0px;} .clear{clear: both;} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;} a img {border:1px solid #892ca0; border-radius:15px;} figure {position:relative; width: 50%; float: left;border:3px solid #892ca0;border-radius:15px;} img {max-width: 100%; height: auto;} .ie7 .goodsDataOpinionCaptchaImg {max-width: 100px !important; height: auto;} table {border-collapse:collapse; border-spacing:0; border:3px solid #892ca0;border-radius:15px;max-width: 950px;float:right;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;} input, select {vertical-align:middle;} select, input, textarea, button {font-family: bookman old style;font-size:11pt !important; } html { overflow-y: scroll; } /* always force a scrollbar in non-IE */ a:hover, a:active { outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ ul, ol { margin-left: 1em; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; } /* Remove margins for navigation lists */ strong, th {font-weight: bold;color: #892ca0;font-family:bookman old style} td, td img {vertical-align: top; } textarea {overflow: auto;} input[type="text"], input[type="password"] {width: 350px;font-size:12pt;} input[type="checkbox"] { vertical-align: bottom;} .ie7 input[type="checkbox"] {vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} input[type="checkbox"].checkbox-solo { vertical-align: middle; margin-right: 0.5em;} label, input[type=button], input[type=submit], button {cursor: pointer;} button, input, select, textarea {margin: 0;} button { width: auto; overflow: visible; } .close {font-size: 14px;font-weight: bold;line-height: 20px;text-shadow: 0 1px 0 white;opacity: 0.5;filter: alpha(opacity=20);color:#892ca0;} a:link { -webkit-tap-highlight-color: #892ca0} .ie7 img { -ms-interpolation-mode: bicubic; } /* Body */ html {-webkit-font-smoothing: antialiased;background: #ffffff;} html.ie8 {background: #f1f1f1;} body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 10pt;line-height: 1.5em;font-family: bookman old style;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ } body.error {background: #f6f6f4; border-top: 0.5em solid #0f0f0f;} .bg {background:url('{ASSETS_IMAGES_PATH}Фон сайта длинный.png');} /* Списки */ ul {margin: 0; list-style-type: none;} /* Стили для ссылок */ a {color: #000; font-family: bookman old style; font-weight: bold; text-decoration: none;} a:hover {color: #892ca0; text-decoration: underline;} a.more-items, a.power, .card-action p.current {background: #13AF17; color: #fff;letter-spacing: 1px;padding: 0.75em 0.5em;text-transform: uppercase;font-weight: bold;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: block;width: 30.578512%;text-align: center;margin: 0 auto;} .basket-summary a {background: #fbec5d;color: #892ca0} a.power {width: auto; display: inline-block;} a.power.middle, .card-action p.current {display: block; width: 30.578512%;} a.more-items:hover, input[type="submit"]:hover, a.power:hover, button.submit:hover {background: #d8bfd8;} a.button {display: inline-block} .basket-summary a:hover{background: #fbec5d;} /* Макет */ .container {margin: 0 auto ;width: 95%;position: relative; max-width: 1280px;overflow: visible;} .one {width: 22.699387%;} /* 222px wide */ section[role="main"] { margin-bottom: 6em; z-index: 10; float:right; width: 80%; display: inline-block; *display:inline; zoom:1; } .two-column section[role="main"] {width: 74.233129%; margin-bottom: 3em; float: left;} /* 726px / 978px */ .full-width section[role="main"] {width: 80%;} section[role="navigation"], .shop aside {float: left;width: 22.699387%;margin-right: 3.0674847%} .checkout aside {float: right; width: 22.699387%; margin-left: 3.0674847%; } body.two-column section[role="main"] {float: right;} body.two-column.item section[role="main"] {width: 55%;} /* 642 / 978 the item page main column is narrower */ .item aside {position: absolute; float: left !important;width: 60%; /* 306 / 978 */margin-left:1px;margin-top:120px;margin-bottom:200px !important;} table {border-collapse: collapse; max-width: 100%; margin: 1em 0;position: relative;/*display: block;*/} thead {width: 100%; } tr {width: 100%;border:1px solid #892ca0; } th {text-align: left;} td {padding: 0.5em; } tr {padding: 0.5em;} table th span {font-weight: normal; color: #555555;font-family: bookman old style;} .ie7 .view-switch, .ie8 .view-switch {width: 5em !important; float: right;} form[role="search"] input[type="search"], input#search-field, .search {bottom: -430%;position: absolute; right:600px;vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border:3px solid #892ca0; border-radius:15px;background-color:#fbec5d; width: 95% !important;height: 2.7em;font-size: 12pt;font-family: Bookman Old Style; font-weight: bold; color: #892ca0;position: absolute;z-index: 1;padding: 0 0.417em; margin:0;;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);} .ie7 form[role="search"] input[type="search"], .ie7 input#search-field, .ie8 form[role="search"] input[type="search"], .ie8 input#search-field {padding-top: 0.75em; height: 1.667em;} .ie7 .search {width: 300px;padding-top: 7px; height:28px;} .ie8 .search {padding-top: 10px;height: 1.7em;} form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 600px;bottom: -430%; z-index: 2;height: 3.1em;background: #892ca0;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;border:3px solid #892ca0;border-radius:15px;} .ie7 input#search-submit {overflow: auto; width: 88px;} form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #892ca0;} /*main sections navigation */ .sections {font-family: bookman old style;position: relative;overflow: visible;margin-bottom: 1.5em;} /* default style */ .sections ul a, .sections h1 a {background: #fbec5d url("{ASSETS_IMAGES_PATH}arrow-right.png") 98% 54% no-repeat;border: 1px solid #d5d5d5;color: #464646;display: block;font-size: 0.9em;line-height: 1;margin: -1px 0 0 0;overflow: hidden;padding: 1.25em 0 1em;position: relative;text-align: left;text-indent: 10px;text-transform: uppercase;white-space: nowrap;} .sections h1 {font-size: 1em; margin-left: -1px; letter-spacing: normal; width: 99.5%; padding: 0;} .sections h1 a {font-size: 1em; width: 100%;} @-moz-document url-prefix() {.sections ul a {padding-bottom: 1.2em}} /* this really annoyed me */ .sections a:hover, .sections li a:hover, .sections h1:hover, nav[role="navigation"] a.active {text-decoration: none; color: #000; background: #fff url("{ASSETS_IMAGES_PATH}arrow-right-dark.png") 98% 54% no-repeat;} .ie6 nav.sections li, .ie7 nav.sections li {display: inline;} /* Expanded menu */ div.menu {position: absolute;display: none;left: 0;top: 0;z-index: 100;background: #fff;box-shadow: 1px 0px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.1);-moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.1);width: 100%;top: 233px;} /* Section headers */ section header {margin-bottom: 1em; overflow: hidden;} .basket section header h1{text-align: left !important;margin-left:0px!important;} section header h2 {text-align: left;font-weight: bold; font-family: bookman old style;} section header h2 span, section header h1, .shop section header h1 span, .basket section header h1 span, .tandem h1 span {font-family: bookman old style;color: #892ca0;z-index: 15;font-weight: bold; font-family: bookman old style;margin-left:0px; margin-top:-1px;} section header h1 span, .account section header h1, .shop section header h1, .basket section header h1, .error section h1 {font-family: bookman old style;color: #892ca0;font-weight: bold; font-family: bookman old style;margin-left:20px; text-align: left; margin-top: 50px;} .item section header h1{color: #892ca0;font-size:16pt !important; font-weight: bold; font-family: bookman old style;margin-left:0px; margin-right: 20px !important; text-align: left; margin-top: -5px!important;margin-bottom:25px !important;} .home section.featured h2 {border-top: 1px solid #d5d5d5;padding-top: 3.0674847%;} /* Section headers on two column layouts */ .two-column section header, .checkout .shop-basket header, .basket section header, .selling section header, .account section header {font-family: bookman old style;margin-bottom: 1.5em;} .two-column section header h2, .checkout .shop-basket header h2, .checkout header h2, .account section header h2 {font-family: bookman old style;text-align: left;} /* Section header links */ .home section header a {float: left; /*margin-top: -1.667em*/} .home section.featured header a {} .home section.supplies header a {padding: 0; background: none; color: #ffe4ab;} .home section header h2 + a {float: right; padding:0; background: none;} /* Section header for Pinterest themes */ .home section header a.shop-name, .home section header .pinterest-promo a {float: none; margin: 0;} .home section header.featured-collection h2 {width: 40%; margin: 0 auto;} .home section header.featured-collection h2 span.credit {color: #404040; white-space: nowrap;} .home section header .pinterest-promo {} .home section[role="main"] header:first-child {overflow: visible;} .home section header .pinterest-promo a {} .home section header .pinterest-promo a {float: left; margin-top: -1.667em;} .home section header .pinterest-promo a.pinterest-theme {color: #8A8A8A;float: right;font-size: 0.75em;text-align: center;margin-top: -3.5em;} .home section header .pinterest-promo a.pinterest-theme img {display: block;} /* header for the category list and gallery controls */ .two-column header.controls {padding: 1em; background: #f1f1f0; margin-bottom: 0em;} .two-column header.controls + hr + ul.gallery, .two-column header.controls + ul.gallery {margin-top: 2em;} section.summary section.feedback header a {float: none; margin: 0.583em 0 0 0.5em;} section.summary header p {float: right;} section[role="main"] header nav {float: right; overflow: hidden; margin-top: 0.333em} section[role="main"] header nav li, ul.slide-controls li {float: left;} section[role="main"] header nav a, ul.slide-controls li a {margin: 0; display: block; text-indent: -999em; height: 16px; width: 16px; background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -144px;} section[role="main"] header nav li:first-child a, ul.slide-controls li:first-child a {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -120px;} section[role="main"] header nav a.disabled, ul.slide-controls li a.disabled {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1400px;} section[role="main"] header nav li:first-child a.disabled, ul.slide-controls li:first-child a.disabled {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1376px;} /* Separating the sections in the account pages */ section.summary {margin-bottom: 2em;} /* Selling page */ .card {background: #fff;border-radius: 8px 0 0 8px;float: left;padding: 2em 2em 1.5em;position: relative;text-align: center;width: 40%;border: 1px solid #d5d5d5;background-image: linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -o-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -moz-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -webkit-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -ms-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);} .card-center, .upgrade-message {border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.5);margin-top: -1em;position: relative;width: 48%;z-index: 2;border: none;background: #eff5f7;background-image: linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -o-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -moz-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -webkit-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -ms-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);} .card-center {min-height: 27em;} .card h3 {font-size: 6em;font-weight: bold;-moz-box-orient: vertical;display: inline-block;line-height: 1em;margin: 55px 0 0 0;position: relative;vertical-align: middle;z-index: 1;} .card h3 sup {font-size: 0.333em;font-weight: normal;left: -22px;position: absolute;top: -0.5em;} .card-center h3 {font-size: 8em;} .card-center h3 {font-size: 8em;} .card span.badge {background: url("{ASSETS_IMAGES_PATH}badge-f.png") no-repeat center center;display: block;height: 70px;width: 60px;text-indent: -999em;position: absolute;top: 1em;left: 44%;z-index: 2;} .card.card-center span.badge {background: url("{ASSETS_IMAGES_PATH}badge-green-f.png") no-repeat center center;} .card p, .plan-info ul li span, .card strike {color: #8a8a8a;} .card h4 {text-transform: uppercase;font-weight: bold;letter-spacing: 1px;border-top: 1px solid #d5d5d5;position: relative;text-align: center;} .card h4 span {background: #fff; padding: 0.5em 1em; position: relative; top: -0.75em; text-align: center;font-weight: bold;} .card-center h4 span {background: #FCFCF2; font-weight: bold;} .card-action {clear: both;} .card-action a.power, .card-action p.current {border-radius: 4px;} .card.payg .card-action a.power {background: #f15941;} .card.payg .card-action a.power:hover {background: #C64032;} .card-action p.current {background: #ccc; width: 50%;} .card-action p.current.coming-soon {background: #b2c248;} /* Selling page */ .card {background: #fff;border-radius: 8px 0 0 8px;float: left;padding: 2em 2em 1.5em;position: relative;text-align: center;width: 380px;border: 1px solid #d5d5d5;background-image: linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -o-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -moz-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -webkit-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -ms-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);} .card-center, .upgrade-message.card {border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.5);margin-top: -1em;position: relative;width: 470px;z-index: 2;border: none;background: #FCFCF2;background-image: linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -o-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -moz-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -webkit-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -ms-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);} .card h3 {font-size: 6em;font-weight: bold;-moz-box-orient: vertical;display: inline-block;line-height: 1em;margin: 55px 0 0 0;position: relative;vertical-align: middle;z-index: 1;} .card h3 sup {font-size: 0.333em;font-weight: normal;left: -22px;position: absolute;top: -0.5em;} .card-center h3 {font-size: 8em;} .card-center h3 {font-size: 8em;} .card span.badge {background: url("{ASSETS_IMAGES_PATH}badge-f.png") no-repeat center center;display: block;height: 70px;width: 60px;text-indent: -999em;position: absolute;top: 1em;left: 44%;z-index: 2;} .card.card-center span.badge {background: url("{ASSETS_IMAGES_PATH}badge-green-f.png") no-repeat center center;} .card p, .plan-info ul li span {color: #8a8a8a;} .card h4 {text-transform: uppercase;font-weight: bold;letter-spacing: 1px;border-top: 1px solid #d5d5d5;position: relative;text-align: center;} ul.item-list li p.featured-seller {margin-top: 0.25em;} .biog h4 .badge {font-size: 9px; line-height: 16px;font-weight: bold;} .sort-list {float: left; width: 100%; margin-top: 0.25em; } .sort-list p {float: left; font-weight: bold; margin: 0 1em 0 0;color: #892ca0;font-family: bookman old style; font-size: 11pt;} ul.item-list {overflow: hidden; margin-bottom: 1.5em;} ul.item-list li {display: block; border-top: 1px solid #d5d5d5; padding: 1em 0; overflow: hidden; line-height: 1; position: relative;} ul.item-list li a.preview {display: block; float: left; width: 11.570248%; margin-right: 4.1322314%; line-height: 0;} .search ul.item-list li a.preview {width: 8.5889571%} ul.item-list li:last-child {border-bottom: 1px solid #d5d5d5;} ul.item-list li a img {opacity: 1;} ul.item-list li a:hover img {opacity: 0.9;} ul.item-list .item-detail {float: left; width: 55.15427%; margin-right: 2.1322314%; margin-left: 2.1322314%} ul.item-list .item-detail p a {color: #8a8a8a;} ul.item-list .item-meta {float: left; width: 18.578512%; /*margin-right: 4.1322314%;*/} ul.item-list .item-meta .quantity {float: left; width: 50%;} ul.item-list .item-meta .list-time {} ul.item-list .item-detail p a {color: #8a8a8a;} ul.item-list .item-detail p a:hover {color: #040404;} ul.item-list strong {/*float: right;*/ text-align: right;} .items .item-detail {float: left; width: 55.15427%; margin-right: 2.1322314%; margin-left: 2.1322314%} .items .item-detail p a {color: #8a8a8a;} .items .item-meta {float: left; width: 18.578512%; /*margin-right: 4.1322314%;*/} .items .item-meta .quantity {float: left; width: 50%;} .items .item-meta .list-time {} .items .item-detail p a {color: #8a8a8a;} .items .item-detail p a:hover {color: #040404;} /* Other Lists ----------------------------------------------------------------*/ /* Хлебные крошки на странице товара */ .breadcrumb {width:600px; color: #8a8a8a; border-bottom: 1px solid #d5d5d5; margin-left:350px !important; margin-bottom:10px !important;margin-top:10px !important; overflow: hidden; clear: both; border: solid 1px #000;} .breadcrumb span {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -168px; text-indent: -999em; height: 8px; width: 8px; margin: 0 0.333em;display:inline-block;position: relative;top: -1px;vertical-align: middle;} @-moz-document url-prefix(), .ie .breadcrumb span {.breadcrumb span {position: relative; top: 5px; vertical-align: middle;}} .ie .breadcrumb span {vertical-align: middle;} .breadcrumb a {display: inline-block;} .breadcrumb {border: none; margin: 1em 0; z-index: 10; position: relative;text-align: justify;} .breadcrumb a:first-child {background: url("{ASSETS_IMAGES_PATH}pin.png") no-repeat 0 0; padding-left: 2em;} aside h3 + p, aside h4 + p {color: #8a8a8a;} .message, .errorExplanation, .share-prompt {position:relative;padding: 0.7em 0.7em 0.7em 3em;background: #fbec5d url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -820px;border: 2px solid #892ca0; border-radius:15px;margin: 1em auto 1em 1em;clear: both;color: #000; font-family: bookman old style; font-size:12pt; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .message.warning, table td p.error {color: #a11903; background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -899px;} /* red colour */ .message.success-msg {background: #e3fce5 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -369px;border: 1px solid #dbfbd5;} /* Check graphic */ .message.restricted {background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -860px;} .message p, .share-prompt p {margin: 0;} .message.error-notice, .errorExplanation, .message.preview, .message.plain, .share-prompt {color: #a11903;background: #fdeeeb url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -820px;border: 1px solid #fbd8d5;} .message.notice {background-image: none;padding-left: 1.5em;background-color: #D9EDF7;border-color: #BCE8F1;color: #3A87AD;} .message.notice.plain {color: #444;} .message h4, .message p a {color: inherit; font-weight: bold;} .message p a:hover {color: #205F82;} .message h4, .message strong, .message strong span, .message.plain strong span {color: #404040;} .message.error-notice h2, .errorExplanation h2 {background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1295px; padding: 0.167em 0 0.167em 1.25em;} .message.error-notice ul, errorExplanation ul {margin: 1em 0 0 0;} .message.error-notice ul li, .errorExplanation ul li {margin: 0 0 0.5em 0;} .message.preview p, .message.plain {color: #a07936;} .message.plain span {color: #8a8a8a;} .message h4, .message.plain h4 span {color: #444;} .message.basket-notice span {color: #a11903;} /* red colour */ .message.basket-notice p {margin-bottom: 1em;} .message.basket-notice h4 {font-weight: bold; margin-bottom: 1em; background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -832px; padding-left: 1.5em;} .share-prompt {border: 1px solid #e6e6dc; color: #404040} .message .remove, .share-prompt .remove {position: absolute; right: 1em; top: 1em; background: transparent url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -1421px; padding-left: 2.5em;} .share-prompt .remove {top: 1.25em; right: 1.5em;} .message .remove.icon {text-indent: -999em; height: 16px; width: 16px; right: 1em; padding: 0; background: transparent url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1421px;} .order-message {padding: 0.5em;background: #fcf8e3;border: 1px solid #fbeed5;margin: 1em 0;color: #a11903;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .message-tag, fieldset.inline span.message-tag, .message.plain span.message-tag {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #fff;text-transform: uppercase;display: inline-block;font-size: 9px;line-height: 9px;margin-right: 5px;font-weight: bold;background: #3A87AD;padding: 4px 5px;vertical-align: top;text-shadow: none;} figure img {display: block;margin: 0 auto;} figcaption {font-style: italic;} figure ul {background: #fbec5d;overflow: hidden;padding: 1em;margin: 1em 0 2em 0;} figure ul li {width: 9.7087379%;float: left;margin: 0 1%;} figure ul li:first-child {/*margin-left: 0;*/} figure ul li a {display: block; line-height: 1;} figure ul li:hover {cursor: pointer;} figure.main-image div {position: relative; background: transparent; text-align: center;width: 100%;overflow: hidden;} figure.main-image div img {display: inline-block;vertical-align: middle;width: 90%; margin:10px} .item aside header {overflow: hidden;} .item aside header h1 {float: left;} .item aside header h1 span {/*font-size: 0.5em; margin-left: 0.5em;*/ display: inline-block; letter-spacing: 0; color: #888888;} .item aside header h1 + p {float: left; color: #858585; margin: 1.167em 0 0 1.5em;} .buy-item {clear: both; overflow: hidden; margin-bottom: 6em;position: absolute; bottom:0;text-align: center } .buy-item .quantity {text-align: right;width: 30px;padding-right: 5px;display: inline-block;margin: 0em 0.1em 0 0 ;vertical-align: top;} .buy-item button {width: auto;overflow: visible;vertical-align: top;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #892ca0;color: #fff;font-size: 100%;margin: 0 1em 0 0;border:3px solid #892ca0; border-radius:15px;font-weight: bold;margin: auto;color: #fbec5d;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;} .ie8 .buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #892ca0;color: #fff;font-size: 100%;margin-left: 35px;border: none;font-weight: bold;margin: auto;color: #fbec5d;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;} .ie7 .buy-item button {padding: 0.714em 0.5em 0.714em 2.5em;} .buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #404040;} .buy-item button[disabled="disabled"] {background: #a20303; cursor: default; padding: 0.714em 1em; text-align: center;} .buy-item button[disabled="disabled"].unavailable, input[type="submit"][disabled="disabled"], input[type="submit"][disabled="disabled"]:hover {background: #892ca0; color: #404040; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); border: none;} .quick-buy-item {padding:1em 0 0 0;} .item section[role="main"] section {overflow: hidden;} .item .item-details h3, .item section[role="main"] section h3 {margin-bottom: 0.5em;} .item .description {margin-right: 4.672892%;} .item .description, .item .inspiration {width: 47.663551%; float: left;} /* if inspiration content is used */ .item .inspiration p {color: #858585;} /* if only using description */ .item .description-only {/*width: 73.831776%;*/} /* Sold */ section.unavailable {margin-bottom: 2em; border: 1px solid #e6e6dc; padding: 1em; background: #ffffe5; clear: both;} .ie7 section.unavailable, .ie8 section.unavailable {display: inline-block;} section.unavailable header p {} section.unavailable header h1 {color: #a20303; font-size: 1.5em;} section.unavailable header {float: left; width: 32.142857%; margin: 0 6.4417178% 0 0;} section.unavailable.sold-out {min-height: 100px;} section.unavailable.sold-out header {margin: 0 6.4417178%;} section.unavailable.empty header {width: 100%; margin-top: 1em;} .unavailable span.sold {display: block;height: 102px;width: 50px;background: url("{ASSETS_IMAGES_PATH}sold-banner.png") no-repeat 0 0;text-indent: -999em;position: absolute;top: 1.25em;left: -11px;} section.unavailable.empty span {top: 0;} .unavailable header ul {margin: 1em 0 0 0;} table.basket, table.block {background: #fff;float:right; width:970px !important; border:3px solid #892ca0; border-radius:15px;} table.basket th, table.block th {background: #F4F3F2; padding: 0.583em;} table.block td {vertical-align: middle;} table.basket th, table.basket td {padding: 0.5em;} table td div.item-image {float: left; margin: 0 1.5em;} table td div.item-description {float: left;} table td div.item-description ul.order-meta {margin: 1em 0;} table td div.item-description ul li {color: #8a8a8a; margin-right: 2em;} table td div.item-description ul li span {display: block;} .nobr{color: #892ca0; font-weight:bold; } .order-summary {background: #fcf8e3; border: 1px solid #d5d5d5; margin: 0; border-bottom: none; padding: 0.75em 0.5em; overflow: hidden;} .order-summary span {display: inline-block; margin: 0 2em 0 0; } .order-summary ul, .order-summary div {float: left; margin-right: 1em;} .order-summary ul li {float: left; margin-left: 1em;} .order-summary ul li:last-child a {margin-top: 0; display: inline-block;} .order-summary + table.block {margin-top: 0;} .order-summary strong.total {color: #000;} .order-summary strong span {font-weight: normal; color: #8a8a8a; display: inline-block; margin-left: 0.25em;} .order-summary .order-buyer {display: inline-block; margin-left: 0.5em;} table.basket input[type="submit"], table.block input[type="submit"] {display: inline-block;} table.basket input[type="text"], table.block input[type="text"] {margin-right: 1em;} .checkout section.order-summary header {margin: 1em 0 0 0; padding-top: 1em; border-top: 1px solid #d5d5d5;} .checkout section.order-summary header h3 {font-weight: bold;} .checkout .shop-basket:nth-child(1n+2) {margin-top: 2em;} .checkout .shop-basket header {margin: 0;} .checkout .shop-basket th.order-total form, .checkout th.order-total span, .account .shop-basket th.order-total form, .account th.order-total span {display: inline-block;} .checkout .shop-basket th.order-total input[type="submit"] {margin: 0;} .checkout th.order-total span, .account th.order-total span {position: relative; margin-right: 1em; color: #000;} .checkout input[size="30"] {width: 40%;} .checkout aside.upsell input[size="30"] {width: auto;} .global {background: #892ca0 !important; ;padding: 5px;border:3px solid #892ca0; border-radius:15px;width:95%; margin-left:22px;} /* Form */ label, div.label {display: block;font-weight: bold;line-height: 24px;color: #892ca0; font-family: bookman old style;font-size:11pt;} .form-list label {padding-top: 0.5em;} label em, label span, span.required {font-weight: normal; color: #8a8a8a; display: inline-block;} label.checkbox, label.radio, .radio-list label {font-weight: normal; color: #111;} div.label label { display: inline;} label.checkbox + p, input + p, textarea + p, form ul + p, p.status_message + p {color: #8a8a8a;} /* often paragraphs following checkboxes are advisory notes */ input, select {font-size: 100%;height: 25px; text-align: left; margin-right: 10px;} textarea {padding: 0.5em;font-size: 100%; text-align: left; padding: 3px; margin-right: 10px;width:60%} select {padding: 0.4em;float: left;height: 30px;} input[type="file"] {padding: 0;} input[type="checkbox"], input[type="radio"] {border: medium none;height: auto;line-height: normal;margin: 0.2em 0.5em 0.25em 0;padding: 0;width: auto;float: left;} .ie7 input[type="radio"] {height: 13px;} input[type="radio"] {vertical-align: top; margin: 5px 10px;} .back-link{height: 20px;} .back-link a {color: #999;text-decoration:underline;letter-spacing: 1px;padding: 0.6em;text-transform: uppercase;font-weight: bold;line-height: 1;display: block;float: left;text-align: center;margin-right: 10px;} .back-link a:hover {} input[type="submit"], button.submit,input[type="reset"] {background: #892ca0;color: #fbec5d;letter-spacing: 1px;padding: 1em;text-transform: uppercase;font-weight: bold;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: block;text-align: center;border:3px solid #892ca0; border-radius:15px;margin-left:130px;} input[type="submit"].space {margin-top: 1em;} textarea, .input-list {box-shadow: rgba(0,0,0, 0.3) 0px 1px 1px inset;-moz-box-shadow: rgba(0,0,0, 0.3) 0px 1px 1px inset;-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 1px 1px inset;border: 3px solid #892ca0;border-bottom: 3px solid #892ca0;border-top: 3px solid #892ca0;} fieldset h3 {border-top: 3px solid #892ca0; padding: 1em 0 0 1; margin: 1em 0 0.75em;color: #892ca0;font-size:30pt; font-weight: bold; font-family: bookman old style;} table td input, .account table td input, .radio-list label, .account form.sort-select {margin: 0; } table td label.checkbox input {margin: 0.25em 0.25em 0.25em 0;} table td label.checkbox {} /* Container for form actions - usually a primary and secondary submit */ form .actions, .message.preview form {overflow: hidden; margin: 1em 0; border-bottom: 1px solid #d5d5d5; padding-bottom: 1em;} form .actions input[type="submit"], form .actions a, .message.preview form input[type="submit"], .message.preview form a, form .actions span, .actions button.submit {float: left; margin: 0 1em 0 0;} form .actions a, .message.preview form a, form .actions span, .overlay-content .actions a {display: inline-block; margin-top: 0.417em;} form .actions a.button {margin-top: 0;} form .actions.no-divide {border: none; padding: 0; margin-bottom: 0;} input[type="submit"].secondary, td ul.action li a, a.button, .item aside .admin label.checkbox, ul.gallery li a.secondary, button.secondary, .favourite {-webkit-appearance: none;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;background: #e5e5e5;background: -moz-linear-gradient(top center, white 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e5e5e5));border: 1px solid;color: #444;font-size: 1em;font-weight: normal;padding: 0.25em 0.5em;text-shadow: white 0 1px 1px;width: auto;border-color: #eee #ccc #aaa;text-transform: none; letter-spacing: 0;line-height: 1.5;} input[type="submit"].secondary:hover, ul.action li a:hover, a.button:hover, .item aside .admin label.checkbox:hover, ul.gallery li a.secondary:hover, button.secondary:hover {background: #ebebeb;background: -moz-linear-gradient(center top , #fbfbfb, #ebebeb) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, center top, center bottom, from(#fbfbfb), to(#ebebeb));color: #000;} input[type="submit"].secondary.super {color: #000;font-weight: bold;background: #a8d1df;background: -moz-linear-gradient(center top , #e6f3f8, #a8d1df) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, center top, center bottom, from(#e6f3f8), to(#a8d1df));border-color: #d3dee3 #b3c6ce #95a8b0;} input[type="submit"].secondary.super:hover {background: #9ec7d5;background: -moz-linear-gradient(center top , #dcebf0, #9ec7d5) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, center top, center bottom, from(#dcebf0), to(#9ec7d5));border-color: #cbd7dd #b3c6ce #95a8b0;} /* favourite item */ .favourite, .item aside .admin label.checkbox {background: #e5e5e5;background-image: url("{ASSETS_IMAGES_PATH}icons.png");background-position: 6px -474px;background-repeat: no-repeat;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -moz-linear-gradient(top center, white 0%, #e5e5e5 100%);background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e5e5e5));background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -ms-linear-gradient(top, #ffffff, #e5e5e5);background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, linear-gradient(top, #ffffff, #e5e5e5);padding: 5px 6px 5px 26px;display: inline-block;margin-top: 0.333em;} .buy-item a:hover, .favourite:hover {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -moz-linear-gradient(0% 100% 90deg, #ebebeb, #fbfbfb); /*background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px,*/ -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ebebeb));background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -ms-linear-gradient(top, #fbfbfb, #ebebeb);background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, linear-gradient(top, #fbfbfb, #ebebeb);color: #000;} .item aside .admin label.checkbox {background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f4f4f4)); background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -moz-linear-gradient(0% 100% 90deg, #f4f4f4, #fbfbfb); padding-right: 1em; margin-bottom: 1em;} .item aside .admin label.checkbox:hover {background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ebebeb)); background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -moz-linear-gradient(0% 100% 90deg, #ebebeb, #fbfbfb);} #list-item input[type="text"], .login input[type="text"], .login input[type="password"], .account input[size="30"] {width: 70%;} #list-item table td input[type="text"] {width: 30%;} .input-list {background: #fff;padding: 0.5em;overflow: hidden; margin-bottom: 1em; width: 70%;} .input-list li, .item aside .admin ul li, ul.tag li {float: left;position: relative;margin-right: 0.5em;background: #E9E9E9;display: block;line-height: 20px;padding: 0.25em 2em 0.25em 0.5em;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} .input-list li.user-created {background: #e0ecee; } .input-list li a, .item aside .admin ul li a, nav.tag ul li a[title="remove"] {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1288px;text-indent: -999em;display: inline-block;height: 8px;width: 8px;position: absolute;right: 8px;top: 9px;} .ie7 .input-list li a, .ie8 .input-list li a {zoom: 1; float: left; z-index: 100;} .input-list li input {border: 0; background: none; margin: 0; padding-left: 0;} .input-list li.add-item {background: none; padding: 0; display: block;} fieldset ol, form ol, fieldset ol li, form ol li {list-style-type: none; margin: 0;} .inline-error {border: 2px solid #ff1e00; } input.inline-error, textarea.inline-error {background-color: #fefef0;} p.error_message.status_message {color: #ff1e00;padding-left: 1.5em;background: url("{ASSETS_IMAGES_PATH}red-cross.png") no-repeat 0 2px;text-indent: 0;width: auto;height: auto;float: none;display: block;margin: 0 0 1em 0;} p.status_message {display: none;} .status h4 {margin: 0.5em 0} strong.featured {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -313px; padding-left: 1.75em; font-weight: normal;} .section-list {overflow: hidden;} .section-list li {margin: 0 0.5em 0.5em 0;} .section-list li:after {content: ","} .section-list li:last-child:after, .section-list li:first-child:after {content: ""} #shop_section_items tr td img {margin-right: 0.5em;} #shop_section_items tr td select {vertical-align: middle;} span.in_progress {background: url('{ASSETS_IMAGES_PATH}loading.gif') no-repeat 0 50%;height: 16px;width: 16px;margin: 0 0 0 0.5em;padding: 0;vertical-align: middle;display: inline-block;text-indent: -999em;} span.in_progress.hidden {visibility: hidden;} footer {clear: both;background: #892ca0;overflow: hidden;padding: 0.1em 0;color: #fbec5d; font-size:9pt !important; line-height:110% !important; width: 100%;border:3px solid #892ca0; border-radius:15px;} footer section {width: 32%; float: left; margin: 0 0 0 0%;} footer section:first-child {margin-left: 0;} footer h4 {color: #fbec5d; letter-spacing: 0; font-family: bookman old style;font-weight: normal; padding-top:0px !important;padding-bottom:0px !important;} footer a {color: #fbec5d;font-family: bookman old style;font-weight:normal;} footer a:hover {color: #fbec5d;font-family: bookman old style;} .networks {border-top: 1px solid #404041;padding-top: 0.5em;clear: both;color: #fbec5d;} .clearfix:after, section.unavailable:after, .progress ol:after, .share-prompt .share:after, .share-prompt:after, ul.share:after, .selling-intro .options:after {visibility: hidden;display: block;font-size: 0;content: " "; clear: both;height: 0;} .clearfix, section.unavailable, .progress ol, .share-prompt .share, .share-prompt, ul.share, .selling-intro .options { /*display: inline-block;*/ } * html .clearfix, * html section.unavailable, * html .progress ol, * html .share-prompt .share, * html .share-prompt, * html ul.share, * .selling-intro .options { height: 1%; } /* Каталог навигации по категориям на странице списка товаров */ .content_catalog_nested_categories li { text-align:center; display: inline-block; overflow:hidden; vertical-align: middle; padding:1em; margin:0px; margin-left:-10px; list-style-type:none; background:none !important; } /* Таблица оформления заказа, отображение выбора способа оплаты */ .orderStagePaymentListTable .ceill1 {width:1%;} .orderStagePaymentListTable .cell2 {width:99%;} .cell2 {font-size:12pt; font-weight:bold;} .cell2{font-size:11pt !important;} .ui-datepicker { display: none; } /* Фильтр по цене */ .contentTbodySearchPriceFilterBlock {padding: 0 7px;margin-right: 15px;text-align:center;width: 200px;} .goodsFilterPriceInfo {padding: 0 0 4px 0; width: 350px;text-align: center;} .goodsFilterPriceInfo label {float: left;font-weight:normal;line-height: 21px;} .goodsFilterPriceInfo input {width:100px !important; margin: 1px 0 0 5px;/*border: none;background: #F1F1F0;*/padding: 0 4px;height: 20px;border: 1px solid #abadb3;font-style: italic;font-weight: bold;} .goodsFilterPriceRangePointers {height: 18px;font-size: 0.9em;color: #404040;width: 100%;overflow: visible;padding-top: 1px;} .goodsFilterPriceRangePointers .min {float: left; margin-left: -7px;width: auto;font-style: italic;font-weight: bold; } .goodsFilterPriceRangePointers .max {float: right; margin-right: -8px;width: auto;font-style: italic;font-weight: bold;} #goods-filter-price-slider {width: 200px;border: 1px solid #abadb3;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;height: 5px;} .ui-slider .ui-slider-handle {border: 1px solid #abadb3;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;height: 12px;width: 12px;} .ui-slider .ui-slider-range {background: #f15941;} .goodsFilterPriceSubmit {display:none;width: 200px;} .goodsFilterPriceSubmit button {margin: 0 auto;} .navigation-new { list-style: none;margin-top:35px;} .navigation-new li {float: left; margin-right: 2px;} .navigation-new li a {display: block; padding: 1px 2px;background: #ff9966;color: #ffffff;position: relative;} .navigation-new li a:hover {background: #ff9966;color: #cb2c35;} nav.menu{ overflow:hidden; position: absolute; margin-top:15px; } nav.menu h1{ background-color:#fbec5db; color:#892ca0; text-align:center; border-radius:3px; border:1px solid #892ca0; margin:0 0 5px 0; max-width: 210px; font-weight: bold; font-size: 12pt; font-family: Bookman Old style; } nav.menu ul{ margin:0; padding:0; } nav.menu ul li{ margin:0 0 2px 0; padding:0; list-style:none; background-color:#fbec5d; border:1px solid #892ca0; border-radius:3px; max-width: 200px; font-weight:normal; font-size: 10pt; font-family: Bookman Old style; } nav.menu ul li img{ vertical-align: middle; } nav.menu ul li a{ text-decoration:none; color:#8892ca0; } .mycont{width: 98% !important;height: 500px; margin:10px;display: inline-block;*display:inline;zoom:1;border:3px solid #892ca0; border-radius:15px;} .theme-default { display:none !important; } #theme-slider { width: 30%; margin-left: 200px; } .submenu { background-color:#fbec5d; border:3px solid #892ca0; border-radius:25px; max-width: 180px; font-weight:bold; font-size: 10pt; font-family: Bookman Old style; color:#892ca0; text-align: center; padding: 5px; } .sidebar#sideLeft1 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px; padding: 5px; } .sidebar#sideLeft2 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px;padding: 5px;} .sidebar#sideLeft3 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px;padding: 5px; } .sidebar#sideLeft10 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px;padding: 5px; } .sidebar#sideLeft4 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px;padding: 5px; } .sidebar#sideLeft5 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px;padding: 5px; } .sidebar#sideLeft6 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px;padding: 5px; } .sidebar#sideLeft7 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px;padding: 5px; } .sidebar { margin: 5px; } .listingDiscountInfo { color: #ff5555;font-weight:bold; font-size: 10pt; margin-left:-7em !important; margin-bottom: 12em;position: absolute; bottom:0; } .sidebar#sideLeft15 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px;padding: 5px; } .sidebar#sideLeft16 { background-color:#bd89ff; max-width: 180px; border:3px solid #892ca0; border-radius:25px;padding: 5px; } .baner { float: right; width: 483px; height: 220px; margin-top:-50px; margin-right:10px;} .pluso {float: right;margin-top:-40px; } section {margin-left: 10px!important;background:transparent!important;} h4 {padding-bottom: 40px;padding-left: 0px!important;margin-left: 0px!important;} section .car { margin: initial; } .container9 {margin-right: 160px!important;margin-bottom:50px!important;width:200px;} .hit { float:right; margin-right:-320px; margin-top: 60px; background-color:#fff; width: 230px; height: 450px; border:3px solid #892ca0; border-radius:15px; padding: 5px; font-weight:bold; font-size: 14pt; font-family: Bookman Old style; text-align: left; } .link-compare {margin-bottom: 3em;position: absolute; bottom:0;margin-left:-70px!important;} table.goodsDataFeatures {width:900px; float:left; } .items.masonry-brick{ border:3px solid #892ca0 !important; border-radius:15px; } .buttons {width: 230px;overflow: visible;padding: 0.714em 1em 0.714em 3em;background: url("{ASSETS_IMAGES_PATH}icons.png")no-repeat scroll 10% -552px #892ca0;color: #fff;font-size: 100%;margin: 0 1em 0 0;border:3px solid #892ca0; border-radius:15px; ;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;} form.goodsListItemCatalogueAddToCartButton { display: ; }
#3 Милый Мишка
Отправлено 22 Июль 2014 - 20:15
Спасибо, пока пробую настроить адаптивность, если не получится - попробую все удалить.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
Ответить цитируемым сообщениям Очистить