Index: branches/1.0.x/inc/category.css =================================================================== diff -u -N -r14747 -r15169 --- branches/1.0.x/inc/category.css (.../category.css) (revision 14747) +++ branches/1.0.x/inc/category.css (.../category.css) (revision 15169) @@ -1,220 +1,220 @@ -@charset "UTF-8"; - -/* Category Page -*******************************************************************************/ -.goods { - margin: 5px 0; - padding: 20px 20px 10px 20px; -} -.goods .good-item { - float: left; - height: 200px; - margin-bottom: 10px; - width: 165px; -} -.goods .good-item.borbottom { - border-bottom: 1px dotted #d0d0d0; - padding-bottom: 10px; -} -.goods .good-item dl { - border-right: 1px dotted #d0d0d0; - padding: 5px; -} -.goods .good-item dl.no-border-right { border-right: none; } - -/*** Filter block ***/ -.filter-block { float: left; padding: 10px 0; width: 100%; } -.filter-block div { float: left; } -.filter-block .paginate { - font-weight: bold; - padding: 0 40px 0 0; -} -.filter-block .sortby { font-weight: bold; } -.filter-block .sortby a { font-weight: normal; } -.filter-block .display_switch { float: right; text-align: right; } -.filter-block .display_switch a.switch_thumb { - width: 48px; - height: 21px; - display: block; - background: url(@templates_base@/img/display-view.png) no-repeat 0 0; - outline: none; - text-indent: -9999px; -} -.filter-block .display_switch a.swap { background-position: 0 100%; } -.filter-block .sortby form { display: inline; } - -.items { padding: 20px; } -.items.items-alt { padding: 0; } -.items .item { - border-top: 1px solid #d0d0d0; - float: left; - padding: 15px 10px; - position: relative; - width: auto; -} -.items .ribbon { - background: url(@templates_base@/img/ribbon.png) no-repeat 0 0; - height: 40px; - position: absolute; - top: -3px; right: -26px; - width: 102px; - z-index: 100; -} -.items .ribbon.sale { background-position: 0 0; } -.items .ribbon.top { background-position: 0 -40px; } -.items .ribbon.new { background-position: 0 -80px; } -.items .item .img { - float: left; - padding-right: 15px; - width: 70px; -} -.items .item .descr { - float: left; - padding-right: 15px; - width: 360px; -} -.items .item .descr h3 { - font-size: 1.077em; - font-weight: bold; - padding-bottom: 5px; -} -.items .item .descr .optional { padding: 5px 0; } -.items .item .descr .optional .stars { padding: 0 20px 0 0; } -.items .item .descr .optional .comp label em { - font-style: normal; - text-decoration: underline; -} -.items .item .descr .optional .comp label input { - bottom: -2px; - margin: 0 5px 0 0; - position: relative; -} -.items .item .price-block { - float: left; - width: 185px; -} -.items .item .price-block s.under { - display: block; - font-size: 1.308em; - font-weight: bold; - padding-right: 10px; -} -.items .item .price-block s.under span { font-size: 0.706em; } -.items .item .price-block .redprice { padding: 10px 0; } -.items .item .price-block em.price { - color: #C2120A; - font-size: 1.846em; - font-weight: bold; - font-style: normal; -} -.items .item .price-block em.price span { font-size: 0.708em; } -.items .item .price-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; -} -.items .item .price-block .addtocart span { - background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0; - display: inline-block; - height: 33px; - line-height: 33px; - padding: 0 20px; -} - -ul.display { border-bottom: 1px solid #d0d0d0; float: left; width: 100%; } -ul.display li { float: left; width: 100%; } - -ul.thumb_view { border-bottom: none; } -ul.thumb_view li { - background-color: #fff; - border: 1px solid #d0d0d0; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - float: left; - height: 180px; - margin: 0 5px 5px 0; - width: 348px; -} -ul.thumb_view li .item { - border-top: none; - padding: 15px; - width: 319px; -} -ul.thumb_view li .item .img { - position: absolute; - top: 38px; - width: 133px; -} -ul.thumb_view li .item .img img { height: 133px; width: 133px; } -ul.thumb_view li .item .ribbon { right: -4px; } -ul.thumb_view li .item .descr { - position: absolute; - width: auto; -} -ul.thumb_view li .item .descr .optional { - left: 158px; - position: absolute; - top: 132px; - width: 165px; -} -ul.thumb_view li .item .descr .optional .stars { padding: 0 10px 0 0; } -ul.thumb_view li .item .descr p, -ul.thumb_view li .item .descr .optional .reviews { display: none; } -ul.thumb_view li .item .price-block { - float: none; - left: 170px; - position: absolute; - top: 50px; -} - -/*** Pagination ***/ -.pagination { padding-top: 20px; 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%; -} - -/*** Searchbox ***/ -/* -.form { padding: 10px 0; } -.form input[type="text"] { - border: none; - background: #fff url(@templates_base@/img/bg-searchfield.jpg) no-repeat 0 0; - height: 23px; - padding: 2px 5px 2px 35px; - width: 162px; -} -*/ +@charset "UTF-8"; + +/* Category Page +*******************************************************************************/ +.goods { + margin: 5px 0; + padding: 20px 20px 10px 20px; +} +.goods .good-item { + float: left; + height: 200px; + margin-bottom: 10px; + width: 165px; +} +.goods .good-item.borbottom { + border-bottom: 1px dotted #d0d0d0; + padding-bottom: 10px; +} +.goods .good-item dl { + border-right: 1px dotted #d0d0d0; + padding: 5px; +} +.goods .good-item dl.no-border-right { border-right: none; } + +/*** Filter block ***/ +.filter-block { float: left; padding: 10px 0; width: 100%; } +.filter-block div { float: left; } +.filter-block .paginate { + font-weight: bold; + padding: 0 40px 0 0; +} +.filter-block .sortby { font-weight: bold; } +.filter-block .sortby a { font-weight: normal; } +.filter-block .display_switch { float: right; text-align: right; } +.filter-block .display_switch a.switch_thumb { + width: 48px; + height: 21px; + display: block; + background: url(@templates_base@/img/display-view.png) no-repeat 0 0; + outline: none; + text-indent: -9999px; +} +.filter-block .display_switch a.swap { background-position: 0 100%; } +.filter-block .sortby form { display: inline; } + +.items { padding: 20px; } +.items.items-alt { padding: 0; } +.items .item { + border-top: 1px solid #d0d0d0; + float: left; + padding: 15px 10px; + position: relative; + width: auto; +} +.items .ribbon { + background: url(@templates_base@/img/ribbon.png) no-repeat 0 0; + height: 40px; + position: absolute; + top: -3px; right: -26px; + width: 102px; + z-index: 100; +} +.items .ribbon.sale { background-position: 0 0; } +.items .ribbon.top { background-position: 0 -40px; } +.items .ribbon.new { background-position: 0 -80px; } +.items .item .img { + float: left; + padding-right: 15px; + width: 70px; +} +.items .item .descr { + float: left; + padding-right: 15px; + width: 360px; +} +.items .item .descr h3 { + font-size: 1.077em; + font-weight: bold; + padding-bottom: 5px; +} +.items .item .descr .optional { padding: 5px 0; } +.items .item .descr .optional .stars { padding: 0 20px 0 0; } +.items .item .descr .optional .comp label em { + font-style: normal; + text-decoration: underline; +} +.items .item .descr .optional .comp label input { + bottom: -2px; + margin: 0 5px 0 0; + position: relative; +} +.items .item .price-block { + float: left; + width: 185px; +} +.items .item .price-block s.under { + display: block; + font-size: 1.308em; + font-weight: bold; + padding-right: 10px; +} +.items .item .price-block s.under span { font-size: 0.706em; } +.items .item .price-block .redprice { padding: 10px 0; } +.items .item .price-block em.price { + color: #C2120A; + font-size: 1.846em; + font-weight: bold; + font-style: normal; +} +.items .item .price-block em.price span { font-size: 0.708em; } +.items .item .price-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; +} +.items .item .price-block .addtocart span { + background: url(@templates_base@/img/addtocart-right.jpg) no-repeat 100% 0; + display: inline-block; + height: 33px; + line-height: 33px; + padding: 0 20px; +} + +ul.display { border-bottom: 1px solid #d0d0d0; float: left; width: 100%; } +ul.display li { float: left; width: 100%; } + +ul.thumb_view { border-bottom: none; } +ul.thumb_view li { + background-color: #fff; + border: 1px solid #d0d0d0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + float: left; + height: 180px; + margin: 0 5px 5px 0; + width: 348px; +} +ul.thumb_view li .item { + border-top: none; + padding: 15px; + width: 319px; +} +ul.thumb_view li .item .img { + position: absolute; + top: 38px; + width: 133px; +} +ul.thumb_view li .item .img img { height: 133px; width: 133px; } +ul.thumb_view li .item .ribbon { right: -4px; } +ul.thumb_view li .item .descr { + position: absolute; + width: auto; +} +ul.thumb_view li .item .descr .optional { + left: 158px; + position: absolute; + top: 132px; + width: 165px; +} +ul.thumb_view li .item .descr .optional .stars { padding: 0 10px 0 0; } +ul.thumb_view li .item .descr p, +ul.thumb_view li .item .descr .optional .reviews { display: none; } +ul.thumb_view li .item .price-block { + float: none; + left: 170px; + position: absolute; + top: 50px; +} + +/*** Pagination ***/ +.pagination { padding-top: 20px; 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%; +} + +/*** Searchbox ***/ +/* +.form { padding: 10px 0; } +.form input[type="text"] { + border: none; + background: #fff url(@templates_base@/img/bg-searchfield.jpg) no-repeat 0 0; + height: 23px; + padding: 2px 5px 2px 35px; + width: 162px; +} +*/