improved scss variables
This commit is contained in:
TMMeilleur
@@ -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;
|
||||
}
|
||||
@@ -27,6 +27,4 @@
|
||||
a {
|
||||
margin-right:10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
position:relative;
|
||||
|
||||
.inner {
|
||||
border:1px solid #fff;
|
||||
border:1px solid $light-border-color;
|
||||
padding:19px 18px 11px 18px;
|
||||
background: rgb(251,251,251);
|
||||
background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(254,254,254,1) 100%);
|
||||
|
||||
@@ -14,8 +14,8 @@ table#product_comparison {
|
||||
}
|
||||
|
||||
td.td_empty, td.feature-name, &.comparison_header {
|
||||
background:#fbfbfb;
|
||||
color:#333;
|
||||
background:$table-background;
|
||||
color:$base-text-color;
|
||||
}
|
||||
|
||||
td.comparison_infos {
|
||||
@@ -31,7 +31,7 @@ table#product_comparison {
|
||||
vertical-align:bottom;
|
||||
|
||||
span {
|
||||
font:600 18px/22px 'Open Sans', sans-serif;
|
||||
font:600 18px/22px $font-custom;
|
||||
text-transform:uppercase;
|
||||
color:#555454;
|
||||
}
|
||||
@@ -81,7 +81,7 @@ table#product_comparison {
|
||||
padding-top:5px;
|
||||
|
||||
.reduced-price {
|
||||
color:#f00;
|
||||
color:$product-reduced-price;
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
@@ -96,8 +96,8 @@ table#product_comparison {
|
||||
}
|
||||
.comparison_unit_price {
|
||||
font-size:17px;
|
||||
font-family:'Open Sans', sans-serif;
|
||||
color:#333;
|
||||
font-family:$font-custom;
|
||||
color:$product-price-color;
|
||||
font-style:italic;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
.contact-form-box {
|
||||
padding:23px 0 0 0;
|
||||
margin-bottom:30px;
|
||||
background:url(../img/contact-form.png) repeat-x #fff;
|
||||
background:url(../img/contact-form.png) repeat-x $light-background;
|
||||
@include box-shadow(rgba(black, 0.17) 0px 5px 13px);
|
||||
|
||||
fieldset {
|
||||
@@ -40,20 +40,16 @@
|
||||
|
||||
.col-md-3 {
|
||||
padding-left:0;
|
||||
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
padding-right:0;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
padding-right:0;
|
||||
}
|
||||
}
|
||||
|
||||
.col-md-9 {
|
||||
padding-right:0;
|
||||
|
||||
/* max 991px */
|
||||
@media (max-width: $screen-sm-max) {
|
||||
padding-left:0;
|
||||
}
|
||||
@media (max-width: $screen-sm-max) { // max 991px
|
||||
padding-left:0;
|
||||
}
|
||||
}
|
||||
|
||||
#desc_contact0 {display:none;}
|
||||
@@ -75,8 +71,7 @@
|
||||
input.form-control {
|
||||
max-width:270px;
|
||||
}
|
||||
/* min 992px max 1199px */
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) {
|
||||
@media (min-width: $screen-md) and (max-width: $screen-md-max) {// min 992px max 1199px
|
||||
div.uploader span.filename {
|
||||
width:114px;
|
||||
}
|
||||
@@ -92,7 +87,7 @@
|
||||
|
||||
li {
|
||||
padding:0px 0 3px 0;
|
||||
font:600 18px/22px 'Open Sans', sans-serif;
|
||||
font:600 18px/22px $font-custom;
|
||||
color:#555454;
|
||||
|
||||
i {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -42,7 +42,7 @@
|
||||
tfoot {
|
||||
|
||||
strong {
|
||||
color:#333;
|
||||
color:$base-text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
border-bottom:none;
|
||||
|
||||
& > span.footable-toggle:before {
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
@@ -25,7 +25,7 @@
|
||||
|
||||
> td > span.footable-toggle {
|
||||
display: inline-block;
|
||||
font-family: "FontAwesome";
|
||||
font-family: $font-icon;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
@@ -36,7 +36,7 @@
|
||||
font-size:14px;
|
||||
|
||||
&:before {
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
@@ -61,7 +61,7 @@
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-family: $font-famaly;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
@@ -108,12 +108,12 @@
|
||||
&:before{
|
||||
padding-left:2px;
|
||||
color:#c0c0c0;
|
||||
font-family:$font1;
|
||||
font-family:$font-icon;
|
||||
font-size:20px;
|
||||
line-height:22px;
|
||||
}
|
||||
|
||||
&:hover:before{color:#333}
|
||||
&:hover:before{color:$base-text-color}
|
||||
}
|
||||
|
||||
|
||||
@@ -199,8 +199,8 @@
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
color: $light-text-color;
|
||||
font-family: $font-famaly;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
|
||||
@@ -6,18 +6,17 @@
|
||||
|
||||
#maintenance {
|
||||
margin-top:50px;
|
||||
/* > 1200 */
|
||||
@media (min-width: $screen-lg) {
|
||||
margin:126px 0 0 0;
|
||||
padding:91px 48px 365px 297px;
|
||||
background:url(../img/bg_maintenance.png) no-repeat;
|
||||
}
|
||||
@media (min-width: $screen-lg) { // > 1200
|
||||
margin:126px 0 0 0;
|
||||
padding:91px 48px 365px 297px;
|
||||
background:url(../img/bg_maintenance.png) no-repeat;
|
||||
}
|
||||
.logo {
|
||||
margin-bottom:31px;
|
||||
}
|
||||
h1 {
|
||||
font:600 28px/34px 'Open Sans', sans-serif;
|
||||
color:#333;
|
||||
font:600 28px/34px $font-custom;
|
||||
color:$base-text-color;
|
||||
text-transform:uppercase;
|
||||
border-bottom:1px solid $base-border-color;
|
||||
padding:0 0 14px 0;
|
||||
@@ -25,7 +24,7 @@
|
||||
}
|
||||
|
||||
#message {
|
||||
font:600 16px/31px 'Open Sans', sans-serif;
|
||||
font:600 16px/31px $font-custom;
|
||||
padding-left:18px;
|
||||
color:#555454;
|
||||
text-transform:uppercase;
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
&:before {
|
||||
display:inline-block;
|
||||
content:"";
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
font-size:18px;
|
||||
line-height:18px;
|
||||
}
|
||||
@@ -127,7 +127,7 @@
|
||||
height: auto;
|
||||
width: 270px;
|
||||
background:#484848;
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
top:69px;
|
||||
}
|
||||
@@ -138,7 +138,7 @@
|
||||
}
|
||||
|
||||
a {
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
|
||||
&:hover {color:#9c9b9b;}
|
||||
}
|
||||
@@ -146,7 +146,7 @@
|
||||
#cart_block_list {
|
||||
|
||||
.remove_link a, .ajax_cart_block_remove_link {
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
outline:none;
|
||||
text-decoration:none;
|
||||
|
||||
@@ -155,7 +155,7 @@
|
||||
}
|
||||
|
||||
.price {
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
}
|
||||
|
||||
dt {
|
||||
@@ -173,7 +173,7 @@
|
||||
a {
|
||||
color:#9c9b9b;
|
||||
|
||||
&:hover {color:#fff;}
|
||||
&:hover {color:$light-text-color;}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -183,7 +183,7 @@
|
||||
}
|
||||
|
||||
#cart-buttons {
|
||||
background:url(../../../img/cart-shadow.png) repeat-x #333333;
|
||||
background:url(../../../img/cart-shadow.png) repeat-x $dark-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -239,7 +239,7 @@
|
||||
margin-left:-160px;
|
||||
}
|
||||
#layer_cart {
|
||||
background-color:#fff;
|
||||
background-color:$light-background;
|
||||
position:absolute;
|
||||
display:none;
|
||||
z-index:99;
|
||||
@@ -254,7 +254,7 @@
|
||||
position:static;
|
||||
|
||||
h2 {
|
||||
font:400 23px/29px Arial, Helvetica, sans-serif;
|
||||
font:400 23px/29px $font-famaly;
|
||||
color:#46a74e;
|
||||
margin-bottom:22px;
|
||||
padding-right:100px;
|
||||
@@ -323,8 +323,8 @@
|
||||
}
|
||||
|
||||
h2 {
|
||||
font:400 23px/29px Arial, Helvetica, sans-serif;
|
||||
color:#333;
|
||||
font:400 23px/29px $font-famaly;
|
||||
color:$base-text-color;
|
||||
border-bottom:1px solid $base-border-color;
|
||||
padding-bottom:13px;
|
||||
margin-bottom:17px;
|
||||
@@ -363,13 +363,13 @@
|
||||
width:25px;
|
||||
height:25px;
|
||||
cursor:pointer;
|
||||
color:#333;
|
||||
color:$base-text-color;
|
||||
z-index:2;
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
font-size:25px;
|
||||
line-height:25px;
|
||||
}
|
||||
@@ -397,8 +397,8 @@
|
||||
}
|
||||
|
||||
h2 {
|
||||
font:400 23px/26px Arial, Helvetica, sans-serif;
|
||||
color:#333333;
|
||||
font:400 23px/26px $font-famaly;
|
||||
color:$base-text-color;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
@@ -435,12 +435,12 @@
|
||||
|
||||
a.bx-prev, a.bx-next {
|
||||
display:block;
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
font-size:20px;
|
||||
line-height:20px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
color:#333;
|
||||
color:$base-text-color;
|
||||
text-indent:-5000px;
|
||||
position:absolute;
|
||||
top:45%;
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@import '../../_theme_variables';
|
||||
/* block CONTACT ******************************************************************************* */
|
||||
#contact_block {
|
||||
|
||||
@@ -11,8 +12,8 @@
|
||||
p {margin-bottom:4px;}
|
||||
|
||||
p.tel {
|
||||
font:400 17px/21px Arial, Helvetica, sans-serif;
|
||||
color:#fff;
|
||||
font:400 17px/21px $font-famaly;
|
||||
color:$light-text-color;
|
||||
margin-bottom:6px;
|
||||
|
||||
i {
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
margin-bottom:16px;
|
||||
|
||||
span.layered_subtitle {
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
display:block;
|
||||
padding-bottom:11px;
|
||||
}
|
||||
@@ -17,7 +17,7 @@
|
||||
position:relative;
|
||||
|
||||
&:hover, &:hover a {
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
}
|
||||
|
||||
a {
|
||||
@@ -32,7 +32,7 @@
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
width:12px;
|
||||
height:12px;
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
margin-bottom:8px;
|
||||
font-weight:bold;
|
||||
position:relative;
|
||||
color:#333333;
|
||||
color:$base-text-color;
|
||||
|
||||
.layered_close {
|
||||
position:absolute;
|
||||
@@ -77,7 +77,7 @@
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0;
|
||||
font-family:'FontAwesome';
|
||||
font-family:$font-icon;
|
||||
vertical-align:1px;
|
||||
}
|
||||
|
||||
@@ -119,7 +119,7 @@
|
||||
a {
|
||||
font-weight:normal;
|
||||
|
||||
&:hover {color:#333;}
|
||||
&:hover {color:$base-text-color;}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -183,15 +183,15 @@
|
||||
Range Slider Styles
|
||||
***************************************************************************************/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
|
||||
background:#fbfbfb;
|
||||
border-color:#d6d4d4;
|
||||
background:$base-box-bg;
|
||||
border-color:$base-border-color;
|
||||
@include border-radius(0px);
|
||||
width:15px;
|
||||
height:15px;
|
||||
|
||||
&.ui-state-hover {
|
||||
background:#555454;
|
||||
border-color:#333;
|
||||
border-color:$dark-border-color;
|
||||
}
|
||||
}
|
||||
.ui-slider .ui-slider-range {
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
max-width:267px;
|
||||
background:#3c3c3c;
|
||||
border-color:#515151;
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
padding:5px 43px 5px 12px;
|
||||
display:inline-block;
|
||||
|
||||
@@ -82,13 +82,13 @@
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
font-family:'FontAwesome';
|
||||
font-family:$font-icon;
|
||||
font-size:28px;
|
||||
line-height:28px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color:#fff !important;
|
||||
color:$light-text-color !important;
|
||||
}
|
||||
|
||||
span{display:none;}
|
||||
|
||||
@@ -22,10 +22,10 @@
|
||||
}
|
||||
|
||||
.btn.button-search {
|
||||
background:#333;
|
||||
background:$dark-background;
|
||||
float: left;
|
||||
border:none;
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
width:57px;
|
||||
text-align:center;
|
||||
padding:10px 0 11px 0;
|
||||
@@ -35,7 +35,7 @@
|
||||
&:before {
|
||||
content:"";
|
||||
display:block;
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
font-size:17px;
|
||||
}
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
padding:0 13px;
|
||||
height:45px;
|
||||
width:271px;
|
||||
background:#fbfbfb;
|
||||
background:$base-box-bg;
|
||||
float: left;
|
||||
margin-right:1px;
|
||||
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
||||
@@ -61,7 +61,7 @@
|
||||
}
|
||||
}
|
||||
.ac_results {
|
||||
background:#fff;
|
||||
background:$light-background;
|
||||
border:1px solid $base-border-color;
|
||||
width:271px;
|
||||
margin-top:-1px;
|
||||
@@ -74,18 +74,18 @@
|
||||
line-height:22px;
|
||||
|
||||
&.ac_odd {
|
||||
background:#fff;
|
||||
background:$light-background;
|
||||
}
|
||||
|
||||
&:hover, &.ac_over {
|
||||
background:#fbfbfb;
|
||||
background:$base-box-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
form#searchbox {
|
||||
label{
|
||||
color:#333;
|
||||
color:$base-text-color;
|
||||
margin-bottom:1px
|
||||
}
|
||||
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
margin:0 3px 3px 0;
|
||||
|
||||
&:hover {
|
||||
color:#333;
|
||||
color:$base-text-color;
|
||||
background:#f6f6f6;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
position: absolute;
|
||||
top: -999em;
|
||||
width: 10em; /* left offset of submenus need to match (see below) */
|
||||
background: #fff;
|
||||
background: $light-background;
|
||||
}
|
||||
.sf-menu ul li {
|
||||
width: 100%;
|
||||
@@ -40,11 +40,11 @@
|
||||
}
|
||||
.sf-menu > li {
|
||||
float: left;
|
||||
border-right: 1px solid #d6d4d4;
|
||||
border-right: 1px solid $base-border-color;
|
||||
margin-bottom: -3px;
|
||||
|
||||
> a {
|
||||
font: 600 18px/22px 'Open Sans', sans-serif;
|
||||
font: 600 18px/22px $font-custom;
|
||||
text-transform: uppercase;
|
||||
color: #484848;
|
||||
display: block;
|
||||
@@ -53,9 +53,9 @@
|
||||
}
|
||||
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a {
|
||||
background: #333;
|
||||
background: $dark-background;
|
||||
border-bottom-color: #666666;
|
||||
color: #fff;
|
||||
color: $light-text-color;
|
||||
}
|
||||
}
|
||||
.sf-menu li li a {
|
||||
@@ -70,12 +70,12 @@
|
||||
&:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
font-family: "FontAwesome";
|
||||
font-family: $font-icon;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #333;
|
||||
color: $base-text-color;
|
||||
}
|
||||
}
|
||||
.sf-menu li ul {
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
|
||||
a {
|
||||
padding:7px 10px 14px 16px;
|
||||
background:#333333;
|
||||
background:$dark-background;
|
||||
min-width: 270px;
|
||||
display:block;
|
||||
font-weight:bold;
|
||||
@@ -39,24 +39,24 @@
|
||||
}
|
||||
|
||||
b {
|
||||
color:#fff;
|
||||
font:600 18px/22px 'Open Sans', sans-serif;
|
||||
color:$light-text-color;
|
||||
font:600 18px/22px $font-custom;
|
||||
padding-right:5px;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
display:inline-block;
|
||||
font-size:23px;
|
||||
line-height:23px;
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
padding-right:15px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content:"";
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
display:inline-block;
|
||||
float:right;
|
||||
font-size:18px;
|
||||
|
||||
@@ -7,8 +7,8 @@
|
||||
|
||||
&:before{
|
||||
content:"";
|
||||
font-family:FontAwesome;
|
||||
color:#fff;
|
||||
font-family:$font-icon;
|
||||
color:$light-text-color;
|
||||
font-size:15px;
|
||||
line-height:31px;
|
||||
border-radius:50px;
|
||||
@@ -129,7 +129,7 @@
|
||||
|
||||
a {
|
||||
display:inline-block;
|
||||
color: #333;
|
||||
color: $base-text-color;
|
||||
margin:10px 10px 10px 0px;
|
||||
font-weight:bold;
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@import '../../_theme_variables';
|
||||
#compare_shipping {
|
||||
|
||||
.form-group {
|
||||
@@ -17,14 +18,14 @@
|
||||
}
|
||||
|
||||
.table {
|
||||
background:#fff;
|
||||
background:$light-background;
|
||||
|
||||
thead {
|
||||
|
||||
tr {
|
||||
|
||||
th {
|
||||
background:#fff;
|
||||
background:$light-background;
|
||||
padding:4px 10px 3px 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,13 +1,15 @@
|
||||
@import '../../_theme_variables';
|
||||
|
||||
#favoriteproducts_block_account .favoriteproduct {
|
||||
position:relative;
|
||||
margin-bottom: 14px;
|
||||
padding: 12px 8px;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
margin-bottom: 14px;
|
||||
padding: 12px 8px;
|
||||
border: 1px solid $base-border-color;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
}
|
||||
|
||||
.favoriteproduct a.product_img_link {
|
||||
border: 1px solid #CCCCCC;
|
||||
border: 1px solid $base-border-color;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 14px;
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@import '../../_theme_variables';
|
||||
/**
|
||||
* BxSlider v4.0 - Fully loaded, responsive content slider
|
||||
* http://bxslider.com
|
||||
@@ -68,7 +69,7 @@
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(images/bx_loader.gif) center center no-repeat #fff;
|
||||
background: url(images/bx_loader.gif) center center no-repeat $light-background;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
@@ -82,7 +83,7 @@
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-family: $font-famaly;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
@@ -139,13 +140,13 @@
|
||||
height: 52px;
|
||||
text-indent: -9999px;
|
||||
z-index: 9999;
|
||||
border:2px solid #fff;
|
||||
border:2px solid $light-border-color;
|
||||
|
||||
&:before {
|
||||
height:48px;
|
||||
width:48px;
|
||||
display:block;
|
||||
background:#fff;
|
||||
background:$light-background;
|
||||
content:".";
|
||||
opacity:0.14;
|
||||
text-indent:-9999px;
|
||||
@@ -159,11 +160,11 @@
|
||||
display:block;
|
||||
width:48px;
|
||||
height:48px;
|
||||
color:#fff;
|
||||
color:$light-text-color;
|
||||
text-indent:0;
|
||||
text-align:center;
|
||||
font-size:21px;
|
||||
font-family:"FontAwesome";
|
||||
font-family:$font-icon;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
@@ -174,7 +175,7 @@
|
||||
&:hover {
|
||||
|
||||
&:before {
|
||||
background:#333;
|
||||
background:$dark-background;
|
||||
opacity:0.83;
|
||||
}
|
||||
}
|
||||
@@ -244,8 +245,8 @@
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
color: $light-text-color;
|
||||
font-family: $font-famaly;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
|
||||
@@ -4,8 +4,8 @@
|
||||
padding:8px 10px 10px;
|
||||
font-weight: bold;
|
||||
line-height:18px;
|
||||
border:1px solid #d6d4d4;
|
||||
background:#fbfbfb;
|
||||
border:1px solid $base-border-color;
|
||||
background:$base-box-bg;
|
||||
margin:39px 0 22px
|
||||
}
|
||||
.comments_advices {
|
||||
@@ -42,7 +42,7 @@ padding-top:2px;
|
||||
-webkit-border-radius:50px;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
font-family: FontAwesome;
|
||||
font-family: $font-icon;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
height: 30px;
|
||||
@@ -61,9 +61,9 @@ padding-top:2px;
|
||||
}
|
||||
a.reviews:before{content:""}
|
||||
a.open-comment-form:before{content:""}
|
||||
a:hover {color:#333}
|
||||
a:hover {color:$base-text-color}
|
||||
a.reviews{
|
||||
border-right:1px solid #d6d4d4;
|
||||
border-right:1px solid $base-border-color;
|
||||
padding-right:30px;
|
||||
margin-right:9px;
|
||||
|
||||
@@ -80,7 +80,7 @@ padding-top:2px;
|
||||
#product_comments_block_extra{
|
||||
.comments_note {margin-bottom:5px}
|
||||
.comments_note span,
|
||||
.star_content {float:left;color:#333}
|
||||
.star_content {float:left;color:$base-text-color}
|
||||
.star_content {margin-top:1px}
|
||||
div.star {background: url(img/star.png) no-repeat 0 0}
|
||||
div.star_on {background: url(img/star.png) no-repeat 0 -13px}
|
||||
@@ -103,7 +103,7 @@ padding-top:2px;
|
||||
#new_comment_form {
|
||||
width:465px;
|
||||
overflow:hidden;
|
||||
color: #333;
|
||||
color: $base-text-color;
|
||||
text-align: left;
|
||||
|
||||
/*max 767px*/
|
||||
@@ -115,9 +115,9 @@ padding-top:2px;
|
||||
.title {
|
||||
padding:10px;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
color: $light-text-color;
|
||||
text-transform: uppercase;
|
||||
background: #333
|
||||
background: $dark-background
|
||||
}
|
||||
|
||||
ul.grade_content {list-style-type:none}
|
||||
@@ -128,7 +128,7 @@ padding-top:2px;
|
||||
}
|
||||
.product .product_desc {
|
||||
line-height:18px;
|
||||
color:#666
|
||||
color:$description-color;
|
||||
}
|
||||
.product .product_desc .product_name {
|
||||
padding:10px 0 5px;
|
||||
@@ -161,7 +161,7 @@ padding-top:2px;
|
||||
height: 28px;
|
||||
width: 100%;
|
||||
border: 1px solid #ccc;
|
||||
background: #fff;
|
||||
background: $light-background;
|
||||
}
|
||||
textarea {
|
||||
height: 80px;
|
||||
@@ -204,7 +204,7 @@ padding-top:2px;
|
||||
div.comment {
|
||||
margin:0 0 14px;
|
||||
padding-top:14px;
|
||||
border-top: 1px solid #d6d4d4;
|
||||
border-top: 1px solid $base-border-color;
|
||||
}
|
||||
|
||||
div.comment:first-child{padding:0;border:none}
|
||||
@@ -225,7 +225,7 @@ padding-top:2px;
|
||||
div.star_on {background-position: 0 -13px}
|
||||
.comment_author_infos {clear:both;
|
||||
padding-top:9px;
|
||||
strong{display:block;color:#333}
|
||||
strong{display:block;color:$base-text-color}
|
||||
em {color:#adadad}
|
||||
|
||||
}
|
||||
@@ -248,9 +248,9 @@ padding-top:2px;
|
||||
div.comment_details li {
|
||||
padding:2px 0 2px;
|
||||
&:before{
|
||||
font-family:$font1;
|
||||
font-family:$font-icon;
|
||||
content:"";
|
||||
color:#333;
|
||||
color:$base-text-color;
|
||||
margin-right:8px
|
||||
}
|
||||
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
a {
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
font:600 16px/20px 'Open Sans', sans-serif;
|
||||
font:600 16px/20px $font-custom;
|
||||
color:#555454;
|
||||
text-shadow:0px 1px rgba(255,255,255,1);
|
||||
text-transform:uppercase;
|
||||
@@ -43,7 +43,7 @@
|
||||
height:100%;
|
||||
padding:10px 0 0 0;
|
||||
text-align:center;
|
||||
border:1px solid #fff;
|
||||
border:1px solid $light-border-color;
|
||||
@include border-top-left-radius(4px);
|
||||
@include border-bottom-left-radius(4px);
|
||||
}
|
||||
@@ -53,7 +53,7 @@
|
||||
padding:13px 15px 15px 17px;
|
||||
overflow:hidden;
|
||||
border:1px solid;
|
||||
border-color:#fff #fff #fff #c8c8c8;
|
||||
border-color:$light-border-color $light-border-color $light-border-color #c8c8c8;
|
||||
@include border-top-right-radius(5px);
|
||||
@include border-bottom-right-radius(5px);
|
||||
margin-left:52px;
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
font-size:42px;
|
||||
line-height:51px;
|
||||
font-style:italic;
|
||||
color:#333;
|
||||
color:$base-text-color;
|
||||
position:absolute;
|
||||
left:10px;
|
||||
top:-14px;
|
||||
@@ -46,7 +46,7 @@
|
||||
|
||||
.title_block {
|
||||
font-weight:bold;
|
||||
color:#333;
|
||||
color:$base-text-color;
|
||||
padding:3px 0 6px;
|
||||
}
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user