dinislage/PrestaShop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "// update some css&tpl bugs"

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