Page MenuHomeIn-Portal Phabricator

category.css
No OneTemporary

File Metadata

Created
Thu, May 8, 12:26 PM

category.css

@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;
}
*/

Event Timeline