Index: branches/1.0.x/inc/cart.css =================================================================== diff -u -r14600 -r14708 --- branches/1.0.x/inc/cart.css (.../cart.css) (revision 14600) +++ branches/1.0.x/inc/cart.css (.../cart.css) (revision 14708) @@ -7,7 +7,7 @@ width: 535px; } .steps li { - background: url(/i/icon-step.png) no-repeat 100% 40%; + background: url(@templates_base@/img/icon-step.png) no-repeat 100% 40%; color: #bdbdbd; float: left; font-size: 9pt; @@ -28,16 +28,16 @@ margin: 0 auto 5px; width: 40px; } -.steps li.step1 i { background: url(/i/cart-steps.png) no-repeat 0 0; } -.steps li.step2 i { background: url(/i/cart-steps.png) no-repeat 0 -36px; } -.steps li.step3 i { background: url(/i/cart-steps.png) no-repeat 0 -72px; } +.steps li.step1 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 0; } +.steps li.step2 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -36px; } +.steps li.step3 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -72px; } .steps li a { color: #bdbdbd; text-decoration: none; } -.steps li.step1.active i { background: url(/i/cart-steps.png) no-repeat -40px 0; } -.steps li.step2.active i { background: url(/i/cart-steps.png) no-repeat -40px -36px; } -.steps li.step3.active i { background: url(/i/cart-steps.png) no-repeat -40px -72px; } +.steps li.step1.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px 0; } +.steps li.step2.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -36px; } +.steps li.step3.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -72px; } .steps li.active a { color: #878787; } @@ -70,14 +70,14 @@ position: relative; } .cart-detail .halfcol-last .badge-optional { - background: url(/i/badge-optional.png) no-repeat 0 0; + background: url(@templates_base@/img/badge-optional.png) no-repeat 0 0; height: 40px; position: absolute; top: -44px; left: -20px; width: 102px; } .cart-detail .fieldset { - background: url(/i/bg-form-fieldset.jpg) repeat-x 0 0; + background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0; color: #000; font-weight: bold; height: 26px; @@ -131,11 +131,11 @@ .checkout-form .field { width: 300px; } .checkout-form select.field { width: 311px; } .field.statusSuccess { - background: url(/i/bg-field-success.jpg) repeat-x 0 0; + background: url(@templates_base@/img/bg-field-success.jpg) repeat-x 0 0; border: 1px solid #80d04d; } .field.statusError { - background: url(/i/bg-field-error.jpg) repeat-x 0 0; + background: url(@templates_base@/img/bg-field-error.jpg) repeat-x 0 0; border: 1px solid #d80000; } @@ -194,7 +194,7 @@ #result-password .colorbar.meterExcel { background-color: #66c133; } .checkout-form .safe-shop { - background: url(/i/safe-shop.jpg) no-repeat 0 40px; + background: url(@templates_base@/img/safe-shop.jpg) no-repeat 0 40px; min-height: 160px; margin: 115px 0 115px 50px; } @@ -208,7 +208,7 @@ padding: 10px 0 0 130px; } .checkout-form .safe-shop ul.list li { - background: url(/i/icon-galka.png) no-repeat 0 50%; + background: url(@templates_base@/img/icon-galka.png) no-repeat 0 50%; color: #313030; font-weight: bold; padding: 6px 0 6px 25px; @@ -240,7 +240,7 @@ .place-grey-button, .checkout-button, .checkout-grey-button { - background: url(/i/order-left.jpg) no-repeat 0 0; + background: url(@templates_base@/img/order-left.jpg) no-repeat 0 0; color: #faffed; display: inline-block; font-size: 1.385em; @@ -252,7 +252,7 @@ .place-grey-button span, .checkout-button span, .checkout-grey-button span { - background: url(/i/order-right.jpg) no-repeat 100% 0; + background: url(@templates_base@/img/order-right.jpg) no-repeat 100% 0; display: inline-block; height: 37px; line-height: 37px; @@ -264,34 +264,34 @@ .checkout-grey-button:hover { color: #faffed; } .checkout-button span { - background: url(/i/checkout-right.jpg) no-repeat 100% 0; + background: url(@templates_base@/img/checkout-right.jpg) no-repeat 100% 0; padding: 0 30px 0 20px; } .place-grey-button { - background: url(/i/checkout-grey-left.jpg) no-repeat 0 0; + background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0; } .place-grey-button span { - background: url(/i/order-grey-right.jpg) no-repeat 100% 0; + background: url(@templates_base@/img/order-grey-right.jpg) no-repeat 100% 0; } .checkout-grey-button { - background: url(/i/checkout-grey-left.jpg) no-repeat 0 0; + background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0; margin-top: 20px; } .checkout-grey-button span { - background: url(/i/checkout-grey-right.jpg) no-repeat 100% 0; + background: url(@templates_base@/img/checkout-grey-right.jpg) no-repeat 100% 0; padding: 0 30px 0 20px; } .continue-button { - background: url(/i/bg-button-continue-right.jpg) no-repeat 100% 0; + background: url(@templates_base@/img/bg-button-continue-right.jpg) no-repeat 100% 0; color: #3c3c3c; display: inline-block; font-weight: bold; margin-right: 20px; text-decoration: none; } .continue-button span { - background: url(/i/bg-button-continue-left.jpg) no-repeat 0 0; + background: url(@templates_base@/img/bg-button-continue-left.jpg) no-repeat 0 0; display: inline-block; height: 26px; line-height: 26px; @@ -302,7 +302,7 @@ } .cart-detail.receipt .success-order { - background: url(/i/success.png) no-repeat 30px 30px; + background: url(@templates_base@/img/success.png) no-repeat 30px 30px; border-bottom: 1px solid #d0d0d0; margin-bottom: 25px; padding: 0 0 25px 130px; @@ -312,15 +312,15 @@ padding: 0; } .cart-detail.receipt .success-order .links a.link-print { - background: url(/i/icon-print.jpg) no-repeat 0 0; + background: url(@templates_base@/img/icon-print.jpg) no-repeat 0 0; display: inline-block; font-weight: bold; height: 32px; line-height: 32px; padding: 0 20px 0 40px; } .cart-detail.receipt .success-order .links a.link-download { - background: url(/i/icon-download.jpg) no-repeat 0 0; + background: url(@templates_base@/img/icon-download.jpg) no-repeat 0 0; display: inline-block; font-weight: bold; height: 32px; @@ -360,7 +360,7 @@ margin-top: 0; } .cart-detail.receipt .items thead { - background: url(/i/bg-form-fieldset.jpg) repeat-x 0 0; + background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0; border: 1px solid #adadad; } .cart-detail.receipt .items th { @@ -425,10 +425,10 @@ width: 21px; z-index: 5006; } -.formStatus.formSuccess .formContent { background: #398d1d url(/i/validate/con-success.png) repeat-x 0 0; } -.formStatus.formSuccess .formArrow { background: url(/i/validate/con-success-arrow.png) no-repeat 0 0; } -.formStatus.formError .formContent { background: #990000 url(/i/validate/con-error.png) repeat-x 0 0; } -.formStatus.formError .formArrow { background: url(/i/validate/con-error-arrow.png) no-repeat 0 0; } +.formStatus.formSuccess .formContent { background: #398d1d url(@templates_base@/img/validate/con-success.png) repeat-x 0 0; } +.formStatus.formSuccess .formArrow { background: url(@templates_base@/img/validate/con-success-arrow.png) no-repeat 0 0; } +.formStatus.formError .formContent { background: #990000 url(@templates_base@/img/validate/con-error.png) repeat-x 0 0; } +.formStatus.formError .formArrow { background: url(@templates_base@/img/validate/con-error-arrow.png) no-repeat 0 0; } .cart-detail.receipt dl.total { float: right; padding-right: 30px; }