Отключить Мобильную Версию Сайта
#1
Отправлено 02 Апрель 2015 - 04:30
#2
Отправлено 02 Апрель 2015 - 04:40
/* Стили для адаптации */ .CompareButBlock a { margin-bottom: 0.5em; } #bar .links .pull { display: none; } .bottommenu .pull { display: none; } .goodsPageSubmitButtonBlock a.orangebut { height: 25px; line-height: 2; width: 100px; } .fancybox-opened { } #goodsDataOpinionAdd .greenbut { height: 28px; } #productReviewsSpoilerHeader { font-family: Arial, Helvetica, sans-serif; font-size: 130%; font-style: italic; font-variant: normal; font-weight: bold; } .productFeaturesMainBlock { margin: 0 4px 0 3px; } #tovarCountToCart { display: inline-block; padding: 2%; padding-left: 1%; float: right; margin-top: -1.4%; } #tovarCountToCart #qty { border: 1px solid #dedede; padding: 3%; width: 5em; height: 20px; font-size: 110%; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #tovarCountToCart .tovarCountToCartName { color: #484949; margin-bottom: 4%; } #content .number input { width: 40px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #yandex_share { display: block; width: 100px; background: gray; line-height: 2; padding: 0 2%; background-color: #FFF; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.15) 50%); background-image: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%); background-image: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%); background-image: linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%); cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .b-share-popup__yandex { color: white; text-align: left; width: 100%; display: inline-block; padding: 0px 10px; } .feedback-str-block label span { color: #A6BF2D; } .order .button { margin-bottom: 2%; margin-left: 1%; } .historyButt { color: #797979; line-height: 2; float: right; padding-right: 1em; } .characteristic.pozishenZakaz { margin-left: -1px; margin-bottom: 5px; } .zakazPositionBlock table { width: 99.4%; } .listHistoryZakaz .padd1 { padding: 0 0.4em; } .listHistoryZakaz table { margin-top: 10px; width:101.5%; } div.orderStageDeliveryListTable { border: 1px solid #808080; } .promotion .article.action .price { min-width: 100px; } .promotion .price .orangebut { height: 25px; line-height: 2; } #delete { display:none; } .deliveryZoneRadio { float: left; margin-right: 5px; } .allNewList { display:none; padding: 0em 0em 0.5em 0.8em; } .allNewList a { color: #707070; padding: 0.5em 0 0 0; } .allNewList a:hover { text-decoration: none; } /* фикс для ie7 */ .fancybox-skin { *min-width: 485px;/* IE 7*/ } .goodsPageSubmitButtonBlock.quickorder a { min-height: 25px; height: auto; font-size: 11px; } /* end фикст для ie7 */ /************************************************************************************ самое большое разрешение 1024px *************************************************************************************/ @media screen and (max-width: 1024px) { /* header */ /* embedded videos */ .video embed, .video object, .video iframe { width: 100%; height: auto; min-height: 300px; } } @media screen and (max-width: 1048px) { /* header */ .devMainContent { width: 100%; margin: inherit; /* overflow: hidden; */ } } /************************************************************************************ smaller than 980 *************************************************************************************/ @media screen and (max-width: 980px) { /* header */ /* шапка сайта */ #header { background: none; } #header .topmain .logotype { background: white; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; } #header .bottommain .headleft { background: white; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; } #header .bottommain .headright { background: white; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; } #header .bottommain .headcent { background: white; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; } #header .topmain .barright .search input[type=text] { height: 28px; width: 75%; padding: 0 2.5%; display: inline-block; margin-left: 4px; } .button.toSearch { color: white; padding-top: 1px; height: 30px; width: 32px; float: right; margin: 0 2%; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); background: url({ASSETS_IMAGES_PATH}search.png?design=joy) -1px -2px white; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .block-shadow { display: inline-block; float: left; width: 80%; height: 29px; border: 1px solid grey; border-radius: 6px; background:white; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); } #header .topmain .logotype { margin-left: 0.4%; background: initial; width: 40%; } #header .topmain .barright { width: 30%; } #header .bottommain { background: white; height: 52%; } #header .bottommain .headcent { float: right; margin-top: 1.9em; } /*end шапка сайта */ /* content */ #content { width: 71%; max-width: initial; float: right; display: block; margin-left: 1%; } .goodstable { } /* embedded videos */ .video embed, .video object, .video iframe { width: 100%; height: auto; min-height: 300px; } .goodstable.over.fleft { float: none; } .goodstabl { text-align: center; } #content .cort .right { margin-top: 2%; } /* Подвал сайта */ #footer .copyring { background: initial; height: auto; } #footer .button { background: initial; padding: 10px 0 0 0; padding-right: 1%; height: auto; color: white; } #footer { width: 100%; height: auto; padding-bottom: 2%; } /*end Подвал сайта */ /* страница товара */ .goodsDataOpinionAddForm .titlegood { padding: 0.7% 2.8%; margin-bottom: 2%; } #content .product .leftpart { width: 100%; } .crumbs { width: 97.5%; padding-left: 2%; } #content .product .rightpart { width: 100%; margin-left: initial; float: left; } #content .boxmoney .main { width: 100%; } /* end странициа товара */ #delete { display: inline-block; float: left; cursor: pointer; width: 10px; height: 28px; line-height: 1.3; margin-right: 4px; padding: 0 10px 0 5px; font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif; font-size: 22px; background: #FFF; float: right; } } @media screen and (max-width: 990px) { #content { width: 71.0%; } .bottompanel { width: 71.1%; } } @media screen and (max-width: 983px) { #content { width: 70.8%; } .bottompanel { width: 71.1%; } } @media screen and (max-width: 954px) { #content { width: 69.8%; } .bottompanel { width: 69.8%; } #content .contenttext { padding: 0 1%; } } @media screen and (max-width: 934px) { #content { width: 68.4%; } .bottompanel { width: 68.4%; } } @media screen and (max-width: 900px) { #content { width: 67%; } .bottompanel { width: 68%; } } @media screen and (max-width: 825px) { #content { width: 65.5%; } .bottompanel { width: 65.5%; } } @media screen and (max-width: 850px) { #content { width: 65.5%; } } @media screen and (max-width: 810px) { #content { width: 63.8%; } .bottompanel { width: 63.4%; } } @media screen and (max-width: 775px) { #content { width: 63%; } .bottompanel { width: 63%; } } /************************************************************************************ smaller than 760 Для планшетов *************************************************************************************/ @media screen and (max-width: 760px) { #container { background:white; } .infoOfZakaz div { margin: 0px; } .zakazPositionBlock table { color: black; } .characteristic { padding: 0.4em 0px 0.2em 0.5%; background: url('{ASSETS_IMAGES_PATH}gradient-green.png?design=joy') top left repeat-x; cursor: pointer; width: 100%; } .characteristic div { color: white; display: block; margin: 0px 0px 8px 5px; min-height: 18px; overflow: hidden; text-decoration: none; position: relative; white-space: nowrap; } #goodsDataOpinionAdd .characteristic { margin-bottom: 7px; } .productFeaturesMainBlock, #goodsDataOpinionAdd { width: 100%; overflow: hidden; } #productReviewsSpoilerDesc, .productFeaturesDescBlock { width: 99%; padding: 0 1%; padding-top: 1.5%; } #header .topmain .barright { width: 40%; } .paragraph-end { background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255, 255, 255, 0)),color-stop(100%,#A6BF2D)); background-image: -webkit-linear-gradient(left,rgba(255, 255, 255, 0),#A6BF2D); background-image: -moz-linear-gradient(left,rgba(255,255,255,0),#A6BF2D); background-image: -ms-linear-gradient(left,rgba(255,255,255,0),#A6BF2D); background-image: -o-linear-gradient(left,rgba(255,255,255,0),#A6BF2D); background: linear-gradient(to right,rgba(255, 255, 255, 0),#A6BF2D); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#A6BF2D'); bottom: 0; height: 25px; max-height: 100%; position: absolute; right: 0; width: 60px; } /* раскрывающееся меню */ .block .main, .block .bottom { /* display:none;*/ } .crumbs div { font-size: 120%; line-height: 2; } .arrow-toggle { background: url({ASSETS_IMAGES_PATH}use-arrow.png?design=joy) left bottom no-repeat; margin-right: 1%; width: 80%; padding-left: 20px; } .arrow-toggle.hide { background-position: left top; } .block.sravnenie { display: none; } .block .title.orange { background: url({ASSETS_IMAGES_PATH}gradient-yallow.png?design=joy) top left repeat-x; width: 97.5%;} #header { height: auto; overflow: hidden; } #header .bottommain { height: auto; padding: 2px 0px; } .button.toSearch { float: left; height: 32px; min-width: 32px; margin: 0 2%; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); } /* растянуть меню*/ #leftcolum { width: 98.8%; padding: 0; } /* меню навигации */ #bar .links ul li { display: inline; float: left; width: 30%; } /* end меню навигации */ .block { width: 100%; } .main > ul { margin-left: 10px; } .block .title.green { padding: 0.4em 0px 0em 2.5%; width: 100%; background: url({ASSETS_IMAGES_PATH}gradient-green.png?design=joy) top left repeat-x #9EC024; height: 25px; margin-bottom: 10px; cursor: pointer; overflow: hidden; margin-left: 0; } .block .main { width: 96.8%; padding: 0; margin: 0; background: white; } .block .bottom { width: 100%; background: none; } /* end растянуть меню*/ /* Фильтры */ .filtercatalog .title { padding: 0.2em 0px 1.1em 2.4%; width: 97.5%; padding-bottom: 0px; margin-bottom: 15px; } .filtercatalog .title.red { background: url({ASSETS_IMAGES_PATH}gradient-red.png?design=joy) top left repeat-x #fc4503; } .filtercatalog .main { padding: 1.3% 2.1%; } .filtercatalog .main .blocknews .textshort { padding: 3% 3%; } .filtercatalog .main .blocknews .contentTbodySearchFilterBlockValues { padding: 1% 3%; line-height: 2.5; } .filtercatalog .main .blocknews .contentTbodySearchFilterBlockValues label { white-space: nowrap; width: 100%; display: inline; } /* end Фильтры */ /* content */ #content { width: 100%; margin: 0 auto; clear: left; } .htmlDataBlock { padding: 0% 2%; overflow: auto; } #botnews .block { clear: initial; margin: 0.7%; } #content .cort .right { float: left; margin-top: 2%; display: block; width: 100%; } #content .cort .right ul li a, #content .cort .right ul li a { width: 40px; height: 40px; } #content .cort .right ul li:hover a, #content .cort .right ul li a.current { width: 40px; height: 40px; } #content .cort .left { width: 80%; display: block; } #content .cort .left ul li select { float: initial; display: inline-block; height: 2em; } #content .cort .left ul li { width: 85%; line-height: 2; padding-top: 0.5%; padding-bottom: 0.5%; } #content .contenttext { } #productReviewsSpoilerHeader { margin-right: 1%; width: 97%; padding: 0 0 0 20px; display: block; color: white; text-align: left; font-size: 120%; } #hr.clr { } /* embedded videos */ .video embed, .video object, .video iframe { min-height: 250px; } /*Верхнее меню */ #bar .links { width: 100%; } #bar .button { width: 100%; float: left; padding-top: 0; padding-bottom: 0.5%; text-align: left; } #bar .button .orangebar { background-position-y: -37px; height: 20px; line-height: 1; } /* блок новостей */ #botnews { width: 99.1%; text-align: center; } #botnews .block.news { width: 31%; display: inline-block; text-align: left; vertical-align: top; } .botnews .news .title.green { padding-bottom: 0px; } #botnews .news .title.green { padding-bottom: 0px; height: 30px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; height: 26px; /* line-height: 1.5; */ text-align: center; padding-left: 0; margin-left: 0; width: 100%; } #botnews .news .title a { display: inline-block; /* line-height: 0.5; */ padding-top: 0px; } #botnews .news .main .blocknews .textshort { padding: 5px 8px; } #botnews .news .main .blocknews .data { font-size: 12px; color: gray; } #botnews .news .main { -webkit-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.51); -moz-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.51); box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.51); -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; padding: 1% 1%; width: 98.3%; } /* end блок новостей */ /* Нижнее меню */ .block111 { display: none; } .bottompanel { width: 99.1%; } .bottommenu ul li { display: inline; float: left; width: 30%; } .bottommenu ul li a { height: auto; background-image: linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -o-linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -moz-linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -webkit-linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -ms-linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, #A3C401), color-stop(1, #DEE9A7) ); } .bottommenu ul li a:hover, .bottommenu ul li a.selected { background-image: linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -o-linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -moz-linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -webkit-linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -ms-linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.22, rgb(223,185,226)), color-stop(0.67, #DFB9E2) ); } /*end Нижнее меню*/ .crumbs div a { text-decoration: underline; } #content table.position tr td { padding: 0.8em 0.5em; } .goodlist .goodlistmain .priceblock ul.links .link-compare { display: none; } /*Виджет календаря*/ #ui-datepicker-div { width: inherit; max-width: 315px; min-width: 278px; } .ui-datepicker td { padding: 1.8%; } .ui-datepicker .ui-datepicker-title { padding: 1% 0%; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding-top: 2%; } /*end Виджет календаря*/ .available-false, .available-true { right: -2px; top: 0px; } .listHistoryZakaz .padd1 { padding: 0 0.1em; } #Go_Top { display: none; } /* Кнопка под новостями */ .allNewList { display:block; } } /* Для маленьких планшетов или для iphone 5 640x1136 */ @media screen and (max-width: 640px) { #header .topmain .barright { width: 55%; } #header .bottommain .headcent { margin: 0; padding: 0; float: right; display: inline-block; width: 100%; text-align: center; } #header .bottommain .headleft { margin: 0; padding: 0; width: 47%; } #bar .button { padding-bottom: 8px; } #bar { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .block .main.ullinks li a { min-height: 30px; line-height: 2.5; } #footer-order { width: 98%; margin: 5px 0px; } .price a.orangebut { height: 24px; line-height: 1.7; } .goodsDataMainModificationsBlockProperty .title { padding: 0.4em 0em; } .characteristic .titlegood { width: auto; display: inline; text-align: center; padding-left: 0; font-size: 130%; color: white; } } /* end Для маленьких планшетов */ /* товары списком */ @media screen and (max-width: 620px) { .goodlist .goodlistmain .img { width: 38%; } .goodlist .goodlistmain .priceblock { width: 40%; } .goodlist .goodlistmain { padding-left: 1%; } .goodlist .goodlistmain .goodinfo { width: 97%; background: initial; height: auto; } .goodlist .goodlistmain .priceblock { background: initial; } /* блок с новостями на всю ширину */ #botnews .block.news { float: left; display: block; width: 99.1%; max-width: 99.1%; } #botnews .arrow-toggle { width: 90%; } /* end блок с новостями на всю ширину */ #footer { background: gray; } a.greenbut, button.greenbut { } } @media screen and (min-width:740px) and (max-width: 880px) { .goodlist .goodlistmain .img { width: 40%; } .goodlist .goodlistmain .priceblock { width: 44%; } .goodlist .goodlistmain { padding-left: 1%; } .goodlist .goodlistmain .goodinfo { width: 97%; background: inherit; height: auto; } .goodlist .goodlistmain .priceblock { background: inherit; } } /* блок с новостями на всю ширину */ @media screen and (max-width: 580px) { #botnews .block.news { float: left; display: block; width: 98.1%; } } /* end блок с новостями на всю ширину */ /* блок ввода количества товаров */ @media screen and (max-width: 580px) { #tovarCountToCart { float: left; width: 40%; padding-left: 0%; } #tovarCountToCart .tovarCountToCartName { display: inline-block; float: left; line-height: 2.2; margin-bottom: 0; padding: 0 2% 0% 0; } } /* блок ввода количества товаров */ /************************************************************************************ iphone ландшафтный режим *************************************************************************************/ @media screen and (max-width: 480px) { /* disable webkit text size adjust (for iPhone) */ /* шапка сайта */ #header .bottommain .headright { width: 100%; } #header .bottommain .headleft { width: 100%; } #header .bottommain .headleft ul .phone { text-align: center; width: 100%; font-size: 132%; padding-top: 1%; display: block; } #header .bottommain .headleft ul .phone .telText { width: 42%; float: left; display: inline-block; text-align: right; } #header .bottommain .headleft ul .phone .phoneNum { float: none; display: block; width: 55%; text-align: center; margin: 0 auto; line-height: 1.2; } #header .bottommain .headleft ul .phone .phoneNum .telColor { display: none; } #header .bottommain .headleft ul .skype { font-size: 125%; display: inline-block; padding-top: 2%; } #header .bottommain .headright { font-size: 125%; margin-right: 0; } #header .bottommain .headright ul li.opencart a { padding-top: 2%; display: inline-block; } #header .bottommain .headcent { font-size: 125%; float: inherit; width: 99%; } #header .bottommain .headleft ul li.title { font-size: 125%; } #header .bottommain { padding: 8px 0px; margin: 0 auto; } #header .topmain .barright { width: 54.5%; } #header .bottommain .headleft ul li.title a, #header .bottommain .headright ul li.title a { background: none; } #header .bottommain .headleft ul li.title a:hover, #header .bottommain .headright ul li.title a:hover { background: none; } /* end шапка сайта */ /* Строка поиска */ #header .topmain .barright { width: 50%; } #header .topmain .barright .search input[type=text] { width: 70%; margin-left: 1%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-right:0px; } .block-shadow { width: 74%; } .button.toSearch { max-width: 32px; float: right; margin: 0 2%; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); } #header .topmain .barright .search { padding: 2px; } #header .topmain .barright { padding-left: 0px; padding-top: 0; } #header .topmain .logotype { width: 49%; } /* end Строка поиска */ /* меню навигации */ #bar .links ul { display: none; } #bar .links ul li { display: inline; float: left; width: 50%; } #bar .links .pull { display: inline-block; width: 100%; float: left; height: 30px; padding: 0; text-indent: 3%; text-decoration: none; padding-top: 4%; } #bar .links .pull span { background: url({ASSETS_IMAGES_PATH}nav-icon.png?design=joy); content: ''; display: inline-block; height: 21px; width: 28px; float: right; margin-right: 5%; margin-top: 0; } #bar .button { padding-top: 1%; } /* end меню навигации */ .error.orange .title span span { width: 98%; font-size: 11px; height: 27px; display: inline-block; line-height: 2.6; padding: 0% 9%; background: url({ASSETS_IMAGES_PATH}gradient-red.png?design=joy) 1px 0px repeat-x; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); } .error.orange .title { min-width: 0; background: none; } .error.orange .title span { background: none; padding: 0; } .error.orange { margin-left: 8px; margin-right: 0; } .error .aunder { margin-top: 7%; line-height: 1.7; } /* Контент страницы */ #content { padding: 0; } #footer-order { width: 100%; } #footer .copyring { padding: 2%; width: 100%; height: auto; } #footer .button { width: 100%; background: gray; } .copystore { bottom: 2px; color: white; background: gray; height: 30px; } .copystore a { color: #FFFFFF; } .headline { width: 100%; } .tabproduct { width: 35%; margin: 5% 0% 0 7%; } .categoriesListImg { min-height: 90px; } .categoriesList .orangebar { height: 29px; background-position: 1px -25px; line-height: 1.1; } .categoriesList .orangebar:hover { background-position: center -35px; } /* end Контент страницы */ /* Страница товара */ .aunder.silver { display: none; } #content .boxmoney .main .goodsPageSubmitButtonBlock a { height: 2em; line-height: 2; } #content .boxmoney .main .goodsPageSubmitButtonBlock { width: 98%; } .contenttext .title { background: #f6f4eb; padding: 1.5% 2.8%; font-size: 140%; } .contenttext { text-align: center; margin-bottom: 1%; } #content .boxmoney .main .block1 { padding: 0em 0.2em 0.5em 0.2em; } .warning { } .goodsDataOpinionAddForm .titlegood { margin-bottom: 2%; } #content #goodsDataOpinionAddBlock { padding: 0% 1.5%; } .mentions .links { line-height: 2; } /* end Страница товара */ #content .boxmoney .main .block1 ul.left { display: inline-block; min-width: 58%; } #content .boxmoney .main .block1 ul.right { display: inline-block; min-width: 40%; } .goodstable { width: 100%; margin: 0; min-height: 0; } .goodstable .title div { background: initial; } .goodstable .maingoodstable .img img { max-width: 100%; min-width: 0; } .goodstable .maingoodstable .img a img { max-width: 80%; } .goodstable .bottom { background-repeat: repeat; background: initial; } .goodstable .maingoodstable { -webkit-box-shadow: 0px 2px 3px rgba(50, 52, 50, 0.29); -moz-box-shadow: 0px 2px 3px rgba(50, 52, 50, 0.29); box-shadow: 0px 2px 3px rgba(50, 52, 50, 0.29); } #goodsDataOpinionAddBlock #goods_opinion_title { width: 96.7%; } #goodsDataOpinionAddBlock #goods_opinion_name { width: 96.7%; } #goodsDataOpinionAddBlock #opinion_captcha_string { width: 100%; } #goodsDataOpinionAddBlock .goodsDataOpinionCaptchaRefresh { width: 45px; cursor:pointer; } .acitoninfo .n { width: 100%; display: inline-block; } .butGoodsOrNoGoods span { width: 100%; display: inline-block; padding: 4% 0px; } .fntupcase.warning { text-transform: inherit; line-height: 1.2; } /* выравнивание блока продукта */ .goodstable .maingoodstable .img { width: 40%; display: inline-block; float: left; min-height: 88px; } .goodstable .price { width: 58%; float: none; display: inline-block; } .goodstable .maingoodstable .text { float: left; width: 98%; padding: 0; background: none; display: inline-table; } .goodstable .maingoodstable { display: block; text-align: left; overflow: hidden; } /* end выравнивание блока продукта */ /* нижнее меню навигации */ .bottommenu ul { display: none; } .bottommenu ul li { display: inline; float: left; margin: 0.7% 1%; width: 48%; } .bottommenu { width: 100%; display: block; padding: 0; } .bottommenu .navmenu li { width: 50%; display: inline; } .bottommenu ul li a { padding: 2.4% 3%; } .bottommenu a.pull { background: url({ASSETS_IMAGES_PATH}bottom-menu.jpg?design=joy) repeat-x; width: 95%; display: inline-block; padding: 1% 3%; color: white; font-style: normal; text-decoration: none; font-size: 15px; margin-top: 2%; } .bottommenu .pull span { background: url({ASSETS_IMAGES_PATH}nav-icon.png?design=joy); content: ''; display: inline-block; height: 19px; width: 28px; float: right; margin-right: 4%; margin-top: 0; } /* end нижнее меню навигации */ /* оформление заказа */ #content .history .cartbottom .right { margin: 3% 0%; float: left; } #content .history .cartbottom .left { width: 100%; vertical-align: top; margin: 2% 0 0 0; } #content .history .cartbottom .left button.orangebar { } #content .history .cartbottom .right button { padding: 0 1.8% 0 1.8%; line-height: 1; white-space: nowrap; } #content .order input[type=text], #content .order input[type=password], #content .order textarea { width: 92%; min-height: 30px; } #content .order .contText { vertical-align: top; } #content .order .contactOform { min-height: 130px; } #content .order .history .padd1 { padding: 0; padding-left: 2%; } #content .boxmoney .main .block .mod .select select, #content td.selc select, #content select { border-radius: 0px; min-width: 45px; } td.selc #deliveryConvenientDate { max-width: 100%; display: block; border-radius: 0; margin-bottom: 8px; } .fancybox-opened .fancybox-skin { padding: 4px !important; } .fancybox-outer .messageBoxToCart { margin-bottom: 8px; } .fancybox-outer .button { margin: 0 auto; } /* end оформление заказа */ /* авторизация */ .autorizationBlock { width: 71%; min-height: 125px; } #content #sites_client_mail, #content #sites_client_pass, #content #reg_name { min-height: 30px; width: 94%; } .autorizationBlock .autorizText { vertical-align: middle; padding-left: 15px; } .autorizButtonLine p a { margin-top: 2.8%; } /* end авторизация */ .feedback-block.input60 input { width: 98%; } #content .feedback-str-block textarea { width:100%; margin:0; height: 65px; } #content .feedback-str-block input { width: 100%; margin: 0; min-height: 30px; padding: 0; } .feedback-str-block { width: 100%; padding: 1% 1%; } .goodlist .title { background-image: linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -o-linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -moz-linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -webkit-linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -ms-linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(92,92,92)), color-stop(1, rgb(158,158,158)) ); min-height: 2.25em; display: inline-block; height: auto; width: 100%; } .goodlist .goodlistmain .img { width:36.5%; } .message.success-msg { background-color: #ACFF9D; border: 1px solid #ACFF9D; } .block .main.ullinks li a { background-color: #E9E9E9; color: #505050; } .price.over form>div { display: block; float: left; width: 100%; } .price.over form>div a { float: left; margin: 2% 0% 0% 4%; text-align: center; width: 58px; } #yandex_share { line-height: 2.5; width: 120px; text-align: center; } #content #sites_client_addr { width: 94%; } .zakazPositionBlock table { width: 100%; margin-left: 0px; overflow-x: auto; display: block; } .history.zakazPositionBlock > div { margin-left: 0px; } .history.zakazPositionBlock { margin-left: 1px; } .listHistoryZakaz table { width: 100%; margin-top: 10px; display: block; overflow-x: auto; } div.orderStageDeliveryListTable { padding: 0 0.5%; } .feedback-str-block label.error { width: 100%; } } /* iphone портретный режим */ @media screen and (max-width: 348px) { .goodlist .goodlistmain .img { width: 34%; } .goodlist .goodlistmain .priceblock { min-width:190px; } /* выравнивание блока с продуктом таблицы */ .goodstable .maingoodstable .img { margin: 0 auto; display: block; width: 99%; } .goodstable .price { width: 98%; } .goodstable .maingoodstable { max-height: 350px; } .goodstable { min-height: 350px; } .goodstable .maingoodstable .text { display: block; max-height: 54px; padding-top: 2%; margin-bottom: 2%; } /* end выравнивание блока продукта таблицы */ .price ul.cost { font-size: 94%; } } @media screen and (max-width: 320px) { /* строка поиска */ #header .topmain .logotype { width: 100%; text-align: center; } #header .topmain .barright { width: 100%; margin: 0; padding: 0; } #header .topmain .barright .search input[type=text] { width: 61%; margin-left: 10px; } .button.toSearch { margin-right: 10px; } .block-shadow { width: 80%; margin-left: 3%; } /* end строка поиска */ .goodlist .goodlistmain .img { width: 98%; } .goodlist .goodlistmain .priceblock { width: 98%; float: left; } .goodlist .goodlistmain { padding-right: 4px; padding-left: 4px; } /* меню навигации */ #bar .links ul li { display: block; float: none; width: 100%; } #bar .links ul li { border-bottom: 1px solid #FFFFFF; } /* end меню навигации */ /* Нижнее меню навигации */ #botnews .news .main { display: none; } #botnews .news .bottom { display: none; } #botnews .news .title.green { margin-bottom: 0px; } #botnews .news .title a { width: 98%; } /* end нижнее меню навигации */ /* авторизация */ .autorizationBlock { width: 94%; } .autorizationBlock .autorizText { padding: 0; vertical-align: baseline; } /* end авторизация */ } /* end iphone портретный режим */ /* end Стили для адаптации */
Далее найдите:
body { background:url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg?design=joy') #e6e4db center top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; margin:0;padding:0;color:#000;}
замените на:
body { background:url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg?design=joy') #e6e4db center top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; margin:0;padding:0;color:#000;min-width:1024px;}
#3
Отправлено 01 Июнь 2015 - 15:03
Vaccina (02 Апрель 2015 - 04:40) писал:
/* Стили для адаптации */ .CompareButBlock a { margin-bottom: 0.5em; } #bar .links .pull { display: none; } .bottommenu .pull { display: none; } .goodsPageSubmitButtonBlock a.orangebut { height: 25px; line-height: 2; width: 100px; } .fancybox-opened { } #goodsDataOpinionAdd .greenbut { height: 28px; } #productReviewsSpoilerHeader { font-family: Arial, Helvetica, sans-serif; font-size: 130%; font-style: italic; font-variant: normal; font-weight: bold; } .productFeaturesMainBlock { margin: 0 4px 0 3px; } #tovarCountToCart { display: inline-block; padding: 2%; padding-left: 1%; float: right; margin-top: -1.4%; } #tovarCountToCart #qty { border: 1px solid #dedede; padding: 3%; width: 5em; height: 20px; font-size: 110%; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #tovarCountToCart .tovarCountToCartName { color: #484949; margin-bottom: 4%; } #content .number input { width: 40px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #yandex_share { display: block; width: 100px; background: gray; line-height: 2; padding: 0 2%; background-color: #FFF; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.15) 50%); background-image: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%); background-image: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%); background-image: linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%); cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .b-share-popup__yandex { color: white; text-align: left; width: 100%; display: inline-block; padding: 0px 10px; } .feedback-str-block label span { color: #A6BF2D; } .order .button { margin-bottom: 2%; margin-left: 1%; } .historyButt { color: #797979; line-height: 2; float: right; padding-right: 1em; } .characteristic.pozishenZakaz { margin-left: -1px; margin-bottom: 5px; } .zakazPositionBlock table { width: 99.4%; } .listHistoryZakaz .padd1 { padding: 0 0.4em; } .listHistoryZakaz table { margin-top: 10px; width:101.5%; } div.orderStageDeliveryListTable { border: 1px solid #808080; } .promotion .article.action .price { min-width: 100px; } .promotion .price .orangebut { height: 25px; line-height: 2; } #delete { display:none; } .deliveryZoneRadio { float: left; margin-right: 5px; } .allNewList { display:none; padding: 0em 0em 0.5em 0.8em; } .allNewList a { color: #707070; padding: 0.5em 0 0 0; } .allNewList a:hover { text-decoration: none; } /* фикс для ie7 */ .fancybox-skin { *min-width: 485px;/* IE 7*/ } .goodsPageSubmitButtonBlock.quickorder a { min-height: 25px; height: auto; font-size: 11px; } /* end фикст для ie7 */ /************************************************************************************ самое большое разрешение 1024px *************************************************************************************/ @media screen and (max-width: 1024px) { /* header */ /* embedded videos */ .video embed, .video object, .video iframe { width: 100%; height: auto; min-height: 300px; } } @media screen and (max-width: 1048px) { /* header */ .devMainContent { width: 100%; margin: inherit; /* overflow: hidden; */ } } /************************************************************************************ smaller than 980 *************************************************************************************/ @media screen and (max-width: 980px) { /* header */ /* шапка сайта */ #header { background: none; } #header .topmain .logotype { background: white; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; } #header .bottommain .headleft { background: white; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; } #header .bottommain .headright { background: white; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; } #header .bottommain .headcent { background: white; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; } #header .topmain .barright .search input[type=text] { height: 28px; width: 75%; padding: 0 2.5%; display: inline-block; margin-left: 4px; } .button.toSearch { color: white; padding-top: 1px; height: 30px; width: 32px; float: right; margin: 0 2%; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); background: url({ASSETS_IMAGES_PATH}search.png?design=joy) -1px -2px white; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .block-shadow { display: inline-block; float: left; width: 80%; height: 29px; border: 1px solid grey; border-radius: 6px; background:white; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); } #header .topmain .logotype { margin-left: 0.4%; background: initial; width: 40%; } #header .topmain .barright { width: 30%; } #header .bottommain { background: white; height: 52%; } #header .bottommain .headcent { float: right; margin-top: 1.9em; } /*end шапка сайта */ /* content */ #content { width: 71%; max-width: initial; float: right; display: block; margin-left: 1%; } .goodstable { } /* embedded videos */ .video embed, .video object, .video iframe { width: 100%; height: auto; min-height: 300px; } .goodstable.over.fleft { float: none; } .goodstabl { text-align: center; } #content .cort .right { margin-top: 2%; } /* Подвал сайта */ #footer .copyring { background: initial; height: auto; } #footer .button { background: initial; padding: 10px 0 0 0; padding-right: 1%; height: auto; color: white; } #footer { width: 100%; height: auto; padding-bottom: 2%; } /*end Подвал сайта */ /* страница товара */ .goodsDataOpinionAddForm .titlegood { padding: 0.7% 2.8%; margin-bottom: 2%; } #content .product .leftpart { width: 100%; } .crumbs { width: 97.5%; padding-left: 2%; } #content .product .rightpart { width: 100%; margin-left: initial; float: left; } #content .boxmoney .main { width: 100%; } /* end странициа товара */ #delete { display: inline-block; float: left; cursor: pointer; width: 10px; height: 28px; line-height: 1.3; margin-right: 4px; padding: 0 10px 0 5px; font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif; font-size: 22px; background: #FFF; float: right; } } @media screen and (max-width: 990px) { #content { width: 71.0%; } .bottompanel { width: 71.1%; } } @media screen and (max-width: 983px) { #content { width: 70.8%; } .bottompanel { width: 71.1%; } } @media screen and (max-width: 954px) { #content { width: 69.8%; } .bottompanel { width: 69.8%; } #content .contenttext { padding: 0 1%; } } @media screen and (max-width: 934px) { #content { width: 68.4%; } .bottompanel { width: 68.4%; } } @media screen and (max-width: 900px) { #content { width: 67%; } .bottompanel { width: 68%; } } @media screen and (max-width: 825px) { #content { width: 65.5%; } .bottompanel { width: 65.5%; } } @media screen and (max-width: 850px) { #content { width: 65.5%; } } @media screen and (max-width: 810px) { #content { width: 63.8%; } .bottompanel { width: 63.4%; } } @media screen and (max-width: 775px) { #content { width: 63%; } .bottompanel { width: 63%; } } /************************************************************************************ smaller than 760 Для планшетов *************************************************************************************/ @media screen and (max-width: 760px) { #container { background:white; } .infoOfZakaz div { margin: 0px; } .zakazPositionBlock table { color: black; } .characteristic { padding: 0.4em 0px 0.2em 0.5%; background: url('{ASSETS_IMAGES_PATH}gradient-green.png?design=joy') top left repeat-x; cursor: pointer; width: 100%; } .characteristic div { color: white; display: block; margin: 0px 0px 8px 5px; min-height: 18px; overflow: hidden; text-decoration: none; position: relative; white-space: nowrap; } #goodsDataOpinionAdd .characteristic { margin-bottom: 7px; } .productFeaturesMainBlock, #goodsDataOpinionAdd { width: 100%; overflow: hidden; } #productReviewsSpoilerDesc, .productFeaturesDescBlock { width: 99%; padding: 0 1%; padding-top: 1.5%; } #header .topmain .barright { width: 40%; } .paragraph-end { background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255, 255, 255, 0)),color-stop(100%,#A6BF2D)); background-image: -webkit-linear-gradient(left,rgba(255, 255, 255, 0),#A6BF2D); background-image: -moz-linear-gradient(left,rgba(255,255,255,0),#A6BF2D); background-image: -ms-linear-gradient(left,rgba(255,255,255,0),#A6BF2D); background-image: -o-linear-gradient(left,rgba(255,255,255,0),#A6BF2D); background: linear-gradient(to right,rgba(255, 255, 255, 0),#A6BF2D); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#A6BF2D'); bottom: 0; height: 25px; max-height: 100%; position: absolute; right: 0; width: 60px; } /* раскрывающееся меню */ .block .main, .block .bottom { /* display:none;*/ } .crumbs div { font-size: 120%; line-height: 2; } .arrow-toggle { background: url({ASSETS_IMAGES_PATH}use-arrow.png?design=joy) left bottom no-repeat; margin-right: 1%; width: 80%; padding-left: 20px; } .arrow-toggle.hide { background-position: left top; } .block.sravnenie { display: none; } .block .title.orange { background: url({ASSETS_IMAGES_PATH}gradient-yallow.png?design=joy) top left repeat-x; width: 97.5%;} #header { height: auto; overflow: hidden; } #header .bottommain { height: auto; padding: 2px 0px; } .button.toSearch { float: left; height: 32px; min-width: 32px; margin: 0 2%; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); } /* растянуть меню*/ #leftcolum { width: 98.8%; padding: 0; } /* меню навигации */ #bar .links ul li { display: inline; float: left; width: 30%; } /* end меню навигации */ .block { width: 100%; } .main > ul { margin-left: 10px; } .block .title.green { padding: 0.4em 0px 0em 2.5%; width: 100%; background: url({ASSETS_IMAGES_PATH}gradient-green.png?design=joy) top left repeat-x #9EC024; height: 25px; margin-bottom: 10px; cursor: pointer; overflow: hidden; margin-left: 0; } .block .main { width: 96.8%; padding: 0; margin: 0; background: white; } .block .bottom { width: 100%; background: none; } /* end растянуть меню*/ /* Фильтры */ .filtercatalog .title { padding: 0.2em 0px 1.1em 2.4%; width: 97.5%; padding-bottom: 0px; margin-bottom: 15px; } .filtercatalog .title.red { background: url({ASSETS_IMAGES_PATH}gradient-red.png?design=joy) top left repeat-x #fc4503; } .filtercatalog .main { padding: 1.3% 2.1%; } .filtercatalog .main .blocknews .textshort { padding: 3% 3%; } .filtercatalog .main .blocknews .contentTbodySearchFilterBlockValues { padding: 1% 3%; line-height: 2.5; } .filtercatalog .main .blocknews .contentTbodySearchFilterBlockValues label { white-space: nowrap; width: 100%; display: inline; } /* end Фильтры */ /* content */ #content { width: 100%; margin: 0 auto; clear: left; } .htmlDataBlock { padding: 0% 2%; overflow: auto; } #botnews .block { clear: initial; margin: 0.7%; } #content .cort .right { float: left; margin-top: 2%; display: block; width: 100%; } #content .cort .right ul li a, #content .cort .right ul li a { width: 40px; height: 40px; } #content .cort .right ul li:hover a, #content .cort .right ul li a.current { width: 40px; height: 40px; } #content .cort .left { width: 80%; display: block; } #content .cort .left ul li select { float: initial; display: inline-block; height: 2em; } #content .cort .left ul li { width: 85%; line-height: 2; padding-top: 0.5%; padding-bottom: 0.5%; } #content .contenttext { } #productReviewsSpoilerHeader { margin-right: 1%; width: 97%; padding: 0 0 0 20px; display: block; color: white; text-align: left; font-size: 120%; } #hr.clr { } /* embedded videos */ .video embed, .video object, .video iframe { min-height: 250px; } /*Верхнее меню */ #bar .links { width: 100%; } #bar .button { width: 100%; float: left; padding-top: 0; padding-bottom: 0.5%; text-align: left; } #bar .button .orangebar { background-position-y: -37px; height: 20px; line-height: 1; } /* блок новостей */ #botnews { width: 99.1%; text-align: center; } #botnews .block.news { width: 31%; display: inline-block; text-align: left; vertical-align: top; } .botnews .news .title.green { padding-bottom: 0px; } #botnews .news .title.green { padding-bottom: 0px; height: 30px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; height: 26px; /* line-height: 1.5; */ text-align: center; padding-left: 0; margin-left: 0; width: 100%; } #botnews .news .title a { display: inline-block; /* line-height: 0.5; */ padding-top: 0px; } #botnews .news .main .blocknews .textshort { padding: 5px 8px; } #botnews .news .main .blocknews .data { font-size: 12px; color: gray; } #botnews .news .main { -webkit-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.51); -moz-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.51); box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.51); -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; padding: 1% 1%; width: 98.3%; } /* end блок новостей */ /* Нижнее меню */ .block111 { display: none; } .bottompanel { width: 99.1%; } .bottommenu ul li { display: inline; float: left; width: 30%; } .bottommenu ul li a { height: auto; background-image: linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -o-linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -moz-linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -webkit-linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -ms-linear-gradient(bottom, #A3C401 43%, #DEE9A7 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, #A3C401), color-stop(1, #DEE9A7) ); } .bottommenu ul li a:hover, .bottommenu ul li a.selected { background-image: linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -o-linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -moz-linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -webkit-linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -ms-linear-gradient(bottom, rgb(205,146,210) 22%, rgb(223,185,226) 67%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.22, rgb(223,185,226)), color-stop(0.67, #DFB9E2) ); } /*end Нижнее меню*/ .crumbs div a { text-decoration: underline; } #content table.position tr td { padding: 0.8em 0.5em; } .goodlist .goodlistmain .priceblock ul.links .link-compare { display: none; } /*Виджет календаря*/ #ui-datepicker-div { width: inherit; max-width: 315px; min-width: 278px; } .ui-datepicker td { padding: 1.8%; } .ui-datepicker .ui-datepicker-title { padding: 1% 0%; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding-top: 2%; } /*end Виджет календаря*/ .available-false, .available-true { right: -2px; top: 0px; } .listHistoryZakaz .padd1 { padding: 0 0.1em; } #Go_Top { display: none; } /* Кнопка под новостями */ .allNewList { display:block; } } /* Для маленьких планшетов или для iphone 5 640x1136 */ @media screen and (max-width: 640px) { #header .topmain .barright { width: 55%; } #header .bottommain .headcent { margin: 0; padding: 0; float: right; display: inline-block; width: 100%; text-align: center; } #header .bottommain .headleft { margin: 0; padding: 0; width: 47%; } #bar .button { padding-bottom: 8px; } #bar { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .block .main.ullinks li a { min-height: 30px; line-height: 2.5; } #footer-order { width: 98%; margin: 5px 0px; } .price a.orangebut { height: 24px; line-height: 1.7; } .goodsDataMainModificationsBlockProperty .title { padding: 0.4em 0em; } .characteristic .titlegood { width: auto; display: inline; text-align: center; padding-left: 0; font-size: 130%; color: white; } } /* end Для маленьких планшетов */ /* товары списком */ @media screen and (max-width: 620px) { .goodlist .goodlistmain .img { width: 38%; } .goodlist .goodlistmain .priceblock { width: 40%; } .goodlist .goodlistmain { padding-left: 1%; } .goodlist .goodlistmain .goodinfo { width: 97%; background: initial; height: auto; } .goodlist .goodlistmain .priceblock { background: initial; } /* блок с новостями на всю ширину */ #botnews .block.news { float: left; display: block; width: 99.1%; max-width: 99.1%; } #botnews .arrow-toggle { width: 90%; } /* end блок с новостями на всю ширину */ #footer { background: gray; } a.greenbut, button.greenbut { } } @media screen and (min-width:740px) and (max-width: 880px) { .goodlist .goodlistmain .img { width: 40%; } .goodlist .goodlistmain .priceblock { width: 44%; } .goodlist .goodlistmain { padding-left: 1%; } .goodlist .goodlistmain .goodinfo { width: 97%; background: inherit; height: auto; } .goodlist .goodlistmain .priceblock { background: inherit; } } /* блок с новостями на всю ширину */ @media screen and (max-width: 580px) { #botnews .block.news { float: left; display: block; width: 98.1%; } } /* end блок с новостями на всю ширину */ /* блок ввода количества товаров */ @media screen and (max-width: 580px) { #tovarCountToCart { float: left; width: 40%; padding-left: 0%; } #tovarCountToCart .tovarCountToCartName { display: inline-block; float: left; line-height: 2.2; margin-bottom: 0; padding: 0 2% 0% 0; } } /* блок ввода количества товаров */ /************************************************************************************ iphone ландшафтный режим *************************************************************************************/ @media screen and (max-width: 480px) { /* disable webkit text size adjust (for iPhone) */ /* шапка сайта */ #header .bottommain .headright { width: 100%; } #header .bottommain .headleft { width: 100%; } #header .bottommain .headleft ul .phone { text-align: center; width: 100%; font-size: 132%; padding-top: 1%; display: block; } #header .bottommain .headleft ul .phone .telText { width: 42%; float: left; display: inline-block; text-align: right; } #header .bottommain .headleft ul .phone .phoneNum { float: none; display: block; width: 55%; text-align: center; margin: 0 auto; line-height: 1.2; } #header .bottommain .headleft ul .phone .phoneNum .telColor { display: none; } #header .bottommain .headleft ul .skype { font-size: 125%; display: inline-block; padding-top: 2%; } #header .bottommain .headright { font-size: 125%; margin-right: 0; } #header .bottommain .headright ul li.opencart a { padding-top: 2%; display: inline-block; } #header .bottommain .headcent { font-size: 125%; float: inherit; width: 99%; } #header .bottommain .headleft ul li.title { font-size: 125%; } #header .bottommain { padding: 8px 0px; margin: 0 auto; } #header .topmain .barright { width: 54.5%; } #header .bottommain .headleft ul li.title a, #header .bottommain .headright ul li.title a { background: none; } #header .bottommain .headleft ul li.title a:hover, #header .bottommain .headright ul li.title a:hover { background: none; } /* end шапка сайта */ /* Строка поиска */ #header .topmain .barright { width: 50%; } #header .topmain .barright .search input[type=text] { width: 70%; margin-left: 1%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-right:0px; } .block-shadow { width: 74%; } .button.toSearch { max-width: 32px; float: right; margin: 0 2%; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); } #header .topmain .barright .search { padding: 2px; } #header .topmain .barright { padding-left: 0px; padding-top: 0; } #header .topmain .logotype { width: 49%; } /* end Строка поиска */ /* меню навигации */ #bar .links ul { display: none; } #bar .links ul li { display: inline; float: left; width: 50%; } #bar .links .pull { display: inline-block; width: 100%; float: left; height: 30px; padding: 0; text-indent: 3%; text-decoration: none; padding-top: 4%; } #bar .links .pull span { background: url({ASSETS_IMAGES_PATH}nav-icon.png?design=joy); content: ''; display: inline-block; height: 21px; width: 28px; float: right; margin-right: 5%; margin-top: 0; } #bar .button { padding-top: 1%; } /* end меню навигации */ .error.orange .title span span { width: 98%; font-size: 11px; height: 27px; display: inline-block; line-height: 2.6; padding: 0% 9%; background: url({ASSETS_IMAGES_PATH}gradient-red.png?design=joy) 1px 0px repeat-x; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75); } .error.orange .title { min-width: 0; background: none; } .error.orange .title span { background: none; padding: 0; } .error.orange { margin-left: 8px; margin-right: 0; } .error .aunder { margin-top: 7%; line-height: 1.7; } /* Контент страницы */ #content { padding: 0; } #footer-order { width: 100%; } #footer .copyring { padding: 2%; width: 100%; height: auto; } #footer .button { width: 100%; background: gray; } .copystore { bottom: 2px; color: white; background: gray; height: 30px; } .copystore a { color: #FFFFFF; } .headline { width: 100%; } .tabproduct { width: 35%; margin: 5% 0% 0 7%; } .categoriesListImg { min-height: 90px; } .categoriesList .orangebar { height: 29px; background-position: 1px -25px; line-height: 1.1; } .categoriesList .orangebar:hover { background-position: center -35px; } /* end Контент страницы */ /* Страница товара */ .aunder.silver { display: none; } #content .boxmoney .main .goodsPageSubmitButtonBlock a { height: 2em; line-height: 2; } #content .boxmoney .main .goodsPageSubmitButtonBlock { width: 98%; } .contenttext .title { background: #f6f4eb; padding: 1.5% 2.8%; font-size: 140%; } .contenttext { text-align: center; margin-bottom: 1%; } #content .boxmoney .main .block1 { padding: 0em 0.2em 0.5em 0.2em; } .warning { } .goodsDataOpinionAddForm .titlegood { margin-bottom: 2%; } #content #goodsDataOpinionAddBlock { padding: 0% 1.5%; } .mentions .links { line-height: 2; } /* end Страница товара */ #content .boxmoney .main .block1 ul.left { display: inline-block; min-width: 58%; } #content .boxmoney .main .block1 ul.right { display: inline-block; min-width: 40%; } .goodstable { width: 100%; margin: 0; min-height: 0; } .goodstable .title div { background: initial; } .goodstable .maingoodstable .img img { max-width: 100%; min-width: 0; } .goodstable .maingoodstable .img a img { max-width: 80%; } .goodstable .bottom { background-repeat: repeat; background: initial; } .goodstable .maingoodstable { -webkit-box-shadow: 0px 2px 3px rgba(50, 52, 50, 0.29); -moz-box-shadow: 0px 2px 3px rgba(50, 52, 50, 0.29); box-shadow: 0px 2px 3px rgba(50, 52, 50, 0.29); } #goodsDataOpinionAddBlock #goods_opinion_title { width: 96.7%; } #goodsDataOpinionAddBlock #goods_opinion_name { width: 96.7%; } #goodsDataOpinionAddBlock #opinion_captcha_string { width: 100%; } #goodsDataOpinionAddBlock .goodsDataOpinionCaptchaRefresh { width: 45px; cursor:pointer; } .acitoninfo .n { width: 100%; display: inline-block; } .butGoodsOrNoGoods span { width: 100%; display: inline-block; padding: 4% 0px; } .fntupcase.warning { text-transform: inherit; line-height: 1.2; } /* выравнивание блока продукта */ .goodstable .maingoodstable .img { width: 40%; display: inline-block; float: left; min-height: 88px; } .goodstable .price { width: 58%; float: none; display: inline-block; } .goodstable .maingoodstable .text { float: left; width: 98%; padding: 0; background: none; display: inline-table; } .goodstable .maingoodstable { display: block; text-align: left; overflow: hidden; } /* end выравнивание блока продукта */ /* нижнее меню навигации */ .bottommenu ul { display: none; } .bottommenu ul li { display: inline; float: left; margin: 0.7% 1%; width: 48%; } .bottommenu { width: 100%; display: block; padding: 0; } .bottommenu .navmenu li { width: 50%; display: inline; } .bottommenu ul li a { padding: 2.4% 3%; } .bottommenu a.pull { background: url({ASSETS_IMAGES_PATH}bottom-menu.jpg?design=joy) repeat-x; width: 95%; display: inline-block; padding: 1% 3%; color: white; font-style: normal; text-decoration: none; font-size: 15px; margin-top: 2%; } .bottommenu .pull span { background: url({ASSETS_IMAGES_PATH}nav-icon.png?design=joy); content: ''; display: inline-block; height: 19px; width: 28px; float: right; margin-right: 4%; margin-top: 0; } /* end нижнее меню навигации */ /* оформление заказа */ #content .history .cartbottom .right { margin: 3% 0%; float: left; } #content .history .cartbottom .left { width: 100%; vertical-align: top; margin: 2% 0 0 0; } #content .history .cartbottom .left button.orangebar { } #content .history .cartbottom .right button { padding: 0 1.8% 0 1.8%; line-height: 1; white-space: nowrap; } #content .order input[type=text], #content .order input[type=password], #content .order textarea { width: 92%; min-height: 30px; } #content .order .contText { vertical-align: top; } #content .order .contactOform { min-height: 130px; } #content .order .history .padd1 { padding: 0; padding-left: 2%; } #content .boxmoney .main .block .mod .select select, #content td.selc select, #content select { border-radius: 0px; min-width: 45px; } td.selc #deliveryConvenientDate { max-width: 100%; display: block; border-radius: 0; margin-bottom: 8px; } .fancybox-opened .fancybox-skin { padding: 4px !important; } .fancybox-outer .messageBoxToCart { margin-bottom: 8px; } .fancybox-outer .button { margin: 0 auto; } /* end оформление заказа */ /* авторизация */ .autorizationBlock { width: 71%; min-height: 125px; } #content #sites_client_mail, #content #sites_client_pass, #content #reg_name { min-height: 30px; width: 94%; } .autorizationBlock .autorizText { vertical-align: middle; padding-left: 15px; } .autorizButtonLine p a { margin-top: 2.8%; } /* end авторизация */ .feedback-block.input60 input { width: 98%; } #content .feedback-str-block textarea { width:100%; margin:0; height: 65px; } #content .feedback-str-block input { width: 100%; margin: 0; min-height: 30px; padding: 0; } .feedback-str-block { width: 100%; padding: 1% 1%; } .goodlist .title { background-image: linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -o-linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -moz-linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -webkit-linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -ms-linear-gradient(bottom, rgb(92,92,92) 0%, rgb(158,158,158) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(92,92,92)), color-stop(1, rgb(158,158,158)) ); min-height: 2.25em; display: inline-block; height: auto; width: 100%; } .goodlist .goodlistmain .img { width:36.5%; } .message.success-msg { background-color: #ACFF9D; border: 1px solid #ACFF9D; } .block .main.ullinks li a { background-color: #E9E9E9; color: #505050; } .price.over form>div { display: block; float: left; width: 100%; } .price.over form>div a { float: left; margin: 2% 0% 0% 4%; text-align: center; width: 58px; } #yandex_share { line-height: 2.5; width: 120px; text-align: center; } #content #sites_client_addr { width: 94%; } .zakazPositionBlock table { width: 100%; margin-left: 0px; overflow-x: auto; display: block; } .history.zakazPositionBlock > div { margin-left: 0px; } .history.zakazPositionBlock { margin-left: 1px; } .listHistoryZakaz table { width: 100%; margin-top: 10px; display: block; overflow-x: auto; } div.orderStageDeliveryListTable { padding: 0 0.5%; } .feedback-str-block label.error { width: 100%; } } /* iphone портретный режим */ @media screen and (max-width: 348px) { .goodlist .goodlistmain .img { width: 34%; } .goodlist .goodlistmain .priceblock { min-width:190px; } /* выравнивание блока с продуктом таблицы */ .goodstable .maingoodstable .img { margin: 0 auto; display: block; width: 99%; } .goodstable .price { width: 98%; } .goodstable .maingoodstable { max-height: 350px; } .goodstable { min-height: 350px; } .goodstable .maingoodstable .text { display: block; max-height: 54px; padding-top: 2%; margin-bottom: 2%; } /* end выравнивание блока продукта таблицы */ .price ul.cost { font-size: 94%; } } @media screen and (max-width: 320px) { /* строка поиска */ #header .topmain .logotype { width: 100%; text-align: center; } #header .topmain .barright { width: 100%; margin: 0; padding: 0; } #header .topmain .barright .search input[type=text] { width: 61%; margin-left: 10px; } .button.toSearch { margin-right: 10px; } .block-shadow { width: 80%; margin-left: 3%; } /* end строка поиска */ .goodlist .goodlistmain .img { width: 98%; } .goodlist .goodlistmain .priceblock { width: 98%; float: left; } .goodlist .goodlistmain { padding-right: 4px; padding-left: 4px; } /* меню навигации */ #bar .links ul li { display: block; float: none; width: 100%; } #bar .links ul li { border-bottom: 1px solid #FFFFFF; } /* end меню навигации */ /* Нижнее меню навигации */ #botnews .news .main { display: none; } #botnews .news .bottom { display: none; } #botnews .news .title.green { margin-bottom: 0px; } #botnews .news .title a { width: 98%; } /* end нижнее меню навигации */ /* авторизация */ .autorizationBlock { width: 94%; } .autorizationBlock .autorizText { padding: 0; vertical-align: baseline; } /* end авторизация */ } /* end iphone портретный режим */ /* end Стили для адаптации */
Далее найдите:
body { background:url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg?design=joy') #e6e4db center top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; margin:0;padding:0;color:#000;}
замените на:
body { background:url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg?design=joy') #e6e4db center top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; margin:0;padding:0;color:#000;min-width:1024px;}
Здравствуйте!
Подскажите как поправить(выставить в одну строку)?
#4
Отправлено 01 Июнь 2015 - 15:22
alpha-me (01 Июнь 2015 - 15:03) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#bar .links a { padding: 1.5em 0.7em 0.7em 0.7em; height: auto; display:block; color:#fff; /* text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); */ text-transform:uppercase; }
Замените на:
#bar .links a { padding: 1.5em 0.7em 0.7em 0.7em; height: auto; display:block; color:#fff; /* text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); */ text-transform:uppercase; float: left;}
#5
Отправлено 01 Июнь 2015 - 15:46
Firefly (01 Июнь 2015 - 15:22) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#bar .links a { padding: 1.5em 0.7em 0.7em 0.7em; height: auto; display:block; color:#fff; /* text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); */ text-transform:uppercase; }
Замените на:
#bar .links a { padding: 1.5em 0.7em 0.7em 0.7em; height: auto; display:block; color:#fff; /* text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); */ text-transform:uppercase; float: left;}
Спасибо!
#7
Отправлено 02 Июнь 2015 - 04:07
В шаблоне HTML найдите и удалите:
<a href="#" class="pull">Меню<span></span></a>
#8
Отправлено 02 Июнь 2015 - 10:34
Vaccina (02 Июнь 2015 - 04:07) писал:
В шаблоне HTML найдите и удалите:
<a href="#" class="pull">Меню<span></span></a>
Спасибо! Удалил, но все равно висит эта надпись.
Все, разобрался.
#10
Отправлено 06 Август 2015 - 04:06
@media all and (max-width: 641px) {
пропишите:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 { width: 50% !important; }
#11
Отправлено 06 Август 2015 - 13:11
Vaccina (06 Август 2015 - 04:06) писал:
@media all and (max-width: 641px) {
пропишите:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 { width: 50% !important; }
Стало лучше но не совсем!
Хотелось бы чтоб товары по одному по вертикали распологались
#12
Отправлено 07 Август 2015 - 03:51
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 { width: 50% !important; }
замените на:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 { width: 100% !important; }
#13
Отправлено 10 Август 2015 - 15:23
Vaccina (07 Август 2015 - 03:51) писал:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 { width: 50% !important; }
замените на:
.item.item-animate.show-addtocart.col-xs-3.col-lg-4.col-md-6.col-sm-12 { width: 100% !important; }
Спасибо!)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных