bebeboutik/themes/site/css/less/productlist.less

201 lines
3.1 KiB
Plaintext
Raw Normal View History

2016-01-04 12:48:08 +01:00
#product_list, .product_list {
list-style: none outside;
margin: 0px;
li {
float: left;
margin-right:17px;
margin-bottom: 20px;
width: 315px;
height: 374px;
cursor: pointer;
div.right_block {
height: 30px;
a.button {
.button_flat;
&.disabled {
background: #c1c7c7 url("../img/pattern.png") repeat;
color: #444d52;
}
}
}
div.center_block > div {
padding: 0px 0px 15px;
height: 20px;
}
a.product_img_link {
display: block;
font-size: 0px;
line-height: 0px;
text-align:center;
}
span.price {
color: @color_price;
font-weight: bold;
}
span.old_price {
color: @color_price_old;
text-decoration: line-through;
}
span.reduction {
color: @color_price_reduction;
}
h3 {
font-size: 12px;
font-weight: normal;
margin: 0px;
a {
text-decoration: none;
color: @color_text;
}
.title_product_list;
}
}
li.alternate_item{
margin-right:0px;
width: 316px;
}
.oos, .avail {
float: left;
font-size: 12px;
padding: 3px 6px;
.radius(3px);
text-shadow: 0px 1px 0px #ffffff;
margin-top: 4px;
}
.oos {
color: #ffc0cb;
background: #c22742;
}
.avail {
color: #5e6e5e;
background: #cdeecd;
}
.productlist_style;
}
.other_sale_title {
h1 {
//text-align: center;
}
}
.other_sales_container {
border : 1px solid #CCCCCC;
height : 150px;
overflow: hidden;
position : relative;
.other_sales_container_delimiter {
margin-left : 60px;
width : 860px;
overflow : hidden;
}
#other_sales_scroll_left {
background : url('../img/arrow.png') no-repeat -5px -43px #504C89;
position : absolute;
left : 5px;
top : 45px;
border-radius : 90%;
border : 10px solid #FFFFFF;
color : #FFFFFF;
text-decoration: none;
height : 30px;
width : 30px;
box-shadow : 0 0 1px 1px #DDDDDD;
}
#other_sales_scroll_right {
background : url('../img/arrow.png') no-repeat 8px 9px #504C89;
position : absolute;
right : 5px;
top : 45px;
border-radius : 90%;
border : 10px solid #FFFFFF;
color : #FFFFFF;
text-decoration: none;
height : 30px;
width : 30px;
box-shadow : 0 0 1px 1px #DDDDDD;
}
ul {
list-style : none;
margin : 13px 0 0;
height : 125px;
padding : 2px;
}
li {
float : left;
margin-right : 20px;
a {
box-shadow : 0 0 1px 1px #CCCCCC;
display : block;
width : 272px;
height : 123px;
background : #FFFFFF;
img, .text {
float : left;
}
.text {
width : 127px;
padding : 10px;
.percent {
display : none;
}
}
img {
width : 125px;
height : 123px;
}
h2 {
font-size : 14px;
margin-bottom : 0;
color : #796DC7;
}
p {
color : #1E1633;
&.date {
padding-top : 10px;
color : #796DC7;
}
}
.small_title {
color : #666666;
}
}
}
}
#gotop {
background : url('../img/top_arrow.png') no-repeat center top;
position : fixed;
padding-top : 15px;
color : #504C89;
right : 100px;
bottom : 150px;
opacity : 0;
width : 43px;
text-align: center;
line-height: 1.2;
cursor : pointer;
&.active {
opacity : 1;
}
}