Index: branches/1.0.x/inc/styles.css =================================================================== diff -u -N -r14600 -r14708 --- branches/1.0.x/inc/styles.css (.../styles.css) (revision 14600) +++ branches/1.0.x/inc/styles.css (.../styles.css) (revision 14708) @@ -6,7 +6,7 @@ min-width: 1000px; } body { - background: #fff url(/i/bg-header.jpg) repeat-y 0 0; + background: #fff url(@templates_base@/img/bg-header.jpg) repeat-y 0 0; color: #3c3c3c; font: 0.813em/1.231em Arial,Verdana,Tahoma,Sans-Serif; } @@ -48,8 +48,8 @@ #header .infoblock .welcome .txt { padding: 0 0 0 20px; } #header .infoblock .welcome .logged { padding-top: 5px; } #header .infoblock .welcome .txt a { font-weight: bold; } -#header .infoblock .welcome .lang .eng { - background: url(/i/lang/eng.gif) no-repeat 10px 7px; +#header .infoblock .welcome .lang .en-US { + background: url(@templates_base@/img/lang/eng.gif) no-repeat 10px 7px; padding: 5px 10px 10px 35px; } #header .infoblock .welcome .txt, @@ -70,13 +70,13 @@ a#lang, a#currency, a#profile { - background: url(/i/icon-select.gif) no-repeat 100% 6px; + background: url(@templates_base@/img/icon-select.gif) no-repeat 100% 6px; display: block; padding: 0 12px 0 0; text-decoration: none; } #header .infoblock .cart { - background: url(/i/bg-cart.jpg) no-repeat 100% 0; + background: url(@templates_base@/img/bg-cart.jpg) no-repeat 100% 0; float: right; font-size: 1.154em; font-weight: bold; @@ -85,7 +85,7 @@ #header .infoblock .cart span, #header .infoblock .cart a { float: left; } #header .infoblock .cart a { - background: url(/i/icon-checkout.gif) no-repeat 100% 12px; + background: url(@templates_base@/img/icon-checkout.gif) no-repeat 100% 12px; color: #75b833; line-height: 33px; padding: 0 12px 0 0; @@ -95,7 +95,7 @@ font-size: 0.733em; } #header .infoblock .cart .items { - background: url(/i/icon-cart.png) no-repeat 0 0; + background: url(@templates_base@/img/icon-cart.png) no-repeat 0 0; line-height: 33px; padding: 0 0 0 50px; } @@ -116,15 +116,15 @@ text-decoration: underline; } #header .infoblock .welcome .lang #lang-sel .eng { - background: url(/i/lang/eng.gif) no-repeat 0 0; + background: url(@templates_base@/img/lang/eng.gif) no-repeat 0 0; padding: 0 0 0 25px; } #header .infoblock .welcome .lang #lang-sel .deutch { - background: url(/i/lang/deutch.gif) no-repeat 0 0; + background: url(@templates_base@/img/lang/deutch.gif) no-repeat 0 0; padding: 0 0 0 25px; } #header .infoblock .welcome .lang #lang-sel .rus { - background: url(/i/lang/rus.gif) no-repeat 0 0; + background: url(@templates_base@/img/lang/rus.gif) no-repeat 0 0; padding: 0 0 0 25px; } @@ -177,7 +177,7 @@ .plashka-sel a#lang, .plashka-sel a#currency, .plashka-sel a#profile { - background: url(/i/icon-close.gif) no-repeat 100% 6px; + background: url(@templates_base@/img/icon-close.gif) no-repeat 100% 6px; } #header .infoblock .welcome .login, @@ -188,7 +188,7 @@ .login-alt .login { font-size: 0.867em; padding-left: 5px; } #header .infoblock .welcome .login a, .login-alt .login a { - background: url(/i/bg-button-login.jpg) no-repeat 0 0; + background: url(@templates_base@/img/bg-button-login.jpg) no-repeat 0 0; display: block; height: 18px; text-align: center; @@ -213,7 +213,7 @@ /*** Menu ***/ .menu { - background: #3e3e3e url(/i/bg-menu.jpg) repeat-x 0 0; + background: #3e3e3e url(@templates_base@/img/bg-menu.jpg) repeat-x 0 0; height: 46px; position: relative; width: 100%; @@ -241,21 +241,21 @@ } .menu ul li a:hover, .menu ul li a:focus { - background: #4b4b4b url(/i/bg-menu.jpg) repeat-x 0 -46px; + background: #4b4b4b url(@templates_base@/img/bg-menu.jpg) repeat-x 0 -46px; } .menu ul li a.active { - background: #2d85d6 url(/i/bg-menu.jpg) repeat-x 0 -92px; + background: #2d85d6 url(@templates_base@/img/bg-menu.jpg) repeat-x 0 -92px; } .menu .searchbox { - background: url(/i/bg-searchbox-l.jpg) no-repeat 0 0; + background: url(@templates_base@/img/bg-searchbox-l.jpg) no-repeat 0 0; float: right; margin-top: 10px; text-align: right; width: 210px; } .menu .searchbox input[type="text"] { border: none; - background: #fff url(/i/bg-searchbox-r.jpg) no-repeat 100% 0; + background: #fff url(@templates_base@/img/bg-searchbox-r.jpg) no-repeat 100% 0; height: 23px; line-height: 23px; padding-top: 2px; @@ -325,7 +325,7 @@ background: none; } #level2-menu ul li i { - background: url(/i/bullet-l3menu.png) no-repeat 22px 9px; + background: url(@templates_base@/img/bullet-l3menu.png) no-repeat 22px 9px; display: block; padding: 0 0 0 20px; white-space: nowrap; @@ -342,7 +342,7 @@ font-size: 0.917em; } #level2-menu ul li.level3-menu ul li a { - background: url(/i/bullet-l3menu.png) no-repeat 35px 4px; + background: url(@templates_base@/img/bullet-l3menu.png) no-repeat 35px 4px; line-height: 18px; padding: 0 0 0 45px; } @@ -352,22 +352,22 @@ #level2-menu.ui-accordion .ui-accordion-content-active { background-color: #eaeaea; } #level2-menu .ui-icon-circle-arrow-l2e { - background: url(/i/bullet-l2menu.png) no-repeat 0 0; + background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 0; height: 7px; width: 4px; } #level2-menu .ui-icon-circle-arrow-l2s { - background: url(/i/bullet-l2menu.png) no-repeat 0 -7px; + background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -7px; height: 4px; width: 7px; } #level2-menu .ui-icon-circle-arrow-l3e { - background: url(/i/bullet-l2menu.png) no-repeat 0 -11px; + background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -11px; height: 7px; width: 4px; } #level2-menu .ui-icon-circle-arrow-l3s { - background: url(/i/bullet-l2menu.png) no-repeat 0 -18px; + background: url(@templates_base@/img/bullet-l2menu.png) no-repeat 0 -18px; height: 4px; width: 7px; } @@ -382,7 +382,7 @@ width: auto; } #level-content ul li { - background: url(/i/bullet-level5.png) no-repeat 0 7px; + background: url(@templates_base@/img/bullet-level5.png) no-repeat 0 7px; float: left; font-size: 1em; font-weight: normal; @@ -432,15 +432,15 @@ #content .block-fixed div { padding-bottom: 13px; } .button-addtocart { - background: url(/i/button-addtocart-left.jpg) no-repeat 0 0; + background: url(@templates_base@/img/button-addtocart-left.jpg) no-repeat 0 0; color: #faffed; display: inline-block; font-size: 0.846em; text-shadow: #000 0px 1px 1px; text-decoration: none; } .button-addtocart span { - background: url(/i/button-addtocart-right.jpg) no-repeat 100% 0; + background: url(@templates_base@/img/button-addtocart-right.jpg) no-repeat 100% 0; display: inline-block; height: 40px; padding: 5px 6px 0; @@ -465,12 +465,12 @@ } .subscribe-block { - background: url(/i/subs.png) no-repeat 0 100%; + background: url(@templates_base@/img/subs.png) no-repeat 0 100%; padding: 0 16px 11px 0; width: 214px; } .subscribe-block h4 { - background: url(/i/subs-top.png) no-repeat 0 0; + background: url(@templates_base@/img/subs-top.png) no-repeat 0 0; font-size: 1.077em; font-weight: bold; padding: 14px 0 0 16px; @@ -485,7 +485,7 @@ textarea.field, select.field, select.field-alt { - background: url(/i/bg-field.jpg) repeat-x 0 0; + background: url(@templates_base@/img/bg-field.jpg) repeat-x 0 0; border: 1px solid #828282; height: 24px; line-height: 24px; @@ -505,12 +505,12 @@ /*** Block ***/ .block { - background: url(/i/bg-block-bottom.jpg) no-repeat 0 100%; + background: url(@templates_base@/img/bg-block-bottom.jpg) no-repeat 0 100%; margin: 0 0 10px; padding: 0 0 8px; } .block .block-top { - background: url(/i/bg-block-top.jpg) no-repeat 0 100%; + background: url(@templates_base@/img/bg-block-top.jpg) no-repeat 0 100%; height: 8px; width: 100%; } @@ -520,7 +520,7 @@ } .block.block-margin { margin: 0 0 20px; } .block h2 { - background: url(/i/h1-left.png) no-repeat 0 0; + background: url(@templates_base@/img/h1-left.png) no-repeat 0 0; height: 36px; line-height: 36px; padding-left: 14px; @@ -538,27 +538,27 @@ } .block h2 a { text-decoration: underline; } .block h2 i { - background: url(/i/bc-step.png) no-repeat 50% 50%; + background: url(@templates_base@/img/bc-step.png) no-repeat 50% 50%; padding: 0 15px; } .block h2 span { - background: url(/i/h1-right.png) no-repeat 100% 0; + background: url(@templates_base@/img/h1-right.png) no-repeat 100% 0; height: 53px; position: absolute; top: -3px; right: -6px; width: 136px; z-index: 50; } -.block h2 span.new { background: url(/i/h1-right-new.png) no-repeat 100% 0; } -.block h2 span.pick { background: url(/i/h1-right-pick.png) no-repeat 100% 0; } -.block h2 span.sale { background: url(/i/h1-right-sale.png) no-repeat 100% 0; } -.block h2 span.bullet { background: url(/i/h1-right-bullet.png) no-repeat 100% 0; } +.block h2 span.new { background: url(@templates_base@/img/h1-right-new.png) no-repeat 100% 0; } +.block h2 span.pick { background: url(@templates_base@/img/h1-right-pick.png) no-repeat 100% 0; } +.block h2 span.sale { background: url(@templates_base@/img/h1-right-sale.png) no-repeat 100% 0; } +.block h2 span.bullet { background: url(@templates_base@/img/h1-right-bullet.png) no-repeat 100% 0; } .block.alt-block { background: none; } .block.alt-block h2 { - background: url(/i/bg-block.png) no-repeat 0 0; + background: url(@templates_base@/img/bg-block.png) no-repeat 0 0; padding-left: 0; } .block.alt-block h2.active { @@ -602,17 +602,17 @@ .manufacturer label { text-decoration: underline; } #slider-vertical { - background: url(/i/bg-vertslider-full.png) no-repeat 0 0; + background: url(@templates_base@/img/bg-vertslider-full.png) no-repeat 0 0; float: left; padding: 5px 0 0; } #slider-vertical .ui-slider-range { - background: url(/i/bg-vertslider-a.png) repeat-y 0 0; + background: url(@templates_base@/img/bg-vertslider-a.png) repeat-y 0 0; margin: 0 0 0 7px; } #slider-vertical .ui-slider-handle { - background: url(/i/point-vertslider.png) no-repeat 0 0; + background: url(@templates_base@/img/point-vertslider.png) no-repeat 0 0; height: 9px; margin: 0; width: 16px; @@ -659,7 +659,7 @@ border-right: 1px solid #d0d0d0; } #accordion-menu h3 { - background: #fff url(/i/bg-point-menu.jpg) repeat-x 0 100%; + background: #fff url(@templates_base@/img/bg-point-menu.jpg) repeat-x 0 100%; border-bottom: 1px solid #d0d0d0; color: #666; cursor: pointer; @@ -669,14 +669,14 @@ position: relative; } #accordion-menu h3.active { - background: #1b6bc7 url(/i/bg-point-menu-active.jpg) repeat-x 0 0; + background: #1b6bc7 url(@templates_base@/img/bg-point-menu-active.jpg) repeat-x 0 0; color: #fff; } #accordion-menu a { padding-left: 20px; text-decoration: none; } #accordion-menu a:hover, #accordion-menu a:focus { text-decoration: underline; } #accordion-menu h3.active a { color: #fff; } #accordion-menu .ui-icon-circle-arrow-e { - background: url(/i/bullet-menu.png) no-repeat 0 0; + background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 0; height: 6px; width: 10px; } @@ -686,12 +686,12 @@ top: 50%; } #accordion-menu .ui-icon-circle-arrow-s { - background: url(/i/bullet-menu.png) no-repeat 0 -6px; + background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -6px; height: 6px; width: 10px; } #accordion-menu .ui-icon-circle-arrow-a { - background: url(/i/bullet-menu.png) no-repeat 0 -12px; + background: url(@templates_base@/img/bullet-menu.png) no-repeat 0 -12px; height: 10px; margin-top: -5px; position: absolute; @@ -705,14 +705,14 @@ #accordion-menu div ul { padding: 10px 0 10px 7px; } #accordion-menu div ul li { padding: 3px 0 5px 7px; } #accordion-menu div ul li.active { - background: url(/i/bg-subcategory.png) repeat-x 0 0; + background: url(@templates_base@/img/bg-subcategory.png) repeat-x 0 0; } #accordion-menu div ul a { color: #333; padding-left: 0; } #accordion-menu div ul li.active a { color: #fff; } #accordion-menu div ul li ul { padding: 10px 0 0 25px; } #accordion-menu div ul li ul li { - background: url(/i/point-subcategory.png) no-repeat 0 7px; + background: url(@templates_base@/img/point-subcategory.png) no-repeat 0 7px; font-size: 0.923em; padding: 2px 0 2px 10px; } @@ -783,7 +783,7 @@ font-size: 0.708em; } .good-item .addtocart { - background: url(/i/addtocart-left.jpg) no-repeat 0 0; + background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0; color: #faffed; display: inline-block; font-size: 1.077em; @@ -792,7 +792,7 @@ text-decoration: none; } .good-item .addtocart span { - background: url(/i/addtocart-right.jpg) no-repeat 100% 0; + background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0; display: inline-block; height: 33px; line-height: 33px; @@ -822,7 +822,7 @@ width: 650px; } #scrollable .good-item { - background: url(/i/delimiter-special.gif) repeat-y 100% 0; + background: url(@templates_base@/img/delimiter-special.gif) repeat-y 100% 0; position:relative; width:222px; height: 280px; @@ -846,7 +846,7 @@ #scrollable .ca-nav span { width:30px; height:309px; - background:transparent url(/i/special-navi.png) no-repeat 0 0; + background:transparent url(@templates_base@/img/special-navi.png) no-repeat 0 0; position:absolute; top:0; left:0; @@ -888,7 +888,7 @@ } #feedback { - background: url(/i/con-contact.jpg) no-repeat 100% 0; + background: url(@templates_base@/img/con-contact.jpg) no-repeat 100% 0; font-size: 0.929em; padding: 20px 330px 0 0; } @@ -925,7 +925,7 @@ float: left; } #feedback textarea { - background: url(/i/bg-textarera.jpg) repeat-x 0 0; + background: url(@templates_base@/img/bg-textarera.jpg) repeat-x 0 0; border: 1px solid #b4b4b4; height: 120px; width: 450px; @@ -938,7 +938,7 @@ } .form .green-button { - background: url(/i/bg-buttons.jpg) no-repeat 0 0; + background: url(@templates_base@/img/bg-buttons.jpg) no-repeat 0 0; border: none; color: #fff; font-weight: bold; @@ -947,7 +947,7 @@ width: 90px; } .form .grey-button { - background: url(/i/bg-buttons.jpg) no-repeat 0 100%; + background: url(@templates_base@/img/bg-buttons.jpg) no-repeat 0 100%; border: none; color: #000; font-weight: bold; @@ -957,7 +957,7 @@ } .green-but { - background: url(/i/bg-button-left.png) no-repeat 0 0; + background: url(@templates_base@/img/bg-button-left.png) no-repeat 0 0; color: #fff; display: inline-block; font-weight: bold; @@ -969,14 +969,14 @@ } .green-but:hover { color: #fff; text-decoration: none; } .green-but span { - background: url(/i/bg-button-right.png) no-repeat 100% 0; + background: url(@templates_base@/img/bg-button-right.png) no-repeat 100% 0; display: inline-block; height: 26px; margin: 0 -19px 0 0; padding: 0 20px 0 0; } .grey-but { - background: url(/i/bg-button-left.png) no-repeat 0 100%; + background: url(@templates_base@/img/bg-button-left.png) no-repeat 0 100%; color: #3c3c3c; display: inline-block; font-weight: bold; @@ -987,7 +987,7 @@ } .grey-but:hover { color: #3c3c3c; text-decoration: none; } .grey-but span { - background: url(/i/bg-button-right.png) no-repeat 100% 100%; + background: url(@templates_base@/img/bg-button-right.png) no-repeat 100% 100%; display: inline-block; height: 26px; margin: 0 -19px 0 0; @@ -1029,13 +1029,13 @@ #footer .copy .doplinks a { padding: 0 15px; } #footer .copy .doplinks a:first-child { padding-left: 0; } #footer .links { - background: url(/i/bg-blinks.jpg) no-repeat 0 0; + background: url(@templates_base@/img/bg-blinks.jpg) no-repeat 0 0; float: left; padding: 18px 0 36px 16px; width: 124px; } #footer .links ul li { - background: url(/i/li-blinks.gif) no-repeat 0 6px; + background: url(@templates_base@/img/li-blinks.gif) no-repeat 0 6px; padding: 0 0 0 11px; } #footer .payment { @@ -1076,7 +1076,7 @@ -webkit-border-radius: 3px; } .basketStatus .basketArrow { - background: url(/i/con-basket-arrow.png) no-repeat 0 0; + background: url(@templates_base@/img/con-basket-arrow.png) no-repeat 0 0; height: 15px; margin: -55px 0 0 22px; position: relative;