diff --git a/themes/default-bootstrap/authentication.tpl b/themes/default-bootstrap/authentication.tpl
index 43718b690..e3f90b856 100644
--- a/themes/default-bootstrap/authentication.tpl
+++ b/themes/default-bootstrap/authentication.tpl
@@ -129,6 +129,7 @@ $(document).ready(function() {
bindStateInputAndUpdate();
$(this).fadeIn('slow', function(){
document.location = '#account-creation';
+ $('select.form-control').uniform();
});
});
}
diff --git a/themes/default-bootstrap/css/category.css b/themes/default-bootstrap/css/category.css
index f3071a0d2..de1985f10 100644
--- a/themes/default-bootstrap/css/category.css
+++ b/themes/default-bootstrap/css/category.css
@@ -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 {
diff --git a/themes/default-bootstrap/css/cms.css b/themes/default-bootstrap/css/cms.css
index d115deba5..5f39f39b5 100644
--- a/themes/default-bootstrap/css/cms.css
+++ b/themes/default-bootstrap/css/cms.css
@@ -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%);
diff --git a/themes/default-bootstrap/css/comparator.css b/themes/default-bootstrap/css/comparator.css
index 24d42f216..f87343699 100644
--- a/themes/default-bootstrap/css/comparator.css
+++ b/themes/default-bootstrap/css/comparator.css
@@ -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;
}
diff --git a/themes/default-bootstrap/css/contact-form.css b/themes/default-bootstrap/css/contact-form.css
index 5a948bd1c..70dc69983 100644
--- a/themes/default-bootstrap/css/contact-form.css
+++ b/themes/default-bootstrap/css/contact-form.css
@@ -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 {
diff --git a/themes/default-bootstrap/css/global.css b/themes/default-bootstrap/css/global.css
index e762d06a2..b24046502 100644
--- a/themes/default-bootstrap/css/global.css
+++ b/themes/default-bootstrap/css/global.css
@@ -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 {
diff --git a/themes/default-bootstrap/css/history.css b/themes/default-bootstrap/css/history.css
index 55fb86ea8..ba1745ea4 100644
--- a/themes/default-bootstrap/css/history.css
+++ b/themes/default-bootstrap/css/history.css
@@ -31,7 +31,7 @@
width: 105px;
}
.table tfoot strong {
- color: #333;
+ color: #333333;
}
.info-order i {
diff --git a/themes/default-bootstrap/css/jquery/jquery.bxslider.css b/themes/default-bootstrap/css/jquery/jquery.bxslider.css
index 33bb54315..830fa4a05 100644
--- a/themes/default-bootstrap/css/jquery/jquery.bxslider.css
+++ b/themes/default-bootstrap/css/jquery/jquery.bxslider.css
@@ -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;
diff --git a/themes/default-bootstrap/css/jquery/uniform.default.css b/themes/default-bootstrap/css/jquery/uniform.default.css
index 18f4596a2..99e2cd561 100644
--- a/themes/default-bootstrap/css/jquery/uniform.default.css
+++ b/themes/default-bootstrap/css/jquery/uniform.default.css
@@ -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;
}
diff --git a/themes/default-bootstrap/css/maintenance.css b/themes/default-bootstrap/css/maintenance.css
index e157199b6..dbfac44f6 100644
--- a/themes/default-bootstrap/css/maintenance.css
+++ b/themes/default-bootstrap/css/maintenance.css
@@ -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;
diff --git a/themes/default-bootstrap/css/modules/blockcart/blockcart.css b/themes/default-bootstrap/css/modules/blockcart/blockcart.css
index f57cb734c..a46870ada 100644
--- a/themes/default-bootstrap/css/modules/blockcart/blockcart.css
+++ b/themes/default-bootstrap/css/modules/blockcart/blockcart.css
@@ -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%;
diff --git a/themes/default-bootstrap/css/modules/blockcontact/blockcontact.css b/themes/default-bootstrap/css/modules/blockcontact/blockcontact.css
index b14279f8b..232d945d9 100644
--- a/themes/default-bootstrap/css/modules/blockcontact/blockcontact.css
+++ b/themes/default-bootstrap/css/modules/blockcontact/blockcontact.css
@@ -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;
diff --git a/themes/default-bootstrap/css/modules/blocklayered/blocklayered-15.css b/themes/default-bootstrap/css/modules/blocklayered/blocklayered-15.css
index 0fb4273d6..d7448b880 100644
--- a/themes/default-bootstrap/css/modules/blocklayered/blocklayered-15.css
+++ b/themes/default-bootstrap/css/modules/blocklayered/blocklayered-15.css
@@ -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 {
diff --git a/themes/default-bootstrap/css/modules/blocknewsletter/blocknewsletter.css b/themes/default-bootstrap/css/modules/blocknewsletter/blocknewsletter.css
index aeef17375..08b4e4b85 100644
--- a/themes/default-bootstrap/css/modules/blocknewsletter/blocknewsletter.css
+++ b/themes/default-bootstrap/css/modules/blocknewsletter/blocknewsletter.css
@@ -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;
diff --git a/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css b/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css
index 8e2810cc3..fd048bf56 100644
--- a/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css
+++ b/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css
@@ -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 {
diff --git a/themes/default-bootstrap/css/modules/blocktags/blocktags.css b/themes/default-bootstrap/css/modules/blocktags/blocktags.css
index 6ecdfba8a..ecfa79e24 100644
--- a/themes/default-bootstrap/css/modules/blocktags/blocktags.css
+++ b/themes/default-bootstrap/css/modules/blocktags/blocktags.css
@@ -13,6 +13,6 @@
margin: 0 3px 3px 0;
}
.tags_block .block_content a:hover {
- color: #333;
+ color: #333333;
background: #f6f6f6;
}
diff --git a/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css b/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
index b1aa29ffa..b2f91d31a 100644
--- a/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
+++ b/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
@@ -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,
diff --git a/themes/default-bootstrap/css/modules/blockuserinfo/blockuserinfo.css b/themes/default-bootstrap/css/modules/blockuserinfo/blockuserinfo.css
index 1e7dca5c3..2aef77d5a 100644
--- a/themes/default-bootstrap/css/modules/blockuserinfo/blockuserinfo.css
+++ b/themes/default-bootstrap/css/modules/blockuserinfo/blockuserinfo.css
@@ -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 {
diff --git a/themes/default-bootstrap/css/modules/blockwishlist/blockwishlist.css b/themes/default-bootstrap/css/modules/blockwishlist/blockwishlist.css
index 2bf4cef49..c0e3eddc0 100644
--- a/themes/default-bootstrap/css/modules/blockwishlist/blockwishlist.css
+++ b/themes/default-bootstrap/css/modules/blockwishlist/blockwishlist.css
@@ -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;
}
diff --git a/themes/default-bootstrap/css/modules/carriercompare/style.css b/themes/default-bootstrap/css/modules/carriercompare/style.css
index aee186aa0..bbd6e53c8 100644
--- a/themes/default-bootstrap/css/modules/carriercompare/style.css
+++ b/themes/default-bootstrap/css/modules/carriercompare/style.css
@@ -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;
}
diff --git a/themes/default-bootstrap/css/modules/favoriteproducts/favoriteproducts.css b/themes/default-bootstrap/css/modules/favoriteproducts/favoriteproducts.css
index 0ab672740..c30582e09 100644
--- a/themes/default-bootstrap/css/modules/favoriteproducts/favoriteproducts.css
+++ b/themes/default-bootstrap/css/modules/favoriteproducts/favoriteproducts.css
@@ -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;
diff --git a/themes/default-bootstrap/css/modules/homeslider/bx_styles.css b/themes/default-bootstrap/css/modules/homeslider/bx_styles.css
index b22b34eef..e7e8fd7a0 100644
--- a/themes/default-bootstrap/css/modules/homeslider/bx_styles.css
+++ b/themes/default-bootstrap/css/modules/homeslider/bx_styles.css
@@ -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;
diff --git a/themes/default-bootstrap/css/modules/productcomments/productcomments.css b/themes/default-bootstrap/css/modules/productcomments/productcomments.css
index 964fa548e..7d81eecc8 100644
--- a/themes/default-bootstrap/css/modules/productcomments/productcomments.css
+++ b/themes/default-bootstrap/css/modules/productcomments/productcomments.css
@@ -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 {
diff --git a/themes/default-bootstrap/css/my-account.css b/themes/default-bootstrap/css/my-account.css
index e1052c3c7..b4cc6573d 100644
--- a/themes/default-bootstrap/css/my-account.css
+++ b/themes/default-bootstrap/css/my-account.css
@@ -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;
diff --git a/themes/default-bootstrap/css/order-opc.css b/themes/default-bootstrap/css/order-opc.css
index 7bb48d8fd..1808f1e2e 100644
--- a/themes/default-bootstrap/css/order-opc.css
+++ b/themes/default-bootstrap/css/order-opc.css
@@ -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 {
diff --git a/themes/default-bootstrap/css/product.css b/themes/default-bootstrap/css/product.css
index f07269c58..699e0bd87 100644
--- a/themes/default-bootstrap/css/product.css
+++ b/themes/default-bootstrap/css/product.css
@@ -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 {
diff --git a/themes/default-bootstrap/css/product_list.css b/themes/default-bootstrap/css/product_list.css
index 577117ecb..9bef2d238 100644
--- a/themes/default-bootstrap/css/product_list.css
+++ b/themes/default-bootstrap/css/product_list.css
@@ -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;
}
diff --git a/themes/default-bootstrap/css/scenes.css b/themes/default-bootstrap/css/scenes.css
index 70efccbfd..0c0e86671 100644
--- a/themes/default-bootstrap/css/scenes.css
+++ b/themes/default-bootstrap/css/scenes.css
@@ -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;
diff --git a/themes/default-bootstrap/css/sitemap.css b/themes/default-bootstrap/css/sitemap.css
index 7259cd516..51c146ba7 100644
--- a/themes/default-bootstrap/css/sitemap.css
+++ b/themes/default-bootstrap/css/sitemap.css
@@ -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;
diff --git a/themes/default-bootstrap/css/stores.css b/themes/default-bootstrap/css/stores.css
index 37d8558d8..4432d1a3b 100644
--- a/themes/default-bootstrap/css/stores.css
+++ b/themes/default-bootstrap/css/stores.css
@@ -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;
}
diff --git a/themes/default-bootstrap/product.tpl b/themes/default-bootstrap/product.tpl
index b9fd84ea7..21b7967c4 100644
--- a/themes/default-bootstrap/product.tpl
+++ b/themes/default-bootstrap/product.tpl
@@ -210,7 +210,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
{if isset($images) && count($images) > 0}
- {if isset($images) && count($images) > 4}
{l s='Previous'}{/if}
+ {if isset($images) && count($images) > 3}
{l s='Previous'}{/if}
{if isset($images)}
@@ -225,7 +225,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
{/if}
- {if isset($images) && count($images) > 4}
{l s='Next'}{/if}
+ {if isset($images) && count($images) > 3}
{l s='Next'}{/if}
{/if}
{if isset($images) && count($images) > 1}
diff --git a/themes/default-bootstrap/sass/_theme_variables.scss b/themes/default-bootstrap/sass/_theme_variables.scss
index 98dabf9e9..e7c78d7f2 100644
--- a/themes/default-bootstrap/sass/_theme_variables.scss
+++ b/themes/default-bootstrap/sass/_theme_variables.scss
@@ -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;
\ No newline at end of file
+ }
\ No newline at end of file
diff --git a/themes/default-bootstrap/sass/addresses.scss b/themes/default-bootstrap/sass/addresses.scss
index 567c80de8..666bf04c1 100644
--- a/themes/default-bootstrap/sass/addresses.scss
+++ b/themes/default-bootstrap/sass/addresses.scss
@@ -27,6 +27,4 @@
a {
margin-right:10px;
}
-}
-
-
+}
\ No newline at end of file
diff --git a/themes/default-bootstrap/sass/category.scss b/themes/default-bootstrap/sass/category.scss
index b0cd1b91c..e28fc2e62 100644
--- a/themes/default-bootstrap/sass/category.scss
+++ b/themes/default-bootstrap/sass/category.scss
@@ -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;
}
}
diff --git a/themes/default-bootstrap/sass/cms.scss b/themes/default-bootstrap/sass/cms.scss
index a7bac63ee..eb1d90040 100644
--- a/themes/default-bootstrap/sass/cms.scss
+++ b/themes/default-bootstrap/sass/cms.scss
@@ -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%);
diff --git a/themes/default-bootstrap/sass/comparator.scss b/themes/default-bootstrap/sass/comparator.scss
index 02e08f7b7..78737341e 100644
--- a/themes/default-bootstrap/sass/comparator.scss
+++ b/themes/default-bootstrap/sass/comparator.scss
@@ -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;
}
}
diff --git a/themes/default-bootstrap/sass/contact-form.scss b/themes/default-bootstrap/sass/contact-form.scss
index 314496aec..7acb8ca16 100644
--- a/themes/default-bootstrap/sass/contact-form.scss
+++ b/themes/default-bootstrap/sass/contact-form.scss
@@ -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 {
diff --git a/themes/default-bootstrap/sass/global.scss b/themes/default-bootstrap/sass/global.scss
index 8c7b6716f..630dbb93c 100644
--- a/themes/default-bootstrap/sass/global.scss
+++ b/themes/default-bootstrap/sass/global.scss
@@ -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;
}
}
\ No newline at end of file
diff --git a/themes/default-bootstrap/sass/history.scss b/themes/default-bootstrap/sass/history.scss
index af20a81a1..b05929361 100644
--- a/themes/default-bootstrap/sass/history.scss
+++ b/themes/default-bootstrap/sass/history.scss
@@ -42,7 +42,7 @@
tfoot {
strong {
- color:#333;
+ color:$base-text-color;
}
}
}
diff --git a/themes/default-bootstrap/sass/jquery/footable.core.scss b/themes/default-bootstrap/sass/jquery/footable.core.scss
index 20d4e95aa..0130563b9 100644
--- a/themes/default-bootstrap/sass/jquery/footable.core.scss
+++ b/themes/default-bootstrap/sass/jquery/footable.core.scss
@@ -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: "";
}
}
diff --git a/themes/default-bootstrap/sass/jquery/jquery.bxslider.scss b/themes/default-bootstrap/sass/jquery/jquery.bxslider.scss
index 1ca6af6ad..b2d3b740b 100644
--- a/themes/default-bootstrap/sass/jquery/jquery.bxslider.scss
+++ b/themes/default-bootstrap/sass/jquery/jquery.bxslider.scss
@@ -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;
diff --git a/themes/default-bootstrap/sass/maintenance.scss b/themes/default-bootstrap/sass/maintenance.scss
index 2d14c56dd..79de7d770 100644
--- a/themes/default-bootstrap/sass/maintenance.scss
+++ b/themes/default-bootstrap/sass/maintenance.scss
@@ -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;
diff --git a/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss b/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss
index 6deb72089..d345a7569 100644
--- a/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss
+++ b/themes/default-bootstrap/sass/modules/blockcart/blockcart.scss
@@ -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%;
diff --git a/themes/default-bootstrap/sass/modules/blockcontact/blockcontact.scss b/themes/default-bootstrap/sass/modules/blockcontact/blockcontact.scss
index e5588694b..6c4b4284e 100644
--- a/themes/default-bootstrap/sass/modules/blockcontact/blockcontact.scss
+++ b/themes/default-bootstrap/sass/modules/blockcontact/blockcontact.scss
@@ -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 {
diff --git a/themes/default-bootstrap/sass/modules/blocklayered/blocklayered-15.scss b/themes/default-bootstrap/sass/modules/blocklayered/blocklayered-15.scss
index cc11eabe2..f601427d3 100644
--- a/themes/default-bootstrap/sass/modules/blocklayered/blocklayered-15.scss
+++ b/themes/default-bootstrap/sass/modules/blocklayered/blocklayered-15.scss
@@ -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 {
diff --git a/themes/default-bootstrap/sass/modules/blocknewsletter/blocknewsletter.scss b/themes/default-bootstrap/sass/modules/blocknewsletter/blocknewsletter.scss
index c0002f1ea..e29f4b1ef 100644
--- a/themes/default-bootstrap/sass/modules/blocknewsletter/blocknewsletter.scss
+++ b/themes/default-bootstrap/sass/modules/blocknewsletter/blocknewsletter.scss
@@ -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;}
diff --git a/themes/default-bootstrap/sass/modules/blocksearch/blocksearch.scss b/themes/default-bootstrap/sass/modules/blocksearch/blocksearch.scss
index 941e7692e..c7b9eb0d8 100644
--- a/themes/default-bootstrap/sass/modules/blocksearch/blocksearch.scss
+++ b/themes/default-bootstrap/sass/modules/blocksearch/blocksearch.scss
@@ -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
}
diff --git a/themes/default-bootstrap/sass/modules/blocktags/blocktags.scss b/themes/default-bootstrap/sass/modules/blocktags/blocktags.scss
index 7ed6293f1..8bfc1ad09 100644
--- a/themes/default-bootstrap/sass/modules/blocktags/blocktags.scss
+++ b/themes/default-bootstrap/sass/modules/blocktags/blocktags.scss
@@ -15,7 +15,7 @@
margin:0 3px 3px 0;
&:hover {
- color:#333;
+ color:$base-text-color;
background:#f6f6f6;
}
}
diff --git a/themes/default-bootstrap/sass/modules/blocktopmenu/css/superfish-modified.scss b/themes/default-bootstrap/sass/modules/blocktopmenu/css/superfish-modified.scss
index b78386879..a3f7c34a7 100644
--- a/themes/default-bootstrap/sass/modules/blocktopmenu/css/superfish-modified.scss
+++ b/themes/default-bootstrap/sass/modules/blocktopmenu/css/superfish-modified.scss
@@ -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 {
diff --git a/themes/default-bootstrap/sass/modules/blockuserinfo/blockuserinfo.scss b/themes/default-bootstrap/sass/modules/blockuserinfo/blockuserinfo.scss
index 4b7e14f3e..db2c28ae5 100644
--- a/themes/default-bootstrap/sass/modules/blockuserinfo/blockuserinfo.scss
+++ b/themes/default-bootstrap/sass/modules/blockuserinfo/blockuserinfo.scss
@@ -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;
diff --git a/themes/default-bootstrap/sass/modules/blockwishlist/blockwishlist.scss b/themes/default-bootstrap/sass/modules/blockwishlist/blockwishlist.scss
index 11da8ffe1..5c665959f 100644
--- a/themes/default-bootstrap/sass/modules/blockwishlist/blockwishlist.scss
+++ b/themes/default-bootstrap/sass/modules/blockwishlist/blockwishlist.scss
@@ -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;
diff --git a/themes/default-bootstrap/sass/modules/carriercompare/style.scss b/themes/default-bootstrap/sass/modules/carriercompare/style.scss
index 3c8f705ea..dcf941372 100644
--- a/themes/default-bootstrap/sass/modules/carriercompare/style.scss
+++ b/themes/default-bootstrap/sass/modules/carriercompare/style.scss
@@ -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;
}
}
diff --git a/themes/default-bootstrap/sass/modules/favoriteproducts/favoriteproducts.scss b/themes/default-bootstrap/sass/modules/favoriteproducts/favoriteproducts.scss
index eb650a12f..2635939d2 100644
--- a/themes/default-bootstrap/sass/modules/favoriteproducts/favoriteproducts.scss
+++ b/themes/default-bootstrap/sass/modules/favoriteproducts/favoriteproducts.scss
@@ -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;
diff --git a/themes/default-bootstrap/sass/modules/homeslider/bx_styles.scss b/themes/default-bootstrap/sass/modules/homeslider/bx_styles.scss
index 3ad4c446b..86735cbb6 100644
--- a/themes/default-bootstrap/sass/modules/homeslider/bx_styles.scss
+++ b/themes/default-bootstrap/sass/modules/homeslider/bx_styles.scss
@@ -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;
diff --git a/themes/default-bootstrap/sass/modules/productcomments/productcomments.scss b/themes/default-bootstrap/sass/modules/productcomments/productcomments.scss
index 383c0d003..b3b87f8cb 100644
--- a/themes/default-bootstrap/sass/modules/productcomments/productcomments.scss
+++ b/themes/default-bootstrap/sass/modules/productcomments/productcomments.scss
@@ -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
}
diff --git a/themes/default-bootstrap/sass/my-account.scss b/themes/default-bootstrap/sass/my-account.scss
index 2a9aaa02e..f1320704b 100644
--- a/themes/default-bootstrap/sass/my-account.scss
+++ b/themes/default-bootstrap/sass/my-account.scss
@@ -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;
diff --git a/themes/default-bootstrap/sass/order-opc.scss b/themes/default-bootstrap/sass/order-opc.scss
index 5c661d80e..cb6b42995 100644
--- a/themes/default-bootstrap/sass/order-opc.scss
+++ b/themes/default-bootstrap/sass/order-opc.scss
@@ -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;
}
diff --git a/themes/default-bootstrap/sass/product.scss b/themes/default-bootstrap/sass/product.scss
index 8dae82826..d2c9537c4 100644
--- a/themes/default-bootstrap/sass/product.scss
+++ b/themes/default-bootstrap/sass/product.scss
@@ -6,109 +6,123 @@
margin-bottom:40px
}
-.top-hr{height:5px;background:#c4c4c4;margin:2px 0 31px}
+.top-hr{
+ background:$top-line-color;
+ height:5px;
+ margin:2px 0 31px
+}
.product-heading-h5{
- color:#333;
+ color:$base-text-color;
font-weight:bold;
margin:3px 0 8px;
}
.box-security .product-heading-h5{
margin:3px 0 -8px;
- //max 1199px
- @media (max-width: $screen-md-max) {
- margin-bottom:8px;}
- }
+ @media (max-width: $screen-md-max) { //max 1199px
+ margin-bottom:8px;
+ }
+}
#productscategory_list .product-name,
-.accessories-block .product-name{margin-bottom:5px;
- a{font-size:15px;line-height:18px;color:#3a3939;
+.accessories-block .product-name{
+ margin-bottom:5px;
+ a{
+ font-size:15px;
+ line-height:18px;
+ color:$product-name-color;
+
&:hover{
- color:#999
+ color:$product-name-hover-color;
}
}
}
-img{max-width:100%;
- height:auto}
+img{
+ max-width:100%;
+ height:auto;
+}
/* pb-right-column ***************************************************************************** */
#pb-right-column {
- #image-block {
- position:relative;
- padding:5px;
- border:1px solid #dbdbdb;
- background:#fff;
-
- //max 767px
- @media (max-width: $screen-xs-max) {
- width:280px;
- margin:0 auto;
- }
- img {
- background:#fbfbfb;
- width:100%
- }
-
- #view_full_size {
- display:block;
- cursor:pointer;
- .span_link {
- position:absolute;
- bottom:20px;
- left:50%;
- margin-left:-68px;
- display:block;
- padding:10px 0;
- text-align:center;
- line-height:22px;
- color:#777676;
- width:136px;
- text-align:center;
- font-weight:bold;
- background:rgba(255,255,255,0.5);
- @include box-shadow(0 2px 8px rgba(0,0,0,0.16));
- &:after{
- font-family:$font1;
- color:#c0c0c0;
- font-size:20px;
- line-height:22px;
- content:"";
- font-weight:normal;
- margin:0 0 0 4px
+ #image-block {
+ position:relative;
+ padding:5px;
+ border:1px solid $product-image-border;
+ background:$light-background;
+ @media (max-width: $screen-xs-max) { //max 767px
+ width:280px;
+ margin:0 auto;
+ }
+ img {
+ background:$base-box-bg;
+ width:100%
}
- &:hover:after{color:#333}
- }
-}
+
+ #view_full_size {
+ display:block;
+ cursor:pointer;
+ .span_link {
+ position:absolute;
+ bottom:20px;
+ left:50%;
+ margin-left:-68px;
+ display:block;
+ padding:10px 0;
+ text-align:center;
+ line-height:22px;
+ color:#777676;
+ width:136px;
+ text-align:center;
+ font-weight:bold;
+ background:rgba(255,255,255,0.5);
+ @include box-shadow(0 2px 8px rgba(0,0,0,0.16));
+
+ &:after{
+ font-family:$font-icon;
+ color:#c0c0c0;
+ font-size:20px;
+ line-height:22px;
+ content:"";
+ font-weight:normal;
+ margin:0 0 0 4px
+ }
+
+ &:hover:after{color:$base-text-color}
+ }
+ }
}
}
/* miniatures */
#pb-right-column #views_block {
-margin-top:10px
+ margin-top:10px
}
- @media (max-width: $screen-xs-max) { //max 767px
- #views_block{width:280px;margin:0 auto}
- }
+ @media (max-width: $screen-xs-max) { //max 767px
+ #views_block{
+ width:280px;
+ margin:0 auto
+ }
+ }
#thumbs_list {
overflow:hidden;
float:left;
width:392px;
- @media (min-width: $screen-md) and (max-width: $screen-md-max) { //min 992px max 1199px
- width:290px;
- }
-
- @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
- width:164px;
- }
-
- @media (max-width: $screen-xs-max) { //max 767px
- width:194px;
- }
+ @media (min-width: $screen-md) and (max-width: $screen-md-max) { //min 992px max 1199px
+ width:290px;
+ }
+
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
+ width:164px;
+ }
+
+ @media (max-width: $screen-xs-max) { //max 767px
+ width:194px;
+ }
ul#thumbs_list_frame {
@@ -123,42 +137,45 @@ margin-top:10px
height:90px;
width:90px;
cursor:pointer;
- border:1px solid #dbdbdb;
+ border:1px solid $product-image-border;
margin-right:9px;
line-height:0;
@include box-sizing(border-box);
- //min 768px max 991px
- @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
- width:76px;
- height:76px ;
- }
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
+ width:76px;
+ height:76px ;
+ }
}
- li:first-child{margin-left:0;margin-right:9px}
- li.last{margin-right:0}
+ li:first-child{
+ margin-left:0;
+ margin-right:9px
+ }
+ li.last{
+ margin-right:0
+ }
- li a{display:block;
- border:3px solid #fff;
- @include transition(all 0.3s ease);
- @include box-sizing(border-box);
- background:#fbfbfb;
+ li a{
+ display:block;
+ border:3px solid $light-border-color;
+ @include transition(all 0.3s ease);
+ @include box-sizing(border-box);
+ background:$base-box-bg;
- &:hover,
- &.shown
- {border-color:#dbdbdb}
+ &:hover, &.shown {
+ border-color:$product-image-border;
+ }
}
li img {
- border:2px solid #fff;
+ border:2px solid $light-border-color;
width:82px;
height:82px;
@include box-sizing(border-box);
-
- //min 768px max 991px
- @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
- width:68px;
- height:68px ;
- }
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
+ width:68px;
+ height:68px ;
+ }
}
@@ -168,12 +185,10 @@ span.view_scroll_spacer {
float:left;
width:39px;
padding-left:12px;
-
- //min 768px max 991px
- @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
- padding-left:6px;
- width:28px;
- }
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
+ padding-left:6px;
+ width:28px;
+ }
}
#view_scroll_left,
@@ -184,20 +199,20 @@ span.view_scroll_spacer {
line-height:0;
font-size:0;
overflow:hidden;
-
- //min 768px max 991px
- @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
- margin-top:28px;
- }
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
+ margin-top:28px;
+ }
&:before{
padding-left:2px;
- color:#c0c0c0;
- font-family:$font1;
+ color:$scroll-button-color;
+ font-family:$font-icon;
font-size:20px;
line-height:22px;
}
- &:hover:before{color:#333}
+ &:hover:before{
+ color:$scroll-button-hover-color;
+ }
}
@@ -219,7 +234,9 @@ span.view_scroll_spacer {
.resetimg {
padding:10px 0 0;
- #resetImages i{margin-right:6px}
+ #resetImages i{
+ margin-right:6px
+ }
}
@@ -228,100 +245,101 @@ span.view_scroll_spacer {
#usefull_link_block {
list-style-type:none;
- li {
+li {
float:left;
- border-left:$main_border;
- padding-left:20px;
- margin-left:20px;
-
- //min 768px max 991px
- @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
- float:none !important
- }
- &:first-child{margin:0;border:none;padding:0}
- a{color:#777676;
+ border-left:$main_border;
+ padding-left:20px;
+ margin-left:20px;
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
+ float:none !important
+ }
+ &:first-child{
+ margin:0;
+ border:none;
+ padding:0
+ }
+
+ a{
+ color:#777676;
font-weight:bold;
position:relative;
padding-left:30px;
line-height:22px;
display:inline-block;
- &:before{
- font-family:$font1;
- color:#333;
+ &:before{
+ font-family:$font-icon;
+ color:$base-text-color;
font-size:19px;
line-height:24px;
position:absolute;top:-2px;
left:0; font-weight:normal;
- }
- &:hover{color:#000}
-
}
+ &:hover{color:#000}
+
+ }
}
- li.print {
-
-
- //min 768px max 991px
- @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
- margin:8px 0 0 ;
- padding:0;
- border:none
- }
+li.print {
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { //min 768px max 991px
+ margin:8px 0 0 ;
+ padding:0;
+ border:none
+ }
a:before{
content:""
}
}
-
- li.sendtofriend {
- margin:0;
- border:none;
- padding:0;
- a:before{
- content:""
- }
- }
-
- li#left_share_fb {
- clear:both;
- float:none;
- margin-bottom:8px;
- a{padding-left:18px}
+li.sendtofriend {
+ margin:0;
+ border:none;
+ padding:0;
a:before{
- content:""
+ content:""
}
- }
+}
+
+li#left_share_fb {
+ clear:both;
+ float:none;
+ margin-bottom:8px;
+
+ a{padding-left:18px}
+
+ a:before{
+ content:""
+ }
+}
- li#favoriteproducts_block_extra_remove,
- li#favoriteproducts_block_extra_add,
- li#favoriteproducts_block_extra_removed,
- li#favoriteproducts_block_extra_added
- {
- cursor: pointer;
- font-weight:bold;
- clear:both;
- float:none;
- margin-bottom:8px;
- padding-left:24px;
- margin-left:0;
- border:none;
- position:relative;
- &:before{
- font-family:$font1;
- color:#333;
- font-size:19px;
- line-height:24px;
- position:absolute;top:-2px;
- left:0;
- font-weight:normal;
- content:""
- }
- &:hover{color:#000}
- }
+li#favoriteproducts_block_extra_remove, li#favoriteproducts_block_extra_add, li#favoriteproducts_block_extra_removed, li#favoriteproducts_block_extra_added {
+ cursor: pointer;
+ font-weight:bold;
+ clear:both;
+ float:none;
+ margin-bottom:8px;
+ padding-left:24px;
+ margin-left:0;
+ border:none;
+ position:relative;
+
+ &:before{
+ font-family:$font-icon;
+ color:$base-text-color;
+ font-size:19px;
+ line-height:24px;
+ position:absolute;top:-2px;
+ left:0;
+ font-weight:normal;
+ content:""
+ }
+
+ &:hover{color:#000}
+}
- li#favoriteproducts_block_extra_removed:before{
+li#favoriteproducts_block_extra_removed:before {
+
content:""
}
}
@@ -340,11 +358,11 @@ span.view_scroll_spacer {
margin: 10px 0 -5px;
position:relative;
- b{color:#333}
+ b{color:$base-text-color}
&:before{
content:"";
- font-family:$font1;
+ font-family:$font-icon;
color:#cfcccc;
font-size:26px;
line-height:28px;
@@ -358,17 +376,20 @@ span.view_scroll_spacer {
#pb-left-column h1 {
padding-bottom:16px;
font-size:20px;
- color:#3a3939;
+ color:$product-name-color;
}
#pb-left-column #product_reference {
margin-bottom:6px;
- span{font-weight:bold;color:#333}
+ span{
+ font-weight:bold;
+ color:$base-text-color;
+ }
}
#pb-left-column #short_description_block {
- color:#666;
+ color:$description-color;
}
@@ -459,7 +480,7 @@ span.view_scroll_spacer {
float:left;
margin:0 3px 3px 0;
padding:1px;
- border:1px solid #d6d4d4;
+ border:1px solid $base-border-color;
clear:none
}
@@ -493,86 +514,102 @@ padding:18px 19px 12px;
display:block;
&:before{
- font-family:$font1;
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- color:#fff;font-size:25px;
- line-height:47px;
- text-shadow:0 1px #015883;
- content:"";
- z-index:2;
- width:51px;
- text-align:center;
- border:1px solid #06b2e6;
- @include border-radius(5px 0 0 5px);
-
- //max 991px
- @media (max-width: $screen-sm-max) {
- display:none
- }
+ font-family:$font-icon;
+ position:absolute;
+ top:0;
+ left:0;
+ bottom:0;
+ color:$light-text-color;
+ font-size:25px;
+ line-height:47px;
+ text-shadow:0 1px #015883;
+ content:"";
+ z-index:2;
+ width:51px;
+ text-align:center;
+ border:1px solid #06b2e6;
+ @include border-radius(5px 0 0 5px);
+ @media (max-width: $screen-sm-max) { //max 991px
+ display:none
+ }
}
- &:after{background:url(../img/border-1.gif) repeat-y 0 0;position:absolute;top:0;bottom:0;left:51px;content:"";width:1px;z-index:2;
+
+ &:after{
+ background:url(../img/border-1.gif) repeat-y 0 0;
+ position:absolute;
+ top:0;
+ bottom:0;
+ left:51px;
+ content:"";
+ width:1px;
+ z-index:2;
- // max 991px
- @media (max-width: $screen-sm-max) {
- display:none
- }
+ @media (max-width: $screen-sm-max) { // max 991px
+ display:none
+ }
}
}
.box-info-product .exclusive span{
- @include background-image(linear-gradient(#009ad0, #007ab7));
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
- @include border-radius(5px);
- font-weight:bold;
- font-size:20px;
- line-height:22px;
- border-top:1px solid #06b2e6;
- border-right:1px solid #06b2e6;
- border-left:1px solid #06b2e6;
- border-bottom:1px solid #06b2e6;
- text-shadow:0 1px #015883;
- padding:12px 36px 14px 82px;
- color:#fff;
- display:block !important;
+ @include background-image(linear-gradient(#009ad0, #007ab7));
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
+ @include border-radius(5px);
+ font-weight:bold;
+ font-size:20px;
+ line-height:22px;
+ border-top:1px solid #06b2e6;
+ border-right:1px solid #06b2e6;
+ border-left:1px solid #06b2e6;
+ border-bottom:1px solid #06b2e6;
+ text-shadow:0 1px #015883;
+ padding:12px 36px 14px 82px;
+ color:$light-text-color;
+ display:block !important;
@include transition(all 0.3s ease);
-
-
- //max 1199px
- @media (max-width: $screen-md-max) {
- padding: 12px 22px 14px 70px;
- font-size: 14px;
- }
-
- //max 991px
- @media (max-width: $screen-sm-max) {
- padding:8px 12px 10px;
- text-align: left;
- }
+ @media (max-width: $screen-md-max) { //max 1199px
+ padding: 12px 22px 14px 70px;
+ font-size: 14px;
+ }
+ @media (max-width: $screen-sm-max) { //max 991px
+ padding:8px 12px 10px;
+ text-align: left;
+ }
}
.box-info-product .exclusive:hover span{
@include background-image(linear-gradient(#007ab7, #009ad0));
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
- background-position:0 0}
-
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 );
+ background-position:0 0
+}
/* table_data_sheet */
.table-data-sheet{
border-bottom:$main_border;
width:100%;
margin:0 0 20px;
- background:#fff;
- tr{border-top:$main_border;}
- tr.even{background:#fdfdfd}
- tr td:first-child{border-right:$main_border;width:30%;font-weight:bold;color:#333}
- tr td{padding:10px 20px 11px}
+ background:$light-background;
+
+ tr{
+ border-top:$main_border;
}
-
+
+ tr.even{
+ background:$tr-even-bg;
+ }
+
+ tr td:first-child{
+ border-right:$main_border;
+ width:30%;
+ font-weight:bold;
+ color:$base-text-color;
+ }
+
+ tr td{
+ padding:10px 20px 11px;
+ }
+}
/* table produst-discounts */
@@ -582,15 +619,19 @@ table.table-produst-discounts{
border-right:$main_border;
width:50%;
margin:0 0 20px;
- background:#fff;
+ background:$light-background;
+ @media (max-width: $screen-xs-max) { //max 767px
+ width:100%;
+ }
- //max 767px
- @media (max-width: $screen-xs-max) {
- width:100%;
- }
-
-
- tr th{background:#fbfbfb;color:#333;font-weight:bold;border:none;font-weight:bold}
+ tr th{
+ background:$table-background;
+ color:$base-text-color;
+ font-weight:bold;
+ border:none;
+ font-weight:bold
+ }
+
tr td,
tr th{
border-left:$main_border;
@@ -602,29 +643,32 @@ table.table-produst-discounts{
text-transform:none;
font-weight:13px;
line-height:18px;
- border-bottom:none}
-
+ border-bottom:none
}
+}
+
/* accessories */
.accessories-block {
-.block_description{display:none}
- .exclusive span{
- font-size:13px;
- line-height:18px;
- padding:2px 8px 3px;
- text-decoration:none;
- &:focus,
- &:active{text-decoration:none}
- }
+ .block_description{display:none}
- }
+ .exclusive span{
+ font-size:13px;
+ line-height:18px;
+ padding:2px 8px 3px;
+ text-decoration:none;
+
+ &:focus, &:active{
+ text-decoration:none;
+ }
+ }
+}
/* attributes */
.box-info-product{
- background:#f6f6f6;
+ background:$list-info-bg;
border:1px solid #d2d0d0;
border-top:1px solid #b0afaf;
border-bottom:1px solid #b0afaf;
@@ -636,22 +680,27 @@ table.table-produst-discounts{
/* quantity_wanted */
#quantity_wanted_p{
- input {
- width:78px;
- height:27px;
- padding:0 6px;
- float:left;
- border:$main_border;
-}
- .btn{float:left;margin-left:3px}
-
- label{display:block;margin-bottom:7px}
+ input {
+ width:78px;
+ height:27px;
+ padding:0 6px;
+ float:left;
+ border:$main_border;
+ }
+
+ .btn{
+ float:left;
+ margin-left:3px
+ }
+ label{
+ display:block;
+ margin-bottom:7px;
+ }
}
/* 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;
@@ -659,14 +708,15 @@ table.table-produst-discounts{
text-align:right;
}
- #quantityAvailable{
- color:#333333;
+#quantityAvailable{
+ color:$base-text-color;
font-size:13px;
line-height:18px;
- font-weight:bold}
- #quantityAvailableTxt,
- #availability_value,
- #last_quantities{color:#fff;
+ font-weight:bold;
+}
+
+#quantityAvailableTxt, #availability_value, #last_quantities {
+ color:$light-text-color;
font-weight:bold;
line-height:18px;
display:inline-block;
@@ -674,7 +724,8 @@ table.table-produst-discounts{
background:#46a74e;
border:1px solid #36943e;
margin-left:5px;
- }
+}
+
#last_quantities{
background:#ff7430;
border:1px solid #ea5e1a;
@@ -682,13 +733,14 @@ table.table-produst-discounts{
position:relative;
top:1px
}
-
-#availability_statut,
-#pQuantityAvailable
-{display:inline-block}
-#pQuantityAvailable span{
+
+#availability_statut, #pQuantityAvailable {
+ display:inline-block;
+}
+#pQuantityAvailable span {
font-weight:bold;
- color:#333}
+ color:$base-text-color;
+}
#availability_statut #availability_value.warning_inline {
background-color:#fe9126;
@@ -698,17 +750,16 @@ table.table-produst-discounts{
}
/* box-security */
-.box-security{
+.box-security {
border-top:1px solid #dfdede;
padding:19px 19px 6px ;
@include background-image(linear-gradient(#fff, #fbfbfb));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fbfbfb',GradientType=0 );
}
-
-
/* prices */
.content_prices {
- padding:13px 19px;}
+ padding:13px 19px;
+}
#buy_block p.price {
padding:0;
@@ -730,26 +781,21 @@ table.table-produst-discounts{
font-size:17px;
line-height:23px;
text-decoration: line-through;
-
- }
+}
.our_price_display {
font-weight:600;
font-size:29px;
line-height:32px;
font-family:$font-custom;
- color:#333;
-
- //max 991px
- @media (max-width: $screen-sm-max) {
- font-size:26px;
- line-height:28px;
- }
-
+ color:$product-price-color;
+ @media (max-width: $screen-sm-max) { //max 991px
+ font-size:26px;
+ line-height:28px;
+ }
}
-#reduction_percent,
-#reduction_amount {
+#reduction_percent, #reduction_amount {
display:inline-block;
margin-right:10px;
padding:1px 2px;
@@ -757,12 +803,12 @@ table.table-produst-discounts{
font-family:$font-custom;
font-size:21px;
line-height:23px;
- color:#fff;
+ color:$light-text-color;
background:#f13340;
border:1px solid #d02a2c;
}
-#reduction_percent span,#reduction_amount span {
+#reduction_percent span, #reduction_amount span {
display:block;
}
@@ -794,27 +840,6 @@ table.table-produst-discounts{
}
-.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;
@@ -829,31 +854,19 @@ table.table-produst-discounts{
#send_friend_form {
width:555px;
overflow:hidden;
-
-/*max 767px*/
-@media (max-width: $screen-xs-max) {
- width:280px;
-}
-
-}
-
-
-#send_friend_form .product {
+ @media (max-width: $screen-xs-max) { // max 767px
+ width:280px;
+ }
}
#send_friend_form .product img {
-
margin:0 0 10px 0;
- border:1px solid #ccc;
-}
-
-#send_friend_form .product .product_desc {
-
+ border:1px solid $base-border-color;
}
#send_friend_form .product .product_desc p {
padding:0 ;
- color:#333;
+ color:$base-text-color;
}
#send_friend_form .product .product_desc p.product_name {
@@ -861,21 +874,17 @@ table.table-produst-discounts{
color:#000;
}
-#send_friend_form .send_friend_form_content {
-
-}
-
#send_friend_form .form_container {
padding:10px 15px;
- border:1px solid #ccc;
- background:#eee;
+ border:1px solid $base-border-color;
+ background:$base-box-bg;
}
#send_friend_form .form_container p.intro_form {
padding-bottom:6px;
font-weight:700;
font-size:13px;
- color:#333;
+ color:$base-text-color;
}
#send_friend_form .form_container p.txt_required {
@@ -900,7 +909,7 @@ table.table-produst-discounts{
padding:0 5px;
height:22px;
width:100%;
- border:1px solid #ccc;
+ border:1px solid base-border-color;
font-size:12px;
color:#666;
}
@@ -925,7 +934,7 @@ ul#uploadable_files,ul#text_fields {
.customizableProductsFile,.customizableProductsText {
margin-bottom:20px;
padding-bottom:10px;
- border-bottom:1px dotted #ccc;
+ border-bottom:1px solid $base-border-color;
}
.customizationUploadLine {
@@ -965,32 +974,25 @@ width:50%;
div, section {
primary_block {
- margin-bottom:0;
-
- //max 991px
- @media (max-width: $screen-sm-max) {
- margin-right:0;
- }
-
-
+ margin-bottom:0;
+ @media (max-width: $screen-sm-max) { //max 991px
+ margin-right:0;
+ }
div {
pb-right-column {
padding:20px 20px 5px 35px;
width:47%;
- // max 479px
- @media (max-width: $screen-xs - 1) {
- width:100%;
- float:none
- }
-
+ @media (max-width: $screen-xs - 1) { // max 479px
+ width:100%;
+ float:none
+ }
span.view_scroll_spacer{
- width:38px;
- padding-left:10px;
+ width:38px;
+ padding-left:10px;
}
-
#thumbs_list {
width:392px;
}
@@ -1000,38 +1002,32 @@ width:50%;
width:27.5%;
margin-bottom:0;
min-height: 623px;
- height:100%;
- //max 991px
- @media (max-width: $screen-sm-max) {
- min-height:440px;
- }
-
- // max 479px
- @media (max-width: $screen-xs - 1) {
- width:100%;
- float:none
- }
+ height:100%;
+ @media (max-width: $screen-sm-max) { //max 991px
+ min-height:440px;
+ }
+ @media (max-width: $screen-xs - 1) { // max 479px
+ width:100%;
+ float:none
+ }
- .product_comments_block_extra{padding-right:0;
+ .product_comments_block_extra{
+ padding-right:0;
}
+ @media (max-width: $screen-xs - 1) { // max 479px
+
+ .comments_advices li{display:block}
+ .comments_advices a.reviews{margin:0;padding:0;border:none}
+
+ }
- // max 479px
- @media (max-width: $screen-xs - 1) {
-
- .comments_advices li{display:block}
- .comments_advices a.reviews{margin:0;padding:0;border:none}
-
- }
-
-
- #ShareDiv{position:absolute;bottom:8px}
-
+ #ShareDiv{
+ position:absolute;
+ bottom:8px;
+ }
}
-
-
-
pb-right-column1 {
width:25.5%;
@@ -1049,28 +1045,27 @@ width:50%;
height:100%;
@include border-radius(0 4px 4px 0);
position:relative;
- padding-bottom:125px;
- //max 991px
- @media (max-width: $screen-sm-max) {
- @include border-radius(0);
- border:$main_border
- }
+ padding-bottom:125px;
+ @media (max-width: $screen-sm-max) { //max 991px
+ @include border-radius(0);
+ border:$main_border
+ }
- #add_to_cart .exclusive{display:block;width:100%;
- &:before,&:after{display:block}
+ #add_to_cart .exclusive{
+ display:block;
+ width:100%;
+ &:before,&:after{
+ display:block;
+ }
}
#add_to_cart .exclusive span {
font-size:20px;
text-align:center;
-
- //max 1199px
- @media (max-width: $screen-md-max) {
- padding: 12px 22px 14px 70px;
- font-size: 20px;
- }
-
-
+ @media (max-width: $screen-md-max) { //max 1199px
+ padding: 12px 22px 14px 70px;
+ font-size: 20px;
+ }
}
.box-cart-bottom {
@@ -1104,11 +1099,9 @@ width:50%;
div, section {
primary_block {
-
- // max 479px
- @media (max-width: $screen-xs - 1) {
- margin-left:0;
- }
+ @media (max-width: $screen-xs - 1) { // max 479px
+ margin-left:0;
+ }
div {
pb-right-column {
@@ -1120,11 +1113,8 @@ width:50%;
width:100%;
margin-left:auto;
margin-right:auto;
-
-
}
-
#thumbs_list {
li {
@@ -1143,28 +1133,23 @@ width:50%;
width:50%;
float:left;
padding-left:35px;
-
- // max 479px
- @media (max-width: $screen-xs - 1) {
- width:100%;
- float:none ;
- padding-left:15px;
- @include box-sizing(border-box)
- }
-
-
+ @media (max-width: $screen-xs - 1) { // max 479px
+ width:100%;
+ float:none ;
+ padding-left:15px;
+ @include box-sizing(border-box)
+ }
}
pb-right-column1 {
width:50%;
float:left;
- // max 479px
- @media (max-width: $screen-xs - 1) {
- margin-top:10px;
- width:100%;
- float:none ;
- padding-left:15px;
- @include box-sizing(border-box)
- }
+ @media (max-width: $screen-xs - 1) { // max 479px
+ margin-top:10px;
+ width:100%;
+ float:none ;
+ padding-left:15px;
+ @include box-sizing(border-box)
+ }
.box-info-product {
border-top-width:1px;
diff --git a/themes/default-bootstrap/sass/product_list.scss b/themes/default-bootstrap/sass/product_list.scss
index ecacf1d9d..e42affe21 100644
--- a/themes/default-bootstrap/sass/product_list.scss
+++ b/themes/default-bootstrap/sass/product_list.scss
@@ -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;
}
diff --git a/themes/default-bootstrap/sass/scenes.scss b/themes/default-bootstrap/sass/scenes.scss
index 1344aac8d..c7f61b5d9 100644
--- a/themes/default-bootstrap/sass/scenes.scss
+++ b/themes/default-bootstrap/sass/scenes.scss
@@ -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
}
diff --git a/themes/default-bootstrap/sass/sitemap.scss b/themes/default-bootstrap/sass/sitemap.scss
index bb1070cd9..56e01de79 100644
--- a/themes/default-bootstrap/sass/sitemap.scss
+++ b/themes/default-bootstrap/sass/sitemap.scss
@@ -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 {
diff --git a/themes/default-bootstrap/sass/stores.scss b/themes/default-bootstrap/sass/stores.scss
index 89acc1fe8..dd56a644a 100644
--- a/themes/default-bootstrap/sass/stores.scss
+++ b/themes/default-bootstrap/sass/stores.scss
@@ -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;}
}
}
diff --git a/themes/default-bootstrap/shopping-cart-product-line.tpl b/themes/default-bootstrap/shopping-cart-product-line.tpl
index 6024f434d..1e47361d1 100644
--- a/themes/default-bootstrap/shopping-cart-product-line.tpl
+++ b/themes/default-bootstrap/shopping-cart-product-line.tpl
@@ -44,8 +44,8 @@
{/if}
{if isset($product.is_discounted) && $product.is_discounted}
- {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"}%
{convertPrice price=$product.price_without_specific_price}
{/if}