здравствуйте, ранее настраивала каталог таким образом, чтобы кнопки заказать были по одной линии, а сейчас они почему то опять на разной.
Подскажите как исправить
Аккаунт SL-224520
0
Сообщений в теме: 6
#1
Отправлено 24 Сентябрь 2013 - 22:52
#2
Отправлено 25 Сентябрь 2013 - 01:18
Попробуйте выполнить инструкцию из темы форума http://forum.storela...__40#entry90593
Так же вы можете попробовать восстановить шаблон из резервной копии. Перед восстановлением сделайте резервную копию текущего шаблона.
Так же вы можете попробовать восстановить шаблон из резервной копии. Перед восстановлением сделайте резервную копию текущего шаблона.
#3
Отправлено 25 Сентябрь 2013 - 20:42
Ничего не выходит, не могу найти нужные строчки по вашему варианту, и по втоому варианту не могу найти карусель.
а это css
<!DOCTYPE html> <!--[if IE 7]> <html class="ie7" lang="en"> <![endif]--> <!--[if IE 8]> <html class="ie8" lang="en"> <![endif]--> <!--[if IE 9]> <html class="ie9" lang="en"> <![endif]--> <!--[if lte IE 9]> <html class="ie9_all" lang="en"> <![endif]--> <!--[if lte IE 8]> <html class="ie8_all" lang="en"> <![endif]--> <!--[if lte IE 7]> <html class="ie7_all" lang="en"> <![endif]--> <head> <title>{PAGE_TITLE}</title> <meta name="description" content="{PAGE_META_DESCRIPTION}" /> <meta name="keywords" content="{PAGE_META_KEYWORDS}" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" /> <!-- SEO параметр определяющий главную страницу для фильтрации её дублей --> {% IF PAGE_CANONICAL %} <link rel="canonical" href="{PAGE_CANONICAL}" /> {% ENDIF %} <!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга --> {% IFNOT SETTINGS_OPINION_DISABLE %} <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/4.11/jquery.rating.css" /> {% ENDIF %} {% ENDIF %} <!-- Стили магазина, которые не нужно менять --> <link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_07.css" /> <link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" /> <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" /> <!-- Стили магазина --> <link href="{ASSETS_STYLES_PATH}style.css" rel="stylesheet" /> <link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' /> <!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят --> {% IF JAVASCRIPT_BUG_HUNTING_URL %} <script src="{JAVASCRIPT_BUG_HUNTING_URL}"></script> {% ENDIF %} <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов --> <script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_rating-4.11.js"></script> <!-- Скрипты магазина --> <script src="{ASSETS_JS_PATH}main.js" ></script> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" ></script> <![endif]--> <!-- Подключение Js плагина --> <script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script> <!-- Подключение css файла плагина --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}cloud-zoom.css" type="text/css" /> </head> <body class="home"> <div class="bg"> <section class="global"> <div class="container"> <!-- Блок навигации --> {% IFNOT menu_empty %} <nav class="head"> <ul class="head"> {% FOR menu %} {% FOR header %} {% FOR links %} <li> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <a href="#" id="pull">Меню</a> </nav> {% ENDIF %} <!-- /Блок навигации --> <!-- Корзина --> <div class="basket-info"> <div class="summary"> <a href="{CART_URL}"><strong>{% IF cart_count_empty %} <span>0</span> {% ELSE %} {CART_COUNT_TOTAL} {% ENDIF %}</strong> товаров в корзине</a> </div> <div class="basket-summary"> <table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}> <tbody> <tr> <td>Сумма заказа:</td> <td> {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} {% ENDIF %} </td> </tr> </tbody> </table> {% IF cart_count_empty %} <p>Ваша корзина пуста</p> {% ENDIF %} </div> </div> <!-- end Корзина --> </div> </section> <div class="container"> <!-- Сообщение для инвалидов --> <noscript> <div class="noscript"> <div class="noscript-inner"> <p><strong>Мы заметили что у Вас выключен JavaScript.</strong></p> <p>Необходимо включить его для корректной работы сайта.</p> </div> </div> </noscript> <!-- END Сообщение для инвалидов --> <header role="banner"> <div class="hgroup"> <h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /><br />{SETTINGS_STORE_NAME}</a></h1> <!-- Контактные телефоны --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_WORK_TIME || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <div class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"> <img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span> </a> </div> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <div class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} </div> {% ENDIF %} </div> <!-- Форма поиска --> <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search"> <div> <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" /> <input title="Искать" type="submit" value="Поиск" /> </div> </form> <!-- /Форма поиска --> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF COMPARE_GOODS_COUNT=0 %} <div class="compare hide"> <p>Ваш список сравнения пуст</p> </div> {% ELSE %} <div class="compare"> <p><a href="{COMPARE_URL}">Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</a></p> </div> {% ENDIF %} {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </header> <!-- Каталог товаров --> <div class="conta"> <a class="toggleMenu" href="#">Каталог</a> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </div> <!-- /Каталог товаров --> <!-- Главная страница --> {% IF index_page %} <!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} <script type="text/javascript"> jQuery(function() { $.fn.startCarousel = function() { var bodywidth = $('.container').width(), itemwidth = $('.mycarousel li').outerWidth(true), mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth, licount = $('.mycarousel li').size(), jscroll = 1; if(licount > mycontwidth/itemwidth){ jscroll = mycontwidth/itemwidth; } else { jscroll = 0; mycontwidth = licount * itemwidth; } $('.mycont').width(mycontwidth); $('.mycarousel').jcarousel({ scroll:jscroll, wrap: 'circular' }); }; $(this).startCarousel(); $(window).resize(function(){ $(this).startCarousel(); }); $('.mycarousel').jcarousel(); }); </script> <div class="mycont"> <ul class="mycarousel"> {% FOR index_page_goods %} <li> <h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3> <div style="width: 100%;position: relative;height: 198px;overflow:hidden; height:300px;"> <a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <div class="price"> <a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="buy-item"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество"> <!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_goods.NAME}» в корзину" />В корзину</button--> <button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button> </div> </form> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&from={index_page_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} {% ENDIF %} {% ENDIF %} </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- /Список товаров на главной --> <!-- Список новинок --> {% IFNOT index_page_new_goods_empty %} <section class="newsletter"> <div> <h3><b>Новинки</b></h3> </div> </section> <section role="main"> <div class="containers2"> {% FOR index_page_new_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3> <div class="price"> <a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %} <a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %} <a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_new_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_new_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="buy-item"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" /> <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество"> <!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_new_goods.NAME}» в корзину" />В корзину</button--> <button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button> </div> </form> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} {% ENDIF %} {% ENDIF %} </div> {% ENDFOR index_page_new_goods %} </div> </section> <div class="clear"></div> {% ENDIF %} <!-- /Список новинок --> <!-- Список хитов продаж на главной --> {% IFNOT index_page_favorites_goods_empty %} <section class="newsletter"> <div> <h3><b>Хиты продаж</b></h3> </div> </section> <section class="featured"> <div class="containers2"> {% FOR index_page_favorites_goods %} <div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;"> <div style="width: 193px;position: relative;overflow:hidden;"> <a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}"> <img alt="{index_page_favorites_goods.NAME}" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" /> </a> </div> <h3><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_favorites_goods.NAME}</a></h3> <div class="price"> <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a> {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %} <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %} <a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_favorites_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_favorites_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_favorites_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_favorites_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_favorites_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_favorites_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="buy-item"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" /> <input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество"> <!--button type="submit" onclick="this.form.submit();" title="Положить «{index_page_favorites_goods.NAME}» в корзину" />В корзину</button--> <button type="submit" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button> </div> </form> </div> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров в настройках магазина --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF index_page_favorites_goods.IS_HAS_IN_COMPARE_LIST %} <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a> {% ELSE %} <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&from={index_page_favorites_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a> {% ENDIF %} {% ENDIF %} {% ENDIF %} </div> {% ENDFOR index_page_favorites_goods %} </div> </section> <div class="clear"></div> {% ENDIF %} <!-- Список хитов продаж на главной --> {% ENDIF %} <!-- /Главная страница --> {BODY} </div> <footer> <div class="container"> <div class="footer"> <ul> {% FOR menu %} {% FOR footer %} {% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> <div class="clear"></div> </div> <section> <!-- Если в тарифном плане подключен модуль новостей --> <div class="menu_main"> <h4><a href="/news?sid=1" title="Новости" style="text-decoration: none">Новости</a></h4> <ul> <!-- Все новости --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <li><a href="{news_list_all.URL}" title="Перейти к странице «{news_list_all.TITLE}»" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li> {% ENDFOR %} {% ENDIF %} <!-- /Все новости --> <!-- Новости магазина --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <li><a href="{news_list_shop.URL}" title="Перейти к странице «{news_list_shop.TITLE}»" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li> {% ENDFOR %} {% ENDIF %} <!-- /Новости магазина --> </ul> </div> </section> <section> <div class="menu_main"> <h4><a href="/news?sid=2" title="Все статьи" style="text-decoration: none">Статьи</a></h4> <ul> <!-- Статьи --> {% IFNOT news_list_articles_empty %} {% FOR news_list_articles %} <li><a href="{news_list_articles.URL}" title="Перейти к странице «{news_list_articles.TITLE}»" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li> {% ENDFOR %} {% ENDIF %} <!-- /Статьи --> </ul> </div> </section> <section> <div class="menu_main"> <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4> <ul> <!-- Материалы СМИ --> {% IFNOT news_list_mass_media_empty %} {% FOR news_list_mass_media %} <li><a href="{news_list_mass_media.URL}" title="Перейти к странице «{news_list_mass_media.TITLE}»" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li> {% ENDFOR %} {% ENDIF %} <!-- /Материалы СМИ --> </ul> </div> </section> <section class="vcard"> <h4>Информация о компании</h4> <p>Название компании ООО<br /> Зарегистрирована в России<br /> Регистрационный номер: 05968981.<br /> НДС: 00120898409</p> </section> <div class="networks"> <div class="newsletter"> <p class="a-center"> © {DATE_YEAR} «{SETTINGS_STORE_NAME}»<br />{SETTINGS_STORE_ORG_NAME}<br /> <span>Все права защищены</span><br /> {SETTINGS_STORE_REGION}<br /> {SETTINGS_STORE_HTML_CODE}<br /> <span>{COPYRIGHT_FOR_DESIGN_ETERNITY}</span> <span></span><br /> <br /> </p> </div> </div> </div> </footer> <a href='#' id='Go_Top'> <img src="{ASSETS_IMAGES_PATH}img_top.png" class="img_top" alt="Наверх" /> <span>Наверх</span> </a> </div> </body> </html>
а это 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:170px !important; position: relative; height: 465px;} .containers .items figure, .containers2 .items figure, .containers .items>div, .containers2 .items>div {width:170px !important;} /* Всплывающее окно */ #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: 46%; 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: #f15b40;font-weight: bold;color: #fff;right: -25px;top: 50%;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, .mycont2 {margin:0 auto;padding: 5px;background: #fff;} .mycarousel li{width:193px; height: 470px; margin:0 10px;text-align: center;} .mycarousel2 li{width:160px;margin:0 10px;text-align: center;} .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: -15px;top: -15px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 18px;} .available-false {position: absolute; width: 90px; height: 38px; background: url('{ASSETS_IMAGES_PATH}stiker2.png') no-repeat;z-index: 100;right: -15px;top: -15px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 18px;} .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: #13AF13;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: #d5d5d5;} .add-to-links {margin-top: 10px; display:block;} .selected {text-decoration: underline; font-weight: 600;color: #fff;} .empty {margin-bottom: 1em;} /* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */ .htmlDataBlock {margin: 1em 0;} .htmlDataBlock ol {margin:10px 0 10px 2em !important;padding:0px !important;} .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 p { margin:1em 0; } .htmlDataBlock blockquote {font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;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; margin: 5px;} .price a { color: #000; font-weight: 500;} .lineThrough {text-decoration: line-through;font-size: 12px;} .filters {display: block;float: left;} .filter {float: left; display: block;padding: 5px 10px 5px 0px;width: auto !important;} /* 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: none !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 {text-align: center;margin-bottom: 0px;bottom: 1%;position: absolute;right: 10%;padding:20px;} @media screen and (max-width: 768px) {.compare {display:block;position:relative;margin: 0 auto;right: 0;} a.toggleMenu {background: #404040; line-height: 40px;padding: 0;text-indent: 10px;} a.toggleMenu:after {content:"";background: url('{ASSETS_IMAGES_PATH}nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;}} .contacts{float: left;position: relative;} .footer{margin-bottom: 30px; display: block; position: relative;} .footer ul li {display: inline;margin: 0 15px; float: left;} .goodsDataMainModificationPriceNow{float:left; color: #aaa;margin: 5px;} .goodsDataMainModificationPriceOld{float: left;text-decoration:line-through;margin: 15px;font-size: 20px;} .goodsDataMainModificationAvailable{position:relative;margin: 0px 0px 15px 0px;width: 100%;font-size: 20px; color: #00AC6B;z-index: 100;} .goodsDataMainDiscountBlock{background: #fff;padding: 10px; margin: 5px 0px;} .goodsDataMainModificationsBlock, .goodsDataMainModificationsBlockProperty, .goodsDataMainModificationsList, .goodsDataMainModificationsDescriptionBlock{background: #F2F2F0; display: block; position: relative;} .goodsDataMainModificationsBlock{background: #F2F2F0;padding: 10px;margin-top: 1em;} .goodsListItemPriceNew{font-size: 18px} .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:300px;} .tabbed_box h4 {font-family:Arial, Helvetica, sans-serif;font-size:23px; color:#ffffff;letter-spacing:-1px;margin-bottom:10px;} .tabbed_box h4 small {color:#e3e9ec;font-weight:normal;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase; position:relative;top:-4px;left:6px;letter-spacing:0px;} .tabbed_area {border:1px solid #494e52;background-color:#404040;padding:8px;} .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:Verdana, Arial, Helvetica, sans-serif;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:Verdana, Arial, Helvetica, sans-serif;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;} /* Страница сравнения товаров */ .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: 20px auto;z-index:30;} .toggleMenu {display: none;background: #666;padding: 10px 15px;color: #fff;} .nav {list-style: none;*zoom: 1;background:#000;z-index:30;position: relative;} .nav:before,.nav:after {content: " ";display: table;} .nav:after {clear: both;} .nav ul {list-style: none;width: 107%;} .nav a {padding: 15px 15px;color:#fff;text-transform: uppercase;z-index:50;} .nav a:hover{color: #fff;text-decoration: underline;} .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: #ddd;} .nav li li a {display:block;background: #ddd;top: 0px;color:#000;width: 130px;} .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;} @media screen and (max-width: 768px) { .icons {display: block;margin: 10px 20px 10px 0;float: right;width: 20px;height: 20px;background-image: url("{ASSETS_IMAGES_PATH}downArrow.png");background-repeat: no-repeat;background-position: right;cursor:pointer;} .active {display: block;} .nav > li {float: none;} .nav > li > a {display: inline; line-height: 45px; top: -1px;} .nav > li > .parent {background-image: none;} .nav li:hover ul li a {display: inline!important;z-index:100;} .nav li li a {display:inline;line-height: 45px;background: #ddd;top: 0px;} .nav li li .parent {background-image: none;} .nav ul {display: block;width: 100%;} .nav > li.hover > ul , .nav li li.hover > ul, .nav li li li.hover > ul {position: static;width: 100%} } header.controls {padding: 1em;background: #F1F1F0 !important;margin-bottom: 0em;} /* Тип отображения в каталоге */ .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:13px;position: relative;} .head ul {padding: 0;margin: 0 auto;height: 40px;} .head li {display: inline;float: left;} .head a {display: inline-block;text-align: center;text-decoration: none;line-height: 40px;padding: 0px 10px 0px 10px;} .head li a {color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .head li:last-child a {border-right: 0;} .head a:hover, .head a.selected, nav a:active {background-color: #404040;} .head a#pull {display: none;} @media only screen and (max-width : 870px) { .head {border-bottom: 0;} .head ul {display: none;height: auto; width: 100%;float: none !important;} .head li {width: 50%;float: left;position: relative;} .head li a {border-collapse: collapse;} .head a {line-height: 20px;padding: 5px;text-align: left;width: 100%;} .head a#pull {display: block;background: #404040;color:#fff;width: 100%;position: relative;padding: 0px;line-height: 40px;text-indent: 10px;} .head a#pull:after {content:"";background: url('{ASSETS_IMAGES_PATH}nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;} } /* Смартфоны */ @media only screen and (max-width : 320px) { .head li {display: block;float: none;width: 100%;} .head li a {border-bottom: 1px solid #576979;} } /* 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 {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; 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: #3c3c3c; padding: 0.25em; height: 1.5em; width: 1.5em; border-radius: 1em; display: inline-block; margin-right: 0.5em; text-align: center; margin-top: -0.417em; font-weight: normal;} .basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;} .basket-summary table {width: 100%; margin: 0; background: #4a4949;} .basket-summary table th, .basket-summary table td {background: #4a4949; border: none; color: #d5d5d5;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;} @media only screen and (max-width: 870px) { .basket-info {display: block;position: relative;z-index: 500;width: 190px;margin: 0 auto;} .summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; display: block; width: 13.333em;position: relative!important;top:0px;margin: 0 auto;} .summary a:hover strong, .basket-info:hover .summary a strong {background: #3c3c3c;} .basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 200; padding: 0 1em 1em;left:0; width: 13.333em;margin: 0 auto;} } @media only screen and (max-width: 480px) { .summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; display: block; width: 13.333em;position: relative!important;top:0px;margin: 0 auto;} .summary a:hover strong, .basket-info:hover .summary a strong {background: #3c3c3c;} .basket-summary {background: #4a4949;color: #000;display: none; position: relative; z-index: 200; padding: 0 1em 1em;left:0; width: 13.333em;margin: 0 auto;} } /* Стили для шапки сайта */ header[role="banner"] {position: relative; min-height: 10em; overflow: hidden;z-index: 10;} header[role="banner"] .hgroup {position: absolute; top: 1em; left: 1em; width: 39.877301%;} header[role="banner"] h1 {color: #000;font-weight: normal;float: left;} header[role="banner"] h1 a {height: 127px;width: 150px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;} header[role="banner"] h2 {color: #8a8a8a;text-transform: uppercase;font-family: "Gotham", "Helvetica Neue", sans-serif;margin: 1em 0 0 1em;font-weight: 200;} /* Стили для поиска */ form[role="search"] {position: absolute; right: 2em;top: 2.5em;} form[role="search"] div, header form div {display: block;margin: 0 auto;margin: 0 auto;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;} .ie7 form[role="search"] div, header form div {display: block;margin-right: 0;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;} /* Прогрессбар на странице оформления заказа */ .progress {position: relative; margin: 0 0 2em 0;} .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;} @media only screen and (max-width: 480px) { #Go_Top{position: fixed; bottom: 45px; right: 5px; cursor:pointer; display:none;font-size:18px; width: 50px;z-index:100;} #Go_Top span {display: none;} #Go_Top .img_top {display:block;} } /* Стили для корректного отображения 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: sans-serif;} body {margin: 0;} a:focus {outline: thin dotted;} a:active,a:hover {outline: 0;} h1 {font-size: 2em !important;margin: 0.67em 0;} h2 {font-size: 1.5em !important;margin: 0.83em 0;} h3 {font-size: 1.17em !important;margin: 1em 0;} h4 {font-size: 1.3em !important;margin: 1.33em 0;} h5 {font-size: 0.83em !important;margin: 1.67em 0;} h6 {font-size: 0.75em !important;margin: 2.33em 0;} 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;} 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;} 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 {display:block; position: relative;} .rating {margin-bottom: 1em;margin-top: 1em;} .rating a {padding-top: 5px;text-decoration: underline;} .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:0} figure {position:relative; width: 22%; float: left;} img {max-width: 100%; height: auto;} .ie7 .goodsDataOpinionCaptchaImg {max-width: 100px !important; height: auto;} table {border-collapse:collapse; border-spacing:0;} 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: "Helvetica Neue", Helvetica, sans-serif; } 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 */ a, a:active, a:visited {color: ;} a:hover {color: ;} 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; } td, td img {vertical-align: top; } textarea {overflow: auto;} input[type="text"], input[type="password"] {width: 200px;} 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: 20px;font-weight: bold;line-height: 20px;color: black;text-shadow: 0 1px 0 white;opacity: 0.2;filter: alpha(opacity=20);} a:link { -webkit-tap-highlight-color: #beeaf0; } .ie7 img { -ms-interpolation-mode: bicubic; } /* Body */ html {-webkit-font-smoothing: antialiased;background: #0f0f0f;} html.ie8 {background: #f1f1f1;} body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: 'Lato', Calibri, Arial, sans-serif;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: #f6f6f4;} /* Списки */ ul {margin: 0; list-style-type: none;} /* Стили для ссылок */ a {color: #777; text-decoration: none;} a:hover {color: #205F82; text-decoration: none;} a.more-items, .basket-summary a, 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;} a.power {width: auto; display: inline-block;} a.power.middle, .card-action p.current {display: block; width: 30.578512%;} a.more-items:hover, .basket-summary a:hover, input[type="submit"]:hover, a.power:hover, button.submit:hover {background: #138F17;} a.button {display: inline-block} /* Макет */ .container {margin: 0 auto;width: 90%;position: relative; max-width: 1280px;overflow: visible;} .one {width: 22.699387%;} /* 222px wide */ section[role="main"] {margin-bottom: 6em;z-index: 10;} .two-column section[role="main"] {width: 74.233129%; margin-bottom: 3em; float: left;} /* 726px / 978px */ .full-width section[role="main"] {width: 100%;} 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: left;} body.two-column.item section[role="main"] {width: 65.644172%;} /* 642 / 978 the item page main column is narrower */ .item aside {float: right;width: 31.288344%; /* 306 / 978 */margin-left: 3.0674847%;} table {border-collapse: collapse; min-width: 100%; margin: 1em 0;position: relative;/*display: block;*/} thead {width: 100%; } tr {width: 100%; } th {text-align: left;} td {padding: 0.5em; } tr {padding: 0.5em;} table th span {font-weight: normal; color: #555555;} .ie7 .view-switch, .ie8 .view-switch {width: 5em !important; float: right;} form[role="search"] input[type="search"], input#search-field, .search {vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border: none;width: 81% !important;height: 2.429em;font-size: 1.167em;color: #8a8a8a;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: 0;z-index: 2;height: 2.833em;background: #404040;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;} .ie7 input#search-submit {overflow: auto; width: 88px;} form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;} /*main sections navigation */ .sections {font-family: "Helvetica Neue", Arial, sans-serif;position: relative;overflow: visible;margin-bottom: 1.5em;} /* default style */ .sections ul a, .sections h1 a {background: #fff 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;} /* 810 and up - anything less and we don't show the drop down category navigation */ @media screen and (min-width:810px){ .menu div.content {width: auto;padding: 1em 2em 2em;overflow: hidden;float: none;display: block;border-top: none;margin: 0;background: #fff;} div.menu-expanded {display: block;} .ie7 .menu div.content {} div.menu .promoted, div.menu nav {float: left;} div.menu nav, div.menu .promoted {margin: 0;width: 14.075%; margin-left: 2.58064516%;} div.menu div.content nav:nth-child(1) {margin-left: none;} div.menu .promoted {border-right: 1px solid #ddd;padding-right: 2.473118%;margin-left: 0;text-align: left;} div.menu .promoted h4 {color: #d35d3b;} div.menu nav ul {margin: 0.5em 0;} div.menu nav ul li {margin-bottom: 0.25em;} div.menu nav ul li a {color: #858585;} div.menu nav ul li a:hover {color: #404040;} div.menu nav ul + a {color: #000;} div.menu nav h4, div.menu nav h4 a {font-weight: bold; color: #000;} div.menu nav ul + a:hover, div.menu nav h4 a:hover {color: #4083A9;} } /* Section headers */ section header {margin-bottom: 1em; overflow: hidden;} section header h2 {text-align: left;} section header h2 span, section header h1, .shop section header h1 span, .basket section header h1 span, .tandem h1 span {color: #8a8a8a;z-index: 15;} section header h1 span, .item section header h1, .account section header h1, .shop section header h1, .basket section header h1, .error section h1 {color: #000;} .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 {margin-bottom: 1.5em;} .two-column section header h2, .checkout .shop-basket header h2, .checkout header h2, .account section header h2 {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;} .card-center h4 span {background: #FCFCF2} .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;} .sort-list {float: left; width: 100%; margin-top: 0.25em;} .sort-list p {float: left; font-weight: bold; margin: 0 1em 0 0;} 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 {color: #8a8a8a; border-bottom: 1px solid #d5d5d5; margin-bottom: 1.5em; overflow: hidden; clear: both; border: solid 1px #000; margin-bottom: 10px;} .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: 1em 1em 1em 3em;background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -820px;border: 1px solid #fbeed5;margin: 1em auto 1em auto;clear: both;color: #a07936;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;} figcaption {font-style: italic;} figure ul {background: #fff;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: #f2f2f0; text-align: center;width: 100%;overflow: hidden;} figure.main-image div img {display: inline-block;vertical-align: middle;} .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: 1em; bottom: 0; /*position: absolute*/;} .buy-item .quantity {text-align: right;width: 30px;padding-right: 5px;display: inline-block;margin: 0 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 #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;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;} .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 #13AF13;color: #fff;font-size: 100%;margin-left: 35px;border: none;0margin: 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;} .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: #13AF13; 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 {border: 1px solid #d5d5d5; background: #fff;} 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;} .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: #000;padding: 10px} /* Form */ label, div.label {display: block;font-weight: bold;line-height: 24px;} .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.25em;float: left;} 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: #13AF17;color: #fff;letter-spacing: 1px;padding: 0.6em;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: none;} 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: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;border-top: 1px solid #7c7c7c;} fieldset h3 {border-top: 1px solid #d5d5d5; padding: 1em 0 0 0; margin: 1em 0 0.75em;} 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: #0f0f0f;overflow: hidden;padding: 1.5em 0;color: #e6e4da;width: 100%;} footer section {width: 17.546012%; float: left; margin: 0 0 2em 3.0674847%;} footer section:first-child {margin-left: 0;} footer h4 {color: #e6e4da; letter-spacing: 0; font-weight: bold;} footer a {color: #d5d5d5;} footer a:hover {color: #fff;} .networks {border-top: 1px solid #404041;padding-top: 2em;clear: both;} .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%; } @media screen and (min-width: 860px) { .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 #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;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;} } @media screen and (max-width: 480px) { .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 #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;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;} } /* 1020px и больше*/ @media screen and (min-width: 1200px) { } @media screen and (max-width: 860px) { a.more-items, a.power.middle, .card-action p.current {width: 50%;} } @media only screen and (min-width: 768px) and (max-width: 1024px) { section.newsletter h3 {font-size: 1em; margin-top: 3px;} section.newsletter form input[type="email"] {width: 14em;} } @media only screen and (max-width: 768px) { body {background: #F6F6F4;} header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;} header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;} header[role="banner"] {margin-bottom: 2em; overflow: visible;} section.global {height: auto;} section.global ul {float: none; margin-bottom: 0.5em;} section.global ul.user-info {position: relative; left: 0;} a.more-items, a.power.middle, .card-action p.current {width: 50%;} ul.item-list .item-meta {margin: 0;} .home section[role="main"] {clear: both;} .facet-header a {clear: left; display: block; margin: 0.167em 0; padding-left: 0; float: none;} .sort-list p {float: none; margin: 0;} .item aside article header {padding: 1.5em;} .basket td.item-image, .basket td.item-description {float: none;} .message, .message.warning, message.holiday {background-image: none; padding-left: 3em;} footer .networks .newsletter, footer .networks .newsletter form {display: block; float: none; margin-bottom: 1em;} .networks li:nth-child(2) {margin-left: 0;} section.newsletter {width: auto; text-align: left; padding: 1em; left: auto; height: auto; overflow: hidden;} section.newsletter div {text-align: left; width: 100%; overflow: hidden;} section.newsletter h3 {float: none; margin-bottom: 1em;} section.newsletter:before, section.newsletter:after, .chevron:before, .chevron:after {display: none;} .home .activity .chevron ul.gallery-strip {margin: 0;} section.total div.actions p {float: none;position: absolute;width: 60%;left: 0;top: -0.5em;} header p.short-note {text-align: left; margin: 0;} .card-center {width: 44%;} .item aside .share li, section.total .advice div {float: none; margin: 0 0 0.5em 0; width: auto;} } @media only screen and (max-width: 480px) { body {background: #F6F6F4;} section.global {height: auto; overflow: hidden} section.global ul {float: none; margin-bottom: 0.5em;} header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;} header[role="banner"] .hgroup h2 {font-size: 1.25em; margin-top: 1.5em;} header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;} .ie8 header[role="banner"] form {margin-bottom: 2em;} header[role="banner"] {margin-bottom: 2em; overflow: visible;} .sections h1 {margin-left: 0px; width: 99.5%;} input[type="submit"] {-webkit-appearance:none; -webkit-border-radius:0px;} input[type="search"] {-moz-appearance:none; -webkit-appearance:none; -webkit-border-radius:0px;} form[role="search"] div {width: 100%;} .home section header a {display: block; float: none; margin: 0;} footer section {width: 50%;} body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;} footer section {width: 45%; margin: 0 5% 1em 0;} footer section:nth-child(2n) {margin-right: 0;} footer section:nth-child(5) {clear: both; width: 100%; border-top: 1px solid #404041; padding-top: 2em; margin-top: 1em;} footer ul.networks {text-align: left;} footer ul.networks li:nth-child(3) {margin-left: 0;} footer ul.networks li {float: left; margin-bottom: 0.5em;} body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em} .item aside, .selling-intro div {float: none; width: 100%; margin: 0;} .item aside article header {padding: 0;} .item aside article header {padding: 1.5em;} .item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;} .item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;} table td div.item-image {float: left; margin: 0;} } @media only screen and (max-width: 700px) { body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;} body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em} .item aside, .selling-intro div {float: none; width: 100%; margin: 0;} .item aside article header {padding: 0;} .item aside article header {padding: 1.5em;} .item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;} .item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;} } /* Каталог навигации по категориям на странице списка товаров */ .content_catalog_nested_categories li { text-align:center; display: inline-block; overflow:hidden; vertical-align: middle; padding:1em; margin:0px; list-style-type:none; background:none !important; } /* Таблица оформления заказа, отображение выбора способа оплаты */ .orderStagePaymentListTable .ceill1 {width:1%;} .orderStagePaymentListTable .cell2 {width:99%;} .ui-datepicker { display: none; } .mycarousel .buy-item { bottom: -10px; margin-left: 0.75%; position: absolute; }
#4
Отправлено 25 Сентябрь 2013 - 21:53
В коде в style.css
.buy-item {clear: both; overflow: hidden; margin-bottom: 1em; bottom: 0; /*position: absolute*/;}надо раскомментировать /*position: absolute*/ ( удалить "/*" и "*/" ). Закомментировали вы этот код, видимо, потому, что с ним в карточке товара слетают кнопки "Заказать". Добавьте в style.css такой код
.goodsDataFormSubmitButton .buy-item { position: relative; } .mycarousel2 .buy-item { position: relative; }
#5
Отправлено 26 Сентябрь 2013 - 23:41
а куда добавить?
#6
Отправлено 27 Сентябрь 2013 - 05:22
Вы можете добавить данные стили в самый конец вашего файла стилей style.css
#7
Отправлено 27 Сентябрь 2013 - 15:47
спасибо - получилось))
Темы с аналогичным тегами каталог
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных