Revert "// update some css&tpl bugs"

This reverts commit 01d5087067.
This commit is contained in:
rGaillard
2013-12-02 19:25:21 +01:00
parent 2931ebeeae
commit 08ef0667ca
10 changed files with 4133 additions and 3963 deletions
File diff suppressed because it is too large Load Diff
@@ -1,110 +1,108 @@
@charset "CP850";
/* Special style for block cart*/
/*******************************************************************
Cart Block Styles
********************************************************************/
/* line 11, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart_block_list .deleteCustomizableProduct, #cart_block #cart_block_list .remove_link {
position: absolute;
right: 10px;
top: 19px; }
/* line 17, ../../../sass/modules/blockcart/blockcart.scss */
top: 19px;
}
#cart_block #cart_block_list .remove_link a, #cart_block #cart_block_list .ajax_cart_block_remove_link {
color: #777777; }
/* line 20, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart_block_list .remove_link a:before, #cart_block #cart_block_list .ajax_cart_block_remove_link:before {
display: inline-block;
content: "";
font-family: "FontAwesome";
font-size: 18px;
line-height: 18px; }
/* line 28, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart_block_list .remove_link a:hover, #cart_block #cart_block_list .ajax_cart_block_remove_link:hover {
color: #515151; }
/* line 32, ../../../sass/modules/blockcart/blockcart.scss */
color: #777777;
}
#cart_block #cart_block_list .remove_link a:before, #cart_block #cart_block_list .ajax_cart_block_remove_link:before {
display: inline-block;
content: "";
font-family: "FontAwesome";
font-size: 18px;
line-height: 18px;
}
#cart_block #cart_block_list .remove_link a:hover, #cart_block #cart_block_list .ajax_cart_block_remove_link:hover {
color: #515151;
}
#cart_block .cart-images {
float: left;
margin-right: 20px; }
/* line 37, ../../../sass/modules/blockcart/blockcart.scss */
margin-right: 20px;
}
#cart_block .cart-info {
overflow: hidden;
position: relative;
padding-right: 20px; }
/* line 42, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block .cart-info .product-name {
padding-bottom: 15px;
margin-top: -4px; }
/* line 46, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block .cart-info .product-name a {
font-size: 13px;
line-height: 21px;
display: inline-block; }
/* line 53, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block .cart-info .quantity-formated {
display: inline-block;
color: #9c9b9b;
text-transform: uppercase; }
/* line 60, ../../../sass/modules/blockcart/blockcart.scss */
padding-right: 20px;
}
#cart_block .cart-info .product-name {
padding-bottom: 15px;
margin-top: -4px;
}
#cart_block .cart-info .product-name a {
font-size: 13px;
line-height: 18px;
display: inline-block;
}
#cart_block .cart-info .quantity-formated {
display: inline-block;
color: #9c9b9b;
text-transform: uppercase;
}
#cart_block dt {
font-weight: normal;
overflow: hidden;
padding: 20px 10px 16px 20px;
position: relative; }
/* line 67, ../../../sass/modules/blockcart/blockcart.scss */
position: relative;
}
#cart_block dd {
position: relative; }
/* line 70, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block dd li {
padding: 10px 20px; }
/* line 73, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block dd li .deleteCustomizableProduct {
top: 12px !important;
right: 15px !important; }
/* line 80, ../../../sass/modules/blockcart/blockcart.scss */
position: relative;
}
#cart_block dd li {
padding: 10px 20px;
}
#cart_block dd li .deleteCustomizableProduct {
top: 12px !important;
right: 15px !important;
}
#cart_block #cart_block_no_products {
margin: 0;
padding: 10px 20px; }
/* line 84, ../../../sass/modules/blockcart/blockcart.scss */
padding: 10px 20px;
}
#cart_block #cart-prices {
border-top: 1px solid #d6d4d4;
font-weight: bold;
padding: 10px 20px 22px 20px; }
/* line 89, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart-prices .cart-prices-line {
overflow: hidden;
border-bottom: 1px solid #515151;
padding: 7px 0; }
/* line 94, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart-prices .cart-prices-line.last-line {
border: none; }
/* line 99, ../../../sass/modules/blockcart/blockcart.scss */
padding: 10px 20px 22px 20px;
}
#cart_block #cart-prices .cart-prices-line {
overflow: hidden;
border-bottom: 1px solid #515151;
padding: 7px 0;
}
#cart_block #cart-prices .cart-prices-line.last-line {
border: none;
}
#cart_block #cart-buttons {
overflow: hidden;
padding: 20px 20px 10px 20px;
margin: 0;
background: #f6f6f6; }
/* line 105, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart-buttons a {
float: left;
margin-bottom: 10px;
margin-right: 10px; }
/* line 110, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart-buttons a#button_order_cart {
margin-right: 0;
background: #43b155;
border-color: #399b49 #369946 #208931 #369946; }
/* line 115, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart-buttons a#button_order_cart span {
border-color: #73ca77; }
/* line 119, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart-buttons a#button_order_cart:hover {
background: #359144;
color: white; }
background: #f6f6f6;
}
#cart_block #cart-buttons a {
float: left;
margin-bottom: 10px;
margin-right: 10px;
}
#cart_block #cart-buttons a#button_order_cart {
margin-right: 0;
background: #43b155;
border-color: #399b49 #369946 #208931 #369946;
}
#cart_block #cart-buttons a#button_order_cart span {
border-color: #73ca77;
}
#cart_block #cart-buttons a#button_order_cart:hover {
background: #359144;
color: white;
}
/*******************************************************************
Cart Block(Header) Styles
********************************************************************/
/* line 129, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block {
z-index: 10;
display: none;
@@ -114,98 +112,100 @@
height: auto;
width: 270px;
background: #484848;
color: white; }
@media (min-width: 480px) and (max-width: 767px) {
/* line 129, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block {
top: 69px; } }
@media (max-width: 479px) {
/* line 129, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block {
top: 44px;
left: 50%;
margin-left: -135px; } }
/* line 148, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block a {
color: white; }
/* line 151, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block a:hover {
color: #9c9b9b; }
/* line 156, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block #cart_block_list .remove_link a, #header #cart_block #cart_block_list .ajax_cart_block_remove_link {
color: white;
outline: none;
text-decoration: none; }
/* line 161, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block #cart_block_list .remove_link a:hover, #header #cart_block #cart_block_list .ajax_cart_block_remove_link:hover {
color: #9c9b9b; }
/* line 165, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block .price {
color: white; }
/* line 169, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block dt {
background: url(../../../img/cart-shadow.png) repeat-x; }
/* line 172, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block dt.first_item {
background: none; }
/* line 175, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block dd {
background: url(../../../img/cart-shadow.png) repeat-x; }
/* line 177, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block .product-atributes {
padding-bottom: 10px;
font-size: 11px; }
/* line 181, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block .product-atributes a {
color: #9c9b9b; }
/* line 184, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block .product-atributes a:hover {
color: white; }
/* line 188, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block #cart-prices {
border: none;
background: url(../../../img/cart-shadow.png) repeat-x #3d3d3d; }
/* line 193, ../../../sass/modules/blockcart/blockcart.scss */
#header #cart_block #cart-buttons {
background: url(../../../img/cart-shadow.png) repeat-x #333333; }
/* line 197, ../../../sass/modules/blockcart/blockcart.scss */
color: white;
}
@media (min-width: 480px) and (max-width: 767px) {
#header #cart_block {
top: 69px;
}
}
@media (max-width: 479px) {
#header #cart_block {
top: 44px;
left: 50%;
margin-left: -135px;
}
}
#header #cart_block a {
color: white;
}
#header #cart_block a:hover {
color: #9c9b9b;
}
#header #cart_block #cart_block_list .remove_link a, #header #cart_block #cart_block_list .ajax_cart_block_remove_link {
color: white;
outline: none;
text-decoration: none;
}
#header #cart_block #cart_block_list .remove_link a:hover, #header #cart_block #cart_block_list .ajax_cart_block_remove_link:hover {
color: #9c9b9b;
}
#header #cart_block .price {
color: white;
}
#header #cart_block dt {
background: url(../../../img/cart-shadow.png) repeat-x;
}
#header #cart_block dt.first_item {
background: none;
}
#header #cart_block dd {
background: url(../../../img/cart-shadow.png) repeat-x;
}
#header #cart_block .product-atributes {
padding-bottom: 10px;
font-size: 11px;
}
#header #cart_block .product-atributes a {
color: #9c9b9b;
}
#header #cart_block .product-atributes a:hover {
color: white;
}
#header #cart_block #cart-prices {
border: none;
background: url(../../../img/cart-shadow.png) repeat-x #3d3d3d;
}
#header #cart_block #cart-buttons {
background: url(../../../img/cart-shadow.png) repeat-x #333333;
}
#header .block_content {
margin-bottom: 0; }
margin-bottom: 0;
}
/* line 201, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart_block_summary, #cart_block .title_block span, #header #cart_block h4, #header #cart_block .title_block, #header #cart_block h4 {
display: none; }
display: none;
}
/* line 204, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block #cart_block_shipping_cost,
#cart_block #cart_block_total,
#cart_block #cart_block_wrapping_cost {
float: right; }
float: right;
}
/* line 207, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block table#vouchers {
clear: both;
width: 80%;
margin: 0 auto;
margin-bottom: 10px; }
/* line 213, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block table#vouchers tr td {
padding: 2px; }
/* line 216, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block table#vouchers tr td.quantity {
margin-right: 5px;
min-width: 18px; }
/* line 221, ../../../sass/modules/blockcart/blockcart.scss */
#cart_block table#vouchers tr td.delete {
padding-left: 0;
padding-right: 0;
text-align: right;
width: 15px; }
margin-bottom: 10px;
}
#cart_block table#vouchers tr td {
padding: 2px;
}
#cart_block table#vouchers tr td.quantity {
margin-right: 5px;
min-width: 18px;
}
#cart_block table#vouchers tr td.delete {
padding-left: 0;
padding-right: 0;
text-align: right;
width: 15px;
}
/*****************************************************************************
Layer Cart Css
*****************************************************************************/
/* line 233, ../../../sass/modules/blockcart/blockcart.scss */
.layer_cart_overlay {
background-color: #000;
display: none;
@@ -217,16 +217,16 @@
z-index: 98;
opacity: .20;
-moz-opacity: .20;
filter: alpha(opacity=20); }
filter: alpha(opacity=20);
}
/* line 246, ../../../sass/modules/blockcart/blockcart.scss */
* html .layer_cart_overlay {
filter: alpha(opacity=20);
position: absolute;
left: 0;
margin-left: -160px; }
margin-left: -160px;
}
/* line 252, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart {
background-color: white;
position: absolute;
@@ -239,221 +239,229 @@
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; }
/* line 262, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product {
padding: 30px 30px 30px 30px;
overflow: hidden;
position: static; }
/* line 267, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product h2 {
font: 400 23px/29px Arial, Helvetica, sans-serif;
color: #46a74e;
margin-bottom: 22px;
padding-right: 100px; }
@media (max-width: 767px) {
/* line 267, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product h2 {
font-size: 18px;
padding-right: 0;
line-height: normal; } }
/* line 277, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product h2 i {
font-size: 30px;
line-height: 30px;
float: left;
padding-right: 8px; }
@media (max-width: 767px) {
/* line 277, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product h2 i {
font-size: 22px;
line-height: 22px; } }
/* line 289, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product .product-image-container {
max-width: 178px;
border: 1px solid #d6d4d4;
padding: 5px;
float: left;
margin-right: 30px; }
@media (max-width: 480px) {
/* line 289, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product .product-image-container {
float: none;
margin-right: 0;
margin-bottom: 10px; } }
/* line 302, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product .layer_cart_product_info {
padding: 38px 0 0 0; }
/* line 305, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product .layer_cart_product_info #layer_cart_product_title {
display: block;
padding-bottom: 8px; }
/* line 310, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product .layer_cart_product_info > div {
padding-bottom: 7px; }
/* line 313, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_product .layer_cart_product_info > div strong {
padding-right: 3px; }
/* line 317, ../../../sass/modules/blockcart/blockcart.scss */
border-radius: 4px;
}
#layer_cart .layer_cart_product {
padding: 30px 30px 30px 30px;
overflow: hidden;
position: static;
}
#layer_cart .layer_cart_product h2 {
font: 400 23px/29px Arial, Helvetica, sans-serif;
color: #46a74e;
margin-bottom: 22px;
padding-right: 100px;
}
@media (max-width: 767px) {
#layer_cart .layer_cart_product h2 {
font-size: 18px;
padding-right: 0;
line-height: normal;
}
}
#layer_cart .layer_cart_product h2 i {
font-size: 30px;
line-height: 30px;
float: left;
padding-right: 8px;
}
@media (max-width: 767px) {
#layer_cart .layer_cart_product h2 i {
font-size: 22px;
line-height: 22px;
}
}
#layer_cart .layer_cart_product .product-image-container {
max-width: 178px;
border: 1px solid #d6d4d4;
padding: 5px;
float: left;
margin-right: 30px;
}
@media (max-width: 480px) {
#layer_cart .layer_cart_product .product-image-container {
float: none;
margin-right: 0;
margin-bottom: 10px;
}
}
#layer_cart .layer_cart_product .layer_cart_product_info {
padding: 38px 0 0 0;
}
#layer_cart .layer_cart_product .layer_cart_product_info #layer_cart_product_title {
display: block;
padding-bottom: 8px;
}
#layer_cart .layer_cart_product .layer_cart_product_info > div {
padding-bottom: 7px;
}
#layer_cart .layer_cart_product .layer_cart_product_info > div strong {
padding-right: 3px;
}
#layer_cart .layer_cart_cart {
background: #fafafa;
border-left: 1px solid #d6d4d4;
padding: 21px 30px 170px 30px;
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
-ms-border-radius: 0px 4px 4px 0px;
-o-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
position: relative;
}
@media (min-width: 1200px) {
#layer_cart .layer_cart_cart {
background: #fafafa;
border-left: 1px solid #d6d4d4;
padding: 21px 30px 170px 30px;
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
-ms-border-radius: 0px 4px 4px 0px;
-o-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
position: relative; }
@media (min-width: 1200px) {
/* line 317, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart {
min-height: 318px; } }
@media (min-width: 992px) and (max-width: 1199px) {
/* line 317, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart {
min-height: 360px; } }
@media (max-width: 991px) {
/* line 317, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart {
border-left: none;
border-top: 1px solid #d6d4d4; } }
/* line 336, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart h2 {
font: 400 23px/29px Arial, Helvetica, sans-serif;
color: #333333;
border-bottom: 1px solid #d6d4d4;
padding-bottom: 13px;
margin-bottom: 17px; }
@media (max-width: 767px) {
/* line 336, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart h2 {
font-size: 18px; } }
/* line 347, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart .layer_cart_row {
padding: 0 0 7px 0; }
/* line 351, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart .button-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0px 30px 20px 30px; }
/* line 358, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart .button-container .btn {
margin-bottom: 10px; }
/* line 360, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart .button-container span.exclusive-medium {
margin-right: 5px; }
/* line 363, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .layer_cart_cart .button-container span.exclusive-medium i {
padding-right: 5px;
color: #777777; }
/* line 370, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .cross {
position: absolute;
right: 7px;
top: 8px;
width: 25px;
height: 25px;
cursor: pointer;
color: #333333;
z-index: 2; }
/* line 380, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .cross:before {
content: "";
display: block;
font-family: "FontAwesome";
font-size: 25px;
line-height: 25px; }
/* line 388, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .cross:hover {
color: #515151; }
/* line 392, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .continue {
cursor: pointer; }
/* line 395, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart p {
padding: 0px; }
min-height: 318px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#layer_cart .layer_cart_cart {
min-height: 360px;
}
}
@media (max-width: 991px) {
#layer_cart .layer_cart_cart {
border-left: none;
border-top: 1px solid #d6d4d4;
}
}
#layer_cart .layer_cart_cart h2 {
font: 400 23px/29px Arial, Helvetica, sans-serif;
color: #333333;
border-bottom: 1px solid #d6d4d4;
padding-bottom: 13px;
margin-bottom: 17px;
}
@media (max-width: 767px) {
#layer_cart .layer_cart_cart h2 {
font-size: 18px;
}
}
#layer_cart .layer_cart_cart .layer_cart_row {
padding: 0 0 7px 0;
}
#layer_cart .layer_cart_cart .button-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0px 30px 20px 30px;
}
#layer_cart .layer_cart_cart .button-container .btn {
margin-bottom: 10px;
}
#layer_cart .layer_cart_cart .button-container span.exclusive-medium {
margin-right: 5px;
}
#layer_cart .layer_cart_cart .button-container span.exclusive-medium i {
padding-right: 5px;
color: #777777;
}
#layer_cart .cross {
position: absolute;
right: 7px;
top: 8px;
width: 25px;
height: 25px;
cursor: pointer;
color: #333333;
z-index: 2;
}
#layer_cart .cross:before {
content: "";
display: block;
font-family: "FontAwesome";
font-size: 25px;
line-height: 25px;
}
#layer_cart .cross:hover {
color: #515151;
}
#layer_cart .continue {
cursor: pointer;
}
#layer_cart p {
padding: 0px;
}
/************************************************************************
Layer Cart Caroucel
*************************************************************************/
/* line 404, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling .crossseling-content {
border-top: 1px solid #d6d4d4;
padding: 26px 30px 40px 30px;
position: relative; }
/* line 410, ../../../sass/modules/blockcart/blockcart.scss */
position: relative;
}
#layer_cart .crossseling h2 {
font: 400 23px/26px Arial, Helvetica, sans-serif;
color: #333333;
margin-bottom: 25px; }
/* line 416, ../../../sass/modules/blockcart/blockcart.scss */
margin-bottom: 25px;
}
#layer_cart .crossseling #blockcart_list {
max-width: 773px;
width: 84%;
margin: 0 auto;
overflow: hidden; }
/* line 422, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list ul {
display: block; }
/* line 425, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list ul li {
float: left;
width: 178px;
margin: 0 0px 0 0; }
/* line 430, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list ul li .product-image-container {
border: 1px solid #d6d4d4;
text-align: center;
padding: 5px;
margin-bottom: 15px; }
/* line 436, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list ul li .product-image-container img {
width: 100%; }
/* line 439, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list ul li .product-name {
padding-bottom: 5px; }
/* line 442, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list ul li .product-name a {
font-size: 15px;
line-height: 20px; }
/* line 447, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list a.bx-prev, #layer_cart .crossseling #blockcart_list a.bx-next {
display: block;
font-family: "FontAwesome";
font-size: 20px;
line-height: 20px;
width: 20px;
height: 20px;
color: #333333;
text-indent: -5000px;
position: absolute;
top: 45%;
margin-top: -20px; }
/* line 460, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list a.bx-prev:after, #layer_cart .crossseling #blockcart_list a.bx-next:after {
display: block;
text-indent: 0; }
/* line 464, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list a.bx-prev:hover, #layer_cart .crossseling #blockcart_list a.bx-next:hover {
color: #c0c0c0; }
/* line 465, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list a.bx-prev.disabled, #layer_cart .crossseling #blockcart_list a.bx-next.disabled {
display: none; }
/* line 468, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list a.bx-prev {
left: 5%; }
/* line 471, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list a.bx-prev:after {
content: ""; }
/* line 474, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list a.bx-next {
right: 5%; }
/* line 477, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list a.bx-next:after {
content: ""; }
/* line 482, ../../../sass/modules/blockcart/blockcart.scss */
#layer_cart .crossseling #blockcart_list .bx-controls {
overflow: hidden; }
overflow: hidden;
}
#layer_cart .crossseling #blockcart_list ul {
display: block;
}
#layer_cart .crossseling #blockcart_list ul li {
float: left;
width: 178px;
margin: 0 0px 0 0;
}
#layer_cart .crossseling #blockcart_list ul li .product-image-container {
border: 1px solid #d6d4d4;
text-align: center;
padding: 5px;
margin-bottom: 15px;
}
#layer_cart .crossseling #blockcart_list ul li .product-image-container img {
width: 100%;
}
#layer_cart .crossseling #blockcart_list ul li .product-name {
padding-bottom: 5px;
}
#layer_cart .crossseling #blockcart_list ul li .product-name a {
font-size: 15px;
line-height: 20px;
}
#layer_cart .crossseling #blockcart_list a.bx-prev, #layer_cart .crossseling #blockcart_list a.bx-next {
display: block;
font-family: "FontAwesome";
font-size: 20px;
line-height: 20px;
width: 20px;
height: 20px;
color: #333333;
text-indent: -5000px;
position: absolute;
top: 45%;
margin-top: -20px;
}
#layer_cart .crossseling #blockcart_list a.bx-prev:after, #layer_cart .crossseling #blockcart_list a.bx-next:after {
display: block;
text-indent: 0;
}
#layer_cart .crossseling #blockcart_list a.bx-prev:hover, #layer_cart .crossseling #blockcart_list a.bx-next:hover {
color: #c0c0c0;
}
#layer_cart .crossseling #blockcart_list a.bx-prev.disabled, #layer_cart .crossseling #blockcart_list a.bx-next.disabled {
display: none;
}
#layer_cart .crossseling #blockcart_list a.bx-prev {
left: 5%;
}
#layer_cart .crossseling #blockcart_list a.bx-prev:after {
content: "";
}
#layer_cart .crossseling #blockcart_list a.bx-next {
right: 5%;
}
#layer_cart .crossseling #blockcart_list a.bx-next:after {
content: "";
}
#layer_cart .crossseling #blockcart_list .bx-controls {
overflow: hidden;
}
File diff suppressed because it is too large Load Diff
+443 -410
View File
@@ -1,404 +1,430 @@
@charset "CP850";
/*******************************************************
Product list Styles
********************************************************/
/* line 10, ../sass/product_list.scss */
ul.product_list .availability span {
display: inline-block;
color: white;
font-weight: bold;
padding: 3px 8px 4px 8px;
margin-bottom: 20px; }
/* line 17, ../sass/product_list.scss */
ul.product_list .availability span.available-now {
background: #46a74e;
border: 1px solid #36943e; }
/* line 22, ../sass/product_list.scss */
ul.product_list .availability span.out-of-stock {
background: #ff7430;
border: 1px solid #ea5e1a; }
/* line 29, ../sass/product_list.scss */
margin-bottom: 20px;
}
ul.product_list .availability span.available-now {
background: #46a74e;
border: 1px solid #36943e;
}
ul.product_list .availability span.out-of-stock {
background: #ff7430;
border: 1px solid #ea5e1a;
}
ul.product_list .color-list-container {
margin-bottom: 12px; }
/* line 34, ../sass/product_list.scss */
ul.product_list .color-list-container ul li {
display: inline-block;
border: 1px solid #d6d4d4; }
/* line 38, ../sass/product_list.scss */
ul.product_list .color-list-container ul li a {
display: block;
width: 23px;
height: 23px;
margin: 1px; }
/* line 47, ../sass/product_list.scss */
margin-bottom: 12px;
}
ul.product_list .color-list-container ul li {
display: inline-block;
border: 1px solid #d6d4d4;
}
ul.product_list .color-list-container ul li a {
display: block;
width: 23px;
height: 23px;
margin: 1px;
}
ul.product_list .product-image-container {
text-align: center; }
/* line 50, ../sass/product_list.scss */
ul.product_list .product-image-container img {
margin: 0 auto; }
/* line 54, ../sass/product_list.scss */
text-align: center;
}
ul.product_list .product-image-container img {
margin: 0 auto;
}
ul.product_list .product-image-container .quick-view {
font: 700 13px/16px Arial, Helvetica, sans-serif;
color: #777676;
position: absolute;
left: 50%;
top: 50%;
margin: -21px 0 0 -53px;
padding: 13px 0 0;
background: rgba(255, 255, 255, 0.82);
width: 107px;
height: 43px;
text-align: center;
-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
}
@media (min-width: 1200px) {
ul.product_list .product-image-container .quick-view {
font: 700 13px/16px Arial, Helvetica, sans-serif;
color: #777676;
position: absolute;
left: 50%;
top: 50%;
margin: -21px 0 0 -53px;
padding: 13px 0 0;
background: rgba(255, 255, 255, 0.82);
width: 107px;
height: 43px;
text-align: center;
-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
-moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; }
@media (min-width: 1200px) {
/* line 54, ../sass/product_list.scss */
ul.product_list .product-image-container .quick-view {
display: none; } }
@media (max-width: 767px) {
/* line 54, ../sass/product_list.scss */
ul.product_list .product-image-container .quick-view {
display: none; } }
/* line 76, ../sass/product_list.scss */
display: none;
}
}
@media (max-width: 767px) {
ul.product_list .product-image-container .quick-view {
display: none;
}
}
ul.product_list .comments_note {
text-align: left;
overflow: hidden; }
/* line 80, ../sass/product_list.scss */
ul.product_list .comments_note .star_content {
float: left; }
/* line 83, ../sass/product_list.scss */
ul.product_list .comments_note .nb-comments {
overflow: hidden;
font-style: italic; }
overflow: hidden;
}
ul.product_list .comments_note .star_content {
float: left;
}
ul.product_list .comments_note .nb-comments {
overflow: hidden;
font-style: italic;
}
/* line 87, ../sass/product_list.scss */
.ie8 .quick-view {
background: #fff;
border: 1px solid #d6d4d4; }
border: 1px solid #d6d4d4;
}
/*******************************************************
Product list(Grid) Styles
********************************************************/
/* line 97, ../sass/product_list.scss */
ul.product_list.grid > li {
margin-bottom: 20px;
text-align: center; }
@media (min-width: 480px) and (max-width: 767px) {
/* line 97, ../sass/product_list.scss */
ul.product_list.grid > li {
width: 50%;
float: left; } }
/* line 106, ../sass/product_list.scss */
ul.product_list.grid > li .product-container {
background: white;
padding: 0;
position: relative; }
/* line 111, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .product-image-container {
border: 1px solid #d6d4d4;
padding: 9px;
margin-bottom: 13px;
position: relative; }
@media (max-width: 767px) {
/* line 111, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .product-image-container {
max-width: 290px;
margin-left: auto;
margin-right: auto; } }
/* line 123, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .product-image-container .content_price {
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
background: url(../img/price-container-bg.png);
padding: 9px 0;
display: none; }
/* line 132, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .product-image-container .content_price span {
color: white; }
/* line 135, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price {
color: #b1b0b0; }
/* line 140, ../sass/product_list.scss */
ul.product_list.grid > li .product-container h5 {
padding: 0 15px 7px 15px;
min-height: 35px; }
@media (min-width: 1200px) {
/* line 144, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .comments_note {
display: none; } }
/* line 148, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .comments_note .star_content {
margin-left: 59px;
margin-right: 3px;
margin-bottom: 12px; }
/* line 154, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .product-desc {
display: none; }
/* line 158, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .content_price {
padding-bottom: 9px;
line-height: 21px; }
/* line 160, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .old-price, ul.product_list.grid > li .product-container .price, ul.product_list.grid > li .product-container .price-percent-reduction {
display: inline-block; }
/* line 162, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .product-flags {
display: none; }
/* line 164, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .old-price {
margin-right: 5px; }
/* line 166, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .button-container {
margin-bottom: 14px; }
@media (min-width: 1200px) {
/* line 166, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .button-container {
display: none; } }
/* line 172, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button {
margin-right: 6px;
margin-bottom: 5px; }
/* line 175, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons {
background: url(../img/functional-bt-shadow.png) repeat-x;
padding: 11px 0 5px; }
@media (min-width: 1200px) {
/* line 175, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons {
display: none; } }
/* line 181, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div {
width: 100%;
float: left;
padding: 3px 0 4px 0; }
/* line 186, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div a, ul.product_list.grid > li .product-container .functional-buttons div label {
font-weight: bold;
color: #777676;
cursor: pointer; }
/* line 190, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div a:hover, ul.product_list.grid > li .product-container .functional-buttons div label:hover {
color: #000; }
/* line 193, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
border-right: 1px solid #d6d4d4; }
/* line 195, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before {
display: inline-block;
font-family: "FontAwesome";
content: "";
margin-right: 3px; }
/* line 202, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a.checked:before {
content: ""; }
@media (min-width: 992px) and (max-width: 1199px) {
/* line 193, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
border-right: 0; }
/* line 208, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before {
display: none; } }
@media (min-width: 480px) and (max-width: 767px) {
/* line 193, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
border-right: 0; }
/* line 214, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before {
display: none; } }
/* line 220, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.compare a:before {
content: "";
display: inline-block;
font-family: "FontAwesome";
margin-right: 3px; }
@media (min-width: 992px) and (max-width: 1199px) {
/* line 220, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.compare a:before {
display: none; } }
@media (min-width: 480px) and (max-width: 767px) {
/* line 220, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.compare a:before {
display: none; } }
/* line 235, ../sass/product_list.scss */
ul.product_list.grid > li .product-container .functional-buttons div.compare a.checked:before {
content: ""; }
@media (min-width: 1200px) {
/* line 245, ../sass/product_list.scss */
ul.product_list.grid > li.hovered {
margin-bottom: -300px;
padding-bottom: 226px; }
/* line 249, ../sass/product_list.scss */
ul.product_list.grid > li.hovered .product-container {
-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
-moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
position: relative;
z-index: 10; }
/* line 254, ../sass/product_list.scss */
ul.product_list.grid > li.hovered .product-container .content_price {
display: none; }
/* line 257, ../sass/product_list.scss */
ul.product_list.grid > li.hovered .product-container .product-image-container .content_price {
display: block; }
/* line 260, ../sass/product_list.scss */
ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {
display: block; }
/* line 262, ../sass/product_list.scss */
ul.product_list.grid > li.hovered .product-container .functional-buttons, ul.product_list.grid > li.hovered .product-container .button-container, ul.product_list.grid > li.hovered .product-container .comments_note {
display: block; } }
@media (min-width: 992px) {
/* line 267, ../sass/product_list.scss */
ul.product_list.grid > li.first-in-line {
clear: left; } }
@media (min-width: 480px) and (max-width: 991px) {
/* line 271, ../sass/product_list.scss */
ul.product_list.grid > li.first-item-of-tablet-line {
clear: left; } }
text-align: center;
}
@media (min-width: 480px) and (max-width: 767px) {
ul.product_list.grid > li {
width: 50%;
float: left;
}
}
ul.product_list.grid > li .product-container {
background: white;
padding: 0;
position: relative;
}
ul.product_list.grid > li .product-container .product-image-container {
border: 1px solid #d6d4d4;
padding: 9px;
margin-bottom: 13px;
position: relative;
}
@media (max-width: 767px) {
ul.product_list.grid > li .product-container .product-image-container {
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
}
ul.product_list.grid > li .product-container .product-image-container .content_price {
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
background: url(../img/price-container-bg.png);
padding: 9px 0;
display: none;
}
ul.product_list.grid > li .product-container .product-image-container .content_price span {
color: white;
}
ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price {
color: #b1b0b0;
}
ul.product_list.grid > li .product-container h5 {
padding: 0 15px 7px 15px;
min-height: 53px;
}
@media (min-width: 1200px) {
ul.product_list.grid > li .product-container .comments_note {
display: none;
}
}
ul.product_list.grid > li .product-container .comments_note .star_content {
margin-left: 59px;
margin-right: 3px;
margin-bottom: 12px;
}
ul.product_list.grid > li .product-container .product-desc {
display: none;
}
ul.product_list.grid > li .product-container .content_price {
padding-bottom: 9px;
line-height: 21px;
}
ul.product_list.grid > li .product-container .old-price, ul.product_list.grid > li .product-container .price, ul.product_list.grid > li .product-container .price-percent-reduction {
display: inline-block;
}
ul.product_list.grid > li .product-container .product-flags {
display: none;
}
ul.product_list.grid > li .product-container .old-price {
margin-right: 5px;
}
ul.product_list.grid > li .product-container .button-container {
margin-bottom: 14px;
}
@media (min-width: 1200px) {
ul.product_list.grid > li .product-container .button-container {
display: none;
}
}
ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button {
margin-right: 6px;
}
ul.product_list.grid > li .product-container .functional-buttons {
background: url(../img/functional-bt-shadow.png) repeat-x;
padding: 11px 0 5px;
}
@media (min-width: 1200px) {
ul.product_list.grid > li .product-container .functional-buttons {
display: none;
}
}
ul.product_list.grid > li .product-container .functional-buttons div {
width: 50%;
float: left;
padding: 3px 0 4px 0;
}
ul.product_list.grid > li .product-container .functional-buttons div a, ul.product_list.grid > li .product-container .functional-buttons div label {
font-weight: bold;
color: #777676;
cursor: pointer;
}
ul.product_list.grid > li .product-container .functional-buttons div a:hover, ul.product_list.grid > li .product-container .functional-buttons div label:hover {
color: #000;
}
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
border-right: 1px solid #d6d4d4;
}
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before {
display: inline-block;
font-family: "FontAwesome";
content: "";
margin-right: 3px;
}
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a.checked:before {
content: "";
}
@media (min-width: 992px) and (max-width: 1199px) {
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
border-right: 0;
}
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before {
display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
border-right: 0;
}
ul.product_list.grid > li .product-container .functional-buttons div.wishlist a:before {
display: none;
}
}
ul.product_list.grid > li .product-container .functional-buttons div.compare a:before {
content: "";
display: inline-block;
font-family: "FontAwesome";
margin-right: 3px;
}
@media (min-width: 992px) and (max-width: 1199px) {
ul.product_list.grid > li .product-container .functional-buttons div.compare a:before {
display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
ul.product_list.grid > li .product-container .functional-buttons div.compare a:before {
display: none;
}
}
ul.product_list.grid > li .product-container .functional-buttons div.compare a.checked:before {
content: "";
}
@media (min-width: 1200px) {
ul.product_list.grid > li.hovered {
margin-bottom: -300px;
padding-bottom: 226px;
}
ul.product_list.grid > li.hovered .product-container {
-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
-moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
position: relative;
z-index: 10;
}
ul.product_list.grid > li.hovered .product-container .content_price {
display: none;
}
ul.product_list.grid > li.hovered .product-container .product-image-container .content_price {
display: block;
}
ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {
display: block;
}
ul.product_list.grid > li.hovered .product-container .functional-buttons, ul.product_list.grid > li.hovered .product-container .button-container, ul.product_list.grid > li.hovered .product-container .comments_note {
display: block;
}
}
@media (min-width: 992px) {
ul.product_list.grid > li.first-in-line {
clear: left;
}
}
@media (min-width: 480px) and (max-width: 991px) {
ul.product_list.grid > li.first-item-of-tablet-line {
clear: left;
}
}
@media (min-width: 1200px) {
/* line 279, ../sass/product_list.scss */
#blockpack ul > li.last-line {
border: none;
padding-bottom: 0;
margin-bottom: 0; }
/* line 284, ../sass/product_list.scss */
#blockpack ul > li.last-line.hovered {
margin-bottom: -320px;
padding-bottom: 250px; } }
margin-bottom: 0;
}
#blockpack ul > li.last-line.hovered {
margin-bottom: -320px;
padding-bottom: 250px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
/* line 291, ../sass/product_list.scss */
#blockpack ul > li.first-item-of-tablet-line {
clear: none; }
/* line 292, ../sass/product_list.scss */
clear: none;
}
#blockpack ul > li.first-item-of-mobile-line {
clear: left; } }
clear: left;
}
}
/*******************************************************
Product list(List) Styles
********************************************************/
@media (max-width: 479px) {
/* line 304, ../sass/product_list.scss */
ul.product_list.list > li .left-block {
width: 100%; } }
/* line 309, ../sass/product_list.scss */
width: 100%;
}
}
ul.product_list.list > li .product-container {
border-top: 1px solid #d6d4d4;
padding: 30px 0 30px; }
/* line 314, ../sass/product_list.scss */
padding: 30px 0 30px;
}
ul.product_list.list > li .product-image-container {
position: relative;
border: 1px solid #d6d4d4;
padding: 9px; }
@media (max-width: 479px) {
/* line 314, ../sass/product_list.scss */
ul.product_list.list > li .product-image-container {
max-width: 290px;
margin: 0 auto; } }
/* line 322, ../sass/product_list.scss */
ul.product_list.list > li .product-image-container .content_price {
display: none !important; }
/* line 326, ../sass/product_list.scss */
padding: 9px;
}
@media (max-width: 479px) {
ul.product_list.list > li .product-image-container {
max-width: 290px;
margin: 0 auto;
}
}
ul.product_list.list > li .product-image-container .content_price {
display: none !important;
}
ul.product_list.list > li .product-flags {
color: #333333;
margin: -5px 0 10px 0; }
/* line 330, ../sass/product_list.scss */
ul.product_list.list > li .product-flags .discount {
color: #f13340; }
/* line 334, ../sass/product_list.scss */
margin: -5px 0 10px 0;
}
ul.product_list.list > li .product-flags .discount {
color: #f13340;
}
ul.product_list.list > li h5 {
padding-bottom: 8px; }
/* line 336, ../sass/product_list.scss */
padding-bottom: 8px;
}
ul.product_list.list > li .product-desc {
margin-bottom: 15px; }
margin-bottom: 15px;
}
@media (max-width: 479px) {
/* line 338, ../sass/product_list.scss */
ul.product_list.list > li .center-block {
width: 100%; } }
/* line 342, ../sass/product_list.scss */
width: 100%;
}
}
ul.product_list.list > li .center-block .comments_note {
margin-bottom: 12px; }
margin-bottom: 12px;
}
@media (min-width: 992px) {
/* line 349, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content {
margin: 0;
border-left: 1px solid #d6d4d4;
padding-left: 15px;
padding-bottom: 16px; } }
padding-bottom: 16px;
}
}
@media (max-width: 991px) {
/* line 349, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content {
padding-top: 20px; } }
padding-top: 20px;
}
}
@media (max-width: 479px) {
/* line 349, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content {
padding-top: 5px; } }
/* line 364, ../sass/product_list.scss */
padding-top: 5px;
}
}
ul.product_list.list > li .right-block .right-block-content .content_price {
padding-bottom: 10px; }
@media (max-width: 991px) {
/* line 364, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .content_price {
padding-top: 13px;
padding-bottom: 0; } }
@media (max-width: 479px) {
/* line 364, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .content_price {
padding-top: 0;
width: 100%; } }
/* line 375, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .content_price span {
display: inline-block;
margin-top: -4px;
margin-bottom: 14px; }
/* line 380, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .content_price span.old-price {
margin-right: 8px; }
/* line 385, ../sass/product_list.scss */
padding-bottom: 10px;
}
@media (max-width: 991px) {
ul.product_list.list > li .right-block .right-block-content .content_price {
padding-top: 13px;
padding-bottom: 0;
}
}
@media (max-width: 479px) {
ul.product_list.list > li .right-block .right-block-content .content_price {
padding-top: 0;
width: 100%;
}
}
ul.product_list.list > li .right-block .right-block-content .content_price span {
display: inline-block;
margin-top: -4px;
margin-bottom: 14px;
}
ul.product_list.list > li .right-block .right-block-content .content_price span.old-price {
margin-right: 8px;
}
ul.product_list.list > li .right-block .right-block-content .button-container {
overflow: hidden;
padding-bottom: 20px; }
@media (max-width: 479px) {
/* line 385, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .button-container {
width: 100%; } }
/* line 391, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
margin-bottom: 10px; }
@media (min-width: 992px) {
/* line 391, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
float: left;
clear: both; } }
@media (min-width: 992px) {
/* line 399, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
overflow: hidden; } }
@media (max-width: 991px) {
/* line 399, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
clear: both; }
/* line 406, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons > div {
float: left;
padding-top: 0 !important;
padding-right: 20px; } }
padding-bottom: 20px;
}
@media (max-width: 479px) {
ul.product_list.list > li .right-block .right-block-content .button-container {
width: 100%;
}
}
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
margin-bottom: 10px;
}
@media (min-width: 992px) {
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
float: left;
clear: both;
}
}
@media (min-width: 992px) {
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
overflow: hidden;
}
}
@media (max-width: 991px) {
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
clear: both;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons > div {
float: left;
padding-top: 0 !important;
padding-right: 20px;
}
}
@media (max-width: 479px) {
/* line 399, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
float: none;
display: inline-block; }
/* line 418, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before {
display: none !important; } }
/* line 421, ../sass/product_list.scss */
display: inline-block;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before {
display: none !important;
}
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons a {
font-weight: bold;
color: #777676;
cursor: pointer; }
/* line 427, ../sass/product_list.scss */
cursor: pointer;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:before {
content: "";
font-family: "FontAwesome";
@@ -417,91 +443,98 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
border-radius: 100px;
margin-right: 3px;
font-weight: normal;
margin-right: 7px; }
/* line 443, ../sass/product_list.scss */
margin-right: 7px;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:hover {
color: #333333; }
/* line 446, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:hover:before {
background: #333333; }
/* line 451, ../sass/product_list.scss */
color: #333333;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:hover:before {
background: #333333;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a.checked:before {
content: ""; }
/* line 457, ../sass/product_list.scss */
content: "";
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare {
padding-top: 10px; }
/* line 462, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before {
content: "";
display: inline-block;
font-family: "FontAwesome";
width: 30px;
height: 30px;
font-size: 15px;
text-align: center;
background: #929292;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
margin-right: 3px;
padding: 6px 0 0 0;
color: white; }
/* line 477, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover {
color: #333333; }
/* line 480, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover:before {
background: #333333; }
/* line 486, ../sass/product_list.scss */
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a.checked:before {
background: white;
border: 1px solid #929292;
color: #929292;
padding-top: 5px; }
padding-top: 10px;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before {
content: "";
display: inline-block;
font-family: "FontAwesome";
width: 30px;
height: 30px;
font-size: 15px;
text-align: center;
background: #929292;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
margin-right: 3px;
padding: 6px 0 0 0;
color: white;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover {
color: #333333;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover:before {
background: #333333;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a.checked:before {
background: white;
border: 1px solid #929292;
color: #929292;
padding-top: 5px;
}
@media (min-width: 1200px) {
/* line 506, ../sass/product_list.scss */
ul.product_list.list > li:hover .product-image-container .quick-view {
display: block; } }
display: block;
}
}
@media (max-width: 479px) {
/* line 302, ../sass/product_list.scss */
ul.product_list.list > li {
text-align: center; } }
text-align: center;
}
}
/*******************************************************
Product list(Index page) Styles
********************************************************/
/* line 523, ../sass/product_list.scss */
#index ul.product_list.tab-pane > li {
padding-bottom: 10px;
margin-bottom: 10px; }
@media (min-width: 1200px) {
/* line 523, ../sass/product_list.scss */
#index ul.product_list.tab-pane > li {
padding-bottom: 35px;
margin-bottom: 50px; } }
@media (min-width: 1200px) {
/* line 532, ../sass/product_list.scss */
#index ul.product_list.tab-pane > li.hovered {
margin-bottom: -300px; } }
/* line 536, ../sass/product_list.scss */
#index ul.product_list.tab-pane > li .availability {
display: none; }
@media (min-width: 1200px) {
/* line 539, ../sass/product_list.scss */
#index ul.product_list.tab-pane > li.last-line {
border: none;
padding-bottom: 0;
margin-bottom: 0; }
/* line 544, ../sass/product_list.scss */
#index ul.product_list.tab-pane > li.last-line.hovered {
margin-bottom: -300px;
padding-bottom: 235px; } }
@media (min-width: 480px) and (max-width: 767px) {
/* line 552, ../sass/product_list.scss */
#index ul.product_list.tab-pane > li.first-item-of-tablet-line {
clear: none; }
/* line 553, ../sass/product_list.scss */
#index ul.product_list.tab-pane > li.first-item-of-mobile-line {
clear: left; } }
margin-bottom: 10px;
}
@media (min-width: 1200px) {
#index ul.product_list.tab-pane > li {
padding-bottom: 35px;
margin-bottom: 50px;
}
}
@media (min-width: 1200px) {
#index ul.product_list.tab-pane > li.hovered {
margin-bottom: -300px;
}
}
#index ul.product_list.tab-pane > li .availability {
display: none;
}
@media (min-width: 1200px) {
#index ul.product_list.tab-pane > li.last-line {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
#index ul.product_list.tab-pane > li.last-line.hovered {
margin-bottom: -300px;
padding-bottom: 235px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
#index ul.product_list.tab-pane > li.first-item-of-tablet-line {
clear: none;
}
#index ul.product_list.tab-pane > li.first-item-of-mobile-line {
clear: left;
}
}
+2 -5
View File
@@ -208,15 +208,12 @@
{include file="$tpl_dir./breadcrumb.tpl"}
{/if}
<div class="row">
{assign var='left_column' value=0}{assign var='right_column' value=0}
{if isset($HOOK_LEFT_COLUMN) && $HOOK_LEFT_COLUMN|trim && !$hide_left_column}{$left_column=3}{/if}
{if isset($HOOK_RIGHT_COLUMN) && $HOOK_RIGHT_COLUMN|trim && !$hide_right_column}{$right_column=3}{/if}
{if isset($left_column) && !empty($left_column)}
{if isset($left_column_size) && !empty($left_column_size)}
<!-- Left -->
<div id="left_column" class="column col-xs-12 col-sm-3">
{$HOOK_LEFT_COLUMN}
</div>
{/if}
<!-- Center -->
<div id="center_column" class="center_column col-xs-12 col-sm-{12 - $left_column - $right_column}">
<div id="center_column" class="center_column col-xs-12 col-sm-{12 - $left_column_size - $right_column_size}">
{/if}
@@ -81,7 +81,7 @@ var generated_date = {$smarty.now|intval};
</a>
<div class="cart-info">
<div class="product-name">
<a class="cart_block_product_name" href="{$link->getProductLink($product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)|escape:'html'}" title="{$product.name|escape:html:'UTF-8'}">{$product.name|truncate:150:'...'|escape:html:'UTF-8'}</a>
<a class="cart_block_product_name" href="{$link->getProductLink($product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)|escape:'html'}" title="{$product.name|escape:html:'UTF-8'}">{$product.name|truncate:40:'...'|escape:html:'UTF-8'}</a>
</div>
{if isset($product.attributes_small)}
<div class="product-atributes">
+12 -6
View File
@@ -186,7 +186,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
<div id="pb-right-column" class="col-xs-12 col-sm-4 col-md-5">
<!-- product img-->
<div id="image-block">
<div id="image-block" class="clearfix">
{if $product->on_sale}
@@ -197,9 +197,14 @@ var contentOnly = {if $content_only}true{else}false{/if}
{if $have_image}
<span id="view_full_size">
<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}"{if $jqZoomEnabled && $have_image} class="jqzoom"{/if} title="{if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>
{if !$content_only}<span class="span_link">{l s='View larger'}</span>{/if}
{if $jqZoomEnabled && $have_image && !$content_only}
<a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html'}">
<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if}"/>
</a>
{else}
<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html'}{else}{$product->name|escape:'html'}{/if}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>
{if !$content_only}<span class="span_link">{l s='View larger'}</span>{/if}
{/if}
</span>
{else}
<span id="view_full_size">
@@ -223,7 +228,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
{assign var=imageTitlte value=$product->name|escape:'html'}
{/if}
<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>
<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html'}" rel="other-views" class="thickbox{if $smarty.foreach.thumbnails.first} shown{/if}" title="{$imageTitlte}">
<a {if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html'}'{literal}}{/literal}" {else} href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html'}" rel="other-views" class="thickbox{if $smarty.foreach.thumbnails.first} shown{/if}"{/if} title="{$imageTitlte}">
<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_default')|escape:'html'}" alt="{$imageTitlte}" title="{$imageTitlte}" height="{$mediumSize.height}" width="{$mediumSize.width}" itemprop="image" />
</a>
</li>
@@ -439,7 +444,8 @@ var contentOnly = {if $content_only}true{else}false{/if}
{if isset($groups)}
<!-- attributes -->
<div id="attributes" class="clearfix">
<div id="attributes">
<div class="clear"></div>
{foreach from=$groups key=id_attribute_group item=group}
{if $group.attributes|@count}
<fieldset class="attribute_fieldset">
@@ -45,7 +45,7 @@
a {
font-size:13px;
line-height:21px;
line-height:18px;
display:inline-block;
}
}
+12 -3
View File
@@ -46,7 +46,6 @@ img{
/* pb-right-column ***************************************************************************** */
#pb-right-column {
margin-bottom:15px;
#image-block {
position:relative;
@@ -95,6 +94,17 @@ img{
&:hover:after{color:$base-text-color}
}
}
a.jqzoom {
div div {
img {
width:auto;
max-width:10000px;
}
.zoomWrapper {
border:none;
}
}
}
}
}
.ie8 #pb-right-column {
@@ -152,7 +162,7 @@ img{
width:90px;
cursor:pointer;
border:1px solid $product-image-border;
margin-right:9px;
margin-right:8px;
line-height:0;
@include box-sizing(border-box);
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
@@ -713,7 +723,6 @@ table.table-produst-discounts{
/* quantity_wanted */
#quantity_wanted_p{
width:100%;
input {
width:78px;
@@ -98,10 +98,10 @@ ul.product_list.grid {
margin-bottom:20px;
text-align:center;
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
width:50%;
float:left;
}
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
width:50%;
float:left;
}
.product-container {
background:$light-background;
@@ -139,7 +139,7 @@ ul.product_list.grid {
h5 {
padding:0 15px 7px 15px;
min-height:35px;
min-height:53px;
}
.comments_note {
@media (min-width: $screen-lg) { // min 1200px
@@ -169,7 +169,7 @@ ul.product_list.grid {
display:none;
}
.ajax_add_to_cart_button, span.button { margin-right:6px;margin-bottom:5px}
.ajax_add_to_cart_button, span.button { margin-right:6px;}
}
.functional-buttons {
@@ -179,7 +179,7 @@ ul.product_list.grid {
display:none;
}
div {
width:100%;
width:50%;
float:left;
padding:3px 0 4px 0;