improved scss variables

This commit is contained in:
TMMeilleur
2013-11-06 15:41:00 +02:00
parent fcb225ac5a
commit 211c36c7a3
63 changed files with 1073 additions and 1241 deletions
@@ -129,6 +129,7 @@ $(document).ready(function() {
bindStateInputAndUpdate();
$(this).fadeIn('slow', function(){
document.location = '#account-creation';
$('select.form-control').uniform();
});
});
}
+3 -3
View File
@@ -19,7 +19,7 @@
}
.content_scene_cat h1.category-name {
font: 600 42px/51px "Open Sans", sans-serif;
color: #fff;
color: white;
margin-bottom: 12px;
}
@media (max-width: 1199px) {
@@ -32,7 +32,7 @@
margin-bottom: 0;
}
.content_scene_cat a {
color: #fff;
color: white;
}
.content_scene_cat a:hover {
text-decoration: underline;
@@ -59,7 +59,7 @@
}
#subcategories p.subcategory-heading {
font-weight: bold;
color: #333;
color: #333333;
margin: 0 0 15px 0;
}
#subcategories ul {
+1 -1
View File
@@ -44,7 +44,7 @@
position: relative;
}
#cms #center_column .testimonials .inner {
border: 1px solid #fff;
border: 1px solid white;
padding: 19px 18px 11px 18px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #fefefe 100%);
+4 -4
View File
@@ -9,7 +9,7 @@ table#product_comparison tbody tr td.product-block {
}
table#product_comparison tbody tr td.td_empty, table#product_comparison tbody tr td.feature-name, table#product_comparison tbody tr.comparison_header {
background: #fbfbfb;
color: #333;
color: #333333;
}
table#product_comparison tbody tr td.comparison_infos {
text-align: center;
@@ -67,7 +67,7 @@ table#product_comparison .product_discount {
padding-top: 5px;
}
table#product_comparison .product_discount .reduced-price {
color: #f00;
color: red;
font-weight: bold;
}
table#product_comparison .product_desc {
@@ -78,8 +78,8 @@ table#product_comparison .button-container a, table#product_comparison .button-c
}
table#product_comparison .comparison_unit_price {
font-size: 17px;
font-family: 'Open Sans', sans-serif;
color: #333;
font-family: "Open Sans", sans-serif;
color: #333333;
font-style: italic;
}
@@ -17,10 +17,9 @@
padding: 23px 0 0 0;
margin-bottom: 30px;
background: url(../img/contact-form.png) repeat-x white;
-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;
/* min 992px max 1199px */
-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0px 5px 13px;
-moz-box-shadow: rgba(0, 0, 0, 0.17) 0px 5px 13px;
box-shadow: rgba(0, 0, 0, 0.17) 0px 5px 13px;
}
.contact-form-box fieldset {
padding: 0 19px 21px 19px;
@@ -37,7 +36,6 @@
}
.contact-form-box .col-md-3 {
padding-left: 0;
/* max 991px */
}
@media (max-width: 991px) {
.contact-form-box .col-md-3 {
@@ -46,7 +44,6 @@
}
.contact-form-box .col-md-9 {
padding-right: 0;
/* max 991px */
}
@media (max-width: 991px) {
.contact-form-box .col-md-9 {
+70 -69
View File
@@ -66,6 +66,7 @@ body {
background: #333333;
line-height: 18px;
font-size: 13px;
color: #777777;
}
body.content_only {
background: none;
@@ -83,7 +84,7 @@ textarea {
}
.columns-container {
background: #fff;
background: white;
}
#columns {
@@ -115,7 +116,7 @@ a, a:focus, a:active {
p.info-title {
font-weight: bold;
color: #333;
color: #333333;
margin-bottom: 25px;
}
@@ -124,7 +125,7 @@ p.info-account {
}
.dark {
color: #333;
color: #333333;
}
.main-page-indent {
@@ -176,7 +177,7 @@ p.info-account {
}
label {
color: #333;
color: #333333;
}
.checkbox {
@@ -299,7 +300,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
.button.button-small {
font: bold 13px/17px Arial, Helvetica, sans-serif;
color: #fff;
color: white;
background: #6f6f6f;
border: 1px solid;
border-color: #666666 #5f5f5f #292929 #5f5f5f;
@@ -333,7 +334,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
.button.button-medium {
font-size: 17px;
line-height: 21px;
color: #fff;
color: white;
padding: 0;
font-weight: bold;
background: #43b754;
@@ -439,7 +440,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
.btn.button-plus, .btn.button-minus {
font-size: 14px;
line-height: 14px;
color: #c0c0c0;
color: silver;
text-shadow: 1px -1px rgba(0, 0, 0, 0);
padding: 0;
-webkit-border-radius: 0;
@@ -452,7 +453,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
}
.btn.button-plus span, .btn.button-minus span {
display: block;
border: 1px solid #fff;
border: 1px solid white;
vertical-align: middle;
width: 25px;
height: 25px;
@@ -489,7 +490,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
}
.button.exclusive-medium span {
border: 1px solid;
border-color: #fff;
border-color: white;
display: block;
padding: 9px 10px 11px 10px;
background: #f7f7f7;
@@ -525,7 +526,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
.button.ajax_add_to_cart_button {
font: 700 17px/21px Arial, Helvetica, sans-serif;
color: #fff;
color: white;
text-shadow: 1px 1px rgba(0, 0, 0, 0);
padding: 0;
border: 1px solid;
@@ -563,7 +564,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
}
.button.lnk_view span {
border: 1px solid;
border-color: #fff;
border-color: white;
padding: 10px 14px;
display: block;
background: #f7f7f7;
@@ -614,7 +615,7 @@ table.std th,
table.table_block th {
padding: 14px 12px;
font-size: 12px;
color: #fff;
color: white;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 #000;
@@ -641,7 +642,7 @@ table.table_block td {
.table > thead > tr > th {
background: #fbfbfb;
border-bottom-width: 1px;
color: #333;
color: #333333;
}
.table td a.color-myaccount {
color: #777777;
@@ -667,7 +668,7 @@ table.table_block td {
color: #3a3939;
}
.product-name a:hover {
color: #f13340;
color: #515151;
}
.price {
@@ -697,7 +698,7 @@ table.table_block td {
background: #f13340;
border: 1px solid #d02a2c;
font: 600 21px/26px "Open Sans", sans-serif;
color: #fff;
color: white;
padding: 0 5px 0 3px;
display: inline-block;
}
@@ -729,7 +730,7 @@ table.table_block td {
.new {
font: 700 15px/18px Arial, Helvetica, sans-serif;
color: #fff;
color: white;
background: #6ad4ff;
text-transform: uppercase;
padding: 9px 0 7px;
@@ -784,7 +785,7 @@ table.table_block td {
.sale {
font: 700 15px/18px Arial, Helvetica, sans-serif;
color: #fff;
color: white;
background: #f13340;
text-transform: uppercase;
padding: 9px 0 7px;
@@ -929,7 +930,7 @@ table.table_block td {
}
#home-page-tabs > li.active a, #home-page-tabs > li a:hover {
background: #333333;
color: #fff;
color: white;
padding: 10px;
}
@media (min-width: 768px) {
@@ -950,7 +951,7 @@ table.table_block td {
font: 600 18px/22px "Open Sans", sans-serif;
color: #555454;
background: #f6f6f6;
border-top: 5px solid #333;
border-top: 5px solid #333333;
text-transform: uppercase;
padding: 14px 5px 17px 20px;
margin-bottom: 20px;
@@ -964,15 +965,15 @@ table.table_block td {
color: #555454;
}
.block .title_block a:hover, .block h4 a:hover {
color: #333;
color: #333333;
}
.block#contact_block {
background: #333;
background: #333333;
}
.block#contact_block .title_block {
border-color: #e4e3e3;
background: #333;
color: #fff;
background: #333333;
color: white;
margin-bottom: 0;
padding-bottom: 9px;
}
@@ -989,8 +990,8 @@ table.table_block td {
.block .list-block li a:before {
content: "";
display: inline;
font-family: 'FontAwesome';
color: #333;
font-family: "FontAwesome";
color: #333333;
padding-right: 8px;
}
.block .list-block li a:hover {
@@ -1067,7 +1068,7 @@ table.table_block td {
top: 0;
cursor: pointer;
text-align: center;
font-family: 'FontAwesome';
font-family: "FontAwesome";
font-size: 14px;
}
#categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before {
@@ -1076,7 +1077,7 @@ table.table_block td {
vertical-align: middle;
width: 30px;
height: 30px;
color: #333;
color: #333333;
line-height: 30px;
}
#categories_block_left li span.grower.CLOSE:before {
@@ -1092,7 +1093,7 @@ table.table_block td {
}
#categories_block_left li li a:before {
content: "";
font-family: 'FontAwesome';
font-family: "FontAwesome";
line-height: 29px;
padding-right: 8px;
}
@@ -1110,7 +1111,7 @@ table.table_block td {
.page-heading span.heading-counter {
font: bold 13px/22px Arial, Helvetica, sans-serif;
float: right;
color: #333;
color: #333333;
text-transform: none;
}
@media (max-width: 480px) {
@@ -1132,7 +1133,7 @@ table.table_block td {
}
.page-subheading {
font-family: 'Open Sans',sans-serif;
font-family: "Open Sans", sans-serif;
font-weight: 600;
text-transform: uppercase;
color: #555454;
@@ -1228,7 +1229,7 @@ ul.footer_links li + li {
text-align: center;
}
.content_sortPagiBar .display li a, .content_sortPagiBar .display_m li a {
color: #808080;
color: gray;
font-size: 11px;
line-height: 14px;
}
@@ -1315,7 +1316,7 @@ ul.footer_links li + li {
display: block;
}
.top-pagination-content ul.pagination li > a span, .top-pagination-content ul.pagination li > span span, .bottom-pagination-content ul.pagination li > a span, .bottom-pagination-content ul.pagination li > span span {
border: 1px solid #fff;
border: 1px solid white;
padding: 2px 8px;
display: block;
background: url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb;
@@ -1506,7 +1507,7 @@ ul.step li.step_current {
border-color: #399b49 #51ae5c #208931 #369946;
}
ul.step li.step_current span {
color: #fff;
color: white;
text-shadow: 1px 1px #208931;
border: 1px solid;
border-color: #73ca77 #74c776 #74c175 #74c776;
@@ -1525,7 +1526,7 @@ ul.step li.step_current_end {
}
ul.step li.step_todo span {
display: block;
color: #333;
color: #333333;
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
@@ -1535,7 +1536,7 @@ ul.step li.step_todo span {
background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );
border: 1px solid;
border-color: #fff;
border-color: white;
position: relative;
}
@media (min-width: 992px) {
@@ -1550,7 +1551,7 @@ ul.step li.step_done {
border-color: #666666 #5f5f5f #292929 #5f5f5f;
}
ul.step li.step_done a {
color: #fff;
color: white;
text-shadow: 1px 1px rgba(0, 0, 0, 0);
border: 1px solid;
border-color: #8b8a8a;
@@ -1688,7 +1689,7 @@ div.star_hover a, div.star a:hover {
}
.header-container {
background: #fff;
background: white;
}
#header {
@@ -1711,11 +1712,11 @@ div.star_hover a, div.star a:hover {
#header .header-row .shop-phone i {
font-size: 21px;
line-height: 21px;
color: #fff;
color: white;
padding-right: 7px;
}
#header .header-row .shop-phone strong {
color: #fff;
color: white;
}
#header .header-row #header_user_info {
float: right;
@@ -1729,7 +1730,7 @@ div.star_hover a, div.star a:hover {
}
}
#header .header-row #header_user_info a {
color: #fff;
color: white;
font-weight: bold;
display: block;
padding: 8px 9px 11px 8px;
@@ -1789,7 +1790,7 @@ div.star_hover a, div.star a:hover {
#header #currencies-block-top div.current, #header #languages-block-top div.current {
font-weight: bold;
padding: 8px 10px 10px 10px;
color: #fff;
color: white;
text-shadow: 1px 1px rgba(0, 0, 0, 0);
}
@media (max-width: 479px) {
@@ -1834,14 +1835,14 @@ div.star_hover a, div.star a:hover {
z-index: 2;
}
#header #currencies-block-top ul li, #header #languages-block-top ul li {
color: #fff;
color: white;
line-height: 35px;
font-size: 13px;
}
#header #currencies-block-top ul li a, #header #currencies-block-top ul li > span, #header #languages-block-top ul li a, #header #languages-block-top ul li > span {
padding: 0 10px 0 12px;
display: block;
color: #fff;
color: white;
}
#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;
@@ -1858,7 +1859,7 @@ div.star_hover a, div.star a:hover {
}
#header #contact-link a {
display: block;
color: #FFF;
color: white;
font-weight: bold;
padding: 8px 10px 11px 10px;
text-shadow: 1px 1px rgba(0, 0, 0, 0);
@@ -1910,12 +1911,12 @@ div.star_hover a, div.star a:hover {
.breadcrumb a {
display: inline-block;
float: left;
background: #fff;
background: white;
padding: 0 8px 0 22px;
margin-left: -20px;
position: relative;
z-index: 2;
color: #333;
color: #333333;
}
.breadcrumb a.home {
font-size: 17px;
@@ -1940,7 +1941,7 @@ div.star_hover a, div.star a:hover {
top: 0;
width: 24px;
height: 24px;
background: #fff;
background: white;
border-right: 1px solid #d6d4d4;
border-top: 1px solid #d6d4d4;
border-radius: 2px;
@@ -1978,15 +1979,15 @@ div.star_hover a, div.star a:hover {
color: #777;
}
.footer-container #footer a:hover {
color: #fff;
color: white;
}
.footer-container #footer h4 {
font: 600 18px/22px "Open Sans", sans-serif;
color: #fff;
color: white;
margin: 0 0 13px 0;
}
.footer-container #footer h4 a {
color: #fff;
color: white;
}
.footer-container #footer ul li {
padding-bottom: 8px;
@@ -2017,7 +2018,7 @@ div.star_hover a, div.star a:hover {
line-height: 30px;
}
.footer-container #footer #block_contact_infos > div ul li > span, .footer-container #footer #block_contact_infos > div ul li > span a {
color: #fff;
color: white;
font-weight: normal;
}
.footer-container #footer #block_contact_infos > div ul li i {
@@ -2071,7 +2072,7 @@ div.star_hover a, div.star a:hover {
vertical-align: -5px;
}
.footer-container #footer #social_block ul li a:hover {
color: #fff;
color: white;
}
.footer-container #footer #social_block ul li.facebook a:before {
content: "";
@@ -2158,7 +2159,7 @@ div.star_hover a, div.star a:hover {
padding: 0;
font-size: 17px;
font-weight: bold;
color: #333;
color: #333333;
margin: 9px 0 0 0;
}
.cart_navigation .button-exclusive i {
@@ -2252,20 +2253,20 @@ a.price_discount_delete:hover {
}
#cart_summary tfoot td.text-right {
font-weight: bold;
color: #333;
color: #333333;
}
#cart_summary tfoot td.price {
text-align: right;
}
#cart_summary tfoot td.total_price_container span {
font: 600 18px/22px "Open Sans", sans-seif;
font: 600 18px/22px "Open Sans", sans-serif;
color: #555454;
text-transform: uppercase;
}
#cart_summary tfoot td#total_price_container {
font: 600 21px/25px "Open Sans", sans-serif;
color: #333333;
background: #fff;
background: white;
}
.cart_voucher {
@@ -2278,7 +2279,7 @@ a.price_discount_delete:hover {
padding: 7px 0 10px 0;
}
.cart_voucher .title-offers {
color: #333;
color: #333333;
font-weight: bold;
margin-bottom: 6px;
}
@@ -2324,7 +2325,7 @@ a.price_discount_delete:hover {
height: 29px;
font-weight: bold;
line-height: 29px;
color: #fff;
color: white;
font-weight: bold;
text-transform: uppercase;
background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999;
@@ -2355,7 +2356,7 @@ table#cart_summary .gift-icon {
}
#multishipping_mode_box .title {
font-weight: bold;
color: #333;
color: #333333;
margin-bottom: 15px;
}
@@ -2403,7 +2404,7 @@ table#cart_summary .gift-icon {
font-weight: normal;
}
#order .delivery_option label > table, #order-opc .delivery_option label > table {
background: #fff;
background: white;
margin-bottom: 0;
}
#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {
@@ -2445,7 +2446,7 @@ table#cart_summary .gift-icon {
}
.order_carrier_content .carrier_title {
font-weight: bold;
color: #333;
color: #333333;
}
.order_carrier_content .checkbox input {
margin-top: 2px;
@@ -2472,7 +2473,7 @@ table#cart_summary .gift-icon {
height: 29px;
font-weight: bold;
line-height: 29px;
color: #fff;
color: white;
text-transform: uppercase;
background: url(../img/bg_table_th.png) repeat-x 0 -10px #999999;
}
@@ -2519,7 +2520,7 @@ p.payment_module a {
border-radius: 4px;
font-size: 17px;
line-height: 23px;
color: #333;
color: #333333;
font-weight: bold;
padding: 33px 40px 34px 99px;
letter-spacing: -1px;
@@ -2538,7 +2539,7 @@ p.payment_module a.cheque:after, p.payment_module a.bankwire:after {
right: 20px;
margin-top: -11px;
top: 50%;
font-family: 'FontAwesome';
font-family: "FontAwesome";
font-size: 25px;
height: 22px;
width: 14px;
@@ -2916,7 +2917,7 @@ table.discount i.icon-remove {
margin-bottom: 7px;
}
#pagenotfound .pagenotfound p {
font: 600 16px/20px "Open Sans", sanserif;
font: 600 16px/20px "Open Sans", sans-serif;
color: #555454;
text-transform: uppercase;
border-bottom: 1px solid #d6d4d4;
@@ -2925,7 +2926,7 @@ table.discount i.icon-remove {
}
#pagenotfound .pagenotfound h3 {
font-weight: bold;
color: #333;
color: #333333;
font-size: 13px;
line-height: normal;
margin-bottom: 18px;
@@ -3006,8 +3007,8 @@ table.discount i.icon-remove {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font: bold 10px Arial,Verdana,sans-serif;
color: #fff;
font: bold 10px Arial, Helvetica, sans-serif;
color: white;
text-shadow: 0 -1px 0 black;
background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 black;
}
@@ -3150,7 +3151,7 @@ div.star_hover a, div.star a:hover {
}
.fancybox-skin {
background: #fff !important;
background: white !important;
}
.fancybox-skin .fancybox-close {
+1 -1
View File
@@ -31,7 +31,7 @@
width: 105px;
}
.table tfoot strong {
color: #333;
color: #333333;
}
.info-order i {
@@ -54,7 +54,7 @@
#crossselling_list .bx-wrapper .bx-pager, .accessories-block .block_content .bx-wrapper .bx-pager, #productscategory_list .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666;
padding-top: 20px;
@@ -101,12 +101,12 @@
#crossselling_list .bx-wrapper .bx-controls-direction a:before, .accessories-block .block_content .bx-wrapper .bx-controls-direction a:before, #productscategory_list .bx-wrapper .bx-controls-direction a:before {
padding-left: 2px;
color: #c0c0c0;
font-family: FontAwesome;
font-family: "FontAwesome";
font-size: 20px;
line-height: 22px;
}
#crossselling_list .bx-wrapper .bx-controls-direction a:hover:before, .accessories-block .block_content .bx-wrapper .bx-controls-direction a:hover:before, #productscategory_list .bx-wrapper .bx-controls-direction a:hover:before {
color: #333;
color: #333333;
}
#crossselling_list .bx-next, .accessories-block .block_content .bx-next, #productscategory_list .bx-next {
right: 10px;
@@ -173,8 +173,8 @@
width: 100%;
}
#crossselling_list .bx-wrapper .bx-caption span, .accessories-block .block_content .bx-wrapper .bx-caption span, #productscategory_list .bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
color: white;
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: .85em;
padding: 10px;
@@ -9,28 +9,23 @@ 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;
@@ -38,7 +33,6 @@ 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 {
@@ -49,7 +43,6 @@ 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 {
@@ -58,7 +51,6 @@ input[type="search"]:active {
}
/* Select */
/* line 240, ../../sass/jquery/_uniform._base.scss */
div.selector {
background-position: 0 -54px;
line-height: 27px;
@@ -67,7 +59,6 @@ div.selector {
position: relative;
overflow: hidden;
}
/* line 247, ../../sass/jquery/_uniform._base.scss */
div.selector span {
text-overflow: ellipsis;
display: block;
@@ -81,15 +72,12 @@ 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);
@@ -102,124 +90,96 @@ 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;
@@ -228,11 +188,9 @@ 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);
@@ -244,51 +202,40 @@ 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;
@@ -297,11 +244,9 @@ 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);
@@ -314,41 +259,32 @@ 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;
@@ -357,7 +293,6 @@ div.uploader {
position: relative;
overflow: hidden;
}
/* line 551, ../../sass/jquery/_uniform._base.scss */
div.uploader span.action {
background-position: 0 -378px;
height: 27px;
@@ -369,7 +304,6 @@ div.uploader span.action {
overflow: hidden;
cursor: pointer;
}
/* line 563, ../../sass/jquery/_uniform._base.scss */
div.uploader span.filename {
text-overflow: ellipsis;
display: block;
@@ -383,7 +317,6 @@ 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);
@@ -400,7 +333,6 @@ div.uploader input {
}
/* Buttons */
/* line 588, ../../sass/jquery/_uniform._base.scss */
div.button {
background-position: 0 -634px;
height: 30px;
@@ -408,11 +340,10 @@ 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);
-moz-opacity: 0.01;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
display: block;
top: 0;
left: 0;
@@ -420,7 +351,6 @@ 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;
@@ -433,28 +363,22 @@ 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;
@@ -464,7 +388,6 @@ 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 {
@@ -475,7 +398,6 @@ 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,
@@ -489,7 +411,6 @@ 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;
@@ -497,92 +418,75 @@ 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;
@@ -590,17 +494,14 @@ 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;
}
+1 -2
View File
@@ -4,7 +4,6 @@
**********************************************************************/
#maintenance {
margin-top: 50px;
/* > 1200 */
}
@media (min-width: 1200px) {
#maintenance {
@@ -18,7 +17,7 @@
}
#maintenance h1 {
font: 600 28px/34px "Open Sans", sans-serif;
color: #333;
color: #333333;
text-transform: uppercase;
border-bottom: 1px solid #d6d4d4;
padding: 0 0 14px 0;
@@ -104,7 +104,7 @@
height: auto;
width: 270px;
background: #484848;
color: #fff;
color: white;
}
@media (min-width: 480px) and (max-width: 767px) {
#header #cart_block {
@@ -119,13 +119,13 @@
}
}
#header #cart_block a {
color: #fff;
color: white;
}
#header #cart_block a:hover {
color: #9c9b9b;
}
#header #cart_block #cart_block_list .remove_link a, #header #cart_block #cart_block_list .ajax_cart_block_remove_link {
color: #fff;
color: white;
outline: none;
text-decoration: none;
}
@@ -133,7 +133,7 @@
color: #9c9b9b;
}
#header #cart_block .price {
color: #fff;
color: white;
}
#header #cart_block dt {
background: url(../../../img/cart-shadow.png) repeat-x;
@@ -152,7 +152,7 @@
color: #9c9b9b;
}
#header #cart_block .product-atributes a:hover {
color: #fff;
color: white;
}
#header #cart_block #cart-prices {
border: none;
@@ -217,7 +217,7 @@
}
#layer_cart {
background-color: #fff;
background-color: white;
position: absolute;
display: none;
z-index: 99;
@@ -316,7 +316,7 @@
}
#layer_cart .layer_cart_cart h2 {
font: 400 23px/29px Arial, Helvetica, sans-serif;
color: #333;
color: #333333;
border-bottom: 1px solid #d6d4d4;
padding-bottom: 13px;
margin-bottom: 17px;
@@ -353,7 +353,7 @@
width: 25px;
height: 25px;
cursor: pointer;
color: #333;
color: #333333;
z-index: 2;
}
#layer_cart .cross:before {
@@ -423,7 +423,7 @@
line-height: 20px;
width: 20px;
height: 20px;
color: #333;
color: #333333;
text-indent: -5000px;
position: absolute;
top: 45%;
@@ -1,24 +1,20 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/* 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;
color: white;
margin-bottom: 6px;
}
/* line 18, ../../../sass/modules/blockcontact/blockcontact.scss */
#contact_block p.tel i {
font-size: 25px;
vertical-align: -2px;
@@ -5,7 +5,7 @@
margin-bottom: 16px;
}
#enabled_filters span.layered_subtitle {
color: #fff;
color: white;
display: block;
padding-bottom: 11px;
}
@@ -16,7 +16,7 @@
position: relative;
}
#enabled_filters li:hover, #enabled_filters li:hover a {
color: #fff;
color: white;
}
#enabled_filters li a {
position: absolute;
@@ -69,7 +69,7 @@
position: absolute;
top: 0px;
left: 0;
font-family: 'FontAwesome';
font-family: "FontAwesome";
vertical-align: 1px;
}
#layered_block_left .layered_subtitle_heading .layered_close a:hover {
@@ -104,7 +104,7 @@
font-weight: normal;
}
#layered_block_left .layered_filter_ul li label a:hover {
color: #333;
color: #333333;
}
#layered_block_left ul li label {
@@ -174,7 +174,7 @@
}
.ui-state-default.ui-state-hover, .ui-widget-content .ui-state-default.ui-state-hover, .ui-widget-header .ui-state-default.ui-state-hover {
background: #555454;
border-color: #333;
border-color: #333333;
}
.ui-slider .ui-slider-range {
@@ -60,7 +60,7 @@
max-width: 267px;
background: #3c3c3c;
border-color: #515151;
color: #fff;
color: white;
padding: 5px 43px 5px 12px;
display: inline-block;
}
@@ -78,12 +78,12 @@
}
#footer #newsletter_block_left .form-group .button-small:before {
content: "";
font-family: 'FontAwesome';
font-family: "FontAwesome";
font-size: 28px;
line-height: 28px;
}
#footer #newsletter_block_left .form-group .button-small:hover {
color: #fff !important;
color: white !important;
}
#footer #newsletter_block_left .form-group .button-small span {
display: none;
@@ -30,10 +30,10 @@
}
}
#search_block_top .btn.button-search {
background: #333;
background: #333333;
float: left;
border: none;
color: #fff;
color: white;
width: 57px;
text-align: center;
padding: 10px 0 11px 0;
@@ -75,7 +75,7 @@
}
.ac_results {
background: #fff;
background: white;
border: 1px solid #d6d4d4;
width: 271px;
margin-top: -1px;
@@ -88,14 +88,14 @@
line-height: 22px;
}
.ac_results li.ac_odd {
background: #fff;
background: white;
}
.ac_results li:hover, .ac_results li.ac_over {
background: #fbfbfb;
}
form#searchbox label {
color: #333;
color: #333333;
margin-bottom: 1px;
}
form#searchbox input#search_query_block {
@@ -13,6 +13,6 @@
margin: 0 3px 3px 0;
}
.tags_block .block_content a:hover {
color: #333;
color: #333333;
background: #f6f6f6;
}
@@ -33,7 +33,7 @@
top: -999em;
width: 10em;
/* left offset of submenus need to match (see below) */
background: #fff;
background: white;
}
.sf-menu ul li {
@@ -63,9 +63,9 @@
border-bottom: 3px solid #e9e9e9;
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
background: #333;
background: #333333;
border-bottom-color: #666666;
color: #fff;
color: white;
}
.sf-menu li li a {
@@ -84,7 +84,7 @@
padding-right: 10px;
}
.sf-menu li li a:hover {
color: #333;
color: #333333;
}
.sf-menu li ul {
@@ -95,9 +95,9 @@
z-index: 99;
width: 220px;
padding: 25px 30px;
-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;
-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;
}
ul.sf-menu li:hover li ul,
@@ -40,7 +40,7 @@
}
}
#header_right #header_user #shopping_cart a b {
color: #fff;
color: white;
font: 600 18px/22px "Open Sans", sans-serif;
padding-right: 5px;
}
@@ -50,7 +50,7 @@
display: inline-block;
font-size: 23px;
line-height: 23px;
color: #fff;
color: white;
padding-right: 15px;
}
#header_right #header_user #shopping_cart a:after {
@@ -6,8 +6,8 @@
}
#primary_block #wishlist_button:before {
content: "";
font-family: FontAwesome;
color: #fff;
font-family: "FontAwesome";
color: white;
font-size: 15px;
line-height: 31px;
border-radius: 50px;
@@ -107,7 +107,7 @@
}
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list a {
display: inline-block;
color: #333;
color: #333333;
margin: 10px 10px 10px 0px;
font-weight: bold;
}
@@ -1,92 +1,74 @@
/* line 3, ../../../sass/modules/carriercompare/style.scss */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
#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;
background: white;
}
/* line 26, ../../../sass/modules/carriercompare/style.scss */
#compare_shipping .table thead tr th {
background: #fff;
background: white;
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,15 +1,14 @@
/* line 1, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
#favoriteproducts_block_account .favoriteproduct {
position: relative;
margin-bottom: 14px;
padding: 12px 8px;
border: 1px solid #eee;
border: 1px solid #d6d4d4;
border-radius: 3px 3px 3px 3px;
}
/* line 9, ../../../sass/modules/favoriteproducts/favoriteproducts.scss */
.favoriteproduct a.product_img_link {
border: 1px solid #CCCCCC;
border: 1px solid #d6d4d4;
display: block;
float: left;
margin-right: 14px;
@@ -17,41 +16,35 @@
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;
@@ -59,7 +52,6 @@ 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;
@@ -1,3 +1,4 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
@@ -12,7 +13,6 @@
/******************************************************************************
Home Page Slider
*******************************************************************************/
/* line 18, ../../../sass/modules/homeslider/bx_styles.scss */
#homepage-slider {
padding-left: 0;
padding-right: 0;
@@ -22,7 +22,6 @@
position: relative;
z-index: 1;
}
/* line 27, ../../../sass/modules/homeslider/bx_styles.scss */
#homepage-slider #homeslider {
margin: 0 auto;
padding: 0;
@@ -33,7 +32,6 @@
********************************************************************************/
/** RESET AND LAYOUT
===================================*/
/* line 37, ../../../sass/modules/homeslider/bx_styles.scss */
#homepage-slider {
/** THEME
===================================*/
@@ -44,33 +42,27 @@
/* 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;
@@ -81,23 +73,20 @@
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;
font-family: Arial;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
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;
@@ -110,28 +99,22 @@
-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;
@@ -140,14 +123,13 @@
height: 52px;
text-indent: -9999px;
z-index: 9999;
border: 2px solid #fff;
border: 2px solid white;
}
/* line 144, ../../../sass/modules/homeslider/bx_styles.scss */
#homepage-slider .bx-wrapper .bx-controls-direction a:before {
height: 48px;
width: 48px;
display: block;
background: #fff;
background: white;
content: ".";
opacity: 0.14;
text-indent: -9999px;
@@ -156,12 +138,11 @@
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;
height: 48px;
color: #fff;
color: white;
text-indent: 0;
text-align: center;
font-size: 21px;
@@ -172,20 +153,16 @@
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;
background: #333333;
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;
@@ -195,12 +172,10 @@
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;
@@ -210,34 +185,29 @@
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;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
background: rgba(80, 80, 80, 0);
width: 100%;
}
/* line 246, ../../../sass/modules/homeslider/bx_styles.scss */
#homepage-slider .bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
color: white;
font-family: Arial, Helvetica, sans-serif;
display: block;
font-size: .85em;
padding: 10px;
@@ -45,7 +45,7 @@
-webkit-border-radius: 50px;
color: white;
display: inline-block;
font-family: FontAwesome;
font-family: "FontAwesome";
font-size: 15px;
font-weight: normal;
height: 30px;
@@ -67,7 +67,7 @@
content: "";
}
.comments_advices a:hover {
color: #333;
color: #333333;
}
.comments_advices a.reviews {
border-right: 1px solid #d6d4d4;
@@ -89,7 +89,7 @@
#product_comments_block_extra .comments_note span,
#product_comments_block_extra .star_content {
float: left;
color: #333;
color: #333333;
}
#product_comments_block_extra .star_content {
margin-top: 1px;
@@ -123,7 +123,7 @@
#new_comment_form {
width: 465px;
overflow: hidden;
color: #333;
color: #333333;
text-align: left;
/*max 767px*/
}
@@ -138,7 +138,7 @@
#new_comment_form .title {
padding: 10px;
font-size: 13px;
color: #fff;
color: white;
text-transform: uppercase;
background: #333333;
}
@@ -193,7 +193,7 @@
height: 28px;
width: 100%;
border: 1px solid #ccc;
background: #fff;
background: white;
}
#new_comment_form textarea {
height: 80px;
@@ -265,7 +265,7 @@
}
#product_comments_block_tab .comment_author_infos strong {
display: block;
color: #333;
color: #333333;
}
#product_comments_block_tab .comment_author_infos em {
color: #adadad;
@@ -288,9 +288,9 @@
padding: 2px 0 2px;
}
#product_comments_block_tab div.comment_details li:before {
font-family: FontAwesome;
font-family: "FontAwesome";
content: "";
color: #333;
color: #333333;
margin-right: 8px;
}
#product_comments_block_tab div.comment_details .title_block {
+2 -2
View File
@@ -41,7 +41,7 @@
height: 100%;
padding: 10px 0 0 0;
text-align: center;
border: 1px solid #fff;
border: 1px solid white;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
@@ -54,7 +54,7 @@
padding: 13px 15px 15px 17px;
overflow: hidden;
border: 1px solid;
border-color: #fff #fff #fff #c8c8c8;
border-color: white white white #c8c8c8;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
+2 -2
View File
@@ -20,7 +20,7 @@
font-size: 42px;
line-height: 51px;
font-style: italic;
color: #333;
color: #333333;
position: absolute;
left: 10px;
top: -14px;
@@ -41,7 +41,7 @@
}
#order-opc .title_block {
font-weight: bold;
color: #333;
color: #333333;
padding: 3px 0 6px;
}
#order-opc .opc-button {
+57 -93
View File
@@ -6,13 +6,13 @@
}
.top-hr {
height: 5px;
background: #c4c4c4;
height: 5px;
margin: 2px 0 31px;
}
.product-heading-h5 {
color: #333;
color: #333333;
font-weight: bold;
margin: 3px 0 8px;
}
@@ -38,7 +38,7 @@
}
#productscategory_list .product-name a:hover,
.accessories-block .product-name a:hover {
color: #999999;
color: #515151;
}
img {
@@ -51,7 +51,7 @@ img {
position: relative;
padding: 5px;
border: 1px solid #dbdbdb;
background: #fff;
background: white;
}
@media (max-width: 767px) {
#pb-right-column #image-block {
@@ -80,13 +80,13 @@ img {
width: 136px;
text-align: center;
font-weight: bold;
background: rgba(255, 255, 255, 0);
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0);
background: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}
#pb-right-column #image-block #view_full_size .span_link:after {
font-family: FontAwesome;
font-family: "FontAwesome";
color: #c0c0c0;
font-size: 20px;
line-height: 22px;
@@ -95,7 +95,7 @@ img {
margin: 0 0 0 4px;
}
#pb-right-column #image-block #view_full_size .span_link:hover:after {
color: #333;
color: #333333;
}
/* miniatures */
@@ -162,10 +162,10 @@ img {
}
#thumbs_list li a {
display: block;
border: 3px solid #fff;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
border: 3px solid white;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
@@ -176,7 +176,7 @@ img {
border-color: #dbdbdb;
}
#thumbs_list li img {
border: 2px solid #fff;
border: 2px solid white;
width: 82px;
height: 82px;
-webkit-box-sizing: border-box;
@@ -220,14 +220,14 @@ span.view_scroll_spacer {
#view_scroll_left:before,
#view_scroll_right:before {
padding-left: 2px;
color: #c0c0c0;
font-family: FontAwesome;
color: silver;
font-family: "FontAwesome";
font-size: 20px;
line-height: 22px;
}
#view_scroll_left:hover:before,
#view_scroll_right:hover:before {
color: #333;
color: #333333;
}
#view_scroll_right {
@@ -278,8 +278,8 @@ span.view_scroll_spacer {
display: inline-block;
}
#usefull_link_block li a:before {
font-family: FontAwesome;
color: #333;
font-family: "FontAwesome";
color: #333333;
font-size: 19px;
line-height: 24px;
position: absolute;
@@ -319,10 +319,7 @@ span.view_scroll_spacer {
#usefull_link_block li#left_share_fb a:before {
content: "";
}
#usefull_link_block li#favoriteproducts_block_extra_remove,
#usefull_link_block li#favoriteproducts_block_extra_add,
#usefull_link_block li#favoriteproducts_block_extra_removed,
#usefull_link_block li#favoriteproducts_block_extra_added {
#usefull_link_block li#favoriteproducts_block_extra_remove, #usefull_link_block li#favoriteproducts_block_extra_add, #usefull_link_block li#favoriteproducts_block_extra_removed, #usefull_link_block li#favoriteproducts_block_extra_added {
cursor: pointer;
font-weight: bold;
clear: both;
@@ -333,12 +330,9 @@ span.view_scroll_spacer {
border: none;
position: relative;
}
#usefull_link_block li#favoriteproducts_block_extra_remove:before,
#usefull_link_block li#favoriteproducts_block_extra_add:before,
#usefull_link_block li#favoriteproducts_block_extra_removed:before,
#usefull_link_block li#favoriteproducts_block_extra_added:before {
font-family: FontAwesome;
color: #333;
#usefull_link_block li#favoriteproducts_block_extra_remove:before, #usefull_link_block li#favoriteproducts_block_extra_add:before, #usefull_link_block li#favoriteproducts_block_extra_removed:before, #usefull_link_block li#favoriteproducts_block_extra_added:before {
font-family: "FontAwesome";
color: #333333;
font-size: 19px;
line-height: 24px;
position: absolute;
@@ -347,10 +341,7 @@ span.view_scroll_spacer {
font-weight: normal;
content: "";
}
#usefull_link_block li#favoriteproducts_block_extra_remove:hover,
#usefull_link_block li#favoriteproducts_block_extra_add:hover,
#usefull_link_block li#favoriteproducts_block_extra_removed:hover,
#usefull_link_block li#favoriteproducts_block_extra_added:hover {
#usefull_link_block li#favoriteproducts_block_extra_remove:hover, #usefull_link_block li#favoriteproducts_block_extra_add:hover, #usefull_link_block li#favoriteproducts_block_extra_removed:hover, #usefull_link_block li#favoriteproducts_block_extra_added:hover {
color: #000;
}
#usefull_link_block li#favoriteproducts_block_extra_removed:before {
@@ -370,11 +361,11 @@ span.view_scroll_spacer {
position: relative;
}
#product p#loyalty b {
color: #333;
color: #333333;
}
#product p#loyalty:before {
content: "";
font-family: FontAwesome;
font-family: "FontAwesome";
color: #cfcccc;
font-size: 26px;
line-height: 28px;
@@ -394,11 +385,11 @@ span.view_scroll_spacer {
}
#pb-left-column #product_reference span {
font-weight: bold;
color: #333;
color: #333333;
}
#pb-left-column #short_description_block {
color: #666;
color: #666666;
}
#pb-left-column #short_description_block .buttons_bottom_block {
@@ -506,9 +497,9 @@ span.view_scroll_spacer {
.product_attributes,
.box-cart-bottom {
-webkit-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0);
box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0);
-webkit-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0.05);
padding: 19px 19px 17px;
}
@@ -531,12 +522,12 @@ span.view_scroll_spacer {
display: block;
}
.box-info-product .exclusive:before {
font-family: FontAwesome;
font-family: "FontAwesome";
position: absolute;
top: 0;
left: 0;
bottom: 0;
color: #fff;
color: white;
font-size: 25px;
line-height: 47px;
text-shadow: 0 1px #015883;
@@ -593,11 +584,11 @@ span.view_scroll_spacer {
border-bottom: 1px solid #06b2e6;
text-shadow: 0 1px #015883;
padding: 12px 36px 14px 82px;
color: #fff;
color: white;
display: block !important;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 1199px) {
@@ -628,7 +619,7 @@ span.view_scroll_spacer {
border-bottom: 1px solid #d6d4d4;
width: 100%;
margin: 0 0 20px;
background: #fff;
background: white;
}
.table-data-sheet tr {
border-top: 1px solid #d6d4d4;
@@ -640,7 +631,7 @@ span.view_scroll_spacer {
border-right: 1px solid #d6d4d4;
width: 30%;
font-weight: bold;
color: #333;
color: #333333;
}
.table-data-sheet tr td {
padding: 10px 20px 11px;
@@ -653,7 +644,7 @@ table.table-produst-discounts {
border-right: 1px solid #d6d4d4;
width: 50%;
margin: 0 0 20px;
background: #fff;
background: white;
}
@media (max-width: 767px) {
table.table-produst-discounts {
@@ -662,7 +653,7 @@ table.table-produst-discounts {
}
table.table-produst-discounts tr th {
background: #fbfbfb;
color: #333;
color: #333333;
font-weight: bold;
border: none;
font-weight: bold;
@@ -724,8 +715,7 @@ table.table-produst-discounts tr th {
}
/* availability_statut */
#availability_statut span#availability_label,
#availability_date_label {
#availability_statut span#availability_label, #availability_date_label {
display: inline-block;
width: 125px;
font-weight: 700;
@@ -740,10 +730,8 @@ table.table-produst-discounts tr th {
font-weight: bold;
}
#quantityAvailableTxt,
#availability_value,
#last_quantities {
color: #fff;
#quantityAvailableTxt, #availability_value, #last_quantities {
color: white;
font-weight: bold;
line-height: 18px;
display: inline-block;
@@ -761,14 +749,13 @@ table.table-produst-discounts tr th {
top: 1px;
}
#availability_statut,
#pQuantityAvailable {
#availability_statut, #pQuantityAvailable {
display: inline-block;
}
#pQuantityAvailable span {
font-weight: bold;
color: #333;
color: #333333;
}
#availability_statut #availability_value.warning_inline {
@@ -822,7 +809,7 @@ table.table-produst-discounts tr th {
font-size: 29px;
line-height: 32px;
font-family: "Open Sans", sans-serif;
color: #333;
color: #333333;
}
@media (max-width: 991px) {
.our_price_display {
@@ -831,8 +818,7 @@ table.table-produst-discounts tr th {
}
}
#reduction_percent,
#reduction_amount {
#reduction_percent, #reduction_amount {
display: inline-block;
margin-right: 10px;
padding: 1px 2px;
@@ -840,7 +826,7 @@ table.table-produst-discounts tr th {
font-family: "Open Sans", sans-serif;
font-size: 21px;
line-height: 23px;
color: #fff;
color: white;
background: #f13340;
border: 1px solid #d02a2c;
}
@@ -875,27 +861,6 @@ table.table-produst-discounts tr th {
padding: 6px 7px 4px 15px;
}
}
.ie9 .content_prices #add_to_cart .exclusive, .ie9 .content_prices #add_to_cart .exclusive_disabled,
.ie8 .content_prices #add_to_cart .exclusive, .ie8 .content_prices #add_to_cart .exclusive_disabled {
padding: 8px 7px 4px 15px;
line-height: 12px;
}
:first-child + html .content_prices #add_to_cart .exclusive {
padding: 4px 3px 4px 11px;
}
.content_prices #add_to_cart span {
z-index: 10;
display: block;
position: absolute;
top: 0;
left: -12px;
height: 26px;
width: 26px;
background: url(../img/icon/pict_add_cart.png) no-repeat 0 0 transparent;
}
/* */
.buttons_bottom_block {
clear: both;
@@ -910,7 +875,6 @@ table.table-produst-discounts tr th {
#send_friend_form {
width: 555px;
overflow: hidden;
/*max 767px*/
}
@media (max-width: 767px) {
#send_friend_form {
@@ -920,12 +884,12 @@ table.table-produst-discounts tr th {
#send_friend_form .product img {
margin: 0 0 10px 0;
border: 1px solid #ccc;
border: 1px solid #d6d4d4;
}
#send_friend_form .product .product_desc p {
padding: 0;
color: #333;
color: #333333;
}
#send_friend_form .product .product_desc p.product_name {
@@ -935,15 +899,15 @@ table.table-produst-discounts tr th {
#send_friend_form .form_container {
padding: 10px 15px;
border: 1px solid #ccc;
background: #eee;
border: 1px solid #d6d4d4;
background: #fbfbfb;
}
#send_friend_form .form_container p.intro_form {
padding-bottom: 6px;
font-weight: 700;
font-size: 13px;
color: #333;
color: #333333;
}
#send_friend_form .form_container p.txt_required {
@@ -966,7 +930,7 @@ table.table-produst-discounts tr th {
padding: 0 5px;
height: 22px;
width: 100%;
border: 1px solid #ccc;
border: 1px solid base-border-color;
font-size: 12px;
color: #666;
}
@@ -991,7 +955,7 @@ ul#uploadable_files, ul#text_fields {
.customizableProductsFile, .customizableProductsText {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
border-bottom: 1px solid #d6d4d4;
}
.customizationUploadLine {
@@ -4,7 +4,7 @@
********************************************************/
ul.product_list .availability span {
display: inline-block;
color: #fff;
color: white;
font-weight: bold;
padding: 3px 8px 4px 8px;
margin-bottom: 20px;
@@ -77,7 +77,7 @@ ul.product_list.grid > li {
}
}
ul.product_list.grid > li .product-container {
background: #fff;
background: white;
padding: 0;
position: relative;
}
@@ -104,7 +104,7 @@ ul.product_list.grid > li .product-container .product-image-container .content_p
display: none;
}
ul.product_list.grid > li .product-container .product-image-container .content_price span {
color: #fff;
color: white;
}
ul.product_list.grid > li .product-container h5 {
padding: 0 15px 7px 15px;
@@ -181,7 +181,7 @@ ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
ul.product_list.grid > li .product-container .functional-buttons div.compare label:before {
content: "";
display: inline-block;
font-family: 'FontAwesome';
font-family: "FontAwesome";
}
@media (min-width: 992px) and (max-width: 1199px) {
ul.product_list.grid > li .product-container .functional-buttons div.compare label:before {
@@ -367,7 +367,7 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
text-align: center;
display: inline-block;
background: #929292;
color: #fff;
color: white;
padding: 7px 0 0 0;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
@@ -388,7 +388,7 @@ 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:before {
content: "";
display: inline-block;
font-family: 'FontAwesome';
font-family: "FontAwesome";
width: 30px;
height: 30px;
font-size: 15px;
@@ -401,7 +401,7 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
border-radius: 100px;
margin-right: 3px;
padding: 6px 0 0 0;
color: #fff;
color: white;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover {
color: #333333;
@@ -410,7 +410,7 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
background: #333333;
}
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label.checked:before {
background: #fff;
background: white;
border: 1px solid #929292;
color: #929292;
padding-top: 5px;
@@ -435,7 +435,6 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
}
@media (min-width: 1200px) {
#index ul.product_list.tab-pane > li {
/* min 1200px */
padding-bottom: 35px;
margin-bottom: 50px;
}
+3 -24
View File
@@ -1,5 +1,5 @@
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*TMP*/
/* line 3, ../sass/scenes.scss */
#scenes .cluetip span {
background: transparent url(../img/icon/cible.gif) no-repeat scroll center center;
color: black;
@@ -13,7 +13,6 @@
}
/*TMP*/
/* line 15, ../sass/scenes.scss */
.thumbs_banner {
margin: 10px auto;
padding: 2px 0;
@@ -23,7 +22,6 @@
border-bottom: 1px solid #ccc;
}
/* line 24, ../sass/scenes.scss */
.thumbs_banner .space-keeper {
width: 21px;
float: left;
@@ -31,7 +29,6 @@
height: 100%;
}
/* line 31, ../sass/scenes.scss */
.thumbs_banner .space-keeper a.prev {
display: none;
width: 21px;
@@ -41,29 +38,24 @@
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;
@@ -75,19 +67,16 @@
}
/* 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;
@@ -95,24 +84,21 @@
-webkit-border-radius: 3px;
border-radius: 3px;
text-align: left;
background: #fff;
background: white;
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;
@@ -120,19 +106,16 @@
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;
@@ -140,7 +123,6 @@
color: #666666;
}
/* line 118, ../sass/scenes.scss */
.cluetip-product_scene div.prices {
float: right;
position: relative;
@@ -148,7 +130,6 @@
text-align: right;
}
/* line 124, ../sass/scenes.scss */
.cluetip-product_scene .new {
position: absolute;
top: 0;
@@ -157,12 +138,11 @@
padding: 1px 5px;
font-weight: bold;
font-size: 10px;
color: #fff;
color: white;
text-transform: uppercase;
background: none repeat scroll 0 0 #9b0000;
}
/* line 136, ../sass/scenes.scss */
.cluetip-product_scene .price {
padding-top: 18px;
font-weight: bold;
@@ -170,7 +150,6 @@
color: #990000;
}
/* line 142, ../sass/scenes.scss */
.cluetip-product_scene .on_sale, .cluetip-product_scene .discount {
display: block;
font-weight: bold;
+2 -2
View File
@@ -12,7 +12,7 @@
#sitemap .sitemap_block li a:before {
content: "";
display: inline-block;
font-family: 'FontAwesome';
font-family: "FontAwesome";
padding-right: 10px;
}
#sitemap .sitemap_block li a:hover {
@@ -28,7 +28,7 @@
display: inline-block;
font-family: "FontAwesome";
font-size: 20px;
color: #333;
color: #333333;
}
#listpage_content div.tree_top a:hover:before {
color: #515151;
-4
View File
@@ -14,7 +14,6 @@
#stores .address-input {
float: left;
margin-right: 19px;
/* max 767px */
}
@media (max-width: 767px) {
#stores .address-input {
@@ -80,9 +79,6 @@
background: #fbfbfb;
width: 46px;
}
#stores #stores-table tbody td.name {
/* max 767px */
}
#stores #stores-table tbody td.name span {
padding-left: 15px;
}
+2 -2
View File
@@ -210,7 +210,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
{if isset($images) && count($images) > 0}
<!-- thumbnails -->
<div id="views_block" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">
{if isset($images) && count($images) > 4}<span class="view_scroll_spacer"><a id="view_scroll_left" class="" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Previous'}</a></span>{/if}
{if isset($images) && count($images) > 3}<span class="view_scroll_spacer"><a id="view_scroll_left" class="" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Previous'}</a></span>{/if}
<div id="thumbs_list">
<ul id="thumbs_list_frame">
{if isset($images)}
@@ -225,7 +225,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
{/if}
</ul>
</div>
{if isset($images) && count($images) > 4}<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Next'}</a>{/if}
{if isset($images) && count($images) > 3}<a id="view_scroll_right" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">{l s='Next'}</a>{/if}
</div>
{/if}
{if isset($images) && count($images) > 1}<p class="resetimg clear"><span id="wrapResetImages" style="display: none;">
@@ -1,21 +1,112 @@
@import 'compass';
@import 'bootstrap_lib/_variables';
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
//------- FONTS
$font-famaly: Arial, Helvetica, sans-serif;
$font: normal 13px/18px $font-famaly;
$font-custom: 'Open Sans', sans-serif;
$font-icon: "FontAwesome";
//-------- BORDERS
$base-border-color: #d6d4d4;
$main_border: 1px solid $base-border-color;
$dark-border-color: #333;
$light-border-color: #fff;
// Boxes
//--------- BACKGROUNDS
// -------------------------
$base-box-bg: #fbfbfb;
$base-box-padding: 14px 18px 13px;
$base-box-indent: 0 0 30px 0;
$font:normal 13px/18px Arial, Helvetica, sans-serif;
$font-custom:'Open Sans', sans-serif;
$font1:FontAwesome;
$base-box-bg: #fbfbfb;
$table-background: $base-box-bg;
$dark-background: #333;
$light-background: #fff;
//--------- COLORS
$base-body-color: #777;
$base-text-color: #333;
$base-heading-color: #555454;
$base-title-color: $base-text-color;
$light-text-color: #fff;
$link-color: $link-color;
$link-hover-color: $link-hover-color;
$description-color: #666;
//--------- Indents
//--------------------------
$base-page-indent: $grid-gutter-width;
$base-box-padding: 14px 18px 13px;
$base-box-indent: 0 0 30px 0;
//---------- Product Elements
//---------------------------
$product-name-color: #3a3939;
$product-name-hover-color: #515151;
$price-color: $base-body-color;
$product-price-color: $base-text-color;
$product-reduced-price: #f00;
$product-special-price-color: #f13340;
$product-old-price-color: #6f6f6f;
//---------- Buttons
//----------------------------
$button-text-color: $light-text-color;
//------ Buttons +/- ---
$button-pm-color: #c0c0c0;
$button-pm-hover-color: $base-text-color;
//------ Button Small --
$button-small-bg: #6f6f6f;
$button-small-hover-bg: #575757;
//-------Button exclusive-medium
$button-em-color: $base-text-color;
//---------- Product Listing
//--------------------------
$base-listing-border-color: $base-border-color;
$base-listing-grid-padding: $base-box-padding;
//-------------- Grid/List vars
//---------------------------
$GL-text-color: #808080;
$GL-title-color: $base-text-color;
$GL-icon-color: #e1e0e0;
$GL-icon-color-hover: $base-text-color;
//-------------- Pagination vars
//------------------------------
$pagination-prevnext-color: #777676;
$pagination-bgcolor: $base-box-bg;
$pagination-hover-bg: #f6f6f6;
//---------- Product Info
//--------------------------
$top-line-color: #C4C4C4;
$product-image-border: #dbdbdb;
$scroll-button-color: #c0c0c0;
$list-info-bg: #f6f6f6;
$scroll-button-hover-color: $base-text-color;
$tr-even-bg: #fdfdfd;
//sub heading (h2,h3) define
@mixin sub-heading {
color: #555454;
color: $base-heading-color;
text-transform: uppercase;
font-family:$font-custom;
font-weight: 600;
@@ -24,25 +115,8 @@ $font1:FontAwesome;
padding:14px 20px 17px;
margin: 0 0 20px;
position: relative;
border:1px solid #d6d4d4;
border:1px solid $base-border-color;
border-bottom:none;
background:#fbfbfb;
background:$base-box-bg;
}
//main border define
$main_border:1px solid $base-border-color;
// Indents
//--------------------------
$base-page-indent: $grid-gutter-width;
// Product Elements
//--------------------------
$product-name-color: #3a3939;
$product-name-hover-color: #f13340;
// Product Listing
//--------------------------
$base-listing-border-color: $base-border-color;
$base-listing-grid-padding: 14px 18px 13px;
}
+1 -3
View File
@@ -27,6 +27,4 @@
a {
margin-right:10px;
}
}
}
+9 -9
View File
@@ -3,7 +3,7 @@
Categories Page Styles
************************************************************************************************ */
.content_scene_cat {
border-top:5px solid #333333;
border-top:5px solid $dark-border-color;
color:#d7d7d7;
line-height:19px;
margin-bottom:26px;
@@ -17,8 +17,8 @@
}
h1.category-name {
font:600 42px/51px 'Open Sans', sans-serif;
color:#fff;
font:600 42px/51px $font-custom;
color:$light-text-color;
margin-bottom:12px;
@media (max-width: $screen-md-max) { // max 1199px
font-size:25px;
@@ -29,13 +29,13 @@
p {margin-bottom:0;}
a {
color:#fff;
color:$light-text-color;
&:hover {text-decoration:underline;}
}
.content_scene {
color:#777777;
color:$base-body-color;
.cat_desc {
padding-top:20px;
@@ -61,7 +61,7 @@
p.subcategory-heading {
font-weight:bold;
color:#333;
color:$base-text-color;
margin:0 0 15px 0;
}
@@ -92,8 +92,8 @@
}
.subcategory-name {
font:600 18px/22px 'Open Sans', sans-serif;
color:#555454;
font:600 18px/22px $font-custom;
color:$base-heading-color;
text-transform:uppercase;
&:hover {
@@ -108,7 +108,7 @@
.subcategory-image {
a {
border:5px solid #333333;
border:5px solid $dark-border-color;
padding:5px;
}
}
+1 -1
View File
@@ -55,7 +55,7 @@
position:relative;
.inner {
border:1px solid #fff;
border:1px solid $light-border-color;
padding:19px 18px 11px 18px;
background: rgb(251,251,251);
background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(254,254,254,1) 100%);
@@ -14,8 +14,8 @@ table#product_comparison {
}
td.td_empty, td.feature-name, &.comparison_header {
background:#fbfbfb;
color:#333;
background:$table-background;
color:$base-text-color;
}
td.comparison_infos {
@@ -31,7 +31,7 @@ table#product_comparison {
vertical-align:bottom;
span {
font:600 18px/22px 'Open Sans', sans-serif;
font:600 18px/22px $font-custom;
text-transform:uppercase;
color:#555454;
}
@@ -81,7 +81,7 @@ table#product_comparison {
padding-top:5px;
.reduced-price {
color:#f00;
color:$product-reduced-price;
font-weight:bold;
}
}
@@ -96,8 +96,8 @@ table#product_comparison {
}
.comparison_unit_price {
font-size:17px;
font-family:'Open Sans', sans-serif;
color:#333;
font-family:$font-custom;
color:$product-price-color;
font-style:italic;
}
}
@@ -19,7 +19,7 @@
.contact-form-box {
padding:23px 0 0 0;
margin-bottom:30px;
background:url(../img/contact-form.png) repeat-x #fff;
background:url(../img/contact-form.png) repeat-x $light-background;
@include box-shadow(rgba(black, 0.17) 0px 5px 13px);
fieldset {
@@ -40,20 +40,16 @@
.col-md-3 {
padding-left:0;
/* max 991px */
@media (max-width: $screen-sm-max) {
padding-right:0;
}
@media (max-width: $screen-sm-max) { // max 991px
padding-right:0;
}
}
.col-md-9 {
padding-right:0;
/* max 991px */
@media (max-width: $screen-sm-max) {
padding-left:0;
}
@media (max-width: $screen-sm-max) { // max 991px
padding-left:0;
}
}
#desc_contact0 {display:none;}
@@ -75,8 +71,7 @@
input.form-control {
max-width:270px;
}
/* min 992px max 1199px */
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
@media (min-width: $screen-md) and (max-width: $screen-md-max) {// min 992px max 1199px
div.uploader span.filename {
width:114px;
}
@@ -92,7 +87,7 @@
li {
padding:0px 0 3px 0;
font:600 18px/22px 'Open Sans', sans-serif;
font:600 18px/22px $font-custom;
color:#555454;
i {
+144 -143
View File
@@ -29,9 +29,10 @@ a {
body {
min-width:320px;
height:100%;
background:#333333;
background:$dark-background;
line-height:18px;
font-size:13px;
color:$base-body-color;
&.content_only {
background:none;
@@ -43,7 +44,7 @@ textarea {resize:none;}
************************************************************************************************ */
#page {}
#header {z-index:10}
.columns-container {background:#fff;}
.columns-container {background:$light-background;}
#columns {
z-index:1;
padding-bottom:50px;
@@ -69,14 +70,14 @@ p {}
a, a:focus, a:active {text-decoration:none; outline:none;}
p.info-title {
font-weight:bold;
color:#333;
color:$base-text-color;
margin-bottom:25px;
}
p.info-account {
margin:-4px 0 24px 0;
}
.dark {
color:#333;
color:$base-text-color;
}
.main-page-indent {
margin-bottom:$base-page-indent;
@@ -97,7 +98,7 @@ p.info-account {
&.alert-success {
text-shadow:1px 1px rgba(0,0,0,0.1);
&:before {
font-family:"FontAwesome";
font-family:$font-icon;
content:"";
font-size:20px;
vertical-align:-2px;
@@ -108,7 +109,7 @@ p.info-account {
&.alert-danger {
text-shadow:1px 1px rgba(0,0,0,0.1);
&:before {
font-family:"FontAwesome";
font-family:$font-icon;
content:"";
font-size:20px;
vertical-align:-2px;
@@ -127,7 +128,7 @@ p.info-account {
}
}
.unvisible { display:none;}
label {color:#333;}
label {color:$base-title-color;}
.checkbox {
line-height:16px;
label {
@@ -239,9 +240,9 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
background-image: url('../img/button-large.png')*/
}
.button.button-small {
font:bold 13px/17px Arial, Helvetica, sans-serif;
color:#fff;
background: #6f6f6f;
font:bold 13px/17px $font-famaly;
color:$button-text-color;
background: $button-small-bg;
border:1px solid;
border-color:#666666 #5f5f5f #292929 #5f5f5f;
@include border-radius(0px);
@@ -263,14 +264,14 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
}
&:hover {
background:#575757;
background:$button-small-hover-bg;
border-color:#303030 #303030 #666666 #444444;
}
}
.button.button-medium {
font-size:17px;
line-height:21px;
color:#fff;
color:$button-text-color;
padding:0;
font-weight:bold;
background: rgb(67,183,84);
@@ -371,7 +372,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
.btn.button-plus, .btn.button-minus {
font-size:14px;
line-height:14px;
color:#c0c0c0;
color:$button-pm-color;
text-shadow:1px -1px rgba(0,0,0,0.05);
padding:0;
@include border-radius(0);
@@ -380,7 +381,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
span {
display:block;
border:1px solid #fff;
border:1px solid $light-border-color;
vertical-align:middle;
width:25px;
height:25px;
@@ -399,7 +400,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
}
&:hover {
color:#333333;
color:$base-text-color;
span {
filter:none;
background:#f6f6f6;
@@ -410,7 +411,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
font-size:17px;
padding:0;
line-height:21px;
color:#333333;
color:$button-em-color;
font-weight:bold;
border:1px solid;
border-color:#cacaca #b7b7b7 #9a9a9a #b7b7b7;
@@ -418,7 +419,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
span {
border:1px solid;
border-color:#fff;
border-color:$light-border-color;
display:block;
padding:9px 10px 11px 10px;
background: rgb(247,247,247);
@@ -453,8 +454,8 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
}
}
.button.ajax_add_to_cart_button {
font:700 17px/21px Arial, Helvetica, sans-serif;
color:#fff;
font:700 17px/21px $font-famaly;
color:$button-text-color;
text-shadow:1px 1px rgba(0,0,0,0.2);
padding:0;
border:1px solid;
@@ -483,15 +484,15 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
}
}
.button.lnk_view {
font:700 17px/21px Arial, Helvetica, sans-serif;
color:#333333;
font:700 17px/21px $font-famaly;
color:$base-text-color;
text-shadow:1px 1px rgba(255,255,255,1);
padding:0;
border:1px solid;
border-color:#cacaca #b7b7b7 #9a9a9a #b7b7b7;
span {
border:1px solid;
border-color:#fff;
border-color:$light-border-color;
padding:10px 14px;
display:block;
background: rgb(247,247,247);
@@ -522,7 +523,7 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
@include box-shadow(none);
&.grey {
background:#fbfbfb;
background:$base-box-bg;
}
}
/* table *************************************************************************************** */
@@ -539,7 +540,7 @@ table.std th,
table.table_block th {
padding:14px 12px;
font-size:12px;
color:#fff;
color:$light-text-color;
font-weight:bold;
text-transform:uppercase;
text-shadow:0 1px 0 #000;
@@ -561,9 +562,9 @@ table.table_block td {
> tr {
> th {
background:#fbfbfb;
background:$table-background;
border-bottom-width:1px;
color:#333;
color:$base-text-color;
}
}
@@ -579,7 +580,7 @@ table.table_block td {
}
tfoot {
tr {
background:#fbfbfb;
background:$table-background;
}
}
}
@@ -587,7 +588,7 @@ table.table_block td {
.product-name {
font-size:17px;
line-height:23px;
color:#3a3939;
color:$product-name-color;
margin-bottom:0;
a {
font-size:17px;
@@ -600,32 +601,32 @@ table.table_block td {
}
.price {
font-size:13px;
color:#777777;
color:$price-color;
}
.price.product-price {
font:600 21px/26px 'Open Sans', sans-serif;
color:#333333;
font:600 21px/26px $font-custom;
color:$product-price-color;
}
.old-price {
color:#6f6f6f;
color:$product-old-price-color;
text-decoration:line-through;
}
.old-price.product-price {
font-size:17px;
}
.special-price {
color:#f13340;
color:$product-special-price-color;
}
.price-percent-reduction {
background:#f13340;
border:1px solid #d02a2c;
font:600 21px/26px 'Open Sans', sans-serif;
color:#fff;
font:600 21px/26px $font-custom;
color:$light-text-color;
padding:0 5px 0 3px;
display:inline-block;
&.small {
font: 700 14px/17px Arial,Helvetica,sans-serif;
font: 700 14px/17px $font-famaly;
padding: 1px 6px;
}
}
@@ -648,8 +649,8 @@ table.table_block td {
right:-5px;
}
.new {
font:700 15px/18px Arial, Helvetica, sans-serif;
color:#fff;
font:700 15px/18px $font-famaly;
color:$light-text-color;
background:#6ad4ff;
text-transform:uppercase;
padding:9px 0 7px;
@@ -690,8 +691,8 @@ table.table_block td {
}
}
.sale {
font:700 15px/18px Arial, Helvetica, sans-serif;
color:#fff;
font:700 15px/18px $font-famaly;
color:$light-text-color;
background:#f13340;
text-transform:uppercase;
padding:9px 0 7px;
@@ -790,8 +791,8 @@ table.table_block td {
width:100%;
}
a {
font:600 21px/24px 'Open Sans', sans-serif;
color:#555454;
font:600 21px/24px $font-custom;
color:$base-heading-color;
text-transform:uppercase;
border:none;
outline:none;
@@ -806,8 +807,8 @@ table.table_block td {
}
> li.active a, >li a:hover {
background:#333333;
color:#fff;
background:$dark-background;
color:$light-text-color;
padding:10px;
@media (min-width: $screen-sm) { // min 768px
margin:-10px 0;
@@ -824,10 +825,10 @@ table.table_block td {
.block {
.title_block, h4 {
font:600 18px/22px 'Open Sans', sans-serif;
color:#555454;
font:600 18px/22px $font-custom;
color:$base-heading-color;
background:#f6f6f6;
border-top:5px solid #333;
border-top:5px solid $dark-border-color;
text-transform:uppercase;
padding:14px 5px 17px 20px;
margin-bottom:20px;
@@ -836,20 +837,20 @@ table.table_block td {
}
a {
color:#555454;
color:$base-heading-color;
&:hover {
color:#333;
color:$base-text-color;
}
}
}
&#contact_block {
background:#333;
background:$dark-background;
.title_block {
border-color:#e4e3e3;
background:#333;
color:#fff;
background:$dark-background;
color:$light-text-color;
margin-bottom:0;
padding-bottom:9px;
}
@@ -867,13 +868,13 @@ table.table_block td {
&:before {
content:"";
display:inline;
font-family:'FontAwesome';
color:#333;
font-family:$font-icon;
color:$base-text-color;
padding-right:8px;
}
&:hover {
color:#333333;
color:$base-text-color;
font-weight:bold;
}
}
@@ -917,7 +918,7 @@ table.table_block td {
.product-description {margin-bottom:14px;}
.price-percent-reduction {
font:700 14px/17px Arial, Helvetica, sans-serif;
font:700 14px/17px $font-famaly;
padding:1px 6px;
}
}
@@ -934,7 +935,7 @@ table.table_block td {
a {
font-weight:bold;
color:#333333;
color:$base-text-color;
display:block;
font-size:13px;
line-height:30px;
@@ -950,7 +951,7 @@ table.table_block td {
top:0;
cursor:pointer;
text-align:center;
font-family:'FontAwesome';
font-family:$font-icon;
font-size:14px;
&.OPEN, &.CLOSE {
@@ -961,7 +962,7 @@ table.table_block td {
vertical-align:middle;
width:30px;
height:30px;
color:#333;
color:$base-text-color;
line-height:30px;
}
}
@@ -983,7 +984,7 @@ table.table_block td {
&:before {
content:"";
font-family:'FontAwesome';
font-family:$font-icon;
line-height:29px;
padding-right:8px;
}
@@ -993,18 +994,18 @@ table.table_block td {
}
/*************************************************************************************************/
.page-heading {
font:600 18px/22px 'Open Sans', sans-serif;
color:#555454;
font:600 18px/22px $font-custom;
color:$base-heading-color;
text-transform:uppercase;
padding:0px 0px 17px 0px;
margin-bottom:30px;
border-bottom:1px solid #d6d4d4;
border-bottom:1px solid $base-border-color;
overflow:hidden;
span.heading-counter {
font:bold 13px/22px Arial, Helvetica, sans-serif;
font:bold 13px/22px $font-famaly;
float:right;
color:#333;
color:$base-text-color;
text-transform:none;
@media (max-width:$screen-xs) {
float:none;
@@ -1020,10 +1021,10 @@ table.table_block td {
&.product-listing {border-bottom:none; margin-bottom:0;}
}
.page-subheading {
font-family:'Open Sans',sans-serif;
font-family:$font-custom;
font-weight:600;
text-transform:uppercase;
color:#555454;
color:$base-heading-color;
font-size:18px;
padding:0 0 15px;
line-height:normal;
@@ -1104,7 +1105,7 @@ ul.footer_links {
text-align:center;
a {
color:#808080;
color:$GL-text-color;
font-size:11px;
line-height:14px;
@@ -1114,14 +1115,14 @@ ul.footer_links {
height:24px;
line-height:24px;
margin-bottom:-3px;
color:#e1e0e0;
color:$GL-icon-color;
}
}
a:hover, &.selected {
i {
color:#333333;
color:$GL-icon-color-hover;
}
}
@@ -1132,7 +1133,7 @@ ul.footer_links {
&.display-title {
font-weight:bold;
color:#333333;
color:$base-text-color;
padding:7px 6px 0 0;
}
}
@@ -1197,21 +1198,21 @@ ul.footer_links {
display:block;
span {
border:1px solid #fff;
border:1px solid $light-border-color;
padding:2px 8px;
display:block;
background:url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb;
background:url(../img/pagination-li.gif) 0 0 repeat-x $pagination-bgcolor;
}
}
> a:hover {
span {
background:#f6f6f6;
background:$pagination-hover-bg;
}
}
&.pagination_previous, &.pagination_next {
color:#777676;
color:$pagination-prevnext-color;
font-weight:bold;
> a, > span {
@@ -1232,10 +1233,10 @@ ul.footer_links {
> span {
color:#333333;
color:$base-text-color;
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
span {background:#f6f6f6;}
span {background:$pagination-hover-bg;}
}
}
}
@@ -1286,7 +1287,7 @@ ul.step {
a, span, &.step_current span, &.step_current_end span {
display:block;
padding:13px 10px 14px 13px;
color:#333333;
color:$base-text-color;
font-size:17px;
line-height:21px;
font-weight:bold;
@@ -1364,7 +1365,7 @@ ul.step {
border-color:#399b49 #51ae5c #208931 #369946;
span {
color:#fff;
color:$light-text-color;
text-shadow:1px 1px rgba(32,137,49,1);
border:1px solid;
border-color:#73ca77 #74c776 #74c175 #74c776;
@@ -1385,7 +1386,7 @@ ul.step {
span {
display:block;
color:#333;
color:$base-text-color;
background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(237,237,237,1)));
@@ -1395,7 +1396,7 @@ ul.step {
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );
border:1px solid;
border-color:#fff;
border-color:$light-border-color;
position:relative;
@media (min-width: $screen-md) { // min 991px
padding-left:38px;
@@ -1410,7 +1411,7 @@ ul.step {
border-color:#666666 #5f5f5f #292929 #5f5f5f;
a {
color:#fff;
color:$light-text-color;
text-shadow:1px 1px rgba(0,0,0,0.3);
border:1px solid;
border-color:#8b8a8a;
@@ -1509,19 +1510,19 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
}
.listcomment li {
padding:10px 0;
border-bottom:1px dotted #d6d4d4;
border-bottom:1px dotted $base-border-color;
color:#666
}
.listcomment .titlecomment {
display:block;
font-weight:bold;
font-size:12px;
color:#333
color:$base-text-color
}
.listcomment .txtcomment {
display:block;
padding:5px 0;
color:#333
color:$base-text-color
}
.listcomment .authorcomment {}
@@ -1533,14 +1534,14 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
background:#000;
}
.header-container {
background:#fff;
background:$light-background;
}
#header {
padding-bottom:21px;
position:relative;
.header-row {
background:#333333;
background:$dark-background;
.shop-phone {
display:block;
@@ -1552,11 +1553,11 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
i {
font-size:21px;
line-height:21px;
color:#fff;
color:$light-text-color;
padding-right:7px;
}
strong {color:#fff;}
strong {color:$light-text-color;}
}
#header_user_info {
@@ -1568,7 +1569,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
text-align:center;
}
a {
color:#fff;
color:$light-text-color;
font-weight:bold;
display:block;
padding:8px 9px 11px 8px;
@@ -1617,7 +1618,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
div.current {
font-weight:bold;
padding:8px 10px 10px 10px;
color:#fff;
color:$light-text-color;
text-shadow:1px 1px rgba(0,0,0,0.2);
@media (max-width: $screen-xs - 1) { // max 479px
text-align:center;
@@ -1630,7 +1631,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
&:after {
content:"";
font-family:"FontAwesome";
font-family:$font-icon;
font-size:18px;
line-height:18px;
color:#686666;
@@ -1656,18 +1657,18 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
top:37px;
left:0;
width:166px;
background:#333333;
background:$dark-background;
z-index:2;
li {
color:#fff;
color:$light-text-color;
line-height:35px;
font-size:13px;
a, > span {
padding:0 10px 0 12px;
display:block;
color:#fff;
color:$light-text-color;
}
&.selected, &:hover a {
@@ -1685,7 +1686,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
}
a {
display:block;
color:#FFF;
color:$light-text-color;
font-weight:bold;
padding:8px 10px 11px 10px;
text-shadow:1px 1px rgba(0,0,0,0.2);
@@ -1710,7 +1711,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
.breadcrumb {
display:inline-block;
padding:0 11px 0 0;
border:1px solid #d6d4d4;
border:1px solid $base-border-color;
font-weight:bold;
font-size:12px;
line-height:24px;
@@ -1732,12 +1733,12 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
a {
display:inline-block;
float:left;
background:#fff;
background:$light-background;
padding:0 8px 0 22px;
margin-left:-20px;
position:relative;
z-index:2;
color:#333;
color:$base-text-color;
&.home {
font-size:17px;
@@ -1759,9 +1760,9 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
top:0;
width:24px;
height:24px;
background:#fff;
border-right:1px solid #d6d4d4;
border-top:1px solid #d6d4d4;
background:$light-background;
border-right:1px solid $base-border-color;
border-top:1px solid $base-border-color;
border-radius:2px;
text-indent:-5000px;
z-index:-1;
@@ -1793,16 +1794,16 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
color:#777;
&:hover {
color:#fff;
color:$light-text-color;
}
}
h4 {
font:600 18px/22px 'Open Sans',sans-serif;
color:#fff;
font:600 18px/22px $font-custom;
color:$light-text-color;
margin:0 0 13px 0;
a {color:#fff;}
a {color:$light-text-color;}
}
ul {
@@ -1834,7 +1835,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
line-height:30px;
> span, > span a{
color:#fff;
color:$light-text-color;
font-weight:normal;
}
@@ -1874,11 +1875,11 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
&:before {
display:inline-block;
font-family:"FontAwesome";
font-family:$font-icon;
vertical-align:-5px;
}
&:hover {color:#fff;}
&:hover {color:$light-text-color;}
}
&.facebook {
@@ -1969,7 +1970,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
padding:0;
font-size:17px;
font-weight:bold;
color:#333;
color:$base-text-color;
margin:9px 0 0 0;
i {
@@ -2029,7 +2030,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
.cart_delete a.cart_quantity_delete,
a.price_discount_delete {
font-size:23px;
color:#333333;
color:$base-text-color;
&:hover {
color:#c0c0c0;
}
@@ -2072,22 +2073,22 @@ a.price_discount_delete {
td {
&.text-right {
font-weight:bold;
color:#333;
color:$base-text-color;
}
&.price {
text-align:right;
}
&.total_price_container {
span {
font:600 18px/22px 'Open Sans', sans-seif;
font:600 18px/22px $font-custom;
color:#555454;
text-transform:uppercase;
}
}
&#total_price_container {
font:600 21px/25px 'Open Sans', sans-serif;
color:#333333;
background:#fff;
font:600 21px/25px $font-custom;
color:$product-price-color;
background:$light-background;
}
}
}
@@ -2095,13 +2096,13 @@ a.price_discount_delete {
.cart_voucher {
vertical-align:top !important;
h4 {
font:600 18px/22px 'Open Sans', sans-serif;
color:#555454;
font:600 18px/22px $font-custom;
color:$base-heading-color;
text-transform:uppercase;
padding:7px 0 10px 0;
}
.title-offers {
color:#333;
color:$base-text-color;
font-weight:bold;
margin-bottom:6px;
}
@@ -2140,14 +2141,14 @@ a.price_discount_delete {
clear:both;
margin-top:20px;
border:1px solid #999;
background:#fff
background:$light-background
}
#order_carrier .title_block {
padding:0 15px;
height: 29px;
font-weight: bold;
line-height:29px;
color:#fff;
color:$light-text-color;
font-weight:bold;
text-transform:uppercase;
background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
@@ -2174,7 +2175,7 @@ table#cart_summary .gift-icon {
padding-bottom:19px;
.title {
font-weight:bold;
color:#333;
color:$base-text-color;
margin-bottom:15px;
}
}
@@ -2213,7 +2214,7 @@ table#cart_summary .gift-icon {
margin-bottom:20px;
font-weight:normal;
>table {
background:#fff;
background:$light-background;
margin-bottom:0;
&.resume {
height:53px;
@@ -2255,7 +2256,7 @@ table#cart_summary .gift-icon {
padding-bottom:16px;
.carrier_title {
font-weight:bold;
color:#333;
color:$base-text-color;
}
.checkbox {
input { margin-top:2px;}
@@ -2273,7 +2274,7 @@ table#cart_summary .gift-icon {
#carrierTable {
border:1px solid #999;
border-bottom:none;
background:#fff
background:$light-background
}
#carrierTable tbody{
@@ -2284,7 +2285,7 @@ table#cart_summary .gift-icon {
height: 29px;
font-weight: bold;
line-height:29px;
color:#fff;
color:$light-text-color;
text-transform:uppercase;
background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
}
@@ -2302,7 +2303,7 @@ p.checkbox.gift { margin-bottom:10px;}
}
a.iframe {
color:#333333;
color:$base-text-color;
text-decoration:underline;
&:hover {
text-decoration:none;
@@ -2318,17 +2319,17 @@ p.payment_module {
@include border-radius(4px);
font-size:17px;
line-height:23px;
color:#333;
color:$base-text-color;
font-weight:bold;
padding:33px 40px 34px 99px;
letter-spacing:-1px;
position:relative;
&.bankwire {
background:url(../img/bankwire.png) 15px 12px no-repeat #fbfbfb;
background:url(../img/bankwire.png) 15px 12px no-repeat $base-box-bg;
}
&.cheque {
background:url(../img/cheque.png) 15px 15px no-repeat #fbfbfb;
background:url(../img/cheque.png) 15px 15px no-repeat $base-box-bg;
}
&.cheque, &.bankwire {
@@ -2339,7 +2340,7 @@ p.payment_module {
right:20px;
margin-top:-11px;
top:50%;
font-family:'FontAwesome';
font-family:$font-icon;
font-size:25px;
height:22px;
width:14px;
@@ -2482,7 +2483,7 @@ p.cheque-indent {
opacity:1;
line-height:inherit;
text-transform:none;
font-family:Arial, Helvetica, sans-serif;
font-family:$font-famaly;
&:hover {
color:$link-hover-color;
}
@@ -2506,7 +2507,7 @@ p.cheque-indent {
a {
font-weight:bold;
color:#333333;
color:$base-text-color;
&:hover {
color:$link-hover-color;
@@ -2696,14 +2697,14 @@ table.discount {
}
h1 {
font:600 28px/34px 'Open Sans', sans-serif;
color:#333333;
font:600 28px/34px $font-custom;
color:$base-text-color;
text-transform:uppercase;
margin-bottom:7px;
}
p {
font:600 16px/20px 'Open Sans', sanserif;
font:600 16px/20px $font-custom;
color:#555454;
text-transform:uppercase;
border-bottom:1px solid $base-border-color;
@@ -2713,7 +2714,7 @@ table.discount {
h3 {
font-weight:bold;
color:#333;
color:$base-text-color;
font-size:13px;
line-height:normal;
margin-bottom:18px;
@@ -2790,8 +2791,8 @@ table.discount {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:bold 10px Arial,Verdana,sans-serif;
color:#fff;
font:bold 10px $font-famaly;
color:$light-text-color;
text-shadow: 0 -1px 0 #000;
background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000
}
@@ -2822,7 +2823,7 @@ form#sendComment h3 {font-size:14px;}
height: 28px;
width: 498px;
border: 1px solid #ccc;
background: url(../img/bg_input.png) repeat-x 0 0 #fff;
background: url(../img/bg_input.png) repeat-x 0 0 $light-background;
}
#sendComment p.textarea textarea {
height:80px;
@@ -2916,7 +2917,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -13px }
}
}
.fancybox-skin {
background:#fff !important;
background:$light-background !important;
}
.fancybox-skin .fancybox-close {
top:8px;
@@ -2926,7 +2927,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -13px }
background:none;
font-size:28px;
line-height:28px;
color:#333333;
color:$base-text-color;
text-align:center;
&:hover {
@@ -2934,6 +2935,6 @@ div.star_hover a, div.star a:hover { background-position: 0 -13px }
}
&:after {
content:"";
font-family:"FontAwesome";
font-family:$font-icon;
}
}
+1 -1
View File
@@ -42,7 +42,7 @@
tfoot {
strong {
color:#333;
color:$base-text-color;
}
}
}
@@ -9,7 +9,7 @@
border-bottom:none;
& > span.footable-toggle:before {
font-family:"FontAwesome";
font-family:$font-icon;
content: "";
}
}
@@ -25,7 +25,7 @@
> td > span.footable-toggle {
display: inline-block;
font-family: "FontAwesome";
font-family: $font-icon;
speak: none;
font-style: normal;
font-weight: normal;
@@ -36,7 +36,7 @@
font-size:14px;
&:before {
font-family:"FontAwesome";
font-family:$font-icon;
content: "";
}
}
@@ -61,7 +61,7 @@
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-family: $font-famaly;
font-weight: bold;
color: #666;
padding-top: 20px;
@@ -108,12 +108,12 @@
&:before{
padding-left:2px;
color:#c0c0c0;
font-family:$font1;
font-family:$font-icon;
font-size:20px;
line-height:22px;
}
&:hover:before{color:#333}
&:hover:before{color:$base-text-color}
}
@@ -199,8 +199,8 @@
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
color: $light-text-color;
font-family: $font-famaly;
display: block;
font-size: .85em;
padding: 10px;
@@ -6,18 +6,17 @@
#maintenance {
margin-top:50px;
/* > 1200 */
@media (min-width: $screen-lg) {
margin:126px 0 0 0;
padding:91px 48px 365px 297px;
background:url(../img/bg_maintenance.png) no-repeat;
}
@media (min-width: $screen-lg) { // > 1200
margin:126px 0 0 0;
padding:91px 48px 365px 297px;
background:url(../img/bg_maintenance.png) no-repeat;
}
.logo {
margin-bottom:31px;
}
h1 {
font:600 28px/34px 'Open Sans', sans-serif;
color:#333;
font:600 28px/34px $font-custom;
color:$base-text-color;
text-transform:uppercase;
border-bottom:1px solid $base-border-color;
padding:0 0 14px 0;
@@ -25,7 +24,7 @@
}
#message {
font:600 16px/31px 'Open Sans', sans-serif;
font:600 16px/31px $font-custom;
padding-left:18px;
color:#555454;
text-transform:uppercase;
@@ -20,7 +20,7 @@
&:before {
display:inline-block;
content:"";
font-family:"FontAwesome";
font-family:$font-icon;
font-size:18px;
line-height:18px;
}
@@ -127,7 +127,7 @@
height: auto;
width: 270px;
background:#484848;
color:#fff;
color:$light-text-color;
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
top:69px;
}
@@ -138,7 +138,7 @@
}
a {
color:#fff;
color:$light-text-color;
&:hover {color:#9c9b9b;}
}
@@ -146,7 +146,7 @@
#cart_block_list {
.remove_link a, .ajax_cart_block_remove_link {
color:#fff;
color:$light-text-color;
outline:none;
text-decoration:none;
@@ -155,7 +155,7 @@
}
.price {
color:#fff;
color:$light-text-color;
}
dt {
@@ -173,7 +173,7 @@
a {
color:#9c9b9b;
&:hover {color:#fff;}
&:hover {color:$light-text-color;}
}
}
@@ -183,7 +183,7 @@
}
#cart-buttons {
background:url(../../../img/cart-shadow.png) repeat-x #333333;
background:url(../../../img/cart-shadow.png) repeat-x $dark-background;
}
}
}
@@ -239,7 +239,7 @@
margin-left:-160px;
}
#layer_cart {
background-color:#fff;
background-color:$light-background;
position:absolute;
display:none;
z-index:99;
@@ -254,7 +254,7 @@
position:static;
h2 {
font:400 23px/29px Arial, Helvetica, sans-serif;
font:400 23px/29px $font-famaly;
color:#46a74e;
margin-bottom:22px;
padding-right:100px;
@@ -323,8 +323,8 @@
}
h2 {
font:400 23px/29px Arial, Helvetica, sans-serif;
color:#333;
font:400 23px/29px $font-famaly;
color:$base-text-color;
border-bottom:1px solid $base-border-color;
padding-bottom:13px;
margin-bottom:17px;
@@ -363,13 +363,13 @@
width:25px;
height:25px;
cursor:pointer;
color:#333;
color:$base-text-color;
z-index:2;
&:before {
content:"";
display:block;
font-family:"FontAwesome";
font-family:$font-icon;
font-size:25px;
line-height:25px;
}
@@ -397,8 +397,8 @@
}
h2 {
font:400 23px/26px Arial, Helvetica, sans-serif;
color:#333333;
font:400 23px/26px $font-famaly;
color:$base-text-color;
margin-bottom:25px;
}
@@ -435,12 +435,12 @@
a.bx-prev, a.bx-next {
display:block;
font-family:"FontAwesome";
font-family:$font-icon;
font-size:20px;
line-height:20px;
width:20px;
height:20px;
color:#333;
color:$base-text-color;
text-indent:-5000px;
position:absolute;
top:45%;
@@ -1,3 +1,4 @@
@import '../../_theme_variables';
/* block CONTACT ******************************************************************************* */
#contact_block {
@@ -11,8 +12,8 @@
p {margin-bottom:4px;}
p.tel {
font:400 17px/21px Arial, Helvetica, sans-serif;
color:#fff;
font:400 17px/21px $font-famaly;
color:$light-text-color;
margin-bottom:6px;
i {
@@ -5,7 +5,7 @@
margin-bottom:16px;
span.layered_subtitle {
color:#fff;
color:$light-text-color;
display:block;
padding-bottom:11px;
}
@@ -17,7 +17,7 @@
position:relative;
&:hover, &:hover a {
color:#fff;
color:$light-text-color;
}
a {
@@ -32,7 +32,7 @@
&:before {
content:"";
display:block;
font-family:"FontAwesome";
font-family:$font-icon;
width:12px;
height:12px;
@@ -49,7 +49,7 @@
margin-bottom:8px;
font-weight:bold;
position:relative;
color:#333333;
color:$base-text-color;
.layered_close {
position:absolute;
@@ -77,7 +77,7 @@
position:absolute;
top:0px;
left:0;
font-family:'FontAwesome';
font-family:$font-icon;
vertical-align:1px;
}
@@ -119,7 +119,7 @@
a {
font-weight:normal;
&:hover {color:#333;}
&:hover {color:$base-text-color;}
}
}
}
@@ -183,15 +183,15 @@
Range Slider Styles
***************************************************************************************/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background:#fbfbfb;
border-color:#d6d4d4;
background:$base-box-bg;
border-color:$base-border-color;
@include border-radius(0px);
width:15px;
height:15px;
&.ui-state-hover {
background:#555454;
border-color:#333;
border-color:$dark-border-color;
}
}
.ui-slider .ui-slider-range {
@@ -64,7 +64,7 @@
max-width:267px;
background:#3c3c3c;
border-color:#515151;
color:#fff;
color:$light-text-color;
padding:5px 43px 5px 12px;
display:inline-block;
@@ -82,13 +82,13 @@
&:before {
content:"";
font-family:'FontAwesome';
font-family:$font-icon;
font-size:28px;
line-height:28px;
}
&:hover {
color:#fff !important;
color:$light-text-color !important;
}
span{display:none;}
@@ -22,10 +22,10 @@
}
.btn.button-search {
background:#333;
background:$dark-background;
float: left;
border:none;
color:#fff;
color:$light-text-color;
width:57px;
text-align:center;
padding:10px 0 11px 0;
@@ -35,7 +35,7 @@
&:before {
content:"";
display:block;
font-family:"FontAwesome";
font-family:$font-icon;
font-size:17px;
}
@@ -46,7 +46,7 @@
padding:0 13px;
height:45px;
width:271px;
background:#fbfbfb;
background:$base-box-bg;
float: left;
margin-right:1px;
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
@@ -61,7 +61,7 @@
}
}
.ac_results {
background:#fff;
background:$light-background;
border:1px solid $base-border-color;
width:271px;
margin-top:-1px;
@@ -74,18 +74,18 @@
line-height:22px;
&.ac_odd {
background:#fff;
background:$light-background;
}
&:hover, &.ac_over {
background:#fbfbfb;
background:$base-box-bg;
}
}
}
form#searchbox {
label{
color:#333;
color:$base-text-color;
margin-bottom:1px
}
@@ -15,7 +15,7 @@
margin:0 3px 3px 0;
&:hover {
color:#333;
color:$base-text-color;
background:#f6f6f6;
}
}
@@ -27,7 +27,7 @@
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
background: #fff;
background: $light-background;
}
.sf-menu ul li {
width: 100%;
@@ -40,11 +40,11 @@
}
.sf-menu > li {
float: left;
border-right: 1px solid #d6d4d4;
border-right: 1px solid $base-border-color;
margin-bottom: -3px;
> a {
font: 600 18px/22px 'Open Sans', sans-serif;
font: 600 18px/22px $font-custom;
text-transform: uppercase;
color: #484848;
display: block;
@@ -53,9 +53,9 @@
}
&.sfHover > a, > a:hover, &.sfHoverForce > a {
background: #333;
background: $dark-background;
border-bottom-color: #666666;
color: #fff;
color: $light-text-color;
}
}
.sf-menu li li a {
@@ -70,12 +70,12 @@
&:before {
content: "";
display: inline-block;
font-family: "FontAwesome";
font-family: $font-icon;
padding-right: 10px;
}
&:hover {
color: #333;
color: $base-text-color;
}
}
.sf-menu li ul {
@@ -22,7 +22,7 @@
a {
padding:7px 10px 14px 16px;
background:#333333;
background:$dark-background;
min-width: 270px;
display:block;
font-weight:bold;
@@ -39,24 +39,24 @@
}
b {
color:#fff;
font:600 18px/22px 'Open Sans', sans-serif;
color:$light-text-color;
font:600 18px/22px $font-custom;
padding-right:5px;
}
&:before {
content:"";
font-family:"FontAwesome";
font-family:$font-icon;
display:inline-block;
font-size:23px;
line-height:23px;
color:#fff;
color:$light-text-color;
padding-right:15px;
}
&:after {
content:"";
font-family:"FontAwesome";
font-family:$font-icon;
display:inline-block;
float:right;
font-size:18px;
@@ -7,8 +7,8 @@
&:before{
content:"";
font-family:FontAwesome;
color:#fff;
font-family:$font-icon;
color:$light-text-color;
font-size:15px;
line-height:31px;
border-radius:50px;
@@ -129,7 +129,7 @@
a {
display:inline-block;
color: #333;
color: $base-text-color;
margin:10px 10px 10px 0px;
font-weight:bold;
@@ -1,3 +1,4 @@
@import '../../_theme_variables';
#compare_shipping {
.form-group {
@@ -17,14 +18,14 @@
}
.table {
background:#fff;
background:$light-background;
thead {
tr {
th {
background:#fff;
background:$light-background;
padding:4px 10px 3px 10px;
}
}
@@ -1,13 +1,15 @@
@import '../../_theme_variables';
#favoriteproducts_block_account .favoriteproduct {
position:relative;
margin-bottom: 14px;
padding: 12px 8px;
border: 1px solid #eee;
border-radius: 3px 3px 3px 3px;
margin-bottom: 14px;
padding: 12px 8px;
border: 1px solid $base-border-color;
border-radius: 3px 3px 3px 3px;
}
.favoriteproduct a.product_img_link {
border: 1px solid #CCCCCC;
border: 1px solid $base-border-color;
display: block;
float: left;
margin-right: 14px;
@@ -1,3 +1,4 @@
@import '../../_theme_variables';
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
@@ -68,7 +69,7 @@
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
background: url(images/bx_loader.gif) center center no-repeat $light-background;
height: 100%;
width: 100%;
position: absolute;
@@ -82,7 +83,7 @@
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-family: $font-famaly;
font-weight: bold;
color: #666;
padding-top: 20px;
@@ -139,13 +140,13 @@
height: 52px;
text-indent: -9999px;
z-index: 9999;
border:2px solid #fff;
border:2px solid $light-border-color;
&:before {
height:48px;
width:48px;
display:block;
background:#fff;
background:$light-background;
content:".";
opacity:0.14;
text-indent:-9999px;
@@ -159,11 +160,11 @@
display:block;
width:48px;
height:48px;
color:#fff;
color:$light-text-color;
text-indent:0;
text-align:center;
font-size:21px;
font-family:"FontAwesome";
font-family:$font-icon;
position:absolute;
top:0;
left:0;
@@ -174,7 +175,7 @@
&:hover {
&:before {
background:#333;
background:$dark-background;
opacity:0.83;
}
}
@@ -244,8 +245,8 @@
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
color: $light-text-color;
font-family: $font-famaly;
display: block;
font-size: .85em;
padding: 10px;
@@ -4,8 +4,8 @@
padding:8px 10px 10px;
font-weight: bold;
line-height:18px;
border:1px solid #d6d4d4;
background:#fbfbfb;
border:1px solid $base-border-color;
background:$base-box-bg;
margin:39px 0 22px
}
.comments_advices {
@@ -42,7 +42,7 @@ padding-top:2px;
-webkit-border-radius:50px;
color: white;
display: inline-block;
font-family: FontAwesome;
font-family: $font-icon;
font-size: 15px;
font-weight: normal;
height: 30px;
@@ -61,9 +61,9 @@ padding-top:2px;
}
a.reviews:before{content:""}
a.open-comment-form:before{content:""}
a:hover {color:#333}
a:hover {color:$base-text-color}
a.reviews{
border-right:1px solid #d6d4d4;
border-right:1px solid $base-border-color;
padding-right:30px;
margin-right:9px;
@@ -80,7 +80,7 @@ padding-top:2px;
#product_comments_block_extra{
.comments_note {margin-bottom:5px}
.comments_note span,
.star_content {float:left;color:#333}
.star_content {float:left;color:$base-text-color}
.star_content {margin-top:1px}
div.star {background: url(img/star.png) no-repeat 0 0}
div.star_on {background: url(img/star.png) no-repeat 0 -13px}
@@ -103,7 +103,7 @@ padding-top:2px;
#new_comment_form {
width:465px;
overflow:hidden;
color: #333;
color: $base-text-color;
text-align: left;
/*max 767px*/
@@ -115,9 +115,9 @@ padding-top:2px;
.title {
padding:10px;
font-size: 13px;
color: #fff;
color: $light-text-color;
text-transform: uppercase;
background: #333
background: $dark-background
}
ul.grade_content {list-style-type:none}
@@ -128,7 +128,7 @@ padding-top:2px;
}
.product .product_desc {
line-height:18px;
color:#666
color:$description-color;
}
.product .product_desc .product_name {
padding:10px 0 5px;
@@ -161,7 +161,7 @@ padding-top:2px;
height: 28px;
width: 100%;
border: 1px solid #ccc;
background: #fff;
background: $light-background;
}
textarea {
height: 80px;
@@ -204,7 +204,7 @@ padding-top:2px;
div.comment {
margin:0 0 14px;
padding-top:14px;
border-top: 1px solid #d6d4d4;
border-top: 1px solid $base-border-color;
}
div.comment:first-child{padding:0;border:none}
@@ -225,7 +225,7 @@ padding-top:2px;
div.star_on {background-position: 0 -13px}
.comment_author_infos {clear:both;
padding-top:9px;
strong{display:block;color:#333}
strong{display:block;color:$base-text-color}
em {color:#adadad}
}
@@ -248,9 +248,9 @@ padding-top:2px;
div.comment_details li {
padding:2px 0 2px;
&:before{
font-family:$font1;
font-family:$font-icon;
content:"";
color:#333;
color:$base-text-color;
margin-right:8px
}
@@ -15,7 +15,7 @@
a {
display:block;
overflow:hidden;
font:600 16px/20px 'Open Sans', sans-serif;
font:600 16px/20px $font-custom;
color:#555454;
text-shadow:0px 1px rgba(255,255,255,1);
text-transform:uppercase;
@@ -43,7 +43,7 @@
height:100%;
padding:10px 0 0 0;
text-align:center;
border:1px solid #fff;
border:1px solid $light-border-color;
@include border-top-left-radius(4px);
@include border-bottom-left-radius(4px);
}
@@ -53,7 +53,7 @@
padding:13px 15px 15px 17px;
overflow:hidden;
border:1px solid;
border-color:#fff #fff #fff #c8c8c8;
border-color:$light-border-color $light-border-color $light-border-color #c8c8c8;
@include border-top-right-radius(5px);
@include border-bottom-right-radius(5px);
margin-left:52px;
+2 -2
View File
@@ -21,7 +21,7 @@
font-size:42px;
line-height:51px;
font-style:italic;
color:#333;
color:$base-text-color;
position:absolute;
left:10px;
top:-14px;
@@ -46,7 +46,7 @@
.title_block {
font-weight:bold;
color:#333;
color:$base-text-color;
padding:3px 0 6px;
}
File diff suppressed because it is too large Load Diff
+15 -15
View File
@@ -9,7 +9,7 @@ ul.product_list {
span {
display:inline-block;
color:#fff;
color:$light-text-color;
font-weight:bold;
padding:3px 8px 4px 8px;
margin-bottom:20px;
@@ -52,7 +52,7 @@ ul.product_list {
}
.quick-view {
font:700 13px/16px Arial, Helvetica, sans-serif;
font:700 13px/16px $font-famaly;
color:#777676;
position:absolute;
left:50%;
@@ -90,7 +90,7 @@ ul.product_list.grid {
}
.product-container {
background:#fff;
background:$light-background;
padding:0;
position:relative;
@@ -116,7 +116,7 @@ ul.product_list.grid {
display:none;
span {
color:#fff;
color:$light-text-color;
}
}
}
@@ -185,7 +185,7 @@ ul.product_list.grid {
&:before {
content:"";
display:inline-block;
font-family:'FontAwesome';
font-family:$font-icon;
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
display:none;
}
@@ -265,7 +265,7 @@ ul.product_list.list {
}
}
.product-flags {
color:#333333;
color:$base-text-color;
margin:-5px 0 10px 0;
.discount {
@@ -368,16 +368,16 @@ ul.product_list.list {
text-align:center;
display:inline-block;
background:#929292;
color:#fff;
color:$light-text-color;
padding:7px 0 0 0;
@include border-radius(100px);
margin-right:3px;
}
&:hover {
color:#333333;
color:$base-text-color;
i {
background:#333333;
background:$dark-background;
}
}
}
@@ -390,7 +390,7 @@ ul.product_list.list {
&:before {
content:"";
display:inline-block;
font-family:'FontAwesome';
font-family:$font-icon;
width:30px;
height:30px;
font-size:15px;
@@ -399,19 +399,19 @@ ul.product_list.list {
@include border-radius(100px);
margin-right:3px;
padding:6px 0 0 0;
color:#fff;
color:$light-text-color;
}
&:hover {
color:#333333;
color:$base-text-color;
&:before {
background:#333333;
background:$dark-background;
}
}
&.checked {
&:before {
background:#fff;
background:$light-background;
border:1px solid #929292;
color:#929292;
padding-top:5px;
@@ -451,7 +451,7 @@ ul.product_list.list {
> li {
padding-bottom:10px;
margin-bottom:10px;
@media (min-width: $screen-lg) { /* min 1200px */
@media (min-width: $screen-lg) { // min 1200px
padding-bottom:35px;
margin-bottom:50px;
}
+4 -4
View File
@@ -1,4 +1,4 @@
@import '_theme_variables';
/*TMP*/
#scenes .cluetip span{
background:transparent url(../img/icon/cible.gif) no-repeat scroll center center;
@@ -81,7 +81,7 @@
-webkit-border-radius:3px;
border-radius:3px;
text-align:left;
background:#fff;
background:$light-background;
opacity:0.95;
}
@@ -112,7 +112,7 @@
float:left;
padding:0;
width:140px;
color:#666
color:$description-color;
}
.cluetip-product_scene div.prices{
@@ -129,7 +129,7 @@
padding: 1px 5px;
font-weight: bold;
font-size: 10px;
color: #fff;
color: $light-text-color;
text-transform: uppercase;
background: none repeat scroll 0 0 #9B0000
}
+3 -3
View File
@@ -19,7 +19,7 @@
&:before {
content:"";
display:inline-block;
font-family:'FontAwesome';
font-family:$font-icon;
padding-right:10px;
}
@@ -40,9 +40,9 @@
&:before {
content:"";
display:inline-block;
font-family:"FontAwesome";
font-family:$font-icon;
font-size:20px;
color:#333;
color:$base-text-color;
}
&:hover {
+8 -10
View File
@@ -19,12 +19,10 @@
.address-input {
float:left;
margin-right:19px;
/* max 767px */
@media (max-width: $screen-xs-max) {
width:100%;
margin:0 0 20px 0;
}
@media (max-width: $screen-xs-max) { // max 767px
width:100%;
margin:0 0 20px 0;
}
label { margin-right:5px;}
}
@@ -72,7 +70,7 @@
label {
font-weight:normal;
color:#777777;
color:$base-body-color;
}
#stores_loader {
@@ -94,7 +92,7 @@
padding:20px;
&.num {
background:#fbfbfb;
background:$table-background;
width:46px;
}
@@ -103,8 +101,8 @@
span {
padding-left:15px;
}
/* max 767px */
@media (max-width: $screen-xs-max) {
@media (max-width: $screen-xs-max) { // max 767px
img {display:none;}
}
}
@@ -44,8 +44,8 @@
{/if}
{if isset($product.is_discounted) && $product.is_discounted}
<span class="price-percent-reduction small">
{assign var='priceReductonPercent' value=(($product.price_without_specific_price - $product.price_wt)/$product.price_without_specific_price) * 100 * -1}
{$priceReductonPercent|round|string_format:"%d"}%
{assign var='priceReductonPercent' value=(($product.price_without_specific_price - $product.price_wt)/$product.price_without_specific_price) * 100 * -1}
{$priceReductonPercent|round|string_format:"%d"}%
</span>
<span class="old-price">{convertPrice price=$product.price_without_specific_price}</span>
{/if}