Merge pull request #924 from TMMeilleur/bootstrap
// Update default theme
This commit is contained in:
Rémi Gaillard
@@ -114,9 +114,11 @@ $(function(){ldelim}
|
||||
{/if}
|
||||
{if $field_name eq 'firstname'}
|
||||
<div class="required form-group">
|
||||
|
||||
<label for="firstname">{l s='First name'} <sup>*</sup></label>
|
||||
<input class="is_required validate form-control" data-validate="{$address_validation.$field_name.validate}" type="text" name="firstname" id="firstname" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{else}{if isset($address->firstname)}{$address->firstname|escape:'html'}{/if}{/if}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
{if $field_name eq 'lastname'}
|
||||
<div class="required form-group">
|
||||
|
||||
@@ -211,9 +211,8 @@ $(document).ready(function() {
|
||||
<label for="guest_email">{l s='Email address'} <sup>*</sup></label>
|
||||
<input type="text" class="is_required validate form-control" data-validate="isEmail" id="guest_email" name="guest_email" value="{if isset($smarty.post.guest_email)}{$smarty.post.guest_email}{/if}" />
|
||||
</div>
|
||||
<div class="cleafix">
|
||||
<div class="cleafix gender-line">
|
||||
<label>{l s='Title'}</label>
|
||||
<br />
|
||||
{foreach from=$genders key=k item=gender}
|
||||
<div class="radio-inline">
|
||||
<label for="id_gender{$gender->id}" class="top">
|
||||
|
||||
+1362
-113
File diff suppressed because it is too large
Load Diff
@@ -73,7 +73,7 @@ table#product_comparison .product_discount .reduced-price {
|
||||
table#product_comparison .product_desc {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
table#product_comparison .button-container a {
|
||||
table#product_comparison .button-container a, table#product_comparison .button-container > span {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
table#product_comparison .comparison_unit_price {
|
||||
|
||||
@@ -888,22 +888,41 @@ table.table_block td {
|
||||
***************************************************************************************************/
|
||||
#home-page-tabs {
|
||||
border: none;
|
||||
margin: 0 0 0 -18px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#home-page-tabs {
|
||||
padding: 10px 0;
|
||||
margin: 0 0 0 -18px;
|
||||
}
|
||||
}
|
||||
#home-page-tabs > li {
|
||||
border-left: 1px solid #d6d4d4;
|
||||
margin: 0 0px 0 9px;
|
||||
padding: 0 0px 0 9px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#home-page-tabs > li {
|
||||
border-left: 1px solid #d6d4d4;
|
||||
margin: 0 0px 0 9px;
|
||||
padding: 0 0px 0 9px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#home-page-tabs > li {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
#home-page-tabs > li a {
|
||||
font: 600 21px/24px "Open Sans", sans-serif;
|
||||
color: #555454;
|
||||
text-transform: uppercase;
|
||||
padding: 1px 10px;
|
||||
border: none;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#home-page-tabs > li a {
|
||||
padding: 1px 10px;
|
||||
}
|
||||
}
|
||||
#home-page-tabs > li:first-child {
|
||||
border: none;
|
||||
@@ -911,9 +930,13 @@ table.table_block td {
|
||||
#home-page-tabs > li.active a, #home-page-tabs > li a:hover {
|
||||
background: #333333;
|
||||
color: #fff;
|
||||
margin: -10px 0;
|
||||
padding: 10px;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
#home-page-tabs > li.active a, #home-page-tabs > li a:hover {
|
||||
margin: -10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
#index .tab-content {
|
||||
margin-top: 35px;
|
||||
@@ -929,9 +952,14 @@ table.table_block td {
|
||||
background: #f6f6f6;
|
||||
border-top: 5px solid #333;
|
||||
text-transform: uppercase;
|
||||
padding: 14px 0 17px 20px;
|
||||
padding: 14px 5px 17px 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.block .title_block, .block h4 {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.block .title_block a, .block h4 a {
|
||||
color: #555454;
|
||||
}
|
||||
@@ -989,6 +1017,14 @@ table.table_block td {
|
||||
border: 1px solid #d6d4d4;
|
||||
margin-right: 19px;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.block .products-block li .products-block-image {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin: 0 auto 10px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.block .products-block li .product-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -1168,6 +1204,7 @@ ul.footer_links li + li {
|
||||
.content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span {
|
||||
padding: 3px 0 0 12px;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
.content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item {
|
||||
float: left;
|
||||
@@ -1226,8 +1263,6 @@ ul.footer_links li + li {
|
||||
float: right;
|
||||
width: 530px;
|
||||
text-align: center;
|
||||
/* min 992px max 1199px */
|
||||
/* max 991px */
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.top-pagination-content div.pagination, .bottom-pagination-content div.pagination {
|
||||
@@ -1243,8 +1278,6 @@ ul.footer_links li + li {
|
||||
.top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall {
|
||||
float: right;
|
||||
margin: 8px 53px 8px 14px;
|
||||
/* min 992px max 1199px */
|
||||
/* max 991px */
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall {
|
||||
@@ -1264,6 +1297,11 @@ ul.footer_links li + li {
|
||||
.top-pagination-content ul.pagination, .bottom-pagination-content ul.pagination {
|
||||
margin: 8px 0px 8px 0;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.top-pagination-content ul.pagination, .bottom-pagination-content ul.pagination {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
.top-pagination-content ul.pagination li, .bottom-pagination-content ul.pagination li {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
@@ -1315,7 +1353,6 @@ ul.footer_links li + li {
|
||||
}
|
||||
.top-pagination-content .compare-form, .bottom-pagination-content .compare-form {
|
||||
float: right;
|
||||
/* max 479px */
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.top-pagination-content .compare-form, .bottom-pagination-content .compare-form {
|
||||
@@ -1329,7 +1366,6 @@ ul.footer_links li + li {
|
||||
.top-pagination-content .product-count, .bottom-pagination-content .product-count {
|
||||
padding: 11px 0 0 0;
|
||||
float: left;
|
||||
/* max 991px */
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.top-pagination-content .product-count, .bottom-pagination-content .product-count {
|
||||
@@ -1345,7 +1381,6 @@ ul.footer_links li + li {
|
||||
ul.step {
|
||||
margin-bottom: 30px;
|
||||
overflow: hidden;
|
||||
/*min 480px*/
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
ul.step {
|
||||
@@ -1365,7 +1400,6 @@ ul.step li {
|
||||
border-bottom-color: #9a9a9a;
|
||||
border-right-color: #b7b7b7;
|
||||
border-left-width: 0px;
|
||||
/* max 480px */
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
ul.step li {
|
||||
@@ -1382,7 +1416,6 @@ ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_cur
|
||||
font-weight: bold;
|
||||
text-shadow: 1px 1px white;
|
||||
position: relative;
|
||||
/* min 991px */
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {
|
||||
@@ -1405,7 +1438,6 @@ ul.step li a:focus, ul.step li span:focus, ul.step li.step_current span:focus, u
|
||||
ul.step li.first {
|
||||
border-left-width: 1px;
|
||||
border-left-color: #b7b7b7;
|
||||
/*min 480px*/
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
ul.step li.first {
|
||||
@@ -1420,7 +1452,6 @@ ul.step li.first {
|
||||
ul.step li.first span, ul.step li.first a {
|
||||
z-index: 5;
|
||||
padding-left: 13px !important;
|
||||
/*min 480px*/
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
ul.step li.first span, ul.step li.first a {
|
||||
@@ -1441,9 +1472,6 @@ ul.step li.third span, ul.step li.third a {
|
||||
ul.step li.four span, ul.step li.four a {
|
||||
z-index: 2;
|
||||
}
|
||||
ul.step li.last {
|
||||
/*min 480px*/
|
||||
}
|
||||
ul.step li.last span {
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -1483,7 +1511,6 @@ ul.step li.step_current span {
|
||||
border: 1px solid;
|
||||
border-color: #73ca77 #74c776 #74c175 #74c776;
|
||||
position: relative;
|
||||
/* min 991px */
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.step li.step_current span {
|
||||
@@ -1510,7 +1537,6 @@ ul.step li.step_todo span {
|
||||
border: 1px solid;
|
||||
border-color: #fff;
|
||||
position: relative;
|
||||
/* min 991px */
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.step li.step_todo span {
|
||||
@@ -1536,7 +1562,6 @@ ul.step li.step_done a {
|
||||
background: -ms-linear-gradient(top, #727171 0%, #666666 100%);
|
||||
background: linear-gradient(to bottom, #727171 0%, #666666 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727171', endColorstr='#666666',GradientType=0 );
|
||||
/* min 991px */
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.step li.step_done a {
|
||||
@@ -1546,17 +1571,11 @@ ul.step li.step_done a {
|
||||
background: url(../img/order-step-done.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
ul.step li.step_done.step_done_last {
|
||||
/* min 991px */
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.step li.step_done.step_done_last a:after {
|
||||
background: url(../img/order-step-done-last.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
ul.step li#step_end span {
|
||||
/* min 991px */
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.step li#step_end span:after {
|
||||
display: none;
|
||||
@@ -1564,7 +1583,6 @@ ul.step li#step_end span {
|
||||
}
|
||||
ul.step li em {
|
||||
font-style: normal;
|
||||
/* min 480px max 767px */
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
ul.step li em {
|
||||
@@ -1685,6 +1703,11 @@ div.star_hover a, div.star a:hover {
|
||||
display: block;
|
||||
padding: 5px 0 10px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#header .header-row .shop-phone {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#header .header-row .shop-phone i {
|
||||
font-size: 21px;
|
||||
line-height: 21px;
|
||||
@@ -1699,12 +1722,23 @@ div.star_hover a, div.star a:hover {
|
||||
border-left: 1px solid #515151;
|
||||
border-right: 1px solid #515151;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header .header-row #header_user_info {
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
#header .header-row #header_user_info a {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
padding: 8px 9px 11px 8px;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header .header-row #header_user_info a {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
#header .header-row-2 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
@@ -1715,6 +1749,27 @@ div.star_hover a, div.star a:hover {
|
||||
top: 27px;
|
||||
z-index: 1;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#header #header_logo {
|
||||
width: 250px;
|
||||
top: 35px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
#header #header_logo {
|
||||
width: 174px;
|
||||
left: 15px;
|
||||
top: 48px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header #header_logo {
|
||||
width: 200px;
|
||||
left: 50%;
|
||||
margin-left: -100px;
|
||||
top: 20px;
|
||||
}
|
||||
}
|
||||
#header #header_right {
|
||||
position: relative;
|
||||
}
|
||||
@@ -1723,6 +1778,11 @@ div.star_hover a, div.star a:hover {
|
||||
border-left: 1px solid #515151;
|
||||
position: relative;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header #currencies-block-top, #header #languages-block-top {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
#header #currencies-block-top span.firstWord, #header #languages-block-top span.firstWord {
|
||||
display: none;
|
||||
}
|
||||
@@ -1732,6 +1792,13 @@ div.star_hover a, div.star a:hover {
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header #currencies-block-top div.current, #header #languages-block-top div.current {
|
||||
text-align: center;
|
||||
padding: 9px 5px 10px;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
#header #currencies-block-top div.current strong, #header #languages-block-top div.current strong {
|
||||
color: #777777;
|
||||
}
|
||||
@@ -1744,6 +1811,19 @@ div.star_hover a, div.star a:hover {
|
||||
vertical-align: -2px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header #currencies-block-top div.current:after, #header #languages-block-top div.current:after {
|
||||
padding-left: 2px;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
vertical-align: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header #currencies-block-top div.current .cur-label, #header #languages-block-top div.current .cur-label {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#header #currencies-block-top ul, #header #languages-block-top ul {
|
||||
display: none;
|
||||
position: absolute;
|
||||
@@ -1766,13 +1846,16 @@ div.star_hover a, div.star a:hover {
|
||||
#header #currencies-block-top ul li.selected, #header #currencies-block-top ul li:hover a, #header #languages-block-top ul li.selected, #header #languages-block-top ul li:hover a {
|
||||
background: #484848;
|
||||
}
|
||||
#header #currencies-block-top ul:hover, #header #languages-block-top ul:hover {
|
||||
display: block;
|
||||
}
|
||||
#header #contact-link {
|
||||
float: right;
|
||||
border-left: 1px solid #515151;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header #contact-link {
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
#header #contact-link a {
|
||||
display: block;
|
||||
color: #FFF;
|
||||
@@ -1780,15 +1863,19 @@ div.star_hover a, div.star a:hover {
|
||||
padding: 8px 10px 11px 10px;
|
||||
text-shadow: 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header #contact-link a {
|
||||
font-size: 11px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
#header #contact-link a, #header .header-row #header_user_info a, #header #currencies-block-top div.current, #header #languages-block-top div.current {
|
||||
cursor: pointer;
|
||||
}
|
||||
#header #contact-link a:hover, #header .header-row #header_user_info a:hover, #header #currencies-block-top div.current:hover, #header #languages-block-top div.current:hover {
|
||||
#header #contact-link a:hover, #header #contact-link a.active, #header .header-row #header_user_info a:hover, #header .header-row #header_user_info a.active, #header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active, #header #languages-block-top div.current:hover, #header #languages-block-top div.current.active {
|
||||
background: #2b2b2b;
|
||||
}
|
||||
#header #contact-link a:hover + ul, #header .header-row #header_user_info a:hover + ul, #header #currencies-block-top div.current:hover + ul, #header #languages-block-top div.current:hover + ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* ************************************************************************************************
|
||||
BREADCRUMB
|
||||
@@ -1874,7 +1961,11 @@ div.star_hover a, div.star a:hover {
|
||||
************************************************************************************************ */
|
||||
.footer-container {
|
||||
padding: 0 0 100px 0;
|
||||
background: url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.footer-container {
|
||||
background: url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
.footer-container #footer {
|
||||
color: #777;
|
||||
@@ -1907,9 +1998,19 @@ div.star_hover a, div.star a:hover {
|
||||
.footer-container #footer #block_contact_infos {
|
||||
border-left: 1px solid #515151;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footer-container #footer #block_contact_infos {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.footer-container #footer #block_contact_infos > div {
|
||||
padding: 0 0 0 5px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footer-container #footer #block_contact_infos > div {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
.footer-container #footer #block_contact_infos > div ul li {
|
||||
padding: 0 0 7px 4px;
|
||||
overflow: hidden;
|
||||
@@ -1933,11 +2034,24 @@ div.star_hover a, div.star a:hover {
|
||||
.footer-container #footer #social_block {
|
||||
float: left;
|
||||
width: 50%;
|
||||
padding: 23px 30px 0 0;
|
||||
padding: 23px 30px 16px 0;
|
||||
background: #3F3F3F;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footer-container #footer #social_block {
|
||||
width: 100%;
|
||||
float: left;
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
.footer-container #footer #social_block ul {
|
||||
float: right;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footer-container #footer #social_block ul {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
.footer-container #footer #social_block ul li {
|
||||
float: left;
|
||||
width: 40px;
|
||||
@@ -1976,6 +2090,12 @@ div.star_hover a, div.star a:hover {
|
||||
text-transform: none;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footer-container #footer #social_block h4 {
|
||||
display: none;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.footer-container #footer .bottom-footer {
|
||||
position: absolute;
|
||||
bottom: -55px;
|
||||
@@ -2516,6 +2636,18 @@ p.cheque-indent {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
#address .gender-line, #identity .gender-line, #account-creation_form .gender-line, #new_account_form .gender-line, #opc_account_form .gender-line, #authentication .gender-line {
|
||||
margin-bottom: 4px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
#address .gender-line > label, #identity .gender-line > label, #account-creation_form .gender-line > label, #new_account_form .gender-line > label, #opc_account_form .gender-line > label, #authentication .gender-line > label {
|
||||
margin-right: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#address .gender-line .radio-inline label, #identity .gender-line .radio-inline label, #account-creation_form .gender-line .radio-inline label, #new_account_form .gender-line .radio-inline label, #opc_account_form .gender-line .radio-inline label, #authentication .gender-line .radio-inline label {
|
||||
font-weight: normal;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#identity #center_column form.std .row, #authentication #center_column form.std .row, #order-opc #center_column form.std .row {
|
||||
margin-left: -5px;
|
||||
@@ -2708,16 +2840,6 @@ p.cheque-indent {
|
||||
}
|
||||
#manufacturer .bottom-pagination-content, #manufacturer .top-pagination-content, #supplier .bottom-pagination-content, #supplier .top-pagination-content {
|
||||
min-height: 69px;
|
||||
/* < 480*/
|
||||
}
|
||||
#manufacturer .bottom-pagination-content #pagination, #manufacturer .top-pagination-content #pagination, #supplier .bottom-pagination-content #pagination, #supplier .top-pagination-content #pagination {
|
||||
/* 480 -> 1199 */
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 1199px) {
|
||||
#manufacturer .bottom-pagination-content #pagination, #manufacturer .top-pagination-content #pagination, #supplier .bottom-pagination-content #pagination, #supplier .top-pagination-content #pagination {
|
||||
width: auto;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
#manufacturer .bottom-pagination-content #pagination .showall, #manufacturer .top-pagination-content #pagination .showall, #supplier .bottom-pagination-content #pagination .showall, #supplier .top-pagination-content #pagination .showall {
|
||||
margin-right: 0;
|
||||
@@ -2728,23 +2850,8 @@ p.cheque-indent {
|
||||
margin-right: 201px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
#manufacturer .bottom-pagination-content .product-count, #manufacturer .bottom-pagination-content #pagination, #manufacturer .top-pagination-content .product-count, #manufacturer .top-pagination-content #pagination, #supplier .bottom-pagination-content .product-count, #supplier .bottom-pagination-content #pagination, #supplier .top-pagination-content .product-count, #supplier .top-pagination-content #pagination {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
#manufacturer .bottom-pagination-content .product-count .showall, #manufacturer .bottom-pagination-content #pagination .showall, #manufacturer .top-pagination-content .product-count .showall, #manufacturer .top-pagination-content #pagination .showall, #supplier .bottom-pagination-content .product-count .showall, #supplier .bottom-pagination-content #pagination .showall, #supplier .top-pagination-content .product-count .showall, #supplier .top-pagination-content #pagination .showall {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#manufacturer .top-pagination-content.bottom-line, #supplier .top-pagination-content.bottom-line {
|
||||
border-bottom: 1px solid #d6d4d4;
|
||||
/* < 767 */
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#manufacturer .top-pagination-content.bottom-line, #supplier .top-pagination-content.bottom-line {
|
||||
border-top: 1px solid #d6d4d4;
|
||||
}
|
||||
}
|
||||
|
||||
/*****************************************************************************************************
|
||||
|
||||
@@ -27,6 +27,9 @@
|
||||
.table td.history_detail a + a {
|
||||
margin-left: 14px;
|
||||
}
|
||||
.table td.step-by-step-date {
|
||||
width: 105px;
|
||||
}
|
||||
.table tfoot strong {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@@ -9,23 +9,28 @@ http://uniformjs.com/
|
||||
|
||||
*/
|
||||
/* General settings */
|
||||
/* line 178, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
|
||||
background-image: url("../../../img/jquery/uniform/sprite.png");
|
||||
background-repeat: no-repeat;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
/* line 188, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector, div.checker, div.button, div.radio, div.uploader {
|
||||
vertical-align: middle;
|
||||
/* Keeping this as :focus to remove browser styles */
|
||||
}
|
||||
/* line 193, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
|
||||
outline: 0;
|
||||
}
|
||||
/* line 203, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* line 210, ../../sass/jquery/_uniform._base.scss */
|
||||
.highContrastDetect {
|
||||
background: url("../../../img/jquery/uniform/bg-input.png") repeat-x 0 0;
|
||||
width: 0px;
|
||||
@@ -33,6 +38,7 @@ div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *
|
||||
}
|
||||
|
||||
/* Input & Textarea */
|
||||
/* line 220, ../../sass/jquery/_uniform._base.scss */
|
||||
input.uniform-input,
|
||||
select.uniform-multiselect,
|
||||
textarea.uniform {
|
||||
@@ -43,6 +49,7 @@ textarea.uniform {
|
||||
|
||||
/* Remove default webkit and possible mozilla .search styles.
|
||||
* Keeping this as :active to remove browser styles */
|
||||
/* line 234, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker input,
|
||||
input[type="search"],
|
||||
input[type="search"]:active {
|
||||
@@ -51,6 +58,7 @@ input[type="search"]:active {
|
||||
}
|
||||
|
||||
/* Select */
|
||||
/* line 240, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector {
|
||||
background-position: 0 -54px;
|
||||
line-height: 27px;
|
||||
@@ -59,6 +67,7 @@ div.selector {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* line 247, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector span {
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
@@ -72,12 +81,15 @@ div.selector span {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
/* line 258, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector.fixedWidth {
|
||||
width: 190px;
|
||||
}
|
||||
/* line 260, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector.fixedWidth span {
|
||||
width: 150px;
|
||||
}
|
||||
/* line 265, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector select {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
@@ -90,96 +102,124 @@ div.selector select {
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
/* line 275, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector.active span {
|
||||
background-position: right -27px;
|
||||
}
|
||||
/* line 281, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector.hover span, div.selector.focus span {
|
||||
background-position: right -27px;
|
||||
}
|
||||
/* line 286, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector.hover.active span, div.selector.focus.active span {
|
||||
background-position: right -27px;
|
||||
}
|
||||
/* line 294, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector.disabled span, div.selector.disabled.active span {
|
||||
background-position: right 0;
|
||||
}
|
||||
|
||||
/* Select1 */
|
||||
/* line 302, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector1 > div {
|
||||
background-position: 0 -135px;
|
||||
}
|
||||
/* line 304, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector1 > div span {
|
||||
background-position: right -81px;
|
||||
}
|
||||
/* line 309, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector1 > div.active span {
|
||||
background-position: right -108px;
|
||||
}
|
||||
/* line 315, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector1 > div.hover span, div.selector1 > div.focus span {
|
||||
background-position: right -108px;
|
||||
}
|
||||
/* line 320, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector1 > div.hover.active span, div.selector1 > div.focus.active span {
|
||||
background-position: right -108px;
|
||||
}
|
||||
/* line 93, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector1 > div.disabled, div.selector1 > div.disabled.active {
|
||||
background-position: 0 -135px;
|
||||
}
|
||||
/* line 328, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector1 > div.disabled span, div.selector1 > div.disabled.active span {
|
||||
background-position: right -81px;
|
||||
}
|
||||
|
||||
/* Select2 */
|
||||
/* line 338, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector2 > div {
|
||||
background-position: 0 -216px;
|
||||
}
|
||||
/* line 340, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector2 > div span {
|
||||
background-position: right -162px;
|
||||
}
|
||||
/* line 345, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector2 > div.active span {
|
||||
background-position: right -189px;
|
||||
}
|
||||
/* line 351, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector2 > div.hover span, div.selector2 > div.focus span {
|
||||
background-position: right -189px;
|
||||
}
|
||||
/* line 356, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector2 > div.hover.active span, div.selector2 > div.focus.active span {
|
||||
background-position: right -189px;
|
||||
}
|
||||
/* line 93, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector2 > div.disabled, div.selector2 > div.disabled.active {
|
||||
background-position: 0 -216px;
|
||||
}
|
||||
/* line 364, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector2 > div.disabled span, div.selector2 > div.disabled.active span {
|
||||
background-position: right -162px;
|
||||
}
|
||||
|
||||
/* Select3 */
|
||||
/* line 373, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector3 > div {
|
||||
background-position: 0 -351px;
|
||||
}
|
||||
/* line 375, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector3 > div span {
|
||||
background-position: right -297px;
|
||||
}
|
||||
/* line 380, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector3 > div.active span {
|
||||
background-position: right -324px;
|
||||
}
|
||||
/* line 386, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector3 > div.hover span, div.selector3 > div.focus span {
|
||||
background-position: right -324px;
|
||||
}
|
||||
/* line 391, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector3 > div.hover.active span, div.selector3 > div.focus.active span {
|
||||
background-position: right -324px;
|
||||
}
|
||||
/* line 93, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector3 > div.disabled, div.selector3 > div.disabled.active {
|
||||
background-position: 0 -351px;
|
||||
}
|
||||
/* line 399, ../../sass/jquery/_uniform._base.scss */
|
||||
div.selector3 > div.disabled span, div.selector3 > div.disabled.active span {
|
||||
background-position: right -297px;
|
||||
}
|
||||
|
||||
/* Checkbox */
|
||||
/* line 411, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker {
|
||||
position: relative;
|
||||
}
|
||||
/* line 414, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker, div.checker span, div.checker input {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
}
|
||||
/* line 419, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
@@ -188,9 +228,11 @@ div.checker span {
|
||||
text-align: center;
|
||||
background-position: 0 -257px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker span.checked {
|
||||
background-position: -15px -257px;
|
||||
}
|
||||
/* line 428, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
@@ -202,40 +244,51 @@ div.checker input {
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
}
|
||||
/* line 434, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker.active span {
|
||||
background-position: -15px -257px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker.active span.checked {
|
||||
background-position: -15px -257px;
|
||||
}
|
||||
/* line 444, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker.hover span, div.checker.focus span {
|
||||
background-position: -30px -257px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker.hover span.checked, div.checker.focus span.checked {
|
||||
background-position: -15px -257px;
|
||||
}
|
||||
/* line 453, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker.hover.active span, div.checker.focus.active span {
|
||||
background-position: -15px -257px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker.hover.active span.checked, div.checker.focus.active span.checked {
|
||||
background-position: -15px -257px;
|
||||
}
|
||||
/* line 93, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker.disabled, div.checker.disabled.active {
|
||||
background-position: 0 -257px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.checker.disabled span.checked, div.checker.disabled.active span.checked {
|
||||
background-position: 0 -257px;
|
||||
}
|
||||
|
||||
/* Radio */
|
||||
/* line 477, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio {
|
||||
position: relative;
|
||||
display: inline;
|
||||
}
|
||||
/* line 480, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio, div.radio span, div.radio input {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
}
|
||||
/* line 484, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
@@ -244,9 +297,11 @@ div.radio span {
|
||||
text-align: center;
|
||||
background-position: 0 -243px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio span.checked {
|
||||
background-position: -13px -243px;
|
||||
}
|
||||
/* line 494, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
@@ -259,32 +314,41 @@ div.radio input {
|
||||
zoom: 1;
|
||||
text-align: center;
|
||||
}
|
||||
/* line 501, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio.active span {
|
||||
background-position: -13px -243px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio.active span.checked {
|
||||
background-position: -13px -243px;
|
||||
}
|
||||
/* line 511, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio.hover span, div.radio.focus span {
|
||||
background-position: -13px -36px -243px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio.hover span.checked, div.radio.focus span.checked {
|
||||
background-position: -13px -243px;
|
||||
}
|
||||
/* line 520, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio.hover.active span, div.radio.focus.active span {
|
||||
background-position: -13px -243px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio.hover.active span.checked, div.radio.focus.active span.checked {
|
||||
background-position: -13px -243px;
|
||||
}
|
||||
/* line 531, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio.disabled span, div.radio.disabled.active span {
|
||||
background-position: 0 -243px;
|
||||
}
|
||||
/* line 99, ../../sass/jquery/_uniform._base.scss */
|
||||
div.radio.disabled span.checked, div.radio.disabled.active span.checked {
|
||||
background-position: 0 -243px;
|
||||
}
|
||||
|
||||
/* Uploader */
|
||||
/* line 543, ../../sass/jquery/_uniform._base.scss */
|
||||
div.uploader {
|
||||
background: none;
|
||||
height: 27px;
|
||||
@@ -293,6 +357,7 @@ div.uploader {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* line 551, ../../sass/jquery/_uniform._base.scss */
|
||||
div.uploader span.action {
|
||||
background-position: 0 -378px;
|
||||
height: 27px;
|
||||
@@ -304,6 +369,7 @@ div.uploader span.action {
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* line 563, ../../sass/jquery/_uniform._base.scss */
|
||||
div.uploader span.filename {
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
@@ -317,6 +383,7 @@ div.uploader span.filename {
|
||||
width: 172px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
/* line 574, ../../sass/jquery/_uniform._base.scss */
|
||||
div.uploader input {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
@@ -333,6 +400,7 @@ div.uploader input {
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
/* line 588, ../../sass/jquery/_uniform._base.scss */
|
||||
div.button {
|
||||
background-position: 0 -634px;
|
||||
height: 30px;
|
||||
@@ -340,6 +408,7 @@ div.button {
|
||||
position: relative;
|
||||
/* Keep buttons barely visible so they can get focus */
|
||||
}
|
||||
/* line 595, ../../sass/jquery/_uniform._base.scss */
|
||||
div.button a, div.button button, div.button input {
|
||||
opacity: 0.01;
|
||||
filter: alpha(opacity=1);
|
||||
@@ -351,6 +420,7 @@ div.button a, div.button button, div.button input {
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
}
|
||||
/* line 605, ../../sass/jquery/_uniform._base.scss */
|
||||
div.button span {
|
||||
display: -moz-inline-box;
|
||||
display: inline-block;
|
||||
@@ -363,22 +433,28 @@ div.button span {
|
||||
margin-left: 13px;
|
||||
padding: 0;
|
||||
}
|
||||
/* line 81, ../../sass/jquery/_uniform._base.scss */
|
||||
div.button.active {
|
||||
background-position: 0 -664px;
|
||||
}
|
||||
/* line 618, ../../sass/jquery/_uniform._base.scss */
|
||||
div.button.active span {
|
||||
background-position: right -544px;
|
||||
cursor: default;
|
||||
}
|
||||
/* line 87, ../../sass/jquery/_uniform._base.scss */
|
||||
div.button.hover, div.button.focus {
|
||||
background-position: 0 -694px;
|
||||
}
|
||||
/* line 627, ../../sass/jquery/_uniform._base.scss */
|
||||
div.button.hover span, div.button.focus span {
|
||||
background-position: right -574px;
|
||||
}
|
||||
/* line 93, ../../sass/jquery/_uniform._base.scss */
|
||||
div.button.disabled, div.button.disabled.active {
|
||||
background-position: 0 -724px;
|
||||
}
|
||||
/* line 635, ../../sass/jquery/_uniform._base.scss */
|
||||
div.button.disabled span, div.button.disabled.active span {
|
||||
background-position: right -604px;
|
||||
cursor: default;
|
||||
@@ -388,6 +464,7 @@ div.button.disabled span, div.button.disabled.active span {
|
||||
/* ************************************************************************************************
|
||||
uniform
|
||||
************************************************************************************************ */
|
||||
/* line 24, ../../sass/jquery/uniform.default.scss */
|
||||
input.uniform-input,
|
||||
select.uniform-multiselect,
|
||||
textarea.uniform {
|
||||
@@ -398,6 +475,7 @@ textarea.uniform {
|
||||
color: #777;
|
||||
border: solid 1px #d6d4d4;
|
||||
}
|
||||
/* line 87, ../../sass/jquery/_uniform._base.scss */
|
||||
input.uniform-input.hover, input.uniform-input.focus,
|
||||
select.uniform-multiselect.hover,
|
||||
select.uniform-multiselect.focus,
|
||||
@@ -411,6 +489,7 @@ textarea.uniform.focus {
|
||||
|
||||
/* PRESENTATION */
|
||||
/* Buttons */
|
||||
/* line 44, ../../sass/jquery/uniform.default.scss */
|
||||
div.button span {
|
||||
font-weight: bold;
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
@@ -418,75 +497,92 @@ div.button span {
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
/* line 53, ../../sass/jquery/uniform.default.scss */
|
||||
div.button.hover span, div.button.focus span {
|
||||
color: #555;
|
||||
}
|
||||
/* line 59, ../../sass/jquery/uniform.default.scss */
|
||||
div.button.disabled span, div.button.disabled.active span {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
/* Select */
|
||||
/* line 68, ../../sass/jquery/uniform.default.scss */
|
||||
#compare_shipping .form-group label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 69, ../../sass/jquery/uniform.default.scss */
|
||||
div.selector {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* line 72, ../../sass/jquery/uniform.default.scss */
|
||||
div.selector span {
|
||||
color: #666;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
/* line 78, ../../sass/jquery/uniform.default.scss */
|
||||
div.selector select {
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
/* line 84, ../../sass/jquery/uniform.default.scss */
|
||||
div.selector.disabled span, div.selector.disabled.active span {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
/* line 90, ../../sass/jquery/uniform.default.scss */
|
||||
.checker span input {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* line 92, ../../sass/jquery/uniform.default.scss */
|
||||
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* line 94, ../../sass/jquery/uniform.default.scss */
|
||||
.radio-inline, .checkbox-inline {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* Checker */
|
||||
/* line 97, ../../sass/jquery/uniform.default.scss */
|
||||
div.checker {
|
||||
cursor: pointer;
|
||||
margin-right: 5px;
|
||||
}
|
||||
/* line 100, ../../sass/jquery/uniform.default.scss */
|
||||
div.checker span {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
/* line 103, ../../sass/jquery/uniform.default.scss */
|
||||
#layered_form div.checker {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* Radio */
|
||||
/* line 109, ../../sass/jquery/uniform.default.scss */
|
||||
div.radio {
|
||||
margin-right: 3px;
|
||||
}
|
||||
/* line 111, ../../sass/jquery/uniform.default.scss */
|
||||
div.radio span {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
/* Uploader */
|
||||
/* line 115, ../../sass/jquery/uniform.default.scss */
|
||||
div.uploader span.action {
|
||||
text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
/* line 122, ../../sass/jquery/uniform.default.scss */
|
||||
div.uploader span.filename {
|
||||
color: #777;
|
||||
border: solid 1px #d6d4d4;
|
||||
@@ -494,14 +590,17 @@ div.uploader span.filename {
|
||||
background: #fbfbfb;
|
||||
margin-right: 2px;
|
||||
}
|
||||
/* line 131, ../../sass/jquery/uniform.default.scss */
|
||||
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
|
||||
color: #aaa;
|
||||
}
|
||||
/* line 135, ../../sass/jquery/uniform.default.scss */
|
||||
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
|
||||
border-color: #ddd;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
/* line 143, ../../sass/jquery/uniform.default.scss */
|
||||
input.uniform-input, input.uniform-input:focus {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
@@ -106,6 +106,18 @@
|
||||
background: #484848;
|
||||
color: #fff;
|
||||
}
|
||||
@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: #fff;
|
||||
}
|
||||
|
||||
@@ -1,19 +1,24 @@
|
||||
/* block CONTACT ******************************************************************************* */
|
||||
/* line 4, ../../../sass/modules/blockcontact/blockcontact.scss */
|
||||
#contact_block .label {
|
||||
display: none;
|
||||
}
|
||||
/* line 6, ../../../sass/modules/blockcontact/blockcontact.scss */
|
||||
#contact_block .block_content {
|
||||
color: #888888;
|
||||
padding: 0 20px 20px;
|
||||
}
|
||||
/* line 11, ../../../sass/modules/blockcontact/blockcontact.scss */
|
||||
#contact_block p {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
/* line 13, ../../../sass/modules/blockcontact/blockcontact.scss */
|
||||
#contact_block p.tel {
|
||||
font: 400 17px/21px Arial, Helvetica, sans-serif;
|
||||
color: #fff;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
/* line 18, ../../../sass/modules/blockcontact/blockcontact.scss */
|
||||
#contact_block p.tel i {
|
||||
font-size: 25px;
|
||||
vertical-align: -2px;
|
||||
|
||||
@@ -85,6 +85,12 @@
|
||||
#layered_block_left .layered_filter_ul {
|
||||
padding: 0 20px 5px;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#layered_block_left .layered_filter_ul {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
#layered_block_left .layered_filter_ul li {
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
|
||||
@@ -8,6 +8,12 @@
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 1199px) {
|
||||
#columns #newsletter_block_left .form-group .form-control {
|
||||
margin-bottom: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
#columns #newsletter_block_left .success_inline, #columns #newsletter_block_left .warning_inline {
|
||||
text-align: left;
|
||||
padding: 1px 0 0 0;
|
||||
@@ -28,6 +34,12 @@
|
||||
padding: 13px 15px 7px 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#footer #newsletter_block_left {
|
||||
background: #3F3F3F;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
#footer #newsletter_block_left h4 {
|
||||
background: none;
|
||||
float: left;
|
||||
|
||||
@@ -5,6 +5,30 @@
|
||||
right: 420px;
|
||||
top: 50px;
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
#search_block_top {
|
||||
right: 295px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#search_block_top {
|
||||
right: 207px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
#search_block_top {
|
||||
right: 0;
|
||||
top: 85px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#search_block_top {
|
||||
top: 56px;
|
||||
right: 50%;
|
||||
width: 270px;
|
||||
margin-right: -135px;
|
||||
}
|
||||
}
|
||||
#search_block_top .btn.button-search {
|
||||
background: #333;
|
||||
float: left;
|
||||
@@ -34,6 +58,21 @@
|
||||
float: left;
|
||||
margin-right: 1px;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#search_block_top #search_query_top {
|
||||
width: 180px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
#search_block_top #search_query_top {
|
||||
width: 212px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#search_block_top #search_query_top {
|
||||
width: 212px;
|
||||
}
|
||||
}
|
||||
|
||||
.ac_results {
|
||||
background: #fff;
|
||||
|
||||
@@ -17,6 +17,16 @@
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
background: #f6f6f6;
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
.sf-menu {
|
||||
margin-top: 80px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.sf-menu {
|
||||
margin-top: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
.sf-menu ul {
|
||||
position: absolute;
|
||||
@@ -52,7 +62,7 @@
|
||||
padding: 17px 20px;
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce a {
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
|
||||
background: #333;
|
||||
border-bottom-color: #666666;
|
||||
color: #fff;
|
||||
@@ -85,9 +95,9 @@
|
||||
z-index: 99;
|
||||
width: 220px;
|
||||
padding: 25px 30px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
|
||||
box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
|
||||
}
|
||||
|
||||
ul.sf-menu li:hover li ul,
|
||||
|
||||
@@ -1,18 +1,43 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
|
||||
/* block top user information */
|
||||
#header_right #header_user {
|
||||
clear: both;
|
||||
float: right;
|
||||
margin-top: 50px;
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
#header_right #header_user {
|
||||
margin-top: 25px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#header_right #header_user {
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 95px;
|
||||
width: 270px;
|
||||
}
|
||||
}
|
||||
#header_right #header_user #shopping_cart a {
|
||||
padding: 7px 10px 14px 16px;
|
||||
background: #333333;
|
||||
min-width: 270px;
|
||||
/* 200 */
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
color: #777777;
|
||||
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
|
||||
text-shadow: 1px 1px rgba(0, 0, 0, 0);
|
||||
overflow: hidden;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#header_right #header_user #shopping_cart a {
|
||||
min-width: 190px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#header_right #header_user #shopping_cart a span.ajax_cart_product_txt, #header_right #header_user #shopping_cart a span.ajax_cart_product_txt_s {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
#header_right #header_user #shopping_cart a b {
|
||||
color: #fff;
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
/* Block Viewed Products */
|
||||
/* line 4, ../../../sass/modules/blockviewed/blockviewed.scss */
|
||||
#viewed-products_block_left li.last_item {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
@@ -1,73 +1,92 @@
|
||||
/* line 3, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .form-group {
|
||||
line-height: normal;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
/* line 7, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .form-group label {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
/* line 9, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .form-group .form-control {
|
||||
width: 263px;
|
||||
}
|
||||
/* line 13, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .form-group.last {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
/* line 15, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .form-group.last input {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
/* line 19, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .table {
|
||||
background: #fff;
|
||||
}
|
||||
/* line 26, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .table thead tr th {
|
||||
background: #fff;
|
||||
padding: 4px 10px 3px 10px;
|
||||
}
|
||||
/* line 34, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .table tbody td {
|
||||
margin: 0;
|
||||
}
|
||||
/* line 37, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .table tbody td.carrier_action {
|
||||
width: 54px;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
/* line 43, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping .table tbody td.carrier_action input {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* line 53, ../../../sass/modules/carriercompare/style.scss */
|
||||
#availableCarriers .table {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* line 57, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping ul#carriercompare_errors_list {
|
||||
color: red;
|
||||
}
|
||||
|
||||
/* line 60, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping_form {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
/* line 61, ../../../sass/modules/carriercompare/style.scss */
|
||||
#compare_shipping ul#carriercompare_errors_list li {
|
||||
margin-left: 30px;
|
||||
text-decoration: none;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* line 68, ../../../sass/modules/carriercompare/style.scss */
|
||||
#SE_AjaxDisplay {
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* line 74, ../../../sass/modules/carriercompare/style.scss */
|
||||
#SE_AjaxDisplay img {
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
/* line 79, ../../../sass/modules/carriercompare/style.scss */
|
||||
.SE_SubmitRefreshCard button {
|
||||
float: left;
|
||||
}
|
||||
/* line 82, ../../../sass/modules/carriercompare/style.scss */
|
||||
.SE_SubmitRefreshCard button#carriercompare_submit {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* line 87, ../../../sass/modules/carriercompare/style.scss */
|
||||
#carriercompare_errors {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
/* line 1, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
|
||||
#favoriteproducts_block_account .favoriteproduct {
|
||||
position: relative;
|
||||
margin-bottom: 14px;
|
||||
@@ -6,6 +7,7 @@
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
}
|
||||
|
||||
/* line 9, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
|
||||
.favoriteproduct a.product_img_link {
|
||||
border: 1px solid #CCCCCC;
|
||||
display: block;
|
||||
@@ -15,35 +17,41 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* line 17, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
|
||||
.favoriteproduct p.product_desc {
|
||||
line-height: 16px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* line 23, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
|
||||
.favoriteproduct .remove {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/* line 28, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
|
||||
.favoriteproduct .remove .icon {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* lnk fiche produit */
|
||||
/* line 33, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
|
||||
#usefull_link_block li#favoriteproducts_block_extra_add {
|
||||
padding-left: 20px;
|
||||
background: url(img/add_favorite.gif) no-repeat 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* line 39, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
|
||||
#usefull_link_block li#favoriteproducts_block_extra_remove {
|
||||
padding-left: 20px;
|
||||
background: url(img/del_favorite.gif) no-repeat 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* line 45, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
|
||||
ul#usefull_link_block li#favoriteproducts_block_extra_added {
|
||||
padding-left: 20px;
|
||||
background: url(img/add_favorite.gif) no-repeat 0 0;
|
||||
@@ -51,6 +59,7 @@ ul#usefull_link_block li#favoriteproducts_block_extra_added {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* line 51, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
|
||||
ul#usefull_link_block li#favoriteproducts_block_extra_removed {
|
||||
padding-left: 20px;
|
||||
background: url(img/add_favorite.gif) no-repeat 0 0;
|
||||
|
||||
@@ -12,6 +12,7 @@
|
||||
/******************************************************************************
|
||||
Home Page Slider
|
||||
*******************************************************************************/
|
||||
/* line 18, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
@@ -21,6 +22,7 @@
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
/* line 27, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider #homeslider {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
@@ -31,6 +33,7 @@
|
||||
********************************************************************************/
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
/* line 37, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider {
|
||||
/** THEME
|
||||
===================================*/
|
||||
@@ -41,27 +44,33 @@
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
/* IMAGE CAPTIONS */
|
||||
}
|
||||
/* line 38, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
}
|
||||
/* line 43, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper a {
|
||||
display: block;
|
||||
}
|
||||
/* line 45, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
/* line 55, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-viewport {
|
||||
width: 100%;
|
||||
}
|
||||
/* line 61, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-pager,
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
}
|
||||
/* line 69, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(images/bx_loader.gif) center center no-repeat white;
|
||||
@@ -72,6 +81,7 @@
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
/* line 82, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
@@ -80,12 +90,14 @@
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
/* line 92, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-pager .bx-pager-item,
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
/* line 98, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background: #666;
|
||||
text-indent: -9999px;
|
||||
@@ -98,22 +110,28 @@
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
/* line 112, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #000;
|
||||
}
|
||||
/* line 118, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-prev {
|
||||
right: 60px;
|
||||
}
|
||||
/* line 121, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-prev:after {
|
||||
content: "";
|
||||
}
|
||||
/* line 126, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
}
|
||||
/* line 129, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-next:after {
|
||||
content: "";
|
||||
}
|
||||
/* line 134, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
@@ -124,6 +142,7 @@
|
||||
z-index: 9999;
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
/* line 144, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a:before {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
@@ -137,6 +156,7 @@
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
/* line 158, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a:after {
|
||||
display: block;
|
||||
width: 48px;
|
||||
@@ -152,16 +172,20 @@
|
||||
z-index: 2;
|
||||
padding: 16px 0 0 0;
|
||||
}
|
||||
/* line 176, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {
|
||||
background: #333;
|
||||
opacity: 0.83;
|
||||
}
|
||||
/* line 183, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
/* line 189, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
/* line 193, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
@@ -171,10 +195,12 @@
|
||||
background: url(images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
/* line 204, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
/* line 208, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
@@ -184,18 +210,22 @@
|
||||
background: url(images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
/* line 219, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
/* line 225, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
/* line 230, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
/* line 237, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
@@ -204,6 +234,7 @@
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
/* line 246, ../../../sass/modules/homeslider/bx_styles.scss */
|
||||
#homepage-slider .bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
|
||||
@@ -30,6 +30,12 @@ ul.product_list .color-list-container ul li a {
|
||||
height: 23px;
|
||||
margin: 1px;
|
||||
}
|
||||
ul.product_list .product-image-container {
|
||||
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;
|
||||
@@ -67,6 +73,7 @@ ul.product_list.grid > li {
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
ul.product_list.grid > li {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container {
|
||||
@@ -171,22 +178,22 @@ ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare label:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare label:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare label:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare.compare.checked:before {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare label.checked:before {
|
||||
content: "";
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
@@ -324,6 +331,11 @@ ul.product_list.list > li .right-block .right-block-content .button-container .b
|
||||
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;
|
||||
@@ -388,7 +400,7 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
|
||||
-o-border-radius: 100px;
|
||||
border-radius: 100px;
|
||||
margin-right: 3px;
|
||||
padding: 4px 0 0 0;
|
||||
padding: 6px 0 0 0;
|
||||
color: #fff;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover {
|
||||
@@ -397,6 +409,12 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover:before {
|
||||
background: #333333;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label.checked:before {
|
||||
background: #fff;
|
||||
border: 1px solid #929292;
|
||||
color: #929292;
|
||||
padding-top: 5px;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
ul.product_list.list > li:hover .product-image-container .quick-view {
|
||||
display: block;
|
||||
@@ -412,14 +430,31 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
|
||||
Product list(Index page) Styles
|
||||
********************************************************/
|
||||
#index ul.product_list.tab-pane > li {
|
||||
padding-bottom: 35px;
|
||||
margin-bottom: 50px;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
#index ul.product_list.tab-pane > li {
|
||||
/* min 1200px */
|
||||
padding-bottom: 35px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
#index ul.product_list.tab-pane > li .availability {
|
||||
display: none;
|
||||
}
|
||||
#index ul.product_list.tab-pane > li.last-line {
|
||||
border: none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
@media (min-width: 1200px) {
|
||||
#index ul.product_list.tab-pane > li.last-line {
|
||||
border: none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
/* line 1, ../sass/rtl.scss */
|
||||
* {
|
||||
direction: rtl !important;
|
||||
}
|
||||
|
||||
/* line 2, ../sass/rtl.scss */
|
||||
#page {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
/*TMP*/
|
||||
/* line 3, ../sass/scenes.scss */
|
||||
#scenes .cluetip span {
|
||||
background: transparent url(../img/icon/cible.gif) no-repeat scroll center center;
|
||||
color: black;
|
||||
@@ -12,6 +13,7 @@
|
||||
}
|
||||
|
||||
/*TMP*/
|
||||
/* line 15, ../sass/scenes.scss */
|
||||
.thumbs_banner {
|
||||
margin: 10px auto;
|
||||
padding: 2px 0;
|
||||
@@ -21,6 +23,7 @@
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
/* line 24, ../sass/scenes.scss */
|
||||
.thumbs_banner .space-keeper {
|
||||
width: 21px;
|
||||
float: left;
|
||||
@@ -28,6 +31,7 @@
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* line 31, ../sass/scenes.scss */
|
||||
.thumbs_banner .space-keeper a.prev {
|
||||
display: none;
|
||||
width: 21px;
|
||||
@@ -37,24 +41,29 @@
|
||||
background: url(../img/icon/serial_scroll_left.gif) no-repeat 0 0 #eeeeee;
|
||||
}
|
||||
|
||||
/* line 39, ../sass/scenes.scss */
|
||||
#scenes_list {
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: 478px;
|
||||
}
|
||||
|
||||
/* line 44, ../sass/scenes.scss */
|
||||
#scenes_list ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
/* line 48, ../sass/scenes.scss */
|
||||
#scenes_list li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* line 52, ../sass/scenes.scss */
|
||||
#scenes_list a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* line 56, ../sass/scenes.scss */
|
||||
.thumbs_banner a.next {
|
||||
float: left;
|
||||
display: block;
|
||||
@@ -66,16 +75,19 @@
|
||||
}
|
||||
|
||||
/* Cluetip design ****************************************************************************** */
|
||||
/* line 67, ../sass/scenes.scss */
|
||||
#scenes .screen_scene {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* line 71, ../sass/scenes.scss */
|
||||
#scenes a.cluetip {
|
||||
display: block;
|
||||
position: absolute;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* line 77, ../sass/scenes.scss */
|
||||
.cluetip-product_scene {
|
||||
padding: 10px;
|
||||
border: 7px solid #999;
|
||||
@@ -87,17 +99,20 @@
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
/* line 88, ../sass/scenes.scss */
|
||||
.cluetip-product_scene #cluetip-close {
|
||||
text-align: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* line 93, ../sass/scenes.scss */
|
||||
.cluetip-product_scene img {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
border: 1px solid #cccccc;
|
||||
}
|
||||
|
||||
/* line 98, ../sass/scenes.scss */
|
||||
.cluetip-product_scene .title_block {
|
||||
display: inline-block;
|
||||
margin-bottom: 5px;
|
||||
@@ -105,16 +120,19 @@
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* line 105, ../sass/scenes.scss */
|
||||
.cluetip-product_scene .clear {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* line 106, ../sass/scenes.scss */
|
||||
.cluetip-product_scene .clear a {
|
||||
/*float:left;*/
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* line 111, ../sass/scenes.scss */
|
||||
.cluetip-product_scene p.description {
|
||||
float: left;
|
||||
padding: 0;
|
||||
@@ -122,6 +140,7 @@
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
/* line 118, ../sass/scenes.scss */
|
||||
.cluetip-product_scene div.prices {
|
||||
float: right;
|
||||
position: relative;
|
||||
@@ -129,6 +148,7 @@
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* line 124, ../sass/scenes.scss */
|
||||
.cluetip-product_scene .new {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -142,6 +162,7 @@
|
||||
background: none repeat scroll 0 0 #9b0000;
|
||||
}
|
||||
|
||||
/* line 136, ../sass/scenes.scss */
|
||||
.cluetip-product_scene .price {
|
||||
padding-top: 18px;
|
||||
font-weight: bold;
|
||||
@@ -149,6 +170,7 @@
|
||||
color: #990000;
|
||||
}
|
||||
|
||||
/* line 142, ../sass/scenes.scss */
|
||||
.cluetip-product_scene .on_sale, .cluetip-product_scene .discount {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
|
||||
@@ -109,7 +109,7 @@
|
||||
<i>{l s='For example: QIIXJXNUI or QIIXJXNUI#1'}</i>
|
||||
</div>
|
||||
<div class="text form-group">
|
||||
<label>{l s='Email'}</label>
|
||||
<label>{l s='Email:'}</label>
|
||||
<input class="form-control" type="text" name="email" value="{if isset($smarty.get.email)}{$smarty.get.email|escape:'htmlall':'UTF-8'}{else}{if isset($smarty.post.email)}{$smarty.post.email|escape:'htmlall':'UTF-8'}{/if}{/if}" />
|
||||
</div>
|
||||
<p>
|
||||
|
||||
@@ -69,11 +69,16 @@
|
||||
{/foreach}
|
||||
{/if}
|
||||
<script src="{$js_dir}/tools/bootstrap.min.js"></script>
|
||||
<!--[if IE 7]><html class="no-js lt-ie9 ie8" lang="{$lang_iso}">
|
||||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||||
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<script src="{$js_dir}/tools/jquery.total-storage.min.js"></script>
|
||||
<script src="{$js_dir}/jquery/jquery.uniform-modify.js"></script>
|
||||
<script src="{$js_dir}/jquery/highdpi.js"></script>
|
||||
<script src="{$js_dir}/jquery/jquery.bxslider.js"></script>
|
||||
<script src="{$js_dir}/jquery/footable.js"></script>
|
||||
<script src="{$js_dir}/jquery/resonsive_utilites.js"></script>
|
||||
{$HOOK_HEADER}
|
||||
</head>
|
||||
|
||||
@@ -117,7 +122,7 @@
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
<ul id="first-languages" class="countries_ul">
|
||||
<ul id="first-languages" class="countries_ul toogle_content">
|
||||
{foreach from=$languages key=k item=language name="languages"}
|
||||
<li {if $language.iso_code == $lang_iso}class="selected"{/if}>
|
||||
{if $language.iso_code != $lang_iso}
|
||||
@@ -159,12 +164,12 @@
|
||||
<div class="current">
|
||||
<input type="hidden" name="id_currency" id="id_currency" value=""/>
|
||||
<input type="hidden" name="SubmitCurrency" value="" />
|
||||
{l s='Currency' mod='blockcurrencies'} :
|
||||
<span class="cur-label">{l s='Currency' mod='blockcurrencies'} :</span>
|
||||
{foreach from=$currencies key=k item=f_currency}
|
||||
{if $cookie->id_currency == $f_currency.id_currency}<strong>{$f_currency.iso_code}</strong>{/if}
|
||||
{/foreach}
|
||||
</div>
|
||||
<ul id="first-currencies" class="currencies_ul">
|
||||
<ul id="first-currencies" class="currencies_ul toogle_content">
|
||||
{foreach from=$currencies key=k item=f_currency}
|
||||
<li {if $cookie->id_currency == $f_currency.id_currency}class="selected"{/if}>
|
||||
<a href="javascript:setCurrency({$f_currency.id_currency});" title="{$f_currency.name}" rel="nofollow">{$f_currency.name}</a>
|
||||
@@ -184,7 +189,7 @@
|
||||
</div>
|
||||
<div class="container header-row-2">
|
||||
<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
|
||||
<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
|
||||
<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if}/>
|
||||
</a>
|
||||
<div id="header_right">
|
||||
{$HOOK_TOP}
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
<th class="first_item">{l s='Order reference'}</th>
|
||||
<th class="item">{l s='Date'}</th>
|
||||
<th data-hide="phone" class="item">{l s='Total price'}</th>
|
||||
<th data-hide="phone,tablet" class="item">{l s='Payment: '}</th>
|
||||
<th data-hide="phone,tablet" class="item">{l s='Payment'}</th>
|
||||
<th class="item">{l s='Status'}</th>
|
||||
<th data-hide="phone,tablet" class="item">{l s='Invoice'}</th>
|
||||
<th data-hide="phone,tablet" class="last_item"> </th>
|
||||
@@ -55,14 +55,14 @@
|
||||
<td class="history_date bold">{dateFormat date=$order.date_add full=0}</td>
|
||||
<td class="history_price"><span class="price">{displayPrice price=$order.total_paid currency=$order.id_currency no_utf8=false convert=false}</span></td>
|
||||
<td class="history_method">{$order.payment|escape:'htmlall':'UTF-8'}</td>
|
||||
<td class="history_state">{if isset($order.order_state)}{$order.order_state|escape:'htmlall':'UTF-8'}{/if}</td>
|
||||
<td class="history_state">{if isset($order.order_state)}<span class="label{if $order.id_order_state == 1 || $order.id_order_state == 10 || $order.id_order_state == 11} label-info{elseif $order.id_order_state == 5 || $order.id_order_state == 2 || $order.id_order_state == 12} label-success{elseif $order.id_order_state == 6 || $order.id_order_state == 7 || $order.id_order_state == 8} label-danger{elseif $order.id_order_state == 3 || $order.id_order_state == 9 || $order.id_order_state == 4} label-warning{/if}">{$order.order_state|escape:'htmlall':'UTF-8'}</span>{/if}</td>
|
||||
<td class="history_invoice">
|
||||
{if (isset($order.invoice) && $order.invoice && isset($order.invoice_number) && $order.invoice_number) && isset($invoiceAllowed) && $invoiceAllowed == true}
|
||||
<a class="link-button" href="{$link->getPageLink('pdf-invoice', true, NULL, "id_order={$order.id_order}")|escape:'html'}" title="{l s='Invoice'}" class="_blank"><i class="icon-file-text large"></i>{l s='PDF'}</a>
|
||||
{else}-{/if}
|
||||
</td>
|
||||
<td class="history_detail">
|
||||
<a class="btn btn-default button button-small" href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');"><span>{l s='details'}<i class="icon-chevron-right right"></i></span></a>
|
||||
<a class="btn btn-default button button-small" href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');"><span>{l s='Details'}<i class="icon-chevron-right right"></i></span></a>
|
||||
{if isset($opc) && $opc}
|
||||
<a class="link-button" href="{$link->getPageLink('order-opc', true, NULL, "submitReorder&id_order={$order.id_order}")|escape:'html'}" title="{l s='Reorder'}">
|
||||
{else}
|
||||
|
||||
@@ -0,0 +1,45 @@
|
||||
/*********************************************************** TMMenuDropDown **********************************/
|
||||
function tmDropDown (elementType, elementClick, elementSlide, activeClass){
|
||||
elementType = elementType; // special if hidden element isn't next (like for cart block here)
|
||||
elementClick = elementClick; // element to click
|
||||
elementSlide = elementSlide; // element to show/hide
|
||||
activeClass = activeClass; // active class for "element to click"
|
||||
|
||||
|
||||
//show/hide elements
|
||||
$(elementClick).on('click touchstart', function(){
|
||||
if (elementType != 'cart')
|
||||
var subUl = $(this).next(elementSlide);
|
||||
else
|
||||
var subUl = $(this).parents('#header').find(elementSlide);
|
||||
if(subUl.is(':hidden')) {
|
||||
subUl.slideDown(),
|
||||
$(this).addClass(activeClass)
|
||||
}
|
||||
else {
|
||||
subUl.slideUp(),
|
||||
$(this).removeClass(activeClass)
|
||||
}
|
||||
$(elementClick).not(this).next(elementSlide).slideUp(),
|
||||
$(elementClick).not(this).removeClass(activeClass);
|
||||
return false
|
||||
}),
|
||||
|
||||
//enable clicks on showed elements
|
||||
$(elementSlide).on('click touchstart', function(e){
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
// hide showed elements on document click
|
||||
$(document).on('click touchstart', function(){
|
||||
if (elementType != 'cart')
|
||||
var elementHide = $(elementClick).next(elementSlide);
|
||||
else
|
||||
var elementHide = $(elementClick).parents('#header').find(elementSlide);
|
||||
$(elementHide).slideUp();
|
||||
})
|
||||
};
|
||||
$(document).ready(function(){
|
||||
tmDropDown ('', '#header .current', 'ul.toogle_content', 'active'); // all of this should be defined or left empty brackets
|
||||
//tmDropDown ('cart', 'li#shopping_cart > a', '#cart_block', 'active'); // all of this should be defined or left empty brackets
|
||||
});
|
||||
@@ -441,6 +441,7 @@ $(function() {
|
||||
updateState();
|
||||
updateNeedIDNumber();
|
||||
updateZipCode();
|
||||
$("select.form-control,input[type='checkbox'],input[type='radio']").uniform();
|
||||
});
|
||||
$('#opc_guestCheckout').click(function() {
|
||||
$('.is_customer_param').hide();
|
||||
@@ -452,6 +453,7 @@ $(function() {
|
||||
updateState();
|
||||
updateNeedIDNumber();
|
||||
updateZipCode();
|
||||
$("select.form-control,input[type='checkbox']").uniform();
|
||||
});
|
||||
}
|
||||
else if (isGuest)
|
||||
@@ -667,7 +669,7 @@ $(function() {
|
||||
$('#submitAccount').show();
|
||||
}
|
||||
});
|
||||
|
||||
$("select.form-control,input[type='checkbox']").uniform();
|
||||
});
|
||||
|
||||
function bindCheckbox()
|
||||
@@ -683,6 +685,7 @@ function bindCheckbox()
|
||||
}
|
||||
else
|
||||
$('#opc_invoice_address').slideUp('slow');
|
||||
$("select.form-control,input[type='checkbox']").uniform();
|
||||
}
|
||||
|
||||
function bindInputs()
|
||||
@@ -718,6 +721,7 @@ function bindInputs()
|
||||
$('#opc_delivery_methods-overlay').fadeOut('slow');
|
||||
}
|
||||
});
|
||||
$("select.form-control,input[type='checkbox']").uniform();
|
||||
});
|
||||
|
||||
// Recyclable checkbox
|
||||
@@ -736,6 +740,7 @@ function bindInputs()
|
||||
|
||||
if ($('#gift').is(':checked'))
|
||||
$('#gift_div').show();
|
||||
|
||||
else
|
||||
$('#gift_div').hide();
|
||||
|
||||
@@ -748,6 +753,7 @@ function bindInputs()
|
||||
$('#cgv').click(function() {
|
||||
updatePaymentMethodsDisplay();
|
||||
});
|
||||
$("select.form-control,input[type='checkbox']").uniform();
|
||||
}
|
||||
|
||||
function multishippingMode(it)
|
||||
@@ -854,6 +860,7 @@ function multishippingMode(it)
|
||||
}
|
||||
});
|
||||
}
|
||||
$("select.form-control,input[type='checkbox']").uniform();
|
||||
}
|
||||
|
||||
$(document).ready(function() {
|
||||
@@ -867,4 +874,5 @@ $(document).ready(function() {
|
||||
}
|
||||
if (typeof(open_multishipping_fancybox) !== 'undefined' && open_multishipping_fancybox)
|
||||
$('#link_multishipping_form').click();
|
||||
$("select.form-control,input[type='checkbox']").uniform();
|
||||
});
|
||||
@@ -23,14 +23,15 @@
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
$('document').ready(function(){
|
||||
reloadProductComparison();
|
||||
});
|
||||
|
||||
reloadProductComparison = function() {
|
||||
$('input:checkbox.comparator').each(function() {
|
||||
var checkedCheckbox = $(this);
|
||||
if (checkedCheckbox.is(':checked'))
|
||||
checkedCheckbox.parent().addClass('checked');
|
||||
});
|
||||
$('a.cmp_remove').click(function(){
|
||||
|
||||
var idProduct = $(this).attr('rel').replace('ajax_id_product_', '');
|
||||
var idProduct = $(this).prop('rel').replace('ajax_id_product_', '');
|
||||
|
||||
$.ajax({
|
||||
url: 'index.php?controller=products-comparison&ajax=1&action=remove&id_product=' + idProduct,
|
||||
@@ -41,14 +42,12 @@ reloadProductComparison = function() {
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('input:checkbox.comparator').click(function(){
|
||||
|
||||
var idProduct = $(this).attr('value').replace('comparator_item_', '');
|
||||
var totalValueNow = parseInt($('.bt_compare').next('.compare_product_count').val());
|
||||
var idProduct = $(this).prop('value').replace('comparator_item_', '');
|
||||
var checkbox = $(this);
|
||||
|
||||
if(checkbox.is(':checked'))
|
||||
{
|
||||
{
|
||||
$.ajax({
|
||||
url: 'index.php?controller=products-comparison&ajax=1&action=add&id_product=' + idProduct,
|
||||
async: true,
|
||||
@@ -56,12 +55,19 @@ reloadProductComparison = function() {
|
||||
success: function(data){
|
||||
if (data === '0')
|
||||
{
|
||||
checkbox.attr('checked', false);
|
||||
checkbox.prop('checked', false);
|
||||
alert(max_item);
|
||||
}
|
||||
else {
|
||||
checkbox.prop('checked', true),
|
||||
checkbox.parent().addClass('checked'),
|
||||
totalVal = totalValueNow +1,
|
||||
$('.bt_compare').next('.compare_product_count').val(totalVal),
|
||||
totalValue(totalVal)
|
||||
}
|
||||
},
|
||||
error: function(){
|
||||
checkbox.attr('checked', false);
|
||||
checkbox.prop('checked', false);
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -73,12 +79,20 @@ reloadProductComparison = function() {
|
||||
cache: false,
|
||||
success: function(data){
|
||||
if (data === '0')
|
||||
checkbox.attr('checked', true);
|
||||
},
|
||||
|
||||
checkbox.prop('checked', true);
|
||||
checkbox.parent().removeClass('checked');
|
||||
totalVal = totalValueNow -1;
|
||||
$('.bt_compare').next('.compare_product_count').val(totalVal),
|
||||
totalValue(totalVal)
|
||||
},
|
||||
error: function(){
|
||||
checkbox.attr('checked', true);
|
||||
checkbox.prop('checked', true);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
function totalValue(value) {
|
||||
$('.bt_compare').find('.total-compare-val').html(value);
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
|
||||
/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
|
||||
window.matchMedia=window.matchMedia||function(a){"use strict";var c,d=a.documentElement,e=d.firstElementChild||d.firstChild,f=a.createElement("body"),g=a.createElement("div");return g.id="mq-test-1",g.style.cssText="position:absolute;top:-100em",f.style.background="none",f.appendChild(g),function(a){return g.innerHTML='­<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',d.insertBefore(f,e),c=42===g.offsetWidth,d.removeChild(f),{matches:c,media:a}}}(document);
|
||||
|
||||
/*! Respond.js v1.3.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */
|
||||
(function(a){"use strict";function x(){u(!0)}var b={};if(a.respond=b,b.update=function(){},b.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,!b.mediaQueriesSupported){var q,r,t,c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=c.getElementsByTagName("base")[0],l=j.getElementsByTagName("link"),m=[],n=function(){for(var b=0;l.length>b;b++){var c=l[b],d=c.href,e=c.media,f=c.rel&&"stylesheet"===c.rel.toLowerCase();d&&f&&!h[d]&&(c.styleSheet&&c.styleSheet.rawCssText?(p(c.styleSheet.rawCssText,d,e),h[d]=!0):(!/^([a-zA-Z:]*\/\/)/.test(d)&&!k||d.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&m.push({href:d,media:e}))}o()},o=function(){if(m.length){var b=m.shift();v(b.href,function(c){p(c,b.href,b.media),h[b.href]=!0,a.setTimeout(function(){o()},0)})}},p=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),g=d&&d.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c;b.length&&(b+="/"),i&&(g=1);for(var j=0;g>j;j++){var k,l,m,n;i?(k=c,f.push(h(a))):(k=d[j].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],e.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:f.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},s=function(){var a,b=c.createElement("div"),e=c.body,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",e||(e=f=c.createElement("body"),e.style.background="none"),e.appendChild(b),d.insertBefore(e,d.firstChild),a=b.offsetWidth,f?d.removeChild(e):e.removeChild(b),a=t=parseFloat(a)},u=function(b){var h="clientWidth",k=d[h],m="CSS1Compat"===c.compatMode&&k||c.body[h]||k,n={},o=l[l.length-1],p=(new Date).getTime();if(b&&q&&i>p-q)return a.clearTimeout(r),r=a.setTimeout(u,i),void 0;q=p;for(var v in e)if(e.hasOwnProperty(v)){var w=e[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?t||s():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?t||s():1)),w.hasquery&&(z&&A||!(z||m>=x)||!(A||y>=m))||(n[w.media]||(n[w.media]=[]),n[w.media].push(f[w.rules]))}for(var C in g)g.hasOwnProperty(C)&&g[C]&&g[C].parentNode===j&&j.removeChild(g[C]);for(var D in n)if(n.hasOwnProperty(D)){var E=c.createElement("style"),F=n[D].join("\n");E.type="text/css",E.media=D,j.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(c.createTextNode(F)),g.push(E)}},v=function(a,b){var c=w();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},w=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();n(),b.update=n,a.addEventListener?a.addEventListener("resize",x,!1):a.attachEvent&&a.attachEvent("onresize",x)}})(this);
|
||||
@@ -202,7 +202,7 @@ $_LANG['order-follow_8cf04a9734132302f96da8e113e80ce5'] = 'Home';
|
||||
$_LANG['order-opc-new-account_936ccdb97115e9f35a11d35e3d5b5cad'] = 'Click here';
|
||||
$_LANG['order-opc-new-account_b357b524e740bc85b9790a0712d84a30'] = 'Email address';
|
||||
$_LANG['order-opc-new-account_01a569ddc6cf67ddec2a683f0a5f5956'] = 'Forgot your password?';
|
||||
$_LANG['order-opc-new-account_99dea78007133396a7b8ed70578ac6ae'] = 'Login';
|
||||
$_LANG['order-opc-new-account_99dea78007133396a7b8ed70578ac6ae'] = 'Sign in';
|
||||
$_LANG['order-opc-new-account_766d4aaf3e045538be23f9a9e17a1593'] = 'Instant checkout';
|
||||
$_LANG['order-opc-new-account_ce8ae9da5b7cd6c3df2929543a9af92d'] = 'Email';
|
||||
$_LANG['order-opc-new-account_b78a3223503896721cca1303f776159b'] = 'Title';
|
||||
|
||||
@@ -46,8 +46,8 @@
|
||||
|
||||
{if $nbManufacturers > 0}
|
||||
<div class="content_sortPagiBar">
|
||||
<div class="sortPagiBar clearfix hidden-xs">
|
||||
<ul class="display">
|
||||
<div class="sortPagiBar clearfix">
|
||||
<ul class="display hidden-xs">
|
||||
<li class="display-title">{l s='View:'}</li>
|
||||
<li id="grid"><a onclick="display('grid');"><i class="icon-th-large"></i>{l s='Grid'}</a></li>
|
||||
<li id="list"><a onclick="display('list');"><i class="icon-th-list"></i>{l s='List'}</a></li>
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
*}
|
||||
|
||||
<!-- Block categories module -->
|
||||
<section class="blockcategories_footer footer-block col-xs-12 col-md-2">
|
||||
<section class="blockcategories_footer footer-block col-xs-12 col-sm-2">
|
||||
<h4>{l s='Categories' mod='blockcategories'}</h4>
|
||||
<div class="category_footer">
|
||||
<div class="list">
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
<!-- /Block CMS module -->
|
||||
{else}
|
||||
<!-- MODULE Block footer -->
|
||||
<section class="footer-block col-xs-12 col-md-2" id="block_various_links_footer">
|
||||
<section class="footer-block col-xs-12 col-sm-2" id="block_various_links_footer">
|
||||
<h4>{l s='Information' mod='blockcms'}</h4>
|
||||
<ul>
|
||||
{if !$PS_CATALOG_MODE}<li class="first_item"><a href="{$link->getPageLink('prices-drop')|escape:'html'}" title="{l s='Specials' mod='blockcms'}">{l s='Specials' mod='blockcms'}</a></li>{/if}
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
*}
|
||||
|
||||
<!-- MODULE Block contact infos -->
|
||||
<section id="block_contact_infos" class="footer-block col-xs-12 col-md-4">
|
||||
<section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4">
|
||||
<div>
|
||||
<h4>{l s='Store Information' mod='blockcontactinfos'}</h4>
|
||||
<ul>
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
*}
|
||||
|
||||
<!-- Block myaccount module -->
|
||||
<section class="footer-block col-xs-12 col-md-4">
|
||||
<section class="footer-block col-xs-12 col-sm-4">
|
||||
<h4><a href="{$link->getPageLink('my-account', true)|escape:'html'}" title="{l s='Manage my customer account' mod='blockmyaccountfooter'}" rel="nofollow">{l s='My account' mod='blockmyaccountfooter'}</a></h4>
|
||||
<div class="block_content">
|
||||
<ul class="bullet">
|
||||
|
||||
@@ -37,7 +37,6 @@
|
||||
<div id="search_block_top">
|
||||
<form method="get" action="{$link->getPageLink('search')|escape:'html'}" id="searchbox">
|
||||
<div>
|
||||
<label for="search_query_top"><!-- image on background --></label>
|
||||
<input type="hidden" name="controller" value="search" />
|
||||
<input type="hidden" name="orderby" value="position" />
|
||||
<input type="hidden" name="orderway" value="desc" />
|
||||
|
||||
@@ -32,3 +32,4 @@
|
||||
</ul>
|
||||
<h4>{l s='Follow us:' mod='blocksocial'}</h4>
|
||||
</section>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
@@ -37,7 +37,7 @@ $(function(){
|
||||
|
||||
{if ($logged == 1 || $nbComments != 0) && !$content_only}
|
||||
</div><!-- Close the OosHook -->
|
||||
<div id="product_comments_block_extra">
|
||||
<div id="product_comments_block_extra" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
|
||||
{if $nbComments != 0}
|
||||
<div class="comments_note clearfix">
|
||||
<span>{l s='Rating' mod='productcomments'} </span>
|
||||
@@ -49,13 +49,14 @@ $(function(){
|
||||
<div class="star star_on"></div>
|
||||
{/if}
|
||||
{/section}
|
||||
<span class="hidden" itemprop="ratingValue">{$averageTotal}</span>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<ul class="comments_advices">
|
||||
{if $nbComments != 0}
|
||||
<li><a href="#idTab5" class="reviews">{l s='Read reviews' mod='productcomments'} ({$nbComments})</a></li>
|
||||
<li><a href="#idTab5" class="reviews">{l s='Read reviews' mod='productcomments'} (<span itemprop="reviewCount">{$nbComments}</span>)</a></li>
|
||||
{/if}
|
||||
{if ($too_early == false AND ($logged OR $allow_guests))}
|
||||
<li><a class="open-comment-form" href="#new_comment_form">{l s='Write a review' mod='productcomments'}</a></li>
|
||||
|
||||
@@ -64,8 +64,8 @@
|
||||
<tbody>
|
||||
{foreach from=$order_history item=state name="orderStates"}
|
||||
<tr class="{if $smarty.foreach.orderStates.first}first_item{elseif $smarty.foreach.orderStates.last}last_item{/if} {if $smarty.foreach.orderStates.index % 2}alternate_item{else}item{/if}">
|
||||
<td>{dateFormat date=$state.date_add full=1}</td>
|
||||
<td>{$state.ostate_name|escape:'htmlall':'UTF-8'}</td>
|
||||
<td class="step-by-step-date">{dateFormat date=$state.date_add full=0}</td>
|
||||
<td><span class="label{if $state.id_order_state == 1 || $state.id_order_state == 10 || $state.id_order_state == 11} label-info{elseif $state.id_order_state == 5 || $state.id_order_state == 2 || $state.id_order_state == 12} label-success{elseif $state.id_order_state == 6 || $state.id_order_state == 7 || $state.id_order_state == 8} label-danger{elseif $state.id_order_state == 3 || $state.id_order_state == 9 || $state.id_order_state == 4} label-warning{/if}">{$state.ostate_name|escape:'htmlall':'UTF-8'}</span></td>
|
||||
</tr>
|
||||
{/foreach}
|
||||
</tbody>
|
||||
@@ -80,9 +80,23 @@
|
||||
|
||||
<div class="adresses_bloc">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<ul class="address alternate_item box" {if $order->isVirtual()}style="display:none;"{/if}>
|
||||
<li><h3 class="page-subheading">{l s='Delivery address'} ({$address_delivery->alias})</h3></li>
|
||||
{foreach from=$dlv_adr_fields name=dlv_loop item=field_item}
|
||||
{if $field_item eq "company" && isset($address_delivery->company)}<li class="address_company">{$address_delivery->company|escape:'htmlall':'UTF-8'}</li>
|
||||
{elseif $field_item eq "address2" && $address_delivery->address2}<li class="address_address2">{$address_delivery->address2|escape:'htmlall':'UTF-8'}</li>
|
||||
{elseif $field_item eq "phone_mobile" && $address_delivery->phone_mobile}<li class="address_phone_mobile">{$address_delivery->phone_mobile|escape:'htmlall':'UTF-8'}</li>
|
||||
{else}
|
||||
{assign var=address_words value=" "|explode:$field_item}
|
||||
<li>{foreach from=$address_words item=word_item name="word_loop"}{if !$smarty.foreach.word_loop.first} {/if}<span class="address_{$word_item|replace:',':''}">{$deliveryAddressFormatedValues[$word_item|replace:',':'']|escape:'htmlall':'UTF-8'}</span>{/foreach}</li>
|
||||
{/if}
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<ul class="address item {if $order->isVirtual()}full_width{/if} box">
|
||||
<li><h3 class="page-subheading">{l s='Billing'}</h3></li>
|
||||
<li><h3 class="page-subheading">{l s='Invoice address'} ({$address_invoice->alias})</h3></li>
|
||||
{foreach from=$inv_adr_fields name=inv_loop item=field_item}
|
||||
{if $field_item eq "company" && isset($address_invoice->company)}<li class="address_company">{$address_invoice->company|escape:'htmlall':'UTF-8'}</li>
|
||||
{elseif $field_item eq "address2" && $address_invoice->address2}<li class="address_address2">{$address_invoice->address2|escape:'htmlall':'UTF-8'}</li>
|
||||
@@ -95,20 +109,6 @@
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<ul class="address alternate_item box" {if $order->isVirtual()}style="display:none;"{/if}>
|
||||
<li><h3 class="page-subheading">{l s='Delivery'}</h3></li>
|
||||
{foreach from=$dlv_adr_fields name=dlv_loop item=field_item}
|
||||
{if $field_item eq "company" && isset($address_delivery->company)}<li class="address_company">{$address_delivery->company|escape:'htmlall':'UTF-8'}</li>
|
||||
{elseif $field_item eq "address2" && $address_delivery->address2}<li class="address_address2">{$address_delivery->address2|escape:'htmlall':'UTF-8'}</li>
|
||||
{elseif $field_item eq "phone_mobile" && $address_delivery->phone_mobile}<li class="address_phone_mobile">{$address_delivery->phone_mobile|escape:'htmlall':'UTF-8'}</li>
|
||||
{else}
|
||||
{assign var=address_words value=" "|explode:$field_item}
|
||||
<li>{foreach from=$address_words item=word_item name="word_loop"}{if !$smarty.foreach.word_loop.first} {/if}<span class="address_{$word_item|replace:',':''}">{$deliveryAddressFormatedValues[$word_item|replace:',':'']|escape:'htmlall':'UTF-8'}</span>{/foreach}</li>
|
||||
{/if}
|
||||
{/foreach}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{$HOOK_ORDERDETAILDISPLAYED}
|
||||
@@ -132,7 +132,7 @@
|
||||
{if $priceDisplay && $use_tax}
|
||||
<tr class="item">
|
||||
<td colspan="{if $return_allowed}2{else}1{/if}">
|
||||
<strong>{l s='Total products (tax excl.)'}</strong>
|
||||
<strong>{l s='Items (tax excl.)'}</strong>
|
||||
</td>
|
||||
<td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
|
||||
<span class="price">{displayWtPriceWithCurrency price=$order->getTotalProductsWithoutTaxes() currency=$currency}</span>
|
||||
@@ -141,7 +141,7 @@
|
||||
{/if}
|
||||
<tr class="item">
|
||||
<td colspan="{if $return_allowed}2{else}1{/if}">
|
||||
<strong>{l s='Total products'} {if $use_tax}{l s='(tax incl.)'}{/if}: </strong>
|
||||
<strong>{l s='Items'} {if $use_tax}{l s='(tax incl.)'}{/if} </strong>
|
||||
</td>
|
||||
<td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
|
||||
<span class="price">{displayWtPriceWithCurrency price=$order->getTotalProductsWithTaxes() currency=$currency}</span>
|
||||
@@ -150,7 +150,7 @@
|
||||
{if $order->total_discounts > 0}
|
||||
<tr class="item">
|
||||
<td colspan="{if $return_allowed}2{else}1{/if}">
|
||||
<strong>{l s='Total vouchers:'}</strong>
|
||||
<strong>{l s='Total vouchers'}</strong>
|
||||
</td>
|
||||
<td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
|
||||
<span class="price-discount">{displayWtPriceWithCurrency price=$order->total_discounts currency=$currency convert=1}</span>
|
||||
@@ -160,7 +160,7 @@
|
||||
{if $order->total_wrapping > 0}
|
||||
<tr class="item">
|
||||
<td colspan="{if $return_allowed}2{else}1{/if}">
|
||||
<strong>{l s='Total gift wrapping cost:'}</strong>
|
||||
<strong>{l s='Total gift wrapping cost'}</strong>
|
||||
</td>
|
||||
<td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
|
||||
<span class="price-wrapping">{displayWtPriceWithCurrency price=$order->total_wrapping currency=$currency}</span>
|
||||
@@ -169,7 +169,7 @@
|
||||
{/if}
|
||||
<tr class="item">
|
||||
<td colspan="{if $return_allowed}2{else}1{/if}">
|
||||
<strong>{l s='Total shipping'} {if $use_tax}{l s='(tax incl.)'}{/if}: </strong>
|
||||
<strong>{l s='Shipping & handling'} {if $use_tax}{l s='(tax incl.)'}{/if} </strong>
|
||||
</td>
|
||||
<td colspan="{if $order->hasProductReturned()}5{else}4{/if}">
|
||||
<span class="price-shipping">{displayWtPriceWithCurrency price=$order->total_shipping currency=$currency}</span>
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
<tr class="{if $smarty.foreach.myLoop.first}first_item{elseif $smarty.foreach.myLoop.last}last_item{else}item{/if} {if $smarty.foreach.myLoop.index % 2}alternate_item{/if}">
|
||||
<td class="bold"><a class="color-myaccount" href="javascript:showOrder(0, {$return.id_order_return|intval}, '{$link->getPageLink('order-return', true)|escape:'html'}');">{l s='#'}{$return.id_order_return|string_format:"%06d"}</a></td>
|
||||
<td class="history_method"><a class="color-myaccount" href="javascript:showOrder(1, {$return.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');">{l s='#'}{$return.id_order|string_format:"%06d"}</a></td>
|
||||
<td class="history_method"><span class="bold">{$return.state_name|escape:'htmlall':'UTF-8'}</span></td>
|
||||
<td class="history_method"><span class="label label-info">{$return.state_name|escape:'htmlall':'UTF-8'}</span></td>
|
||||
<td class="bold">{dateFormat date=$return.date_add full=0}</td>
|
||||
<td class="history_invoice">
|
||||
{if $return.state == 2}
|
||||
|
||||
@@ -116,8 +116,8 @@
|
||||
<input type="password" class="text form-control" name="passwd" id="passwd" />
|
||||
<span class="form_info">{l s='(five characters min.)'}</span>
|
||||
</div>
|
||||
<div class="required clearfix">
|
||||
<label>{l s='Title'}</label><br />
|
||||
<div class="required clearfix gender-line">
|
||||
<label>{l s='Title'}</label>
|
||||
{foreach from=$genders key=k item=gender}
|
||||
<div class="radio-inline">
|
||||
<label for="id_gender{$gender->id_gender}" class="top">
|
||||
|
||||
@@ -62,9 +62,9 @@
|
||||
<tr>
|
||||
<th class="cart_product first_item">{l s='Product'}</th>
|
||||
<th class="cart_description item">{l s='Description'}</th>
|
||||
<th class="cart_availability item">{l s='Ref.'}</th>
|
||||
<th class="cart_availability item">{l s='Avail.'}</th>
|
||||
<th class="cart_unit item">{l s='Unit price'}</th>
|
||||
<th class="cart_quantity item">{l s='Qty'}</th>
|
||||
<!--th class="cart_quantity item">{l s='Qty'}</th-->
|
||||
<th class="cart_total last_item">{l s='Total'}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -72,23 +72,23 @@
|
||||
{if $use_taxes}
|
||||
{if $priceDisplay}
|
||||
<tr class="cart_total_price">
|
||||
<td colspan="4" class="text-right">{if $display_tax_label}{l s='Total products (tax excl.)'}{else}{l s='Total products'}{/if}</td>
|
||||
<td colspan="3" class="text-right">{if $display_tax_label}{l s='Total products (tax excl.)'}{else}{l s='Total products'}{/if}</td>
|
||||
<td colspan="2" class="price" id="total_product">{displayPrice price=$total_products}</td>
|
||||
</tr>
|
||||
{else}
|
||||
<tr class="cart_total_price">
|
||||
<td colspan="4" class="text-right">{if $display_tax_label}{l s='Total products (tax incl.)'}{else}{l s='Total products'}{/if}</td>
|
||||
<td colspan="3" class="text-right">{if $display_tax_label}{l s='Total products (tax incl.)'}{else}{l s='Total products'}{/if}</td>
|
||||
<td colspan="2" class="price" id="total_product">{displayPrice price=$total_products_wt}</td>
|
||||
</tr>
|
||||
{/if}
|
||||
{else}
|
||||
<tr class="cart_total_price">
|
||||
<td colspan="4" class="text-right">{l s='Total products'}</td>
|
||||
<td colspan="3" class="text-right">{l s='Total products'}</td>
|
||||
<td colspan="2" class="price" id="total_product">{displayPrice price=$total_products}</td>
|
||||
</tr>
|
||||
{/if}
|
||||
<tr class="cart_total_voucher" {if $total_wrapping == 0}style="display:none"{/if}>
|
||||
<td colspan="4" class="text-right">
|
||||
<td colspan="3" class="text-right">
|
||||
{if $use_taxes}
|
||||
{if $priceDisplay}
|
||||
{if $display_tax_label}{l s='Total gift wrapping (tax excl.):'}{else}{l s='Total gift wrapping cost:'}{/if}
|
||||
@@ -113,31 +113,31 @@
|
||||
</tr>
|
||||
{if $total_shipping_tax_exc <= 0 && !isset($virtualCart)}
|
||||
<tr class="cart_total_delivery">
|
||||
<td colspan="4" class="text-right">{l s='Shipping:'}</td>
|
||||
<td colspan="3" class="text-right">{l s='Shipping:'}</td>
|
||||
<td colspan="2" class="price" id="total_shipping">{l s='Free Shipping!'}</td>
|
||||
</tr>
|
||||
{else}
|
||||
{if $use_taxes && $total_shipping_tax_exc != $total_shipping}
|
||||
{if $priceDisplay}
|
||||
<tr class="cart_total_delivery" {if $shippingCost <= 0} style="display:none"{/if}>
|
||||
<td colspan="4" class="text-right">{if $display_tax_label}{l s='Total shipping (tax excl.)'}{else}{l s='Total shipping'}{/if}</td>
|
||||
<td colspan="3" class="text-right">{if $display_tax_label}{l s='Total shipping (tax excl.)'}{else}{l s='Total shipping'}{/if}</td>
|
||||
<td colspan="2" class="price" id="total_shipping">{displayPrice price=$shippingCostTaxExc}</td>
|
||||
</tr>
|
||||
{else}
|
||||
<tr class="cart_total_delivery"{if $shippingCost <= 0} style="display:none"{/if}>
|
||||
<td colspan="4" class="text-right">{if $display_tax_label}{l s='Total shipping (tax incl.)'}{else}{l s='Total shipping'}{/if}</td>
|
||||
<td colspan="3" class="text-right">{if $display_tax_label}{l s='Total shipping (tax incl.)'}{else}{l s='Total shipping'}{/if}</td>
|
||||
<td colspan="2" class="price" id="total_shipping" >{displayPrice price=$shippingCost}</td>
|
||||
</tr>
|
||||
{/if}
|
||||
{else}
|
||||
<tr class="cart_total_delivery"{if $shippingCost <= 0} style="display:none"{/if}>
|
||||
<td colspan="4" class="text-right">{l s='Total shipping'}</td>
|
||||
<td colspan="3" class="text-right">{l s='Total shipping'}</td>
|
||||
<td colspan="2" class="price" id="total_shipping" >{displayPrice price=$shippingCostTaxExc}</td>
|
||||
</tr>
|
||||
{/if}
|
||||
{/if}
|
||||
<tr class="cart_total_voucher" {if $total_discounts == 0}style="display:none"{/if}>
|
||||
<td colspan="4" class="text-right">
|
||||
<td colspan="3" class="text-right">
|
||||
{if $use_taxes}
|
||||
{if $priceDisplay}
|
||||
{if $display_tax_label}{l s='Total vouchers (tax excl.)'}{else}{l s='Total vouchers'}{/if}
|
||||
@@ -163,12 +163,12 @@
|
||||
{if $use_taxes}
|
||||
{if $priceDisplay && $total_tax != 0}
|
||||
<tr class="cart_total_tax">
|
||||
<td colspan="4" class="text-right">{l s='Total tax:'}</td>
|
||||
<td colspan="3" class="text-right">{l s='Total tax:'}</td>
|
||||
<td colspan="2" class="price" id="total_tax" >{displayPrice price=$total_tax}</td>
|
||||
</tr>
|
||||
{/if}
|
||||
<tr class="cart_total_price">
|
||||
<td colspan="4" class="total_price_container text-right"><span>{l s='Total'}</span></td>
|
||||
<td colspan="3" class="total_price_container text-right"><span>{l s='Total'}</span></td>
|
||||
<td colspan="2" class="price" id="total_price_container">
|
||||
<span id="total_price">{displayPrice price=$total_price}</span>
|
||||
</td>
|
||||
@@ -206,10 +206,10 @@
|
||||
</div>
|
||||
</td>
|
||||
{/if}
|
||||
<td colspan="{if !$voucherAllowed}4{else}2{/if}" class="text-right total_price_container">
|
||||
<td colspan="{if !$voucherAllowed}3{else}2{/if}" class="text-right total_price_container">
|
||||
<span>{l s='Total'}</span>
|
||||
</td>
|
||||
<td colspan="2" class="price total_price_container" id="total_price_container">
|
||||
<td colspan="1" class="price total_price_container" id="total_price_container">
|
||||
<span id="total_price">{displayPrice price=$total_price_without_tax}</span>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -229,7 +229,7 @@
|
||||
{if isset($customizedDatas.$productId.$productAttributeId)}
|
||||
{foreach from=$customizedDatas.$productId.$productAttributeId[$product.id_address_delivery] key='id_customization' item='customization'}
|
||||
<tr id="product_{$product.id_product}_{$product.id_product_attribute}_{$id_customization}" class="alternate_item cart_item">
|
||||
<td colspan="4">
|
||||
<td colspan="3">
|
||||
{foreach from=$customization.datas key='type' item='datas'}
|
||||
{if $type == $CUSTOMIZE_FILE}
|
||||
<div class="customizationUploaded">
|
||||
|
||||
@@ -55,7 +55,6 @@
|
||||
{if isset($search_query) AND $search_query}<input type="hidden" name="search_query" value="{$search_query|escape:'htmlall':'UTF-8'}" />{/if}
|
||||
{if isset($tag) AND $tag AND !is_array($tag)}<input type="hidden" name="tag" value="{$tag|escape:'htmlall':'UTF-8'}" />{/if}
|
||||
<button type="submit" class="btn btn-default button exclusive-medium"><span>{l s='Show all'}</span></button>
|
||||
<input name="n" id="nb_item" class="hidden" value="{$nb_products}" />
|
||||
{if is_array($requestNb)}
|
||||
{foreach from=$requestNb item=requestValue key=requestKey}
|
||||
{if $requestKey != 'requestUrl'}
|
||||
@@ -63,6 +62,7 @@
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/if}
|
||||
<input name="n" id="nb_item" class="hidden" value="{$nb_products}" />
|
||||
</div>
|
||||
</form>
|
||||
{/if}
|
||||
@@ -113,7 +113,17 @@
|
||||
{/if}
|
||||
</div>
|
||||
<div class="product-count">
|
||||
Showing 1-12 of 1125 items
|
||||
{if ($n*$p) < $nb_products }
|
||||
{assign var='productShowing' value=$n*$p}
|
||||
{else}
|
||||
{assign var='productShowing' value=($n*$p-$nb_products-$n*$p)*-1}
|
||||
{/if}
|
||||
{if $p==1}
|
||||
{assign var='productShowingStart' value=1}
|
||||
{else}
|
||||
{assign var='productShowingStart' value=$n*$p-$n+1}
|
||||
{/if}
|
||||
{l s='Showing'} {$productShowingStart} - {$productShowing} {l s='of'} {$nb_products}{if $nb_products > 1} {l s='items'}{else} {l s='item'}{/if}
|
||||
</div>
|
||||
<!-- /Pagination -->
|
||||
{/if}
|
||||
|
||||
@@ -34,7 +34,8 @@
|
||||
{/if}
|
||||
<form method="post" action="{$link->getPageLink('products-comparison')|escape:'html'}" onsubmit="true" class="compare-form">
|
||||
<div>
|
||||
<button type="submit" id="bt_compare{if isset($paginationId)}_{$paginationId}{/if}" class="btn btn-default button button-medium bt_compare"><span>{l s='Compare'} (0)<i class="icon-chevron-right right"></i></span></button>
|
||||
<button type="submit" id="bt_compare{if isset($paginationId)}_{$paginationId}{/if}" class="btn btn-default button button-medium bt_compare"><span>{l s='Compare'} (<strong class="total-compare-val">{count($compared_products)}</strong>)<i class="icon-chevron-right right"></i></span></button>
|
||||
<input type="hidden" name="compare_product_count" class="compare_product_count" value="{count($compared_products)}" />
|
||||
<input type="hidden" name="compare_product_list" class="compare_product_list" value="" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -31,11 +31,20 @@
|
||||
|
||||
{if $page_name !='index' && $page_name !='product'}
|
||||
{assign var='nbItemsPerLine' value=3}
|
||||
{assign var='nbItemsPerLineTablet' value=2}
|
||||
{assign var='nbItemsPerLineMobile' value=3}
|
||||
{else}
|
||||
<script type="text/javascript">
|
||||
$('document').ready(function(){
|
||||
if (typeof reloadProductComparison != 'undefined')
|
||||
reloadProductComparison()
|
||||
});
|
||||
</script>
|
||||
{assign var='nbItemsPerLine' value=4}
|
||||
{assign var='nbItemsPerLineTablet' value=3}
|
||||
{assign var='nbItemsPerLineMobile' value=2}
|
||||
{/if}
|
||||
{*define numbers of product per line in other page for tablet*}
|
||||
{assign var='nbItemsPerLineTablet' value=2}
|
||||
{assign var='nbLi' value=$products|@count}
|
||||
{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}
|
||||
{math equation="nbLi/nbItemsPerLineTablet" nbLi=$nbLi nbItemsPerLineTablet=$nbItemsPerLineTablet assign=nbLinesTablet}
|
||||
@@ -44,9 +53,11 @@
|
||||
{foreach from=$products item=product name=products}
|
||||
{math equation="(total%perLine)" total=$smarty.foreach.products.total perLine=$nbItemsPerLine assign=totModulo}
|
||||
{math equation="(total%perLineT)" total=$smarty.foreach.products.total perLineT=$nbItemsPerLineTablet assign=totModuloTablet}
|
||||
{math equation="(total%perLineT)" total=$smarty.foreach.products.total perLineT=$nbItemsPerLineMobile assign=totModuloMobile}
|
||||
{if $totModulo == 0}{assign var='totModulo' value=$nbItemsPerLine}{/if}
|
||||
{if $totModuloTablet == 0}{assign var='totModuloTablet' value=$nbItemsPerLineTablet}{/if}
|
||||
<li class="ajax_block_product col-xs-3 {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModulo)}last-line{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0}last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1}first-item-of-tablet-line{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloTablet)}last-tablet-line{/if}">
|
||||
{if $totModuloMobile == 0}{assign var='totModuloMobile' value=$nbItemsPerLineMobile}{/if}
|
||||
<li class="ajax_block_product {if $page_name == 'index' || $page_name == 'product'}col-xs-12 col-sm-4 col-md-3{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModulo)}last-line{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0}last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1}first-item-of-tablet-line{/if} {if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0}last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1}first-item-of-mobile-line{/if} {if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)}last-mobile-line{/if}">
|
||||
<div class="product-container">
|
||||
<div class="left-block">
|
||||
<div class="product-image-container">
|
||||
@@ -117,7 +128,7 @@
|
||||
{if isset($comparator_max_item) && $comparator_max_item}
|
||||
<div class="compare">
|
||||
<label for="comparator_item_{$product.id_product}">
|
||||
<input type="checkbox" class="comparator hidden" id="comparator_item_{$product.id_product}" value="comparator_item_{$product.id_product}" {if isset($compareProducts) && in_array($product.id_product, $compareProducts)}checked="checked"{/if} autocomplete="off"/>
|
||||
<input type="checkbox" class="comparator hidden" id="comparator_item_{$product.id_product}" value="comparator_item_{$product.id_product}" {if isset($compared_products) && in_array($product.id_product, $compared_products)}checked="checked"{/if} autocomplete="off"/>
|
||||
{l s='Add to Compare'}</label>
|
||||
</div>
|
||||
{/if}
|
||||
@@ -133,8 +144,8 @@
|
||||
<script type="text/javascript"><!--
|
||||
function display(view) {
|
||||
if (view == 'list') {
|
||||
$('ul.product_list').removeClass('grid row').addClass('list row');
|
||||
$('.product_list > li').removeClass('col-xs-12 col-xs-4 col-sm-6 col-md-4').addClass('col-xs-12');
|
||||
$('ul.product_list').removeClass('grid').addClass('list row');
|
||||
$('.product_list > li').removeClass('col-xs-12 col-sm-6 col-md-4').addClass('col-xs-12');
|
||||
$('.product_list > li').each(function(index, element) {
|
||||
html = '';
|
||||
html = '<div class="product-container"><div class="row">';
|
||||
@@ -170,8 +181,8 @@
|
||||
if (typeof quick_view != 'undefined') // qick view button reload
|
||||
quick_view();
|
||||
} else {
|
||||
$('ul.product_list').removeClass('list row').addClass('grid row');
|
||||
$('.product_list > li').removeClass('col-xs-12 col-xs-4').addClass('col-xs-12 col-sm-6 col-md-4');
|
||||
$('ul.product_list').removeClass('list').addClass('grid row');
|
||||
$('.product_list > li').removeClass('col-xs-12').addClass('col-xs-12 col-sm-6 col-md-4');
|
||||
$('.product_list > li').each(function(index, element) {
|
||||
html = '';
|
||||
html += '<div class="product-container">';
|
||||
|
||||
@@ -158,7 +158,8 @@ var isLoggedWishlist = {if $logged}true{else}false{/if};
|
||||
var contentOnly = {if $content_only}true{else}false{/if}
|
||||
//]]>
|
||||
</script>
|
||||
<div id="primary_block" class="row">
|
||||
<div id="primary_block" class="row" itemscope itemtype="http://schema.org/Product">
|
||||
|
||||
|
||||
{if !$content_only}<div class="container"><div class="top-hr"></div></div>{/if}
|
||||
|
||||
@@ -187,6 +188,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
|
||||
|
||||
<div id="image-block">
|
||||
|
||||
|
||||
{if $product->on_sale}
|
||||
<span class="sale-box"><span class="sale">{l s='Sale!'}</span></span>
|
||||
{elseif $product->specificPrice AND $product->specificPrice.reduction AND $productPriceWithoutReduction > $productPrice}
|
||||
@@ -195,12 +197,12 @@ var contentOnly = {if $content_only}true{else}false{/if}
|
||||
|
||||
{if $have_image}
|
||||
<span id="view_full_size">
|
||||
<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}"{if $jqZoomEnabled && $have_image} class="jqzoom"{/if} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>
|
||||
<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html'}"{if $jqZoomEnabled && $have_image} class="jqzoom"{/if} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/>
|
||||
{if !$content_only}<span class="span_link">{l s='View larger'}</span>{/if}
|
||||
</span>
|
||||
{else}
|
||||
<span id="view_full_size">
|
||||
<img src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
|
||||
<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
|
||||
{if !$content_only}<span class="span_link">{l s='View larger'}</span>{/if}
|
||||
</span>
|
||||
{/if}
|
||||
@@ -239,15 +241,15 @@ var contentOnly = {if $content_only}true{else}false{/if}
|
||||
<p class="online_only">{l s='Online only'}</p>
|
||||
{/if}
|
||||
|
||||
<h1>{$product->name|escape:'htmlall':'UTF-8'}</h1>
|
||||
<h1 itemprop="name">{$product->name|escape:'htmlall':'UTF-8'}</h1>
|
||||
<p id="product_reference" {if isset($groups) OR !$product->reference}style="display: none;"{/if}>
|
||||
<label>{l s='Model'} </label>
|
||||
<span class="editable">{$product->reference|escape:'htmlall':'UTF-8'}</span>
|
||||
<span class="editable" itemprop="sku">{$product->reference|escape:'htmlall':'UTF-8'}</span>
|
||||
</p>
|
||||
{if $product->description_short OR $packItems|@count > 0}
|
||||
<div id="short_description_block">
|
||||
{if $product->description_short}
|
||||
<div id="short_description_content" class="rte align_justify">{$product->description_short}</div>
|
||||
<div id="short_description_content" class="rte align_justify" itemprop="description">{$product->description_short}</div>
|
||||
{/if}
|
||||
{if $product->description}
|
||||
<p class="buttons_bottom_block"><a href="javascript:{ldelim}{rdelim}" class="button">{l s='More details'}</a></p>
|
||||
@@ -349,9 +351,10 @@ var contentOnly = {if $content_only}true{else}false{/if}
|
||||
{if $product->show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
|
||||
|
||||
<div class="price">
|
||||
<p class="our_price_display">
|
||||
<p class="our_price_display" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
|
||||
<link itemprop="availability" href="http://schema.org/InStock">
|
||||
{if $priceDisplay >= 0 && $priceDisplay <= 2}
|
||||
<span id="our_price_display">{convertPrice price=$productPrice}</span>
|
||||
<span id="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>
|
||||
<!--{if $tax_enabled && ((isset($display_tax_label) && $display_tax_label == 1) OR !isset($display_tax_label))}
|
||||
{if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}
|
||||
{/if}-->
|
||||
|
||||
@@ -28,6 +28,12 @@
|
||||
<h1 class="page-heading">{l s='Product Comparison'}</h1>
|
||||
|
||||
{if $hasProduct}
|
||||
<script type="text/javascript">
|
||||
$('document').ready(function(){
|
||||
if (typeof reloadProductComparison != 'undefined')
|
||||
reloadProductComparison()
|
||||
});
|
||||
</script>
|
||||
<div class="products_block table-responsive">
|
||||
<table id="product_comparison" class="table table-bordered">
|
||||
<tr>
|
||||
@@ -108,7 +114,7 @@
|
||||
{if ($product->quantity > 0 OR $product->allow_oosp)}
|
||||
<a class="button ajax_add_to_cart_button btn btn-default" rel="ajax_id_product_{$product->id}" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$product->id}&token={$static_token}&add")|escape:'html'}" title="{l s='Add to cart'}"><span>{l s='Add to cart'}</span></a>
|
||||
{else}
|
||||
<span class="exclusive btn btn-default disabled">{l s='Add to cart'}</span>
|
||||
<span class="ajax_add_to_cart_button button btn btn-default disabled"><span>{l s='Add to cart'}</span></span>
|
||||
{/if}
|
||||
{else}
|
||||
|
||||
|
||||
@@ -48,6 +48,7 @@
|
||||
|
||||
.label-info {
|
||||
@include label-variant($label-info-bg);
|
||||
border:1px solid $label-info-border;
|
||||
}
|
||||
|
||||
.label-warning {
|
||||
@@ -57,4 +58,5 @@
|
||||
|
||||
.label-danger {
|
||||
@include label-variant($label-danger-bg);
|
||||
border:1px solid $label-danger-border;
|
||||
}
|
||||
|
||||
@@ -22,7 +22,7 @@ $brand-primary: #428bca !default;
|
||||
$brand-success: #46a74e !default;
|
||||
$brand-warning: #f0ad4e !default;
|
||||
$brand-danger: #d9534f !default;
|
||||
$brand-info: #5bc0de !default;
|
||||
$brand-info: #5192f3 !default;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
@@ -414,12 +414,14 @@ $label-primary-bg: $brand-primary !default;
|
||||
$label-success-bg: $state-success-bg !default;
|
||||
$label-info-bg: $brand-info !default;
|
||||
$label-warning-bg: $state-warning-bg !default;
|
||||
$label-danger-bg: $brand-danger !default;
|
||||
$label-danger-bg: $state-danger-bg !default;
|
||||
|
||||
$label-color: #fff !default;
|
||||
$label-link-hover-color: #fff !default;
|
||||
$label-success-border: #36943e !default;
|
||||
$label-warning-border: $state-warning-border !default;
|
||||
$label-warning-border: $state-warning-border !default;
|
||||
$label-info-border: $state-info-border !default;
|
||||
$label-danger-border: $state-danger-border !default;
|
||||
|
||||
// Modals
|
||||
// -------------------------
|
||||
|
||||
@@ -90,7 +90,7 @@ table#product_comparison {
|
||||
}
|
||||
.button-container {
|
||||
|
||||
a {
|
||||
a, > span {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -773,54 +773,79 @@ table.table_block td {
|
||||
***************************************************************************************************/
|
||||
#home-page-tabs {
|
||||
border:none;
|
||||
margin:0 0 0 -18px;
|
||||
padding:10px 0;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
padding:10px 0;
|
||||
margin:0 0 0 -18px;
|
||||
}
|
||||
|
||||
> li {
|
||||
border-left:1px solid $base-border-color;
|
||||
margin:0 0px 0 9px;
|
||||
padding:0 0px 0 9px;
|
||||
a {
|
||||
font:600 21px/24px 'Open Sans', sans-serif;
|
||||
color:#555454;
|
||||
text-transform:uppercase;
|
||||
padding:1px 10px;
|
||||
border:none;
|
||||
outline:none;
|
||||
margin:0;
|
||||
}
|
||||
margin-bottom:0;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
border-left:1px solid $base-border-color;
|
||||
margin:0 0px 0 9px;
|
||||
padding:0 0px 0 9px;
|
||||
}
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:100%;
|
||||
}
|
||||
a {
|
||||
font:600 21px/24px 'Open Sans', sans-serif;
|
||||
color:#555454;
|
||||
text-transform:uppercase;
|
||||
border:none;
|
||||
outline:none;
|
||||
margin:0;
|
||||
padding:10px;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
padding:1px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {border:none;}
|
||||
}
|
||||
|
||||
> li.active a, >li a:hover {
|
||||
background:#333333;
|
||||
color:#fff;
|
||||
margin:-10px 0;
|
||||
padding:10px;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
margin:-10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
#index {
|
||||
|
||||
.tab-content {
|
||||
margin-top:35px;
|
||||
}
|
||||
}
|
||||
.block {margin-bottom:30px}
|
||||
.block {
|
||||
|
||||
.title_block, h4 {
|
||||
font:600 18px/22px 'Open Sans', sans-serif;
|
||||
color:#555454;
|
||||
background:#f6f6f6;
|
||||
border-top:5px solid #333;
|
||||
text-transform:uppercase;
|
||||
padding:14px 0 17px 20px;
|
||||
padding:14px 5px 17px 20px;
|
||||
margin-bottom:20px;
|
||||
a {
|
||||
color:#555454;
|
||||
&:hover {
|
||||
color:#333;
|
||||
}
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#555454;
|
||||
|
||||
&:hover {
|
||||
color:#333;
|
||||
}
|
||||
}
|
||||
}
|
||||
&#contact_block {
|
||||
background:#333;
|
||||
|
||||
.title_block {
|
||||
border-color:#e4e3e3;
|
||||
background:#333;
|
||||
@@ -831,11 +856,14 @@ table.table_block td {
|
||||
}
|
||||
.list-block {
|
||||
margin-top:-8px;
|
||||
|
||||
li {
|
||||
padding:5px 0 6px 20px;
|
||||
border-top:1px solid $base-border-color;
|
||||
|
||||
a {
|
||||
i {display:none;}
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:inline;
|
||||
@@ -843,26 +871,39 @@ table.table_block td {
|
||||
color:#333;
|
||||
padding-right:8px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:#333333;
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {border-top:none;}
|
||||
}
|
||||
|
||||
.form-group { padding-top:20px; border-top:1px solid $base-border-color;}
|
||||
|
||||
.btn {margin-top:12px;}
|
||||
}
|
||||
.products-block {
|
||||
|
||||
li {
|
||||
padding:0 0 20px 0;
|
||||
margin-bottom:20px;
|
||||
border-bottom:1px solid $base-border-color;
|
||||
|
||||
.products-block-image {
|
||||
float:left;
|
||||
border:1px solid $base-border-color;
|
||||
margin-right:19px;
|
||||
margin-right:19px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
float:none;
|
||||
display:inline-block;
|
||||
margin:0 auto 10px;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
||||
.product-content {
|
||||
overflow:hidden;
|
||||
h5 {
|
||||
@@ -870,8 +911,11 @@ table.table_block td {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-name {font-size:15px; line-height:18px;}
|
||||
|
||||
.product-description {margin-bottom:14px;}
|
||||
|
||||
.price-percent-reduction {
|
||||
font:700 14px/17px Arial, Helvetica, sans-serif;
|
||||
padding:1px 6px;
|
||||
@@ -880,11 +924,14 @@ table.table_block td {
|
||||
}
|
||||
/*************** Block CATEGORIES ***************/
|
||||
#categories_block_left {
|
||||
|
||||
.block_content > ul {
|
||||
border-top:1px solid $base-border-color;
|
||||
}
|
||||
|
||||
li {
|
||||
position:relative;
|
||||
|
||||
a {
|
||||
font-weight:bold;
|
||||
color:#333333;
|
||||
@@ -894,6 +941,7 @@ table.table_block td {
|
||||
padding:0 30px 0 19px;
|
||||
border-bottom:1px solid $base-border-color;
|
||||
}
|
||||
|
||||
span.grower {
|
||||
display:block;
|
||||
background:#f6f6f6;
|
||||
@@ -904,37 +952,43 @@ table.table_block td {
|
||||
text-align:center;
|
||||
font-family:'FontAwesome';
|
||||
font-size:14px;
|
||||
&.OPEN, &.CLOSE {
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
vertical-align:middle;
|
||||
width:30px;
|
||||
height:30px;
|
||||
color:#333;
|
||||
line-height:30px;
|
||||
}
|
||||
}
|
||||
&.CLOSE:before {
|
||||
content:"";
|
||||
color:#c0c0c0;
|
||||
|
||||
&.OPEN, &.CLOSE {
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
vertical-align:middle;
|
||||
width:30px;
|
||||
height:30px;
|
||||
color:#333;
|
||||
line-height:30px;
|
||||
}
|
||||
}
|
||||
|
||||
&.CLOSE:before {
|
||||
content:"";
|
||||
color:#c0c0c0;
|
||||
}
|
||||
}
|
||||
& span.grower:hover + a, a:hover, a.selected {
|
||||
background:#f6f6f6;
|
||||
}
|
||||
li {
|
||||
a {
|
||||
font-weight:normal;
|
||||
color:#777777;
|
||||
&:before {
|
||||
content:"";
|
||||
font-family:'FontAwesome';
|
||||
line-height:29px;
|
||||
padding-right:8px;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
|
||||
a {
|
||||
font-weight:normal;
|
||||
color:#777777;
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
font-family:'FontAwesome';
|
||||
line-height:29px;
|
||||
padding-right:8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*************************************************************************************************/
|
||||
@@ -952,12 +1006,13 @@ table.table_block td {
|
||||
float:right;
|
||||
color:#333;
|
||||
text-transform:none;
|
||||
@media (max-width:$screen-xs) {
|
||||
float:none;
|
||||
display:block;
|
||||
padding-top:5px;
|
||||
}
|
||||
@media (max-width:$screen-xs) {
|
||||
float:none;
|
||||
display:block;
|
||||
padding-top:5px;
|
||||
}
|
||||
}
|
||||
|
||||
span.lighter {color:#9c9c9c}
|
||||
|
||||
&.bottom-indent { margin-bottom:16px;}
|
||||
@@ -1023,6 +1078,7 @@ ul.footer_links {
|
||||
.clearfix > span {
|
||||
padding:3px 0 0 12px;
|
||||
display:inline-block;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#uniform-nb_item { float:left;}
|
||||
@@ -1093,29 +1149,24 @@ ul.footer_links {
|
||||
float:right;
|
||||
width:530px;
|
||||
text-align:center;
|
||||
|
||||
/* min 992px max 1199px */
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
||||
width:380px;
|
||||
}
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
float:left;
|
||||
width:auto;
|
||||
}
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
width:380px;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
float:left;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
.showall {
|
||||
float:right;
|
||||
margin:8px 53px 8px 14px;
|
||||
|
||||
/* min 992px max 1199px */
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
||||
margin-right:11px;
|
||||
}
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
margin-right:0;
|
||||
}
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
margin-right:11px;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
||||
@@ -1129,72 +1180,84 @@ ul.footer_links {
|
||||
}
|
||||
ul.pagination {
|
||||
margin:8px 0px 8px 0;
|
||||
li {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
> a, > span {
|
||||
margin:0 1px 0 0px;
|
||||
padding:0;
|
||||
font-weight:bold;
|
||||
border:1px solid;
|
||||
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
float:left;
|
||||
}
|
||||
|
||||
li {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
|
||||
> a, > span {
|
||||
margin:0 1px 0 0px;
|
||||
padding:0;
|
||||
font-weight:bold;
|
||||
border:1px solid;
|
||||
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
||||
display:block;
|
||||
|
||||
span {
|
||||
border:1px solid #fff;
|
||||
padding:2px 8px;
|
||||
display:block;
|
||||
span {
|
||||
border:1px solid #fff;
|
||||
padding:2px 8px;
|
||||
display:block;
|
||||
background:url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb;
|
||||
}
|
||||
}
|
||||
> a:hover {
|
||||
span {
|
||||
background:#f6f6f6;
|
||||
}
|
||||
}
|
||||
&.pagination_previous, &.pagination_next {
|
||||
color:#777676;
|
||||
font-weight:bold;
|
||||
> a, > span {
|
||||
border:none;
|
||||
background:none;
|
||||
display:block;
|
||||
padding:4px 0;
|
||||
span { border:none; padding:0; background:none;}
|
||||
}
|
||||
}
|
||||
&.pagination_previous { margin-right:10px;}
|
||||
&.pagination_next { margin-left:10px;}
|
||||
&.active {
|
||||
|
||||
> span {
|
||||
|
||||
color:#333333;
|
||||
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
||||
span {background:#f6f6f6;}
|
||||
}
|
||||
background:url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb;
|
||||
}
|
||||
}
|
||||
|
||||
> a:hover {
|
||||
|
||||
span {
|
||||
background:#f6f6f6;
|
||||
}
|
||||
}
|
||||
&.pagination_previous, &.pagination_next {
|
||||
color:#777676;
|
||||
font-weight:bold;
|
||||
|
||||
> a, > span {
|
||||
border:none;
|
||||
background:none;
|
||||
display:block;
|
||||
padding:4px 0;
|
||||
|
||||
span { border:none; padding:0; background:none;}
|
||||
}
|
||||
}
|
||||
|
||||
&.pagination_previous { margin-right:10px;}
|
||||
|
||||
&.pagination_next { margin-left:10px;}
|
||||
|
||||
&.active {
|
||||
|
||||
> span {
|
||||
|
||||
color:#333333;
|
||||
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
||||
|
||||
span {background:#f6f6f6;}
|
||||
}
|
||||
}
|
||||
}
|
||||
.compare-form {
|
||||
float:right;
|
||||
|
||||
/* max 479px */
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
float:left;
|
||||
width:100%;
|
||||
text-align:left;
|
||||
padding-bottom:10px;
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
|
||||
.compare-form {
|
||||
float:right;
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
float:left;
|
||||
width:100%;
|
||||
text-align:left;
|
||||
padding-bottom:10px;
|
||||
clear:both;
|
||||
}
|
||||
}
|
||||
|
||||
.product-count {
|
||||
padding:11px 0 0 0;
|
||||
float:left;
|
||||
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
clear:left;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
clear:left;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom-pagination-content {border-top:1px solid $base-border-color;}
|
||||
@@ -1202,11 +1265,9 @@ ul.footer_links {
|
||||
ul.step {
|
||||
margin-bottom:30px;
|
||||
overflow:hidden;
|
||||
|
||||
/*min 480px*/
|
||||
@media (min-width: $screen-xs) {
|
||||
@include border-radius(4px);
|
||||
}
|
||||
@media (min-width: $screen-xs) { //min 480px
|
||||
@include border-radius(4px);
|
||||
}
|
||||
|
||||
li {
|
||||
float:left;
|
||||
@@ -1217,12 +1278,10 @@ ul.step {
|
||||
border-bottom-color:#9a9a9a;
|
||||
border-right-color:#b7b7b7;
|
||||
border-left-width:0px;
|
||||
|
||||
/* max 480px */
|
||||
@media (max-width: $screen-xs - 1) {
|
||||
width:100%;
|
||||
border-left-width:1px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 480px
|
||||
width:100%;
|
||||
border-left-width:1px;
|
||||
}
|
||||
|
||||
a, span, &.step_current span, &.step_current_end span {
|
||||
display:block;
|
||||
@@ -1233,22 +1292,21 @@ ul.step {
|
||||
font-weight:bold;
|
||||
text-shadow:1px 1px rgba(255,255,255,1);
|
||||
position:relative;
|
||||
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
&:after {
|
||||
content:".";
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:-31px;
|
||||
z-index:0;
|
||||
text-indent:-5000px;
|
||||
display:block;
|
||||
width:31px;
|
||||
height:52px;
|
||||
margin-top:-2px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
&:after {
|
||||
content:".";
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:-31px;
|
||||
z-index:0;
|
||||
text-indent:-5000px;
|
||||
display:block;
|
||||
width:31px;
|
||||
height:52px;
|
||||
margin-top:-2px;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {text-decoration:none; outline:none;}
|
||||
}
|
||||
@@ -1256,22 +1314,18 @@ ul.step {
|
||||
&.first {
|
||||
border-left-width:1px;
|
||||
border-left-color:#b7b7b7;
|
||||
|
||||
/*min 480px*/
|
||||
@media (min-width: $screen-xs) {
|
||||
@include border-top-left-radius(4px);
|
||||
@include border-bottom-left-radius(4px);
|
||||
}
|
||||
@media (min-width: $screen-xs) { //min 480px
|
||||
@include border-top-left-radius(4px);
|
||||
@include border-bottom-left-radius(4px);
|
||||
}
|
||||
|
||||
span, a {
|
||||
z-index:5;
|
||||
padding-left:13px !important;
|
||||
|
||||
/*min 480px*/
|
||||
@media (min-width: $screen-xs) {
|
||||
@include border-top-left-radius(4px);
|
||||
@include border-bottom-left-radius(4px);
|
||||
}
|
||||
@media (min-width: $screen-xs) { //min 480px
|
||||
@include border-top-left-radius(4px);
|
||||
@include border-bottom-left-radius(4px);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.second {
|
||||
@@ -1287,17 +1341,15 @@ ul.step {
|
||||
span {
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
/*min 480px*/
|
||||
@media (min-width: $screen-xs) {
|
||||
@include border-top-right-radius(4px);
|
||||
@include border-bottom-right-radius(4px);
|
||||
|
||||
span {
|
||||
@include border-top-right-radius(4px);
|
||||
@include border-bottom-right-radius(4px);
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-xs) { //min 480px
|
||||
@include border-top-right-radius(4px);
|
||||
@include border-bottom-right-radius(4px);
|
||||
|
||||
span {
|
||||
@include border-top-right-radius(4px);
|
||||
@include border-bottom-right-radius(4px);
|
||||
}
|
||||
}
|
||||
}
|
||||
&.step_current {
|
||||
font-weight:bold;
|
||||
@@ -1317,15 +1369,13 @@ ul.step {
|
||||
border:1px solid;
|
||||
border-color:#73ca77 #74c776 #74c175 #74c776;
|
||||
position:relative;
|
||||
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-a.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-md) { //min 991px
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-a.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.step_current_end {
|
||||
@@ -1347,15 +1397,13 @@ ul.step {
|
||||
border:1px solid;
|
||||
border-color:#fff;
|
||||
position:relative;
|
||||
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-current.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-current.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.step_done {
|
||||
@@ -1374,45 +1422,40 @@ ul.step {
|
||||
background: -ms-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727171', endColorstr='#666666',GradientType=0 );
|
||||
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-done.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md) { // min 991px */
|
||||
padding-left:38px;
|
||||
|
||||
&:after {
|
||||
background:url(../img/order-step-done.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.step_done.step_done_last {
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
a:after {
|
||||
background:url(../img/order-step-done-last.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
a:after {
|
||||
background:url(../img/order-step-done-last.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&#step_end {
|
||||
span {
|
||||
/* min 991px */
|
||||
@media (min-width: $screen-md) {
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
em {
|
||||
font-style:normal;
|
||||
|
||||
/* min 480px max 767px */
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) {
|
||||
display:none;
|
||||
}
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1502,6 +1545,9 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
.shop-phone {
|
||||
display:block;
|
||||
padding:5px 0 10px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
display:none;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size:21px;
|
||||
@@ -1512,16 +1558,23 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
|
||||
strong {color:#fff;}
|
||||
}
|
||||
|
||||
#header_user_info {
|
||||
float:right;
|
||||
border-left:1px solid #515151;
|
||||
border-right:1px solid #515151;
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:25%;
|
||||
text-align:center;
|
||||
}
|
||||
a {
|
||||
color:#fff;
|
||||
font-weight:bold;
|
||||
display:block;
|
||||
padding:8px 9px 11px 8px;
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
font-size:11px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1530,7 +1583,22 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
position: absolute;
|
||||
left:0;
|
||||
top: 27px;
|
||||
z-index: 1;
|
||||
z-index: 1;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
width:250px;
|
||||
top:35px;
|
||||
}
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
width:174px;
|
||||
left:15px;
|
||||
top:48px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:200px;
|
||||
left:50%;
|
||||
margin-left:-100px;
|
||||
top:20px;
|
||||
}
|
||||
}
|
||||
#header_right {
|
||||
position:relative;
|
||||
@@ -1540,7 +1608,10 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
float:right;
|
||||
border-left:1px solid #515151;
|
||||
position:relative;
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:25%;
|
||||
}
|
||||
|
||||
span.firstWord {display:none;}
|
||||
|
||||
div.current {
|
||||
@@ -1548,7 +1619,11 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
padding:8px 10px 10px 10px;
|
||||
color:#fff;
|
||||
text-shadow:1px 1px rgba(0,0,0,0.2);
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
text-align:center;
|
||||
padding:9px 5px 10px;
|
||||
font-size:11px;
|
||||
}
|
||||
strong {
|
||||
color:#777777;
|
||||
}
|
||||
@@ -1561,7 +1636,18 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
color:#686666;
|
||||
vertical-align:-2px;
|
||||
padding-left:12px;
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
padding-left:2px;
|
||||
font-size:13px;
|
||||
line-height:13px;
|
||||
vertical-align:0;
|
||||
}
|
||||
}
|
||||
.cur-label {
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
@@ -1588,31 +1674,33 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
background:#484848;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {display:block;}
|
||||
}
|
||||
}
|
||||
#contact-link {
|
||||
float:right;
|
||||
border-left:1px solid #515151;
|
||||
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:25%;
|
||||
text-align:center;
|
||||
}
|
||||
a {
|
||||
display:block;
|
||||
color:#FFF;
|
||||
font-weight:bold;
|
||||
padding:8px 10px 11px 10px;
|
||||
text-shadow:1px 1px rgba(0,0,0,0.2);
|
||||
text-shadow:1px 1px rgba(0,0,0,0.2);
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
font-size:11px;
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#contact-link a, .header-row #header_user_info a, #currencies-block-top div.current, #languages-block-top div.current {
|
||||
cursor:pointer;
|
||||
|
||||
&:hover {
|
||||
&:hover, &.active {
|
||||
background:#2b2b2b;
|
||||
|
||||
+ ul {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1690,7 +1778,9 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
************************************************************************************************ */
|
||||
.footer-container {
|
||||
padding:0 0 100px 0;
|
||||
background:url(../img/footer-bg.gif) repeat-x;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
|
||||
#footer {
|
||||
color:#777;
|
||||
@@ -1727,8 +1817,14 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
}
|
||||
#block_contact_infos {
|
||||
border-left:1px solid #515151;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
border:none;
|
||||
}
|
||||
> div {
|
||||
padding:0 0 0 5px;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
||||
@@ -1751,10 +1847,18 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
#social_block {
|
||||
float:left;
|
||||
width:50%;
|
||||
padding:23px 30px 0 0;
|
||||
|
||||
padding:23px 30px 16px 0;
|
||||
background:#3F3F3F;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
width:100%;
|
||||
float:left;
|
||||
padding-top:5px;
|
||||
}
|
||||
ul {
|
||||
float:right;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
float:none;
|
||||
}
|
||||
|
||||
li {
|
||||
float:left;
|
||||
@@ -1803,7 +1907,11 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
font-size:21px;
|
||||
line-height:25px;
|
||||
text-transform:none;
|
||||
padding:0 10px 0 0;
|
||||
padding:0 10px 0 0;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
display:none;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom-footer {
|
||||
@@ -2301,6 +2409,21 @@ p.cheque-indent {
|
||||
}
|
||||
}
|
||||
}
|
||||
.gender-line {
|
||||
margin-bottom:4px;
|
||||
padding-top:4px;
|
||||
> label {
|
||||
margin-right:10px;
|
||||
margin-bottom:0;
|
||||
}
|
||||
.radio-inline {
|
||||
|
||||
label {
|
||||
font-weight:normal;
|
||||
color:#777;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#identity, #authentication, #order-opc {
|
||||
#center_column {
|
||||
@@ -2502,11 +2625,6 @@ p.cheque-indent {
|
||||
|
||||
#pagination {
|
||||
|
||||
/* 480 -> 1199 */
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-md-max) {
|
||||
width:auto;
|
||||
text-align:right;
|
||||
}
|
||||
.showall {
|
||||
margin-right:0;
|
||||
|
||||
@@ -2516,26 +2634,10 @@ p.cheque-indent {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* < 480*/
|
||||
@media (max-width: $screen-xs) {
|
||||
.product-count, #pagination {
|
||||
width:100%;
|
||||
text-align:center;
|
||||
|
||||
.showall {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top-pagination-content.bottom-line {
|
||||
border-bottom:1px solid $base-border-color;
|
||||
/* < 767 */
|
||||
@media (max-width: $screen-xs-max) {
|
||||
border-top:1px solid $base-border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*****************************************************************************************************
|
||||
|
||||
@@ -36,7 +36,9 @@
|
||||
margin-left:14px;
|
||||
}
|
||||
}
|
||||
|
||||
td.step-by-step-date {
|
||||
width:105px;
|
||||
}
|
||||
tfoot {
|
||||
|
||||
strong {
|
||||
|
||||
@@ -128,6 +128,14 @@
|
||||
width: 270px;
|
||||
background:#484848;
|
||||
color:#fff;
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
top:69px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
top:44px;
|
||||
left:50%;
|
||||
margin-left:270px/2*-1;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#fff;
|
||||
|
||||
@@ -104,6 +104,10 @@
|
||||
|
||||
.layered_filter_ul {
|
||||
padding:0 20px 5px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
}
|
||||
|
||||
li {
|
||||
padding-bottom:7px;
|
||||
|
||||
@@ -9,6 +9,10 @@
|
||||
max-width:222px;
|
||||
display:inline-block;
|
||||
margin-right:6px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-md-max) { // min 768px max 1199px
|
||||
margin-bottom:10px;
|
||||
margin-right:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -35,6 +39,10 @@
|
||||
float:left;
|
||||
padding:13px 15px 7px 15px;
|
||||
margin-bottom:0;
|
||||
@media (max-width: $screen-xs-max) { // max 767px
|
||||
background:#3F3F3F;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
h4 {
|
||||
background:none;
|
||||
@@ -43,7 +51,7 @@
|
||||
text-transform:none;
|
||||
font-size:21px;
|
||||
line-height:25px;
|
||||
border:none;
|
||||
border:none;
|
||||
}
|
||||
|
||||
.block_content {overflow:hidden;}
|
||||
|
||||
@@ -3,7 +3,23 @@
|
||||
#search_block_top {
|
||||
position:absolute;
|
||||
right: 420px;
|
||||
top: 50px;
|
||||
top: 50px;
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
right:295px;
|
||||
}
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
right:207px;
|
||||
}
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
right:0;
|
||||
top:85px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
top:56px;
|
||||
right:50%;
|
||||
width:270px;
|
||||
margin-right:270px/2*-1;
|
||||
}
|
||||
|
||||
.btn.button-search {
|
||||
background:#333;
|
||||
@@ -33,6 +49,15 @@
|
||||
background:#fbfbfb;
|
||||
float: left;
|
||||
margin-right:1px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
width:180px;
|
||||
}
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
width:212px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
width:212px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ac_results {
|
||||
|
||||
@@ -16,6 +16,12 @@
|
||||
width: 100%;
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
background: #f6f6f6;
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
margin-top:80px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
margin-top:70px;
|
||||
}
|
||||
}
|
||||
.sf-menu ul {
|
||||
position: absolute;
|
||||
@@ -46,7 +52,7 @@
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce a {
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a {
|
||||
background: #333;
|
||||
border-bottom-color: #666666;
|
||||
color: #fff;
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@import '../../_theme_variables';
|
||||
/* block top user information */
|
||||
#header_right {
|
||||
|
||||
@@ -6,17 +7,36 @@
|
||||
clear:both;
|
||||
float: right;
|
||||
margin-top:50px;
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
margin-top:25px;
|
||||
}
|
||||
@media (max-width: $screen-xs - 1) { // max 479px
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 95px;
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
#shopping_cart {
|
||||
|
||||
a {
|
||||
padding:7px 10px 14px 16px;
|
||||
background:#333333;
|
||||
min-width: 270px;/* 200 */
|
||||
min-width: 270px;
|
||||
display:block;
|
||||
font-weight:bold;
|
||||
color:#777777;
|
||||
text-shadow:1px 1px rgba(0,0,0,0.2);
|
||||
overflow:hidden;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
min-width:190px;
|
||||
}
|
||||
span.ajax_cart_product_txt, span.ajax_cart_product_txt_s {
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
display:none !important;
|
||||
}
|
||||
}
|
||||
|
||||
b {
|
||||
color:#fff;
|
||||
|
||||
@@ -45,6 +45,11 @@ ul.product_list {
|
||||
}
|
||||
}
|
||||
.product-image-container {
|
||||
text-align:center;
|
||||
|
||||
img {
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.quick-view {
|
||||
font:700 13px/16px Arial, Helvetica, sans-serif;
|
||||
@@ -81,6 +86,7 @@ ul.product_list.grid {
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
width:50%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.product-container {
|
||||
@@ -175,27 +181,27 @@ ul.product_list.grid {
|
||||
}
|
||||
|
||||
&.compare {
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:inline-block;
|
||||
font-family:'FontAwesome';
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
display:none;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
&.compare.checked {
|
||||
|
||||
label {
|
||||
&:before {
|
||||
content:"";
|
||||
content:"";
|
||||
display:inline-block;
|
||||
font-family:'FontAwesome';
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
||||
display:none;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
&.checked {
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -329,6 +335,9 @@ ul.product_list.list {
|
||||
}
|
||||
}
|
||||
.functional-buttons {
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
overflow:hidden;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
clear:both;
|
||||
|
||||
@@ -389,7 +398,7 @@ ul.product_list.list {
|
||||
background:#929292;
|
||||
@include border-radius(100px);
|
||||
margin-right:3px;
|
||||
padding:4px 0 0 0;
|
||||
padding:6px 0 0 0;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
@@ -400,6 +409,14 @@ ul.product_list.list {
|
||||
background:#333333;
|
||||
}
|
||||
}
|
||||
&.checked {
|
||||
&:before {
|
||||
background:#fff;
|
||||
border:1px solid #929292;
|
||||
color:#929292;
|
||||
padding-top:5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -432,15 +449,26 @@ ul.product_list.list {
|
||||
#index {
|
||||
ul.product_list.tab-pane {
|
||||
> li {
|
||||
padding-bottom:35px;
|
||||
margin-bottom:50px;
|
||||
padding-bottom:10px;
|
||||
margin-bottom:10px;
|
||||
@media (min-width: $screen-lg) { /* min 1200px */
|
||||
padding-bottom:35px;
|
||||
margin-bottom:50px;
|
||||
}
|
||||
|
||||
.availability {display:none;}
|
||||
|
||||
&.last-line {
|
||||
border:none;
|
||||
padding-bottom:0;
|
||||
margin-bottom:0;
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&.last-line {
|
||||
border:none;
|
||||
padding-bottom:0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
&.first-item-of-tablet-line {clear:none;}
|
||||
&.first-item-of-mobile-line {clear:left;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -52,6 +52,7 @@
|
||||
{/if}
|
||||
</span>
|
||||
</td>
|
||||
{if !isset($cannotModify)}
|
||||
<td class="cart_quantity {if isset($customizedDatas.$productId.$productAttributeId) AND $quantityDisplayed == 0} text-center{/if}">
|
||||
{if isset($cannotModify) AND $cannotModify == 1}
|
||||
<span>
|
||||
@@ -83,6 +84,7 @@
|
||||
{/if}
|
||||
{/if}
|
||||
</td>
|
||||
{/if}
|
||||
<td class="cart_total">
|
||||
<span class="price" id="total_product_price_{$product.id_product}_{$product.id_product_attribute}{if $quantityDisplayed > 0}_nocustom{/if}_{$product.id_address_delivery|intval}{if !empty($product.gift)}_gift{/if}">
|
||||
{if !empty($product.gift)}
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
{if $nbSuppliers > 0}
|
||||
<div class="content_sortPagiBar">
|
||||
<div class="sortPagiBar clearfix">
|
||||
<ul class="display">
|
||||
<ul class="display hidden-xs">
|
||||
<li class="display-title">{l s='View:'}</li>
|
||||
<li id="grid"><a onclick="display('grid');"><i class="icon-th-large"></i>{l s='Grid'}</a></li>
|
||||
<li id="list"><a onclick="display('list');"><i class="icon-th-list"></i>{l s='List'}</a></li>
|
||||
|
||||
Reference in New Issue
Block a user