Index: branches/1.0.x/inc/details.css =================================================================== diff -u -N -r14859 -r15169 --- branches/1.0.x/inc/details.css (.../details.css) (revision 14859) +++ branches/1.0.x/inc/details.css (.../details.css) (revision 15169) @@ -1,355 +1,355 @@ -@charset "UTF-8"; - -/* Category Page -*******************************************************************************/ -.goods { - margin: 5px 0; - padding: 20px 20px 10px 20px; -} - -.block h2 a.product-prev { - background: url(@templates_base@/img/product-nav.png) no-repeat 0 0; - height: 21px; - position: absolute; - right: 40px; - top: 9px; - width: 21px; -} -.block h2 a.product-next { - background: url(@templates_base@/img/product-nav.png) no-repeat 100% 0; - height: 21px; - position: absolute; - right: 15px; - top: 9px; - width: 21px; -} -.block h2 a.product-prev:hover { background-position: 0 -21px; } -.block h2 a.product-next:hover { background-position: 100% -21px; } - -.block h2 a.product-prev.disabled { background-position: 0 -42px; } -.block h2 a.product-next.disabled { background-position: 100% -42px; } - -.block h2 a.product-prev.disabled:hover, -.block h2 a.product-next.disabled:hover { background: none; } - -.product-detail { position: relative; } -.product-detail .ribbon { - background: url(@templates_base@/img/ribbon-big.png) no-repeat 0 0; - height: 53px; - position: absolute; - top: -3px; right: -7px; - width: 136px; - z-index: 100; -} -.product-detail .ribbon.sale { background-position: 0 0; } -.product-detail .ribbon.top { background-position: 0 -53px; } -.product-detail .ribbon.new { background-position: 0 -106px; } - -.product-detail h1 { - color: #000; - float: left; - font: 1.846em Tahoma,Verdana,Arial,Sans-Serif; - padding: 0 0 20px; -} -.product-detail .rating { - float: left; - padding: 6px 0 0 10px; -} -.product-detail .h1-reviews { - float: left; - padding: 8px 0 0 10px; -} - -.product .info { - float: left; - padding: 0 20px 0 0; - width: 260px; -} -.product .info .img { - position: relative; -} -.product .viewlarger { - position: absolute; - text-align: center; - top: 265px; - width: 260px; -} -.product .viewlarger a { - background: url(@templates_base@/img/icon-zoom-small.png) no-repeat 0 2px; - padding: 0 0 0 20px; -} -.product .info .img .signsmall { - color: #000; - font-size: 0.846em; - position: absolute; - top: 320px; - text-align: center; - width: 260px; -} -.product .info .img .showmore { - color: #686767; - margin-top: 490px; - position: absolute; -} - -.product .info .doplinks { - background: url(@templates_base@/img/bg-doplinks.jpg) no-repeat 0 0; - float: left; - height: 152px; - margin-top: 220px; - padding: 40px 0 0 25px; - width: 225px; -} -.product .doplinks a.link-print { - background: url(@templates_base@/img/icon-print.jpg) no-repeat 0 0; - display: inline-block; - height: 32px; - line-height: 32px; - padding: 0 20px 13px 40px; -} -.product .doplinks a.link-compare { - background: url(@templates_base@/img/icon-compare.png) no-repeat 3px 5px; - display: inline-block; - height: 32px; - line-height: 32px; - padding: 0 20px 10px 40px; -} -.product .doplinks a.link-wishlist { - background: url(@templates_base@/img/icon-wishlist.jpg) no-repeat 0 0; - display: inline-block; - height: 32px; - line-height: 32px; - padding: 0 20px 0 40px; -} - -.product .description { - float: left; - width: 380px; -} -.product .description .text { - padding: 15px 0; -} - -.product .description .options-har { - background-color: #f0f0f0; - margin-bottom: 15px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -.product .description .options-har .sel-options { - color: #686767; - float: left; - padding: 8px 0 8px 20px; -} -.product .description .har { border-top: 1px solid #d0d0d0; float: left; margin-top: 10px; padding-top: 10px; text-align: left; width: 50%; } -.product .description .har dt { float: left; font-weight: bold; padding: 0 10px 3px 0; width: 100px; } -.product .description .har dd { float: left; padding: 0 0 3px 0; width: 80px; } -.product .description .har_right dt { width: 50px; } - -.product .description .price-block { - float: left; - width: 150px; -} -.product .description .price-block s.under { - display: block; - font-size: 1.308em; - font-weight: bold; - padding-right: 10px; -} -.product .description .price-block s.under span { font-size: 0.706em; } -.product .description .price-block .redprice { padding: 10px 0; } -.product .description .price-block em.price { - color: #C2120A; - font-size: 1.846em; - font-weight: bold; - font-style: normal; -} -.product .description .price-block em.price span { font-size: 0.708em; } -.product .description .order-block { - float: right; - width: 230px; -} -.product .description .order-block .qty { - color: #686767; - float: left; - padding-top: 5px; -} -.product .description .order-block .qty .field { - text-align: center; - width: 25px; -} -.product .description .order-block .avail { - color: #686767; - float: right; - font-weight: bold; - padding-top: 10px; -} -.product .description .order-block .avail em { - color: #00b309; -} -.product .description .order-block .but { - float: right; -} -.product .description .order-block .addtocart { - background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0; - color: #faffed; - display: inline-block; - font-size: 1.077em; - font-weight: bold; - text-shadow: #000 0px 1px 1px; - text-decoration: none; -} -.product .description .order-block .addtocart span { - background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0; - display: inline-block; - padding: 0 20px 0 10px; -} -.product .description .order-block .addtocart span i { - background: url(@templates_base@/img/bg-button-cart-add.png) no-repeat 0 3px; - line-height: 33px; - padding: 7px 0 7px 30px; -} - -.product .description .order-block .addedtocart { - color: #3D901F; - font-size: 1.154em; -} - -/*** Tabs ***/ -.ui-tabs .ui-tabs-nav { - padding: 0; -} -.ui-widget-header { - background: none; - border: none; - color: #000; -} -.ui-tabs .ui-tabs-nav li { - border: 1px solid #949494; -} -.ui-tabs .ui-tabs-nav li.ui-tabs-selected { - background: #fff url(@templates_base@/img/bg-tab.png) repeat-x 0 0; - border-bottom: none; - position: relative; - z-index: 100; - bottom: -1px; -} - -.ui-tabs .ui-tabs-panel { - border: 1px solid #949494; - height: 350px; - overflow-x: hidden; -} -.ui-tabs .ui-tabs-panel p { padding-bottom: 15px; } - -/*** Reviews ***/ -.reviews { - border-bottom: 1px solid #d0d0d0; - float: left; - padding-top: 30px; - width: 100%; -} -.reviews .info-review { - float: left; - padding: 0 0 20px; - width: 350px; -} -.reviews .info-review .title { - color: #2b2b2b; - font-size: 1.385em; - line-height: 1.2em; -} -.reviews .info-review .but-review { - float: left; - padding: 20px 0 0; -} -.reviews .info-review .addreview { - background: url(@templates_base@/img/icon-addreview.jpg) no-repeat 0 0; - display: block; - height: 22px; - line-height: 22px; - padding: 0 0 0 30px; -} -.reviews .info-review .sortby { - color: #585858; - float: left; - font-weight: bold; - padding: 20px 0 0 20px; -} -.reviews .overall-review { - float: right; - width: 215px; -} -.reviews .overall-review p { - color: #585858; - float: left; - font-weight: bold; - padding: 0 10px 0 0; -} -.reviews .overall-review .overall-detail { - float: left; -} -.reviews .overall-review .overall-detail i { - float: left; - width: 35px; -} -.reviews .overall-review .overall-detail span { - float: left; - width: 75px; -} - -.reviews .row-review { - border-top: 1px solid #d0d0d0; - clear: both !important; - float: left; - padding: 15px 0; -} -.reviews .row-review .user { color: #2275cd; font-weight: bold; padding: 0 0 10px; } -.reviews .row-review .text-review { color: #000; padding: 0 0 10px; } -.reviews .row-review .optional-review { color: #000; font-size: 0.846em; } -.reviews .row-review .optional-review p { - float: left; - padding: 0 20px 0 0; -} -.reviews .row-review .optional-review em { color: #8b8b8b; } -.reviews .row-review .optional-review p.rat img { margin-bottom: -2px; } -.reviews .row-review .optional-review p.date { float: right; padding: 0; text-align: right; } -.reviews .row-review .optional-review a { color: #000; } -.reviews .row-review .optional-review a.yes { color: #009000; font-weight: bold; } -.reviews .row-review .optional-review a.no { color: #ae0000; font-weight: bold; } - -/*** Pagination ***/ -.pagination { padding: 20px 0 10px; text-align: center; } -.pagination span, -.pagination a { - background: url(@templates_base@/img/paginate.png) no-repeat -28px 0; - color: #fff; - display: inline-block; - font-size: 1.308em; - font-weight: bold; - height: 28px; - line-height: 28px; - text-align: center; - text-decoration: none; - width: 28px; -} -.pagination span.prev { - background-position: 0 100%; - margin-right: 20px; -} -.pagination a.prev { - background-position: 0 0; - margin-right: 20px; -} -.pagination span.next { - background-position: -56px 100%; - margin-left: 20px; -} -.pagination a.next { - background-position: -56px 0; - margin-left: 20px; -} -.pagination a.active { - background-position: -28px 100%; -} +@charset "UTF-8"; + +/* Category Page +*******************************************************************************/ +.goods { + margin: 5px 0; + padding: 20px 20px 10px 20px; +} + +.block h2 a.product-prev { + background: url(@templates_base@/img/product-nav.png) no-repeat 0 0; + height: 21px; + position: absolute; + right: 40px; + top: 9px; + width: 21px; +} +.block h2 a.product-next { + background: url(@templates_base@/img/product-nav.png) no-repeat 100% 0; + height: 21px; + position: absolute; + right: 15px; + top: 9px; + width: 21px; +} +.block h2 a.product-prev:hover { background-position: 0 -21px; } +.block h2 a.product-next:hover { background-position: 100% -21px; } + +.block h2 a.product-prev.disabled { background-position: 0 -42px; } +.block h2 a.product-next.disabled { background-position: 100% -42px; } + +.block h2 a.product-prev.disabled:hover, +.block h2 a.product-next.disabled:hover { background: none; } + +.product-detail { position: relative; } +.product-detail .ribbon { + background: url(@templates_base@/img/ribbon-big.png) no-repeat 0 0; + height: 53px; + position: absolute; + top: -3px; right: -7px; + width: 136px; + z-index: 100; +} +.product-detail .ribbon.sale { background-position: 0 0; } +.product-detail .ribbon.top { background-position: 0 -53px; } +.product-detail .ribbon.new { background-position: 0 -106px; } + +.product-detail h1 { + color: #000; + float: left; + font: 1.846em Tahoma,Verdana,Arial,Sans-Serif; + padding: 0 0 20px; +} +.product-detail .rating { + float: left; + padding: 6px 0 0 10px; +} +.product-detail .h1-reviews { + float: left; + padding: 8px 0 0 10px; +} + +.product .info { + float: left; + padding: 0 20px 0 0; + width: 260px; +} +.product .info .img { + position: relative; +} +.product .viewlarger { + position: absolute; + text-align: center; + top: 265px; + width: 260px; +} +.product .viewlarger a { + background: url(@templates_base@/img/icon-zoom-small.png) no-repeat 0 2px; + padding: 0 0 0 20px; +} +.product .info .img .signsmall { + color: #000; + font-size: 0.846em; + position: absolute; + top: 320px; + text-align: center; + width: 260px; +} +.product .info .img .showmore { + color: #686767; + margin-top: 490px; + position: absolute; +} + +.product .info .doplinks { + background: url(@templates_base@/img/bg-doplinks.jpg) no-repeat 0 0; + float: left; + height: 152px; + margin-top: 220px; + padding: 40px 0 0 25px; + width: 225px; +} +.product .doplinks a.link-print { + background: url(@templates_base@/img/icon-print.jpg) no-repeat 0 0; + display: inline-block; + height: 32px; + line-height: 32px; + padding: 0 20px 13px 40px; +} +.product .doplinks a.link-compare { + background: url(@templates_base@/img/icon-compare.png) no-repeat 3px 5px; + display: inline-block; + height: 32px; + line-height: 32px; + padding: 0 20px 10px 40px; +} +.product .doplinks a.link-wishlist { + background: url(@templates_base@/img/icon-wishlist.jpg) no-repeat 0 0; + display: inline-block; + height: 32px; + line-height: 32px; + padding: 0 20px 0 40px; +} + +.product .description { + float: left; + width: 380px; +} +.product .description .text { + padding: 15px 0; +} + +.product .description .options-har { + background-color: #f0f0f0; + margin-bottom: 15px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.product .description .options-har .sel-options { + color: #686767; + float: left; + padding: 8px 0 8px 20px; +} +.product .description .har { border-top: 1px solid #d0d0d0; float: left; margin-top: 10px; padding-top: 10px; text-align: left; width: 50%; } +.product .description .har dt { float: left; font-weight: bold; padding: 0 10px 3px 0; width: 100px; } +.product .description .har dd { float: left; padding: 0 0 3px 0; width: 80px; } +.product .description .har_right dt { width: 50px; } + +.product .description .price-block { + float: left; + width: 150px; +} +.product .description .price-block s.under { + display: block; + font-size: 1.308em; + font-weight: bold; + padding-right: 10px; +} +.product .description .price-block s.under span { font-size: 0.706em; } +.product .description .price-block .redprice { padding: 10px 0; } +.product .description .price-block em.price { + color: #C2120A; + font-size: 1.846em; + font-weight: bold; + font-style: normal; +} +.product .description .price-block em.price span { font-size: 0.708em; } +.product .description .order-block { + float: right; + width: 230px; +} +.product .description .order-block .qty { + color: #686767; + float: left; + padding-top: 5px; +} +.product .description .order-block .qty .field { + text-align: center; + width: 25px; +} +.product .description .order-block .avail { + color: #686767; + float: right; + font-weight: bold; + padding-top: 10px; +} +.product .description .order-block .avail em { + color: #00b309; +} +.product .description .order-block .but { + float: right; +} +.product .description .order-block .addtocart { + background: url(@templates_base@/img/addtocart-left.jpg) no-repeat 0 0; + color: #faffed; + display: inline-block; + font-size: 1.077em; + font-weight: bold; + text-shadow: #000 0px 1px 1px; + text-decoration: none; +} +.product .description .order-block .addtocart span { + background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0; + display: inline-block; + padding: 0 20px 0 10px; +} +.product .description .order-block .addtocart span i { + background: url(@templates_base@/img/bg-button-cart-add.png) no-repeat 0 3px; + line-height: 33px; + padding: 7px 0 7px 30px; +} + +.product .description .order-block .addedtocart { + color: #3D901F; + font-size: 1.154em; +} + +/*** Tabs ***/ +.ui-tabs .ui-tabs-nav { + padding: 0; +} +.ui-widget-header { + background: none; + border: none; + color: #000; +} +.ui-tabs .ui-tabs-nav li { + border: 1px solid #949494; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-selected { + background: #fff url(@templates_base@/img/bg-tab.png) repeat-x 0 0; + border-bottom: none; + position: relative; + z-index: 100; + bottom: -1px; +} + +.ui-tabs .ui-tabs-panel { + border: 1px solid #949494; + height: 350px; + overflow-x: hidden; +} +.ui-tabs .ui-tabs-panel p { padding-bottom: 15px; } + +/*** Reviews ***/ +.reviews { + border-bottom: 1px solid #d0d0d0; + float: left; + padding-top: 30px; + width: 100%; +} +.reviews .info-review { + float: left; + padding: 0 0 20px; + width: 350px; +} +.reviews .info-review .title { + color: #2b2b2b; + font-size: 1.385em; + line-height: 1.2em; +} +.reviews .info-review .but-review { + float: left; + padding: 20px 0 0; +} +.reviews .info-review .addreview { + background: url(@templates_base@/img/icon-addreview.jpg) no-repeat 0 0; + display: block; + height: 22px; + line-height: 22px; + padding: 0 0 0 30px; +} +.reviews .info-review .sortby { + color: #585858; + float: left; + font-weight: bold; + padding: 20px 0 0 20px; +} +.reviews .overall-review { + float: right; + width: 215px; +} +.reviews .overall-review p { + color: #585858; + float: left; + font-weight: bold; + padding: 0 10px 0 0; +} +.reviews .overall-review .overall-detail { + float: left; +} +.reviews .overall-review .overall-detail i { + float: left; + width: 35px; +} +.reviews .overall-review .overall-detail span { + float: left; + width: 75px; +} + +.reviews .row-review { + border-top: 1px solid #d0d0d0; + clear: both !important; + float: left; + padding: 15px 0; +} +.reviews .row-review .user { color: #2275cd; font-weight: bold; padding: 0 0 10px; } +.reviews .row-review .text-review { color: #000; padding: 0 0 10px; } +.reviews .row-review .optional-review { color: #000; font-size: 0.846em; } +.reviews .row-review .optional-review p { + float: left; + padding: 0 20px 0 0; +} +.reviews .row-review .optional-review em { color: #8b8b8b; } +.reviews .row-review .optional-review p.rat img { margin-bottom: -2px; } +.reviews .row-review .optional-review p.date { float: right; padding: 0; text-align: right; } +.reviews .row-review .optional-review a { color: #000; } +.reviews .row-review .optional-review a.yes { color: #009000; font-weight: bold; } +.reviews .row-review .optional-review a.no { color: #ae0000; font-weight: bold; } + +/*** Pagination ***/ +.pagination { padding: 20px 0 10px; text-align: center; } +.pagination span, +.pagination a { + background: url(@templates_base@/img/paginate.png) no-repeat -28px 0; + color: #fff; + display: inline-block; + font-size: 1.308em; + font-weight: bold; + height: 28px; + line-height: 28px; + text-align: center; + text-decoration: none; + width: 28px; +} +.pagination span.prev { + background-position: 0 100%; + margin-right: 20px; +} +.pagination a.prev { + background-position: 0 0; + margin-right: 20px; +} +.pagination span.next { + background-position: -56px 100%; + margin-left: 20px; +} +.pagination a.next { + background-position: -56px 0; + margin-left: 20px; +} +.pagination a.active { + background-position: -28px 100%; +}