gRoussac
3287 lines
79 KiB
SCSS
3287 lines
79 KiB
SCSS
@import 'compass';
|
|
@import '_theme_variables';
|
|
@import 'bootstrap';
|
|
|
|
/* ##################################################################################################
|
|
PRESTASHOP SCSS
|
|
################################################################################################## */
|
|
|
|
/* ****************************************************************************
|
|
reset
|
|
**************************************************************************** */
|
|
html{min-height:100%;}
|
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td{margin:0;padding:0}
|
|
del,ins{text-decoration:none}
|
|
caption,th{text-align:left}
|
|
q:before,q:after{content:''}
|
|
abbr,acronym{border:0;font-variant:normal}
|
|
sup{vertical-align:baseline}
|
|
sub{vertical-align:baseline}
|
|
legend{color:#000}
|
|
ul, ol { list-style-type:none;}
|
|
a {
|
|
cursor:pointer;
|
|
&:hover {
|
|
text-decoration:none;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
.container { padding-left:0; padding-right:0;}
|
|
}
|
|
body {
|
|
min-width:320px;
|
|
height:100%;
|
|
background:$dark-background;
|
|
line-height:18px;
|
|
font-size:13px;
|
|
color:$base-body-color;
|
|
|
|
&.content_only {
|
|
background:none;
|
|
}
|
|
}
|
|
textarea {resize:none;}
|
|
/* ************************************************************************************************
|
|
struture
|
|
************************************************************************************************ */
|
|
#page {}
|
|
#header {z-index:10}
|
|
.columns-container {background:$light-background;}
|
|
#columns {
|
|
z-index:1;
|
|
position:relative;
|
|
padding-bottom:50px;
|
|
}
|
|
#left_column {}
|
|
#center_column {}
|
|
#right_column {}
|
|
#footer {}
|
|
/* title *************************************************************************************** */
|
|
h1 {}
|
|
h2 {}
|
|
h3 {}
|
|
#center_column {
|
|
.page_product_box {
|
|
h3 {
|
|
@include sub-heading
|
|
}
|
|
}
|
|
}
|
|
|
|
/* text **************************************************************************************** */
|
|
p {}
|
|
a, a:focus, a:active {text-decoration:none; outline:none;}
|
|
p.info-title {
|
|
font-weight:bold;
|
|
color:$base-text-color;
|
|
margin-bottom:25px;
|
|
}
|
|
p.info-account {
|
|
margin:-4px 0 24px 0;
|
|
}
|
|
.dark {
|
|
color:$base-text-color;
|
|
}
|
|
.main-page-indent {
|
|
margin-bottom:$base-page-indent;
|
|
}
|
|
.alert {
|
|
font-weight:bold;
|
|
|
|
ul, ol {
|
|
padding-left:15px;
|
|
margin-left:27px;
|
|
|
|
li {
|
|
list-style-type:decimal;
|
|
font-weight:normal;
|
|
}
|
|
}
|
|
|
|
&.alert-success {
|
|
text-shadow:1px 1px rgba(0,0,0,0.1);
|
|
&:before {
|
|
font-family:$font-icon;
|
|
content:"";
|
|
font-size:20px;
|
|
vertical-align:-2px;
|
|
padding-right:7px;
|
|
}
|
|
}
|
|
|
|
&.alert-danger {
|
|
text-shadow:1px 1px rgba(0,0,0,0.1);
|
|
&:before {
|
|
font-family:$font-icon;
|
|
content:"";
|
|
font-size:20px;
|
|
vertical-align:-2px;
|
|
padding-right:7px;
|
|
float:left;
|
|
}
|
|
}
|
|
}
|
|
.label {white-space:normal; display:inline-block; padding:6px 10px;}
|
|
|
|
label{
|
|
&.required {
|
|
&:before {
|
|
content: "*";
|
|
color: red;
|
|
font-size: 14px;
|
|
position: relative;
|
|
line-height: 12px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.unvisible { display:none;}
|
|
label {color:$base-title-color;}
|
|
.checkbox {
|
|
line-height:16px;
|
|
label {
|
|
color:#777777;
|
|
}
|
|
}
|
|
.close {
|
|
opacity:1;
|
|
&:hover {opacity:1;}
|
|
}
|
|
/*buttons ************************************************************************************** */
|
|
input.button_mini, input.button_small, input.button, input.button_large,
|
|
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
|
|
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
|
|
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
|
|
a.button_mini, a.button_small, a.button, a.button_large,
|
|
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
|
|
span.button_mini, span.button_small, span.button, span.button_large,
|
|
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
|
|
position:relative;
|
|
display:inline-block;
|
|
padding:5px 7px;
|
|
border:1px solid #cc9900;
|
|
font-weight:bold;
|
|
color:#000;
|
|
background:url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;
|
|
cursor: pointer;
|
|
white-space:normal;
|
|
text-align:left;
|
|
}
|
|
*:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large,
|
|
*:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled,
|
|
*:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large,
|
|
*:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled {
|
|
border:none
|
|
}
|
|
|
|
/* hover button */
|
|
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
|
|
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
|
|
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
|
|
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
|
|
text-decoration:none;
|
|
background-position: left -50px
|
|
}
|
|
|
|
/* active button */
|
|
input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active,
|
|
input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active,
|
|
a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active,
|
|
a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active {
|
|
background-position: left -100px
|
|
}
|
|
input.button_disabled, input.exclusive_disabled, span.exclusive {
|
|
border:1px solid #ccc;
|
|
color:#999;
|
|
background:url(../img/bg_bt_2.gif) repeat-x 0 0 #CCCCCC;
|
|
cursor:default;
|
|
}
|
|
.btn.disabled, .btn[disabled]:hover {
|
|
opacity:0.3;
|
|
}
|
|
.button.button-small {
|
|
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);
|
|
padding:0;
|
|
text-shadow:1px 1px rgba(0,0,0,0.24);
|
|
|
|
span {
|
|
display:block;
|
|
padding:3px 8px 3px 8px;
|
|
border:1px solid;
|
|
border-color:#8b8a8a;
|
|
}
|
|
|
|
i {
|
|
vertical-align:0px;
|
|
margin-right:5px;
|
|
|
|
&.right { margin-right:0; margin-left:5px;}
|
|
}
|
|
|
|
&:hover {
|
|
background:$button-small-hover-bg;
|
|
border-color:#303030 #303030 #666666 #444444;
|
|
}
|
|
}
|
|
.button.button-medium {
|
|
font-size:17px;
|
|
line-height:21px;
|
|
color:$button-text-color;
|
|
padding:0;
|
|
font-weight:bold;
|
|
background: rgb(67,183,84);
|
|
background: -moz-linear-gradient(top, rgba(67,183,84,1) 0%, rgba(65,183,87,1) 2%, rgba(65,184,84,1) 4%, rgba(67,183,86,1) 6%, rgba(65,179,84,1) 38%, rgba(68,179,85,1) 40%, rgba(69,175,85,1) 66%, rgba(65,174,83,1) 74%, rgba(66,172,82,1) 91%, rgba(65,174,85,1) 94%, rgba(67,171,84,1) 96%, rgba(66,172,82,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,183,84,1)), color-stop(2%,rgba(65,183,87,1)), color-stop(4%,rgba(65,184,84,1)), color-stop(6%,rgba(67,183,86,1)), color-stop(38%,rgba(65,179,84,1)), color-stop(40%,rgba(68,179,85,1)), color-stop(66%,rgba(69,175,85,1)), color-stop(74%,rgba(65,174,83,1)), color-stop(91%,rgba(66,172,82,1)), color-stop(94%,rgba(65,174,85,1)), color-stop(96%,rgba(67,171,84,1)), color-stop(100%,rgba(66,172,82,1)));
|
|
background: -webkit-linear-gradient(top, rgba(67,183,84,1) 0%,rgba(65,183,87,1) 2%,rgba(65,184,84,1) 4%,rgba(67,183,86,1) 6%,rgba(65,179,84,1) 38%,rgba(68,179,85,1) 40%,rgba(69,175,85,1) 66%,rgba(65,174,83,1) 74%,rgba(66,172,82,1) 91%,rgba(65,174,85,1) 94%,rgba(67,171,84,1) 96%,rgba(66,172,82,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(67,183,84,1) 0%,rgba(65,183,87,1) 2%,rgba(65,184,84,1) 4%,rgba(67,183,86,1) 6%,rgba(65,179,84,1) 38%,rgba(68,179,85,1) 40%,rgba(69,175,85,1) 66%,rgba(65,174,83,1) 74%,rgba(66,172,82,1) 91%,rgba(65,174,85,1) 94%,rgba(67,171,84,1) 96%,rgba(66,172,82,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(67,183,84,1) 0%,rgba(65,183,87,1) 2%,rgba(65,184,84,1) 4%,rgba(67,183,86,1) 6%,rgba(65,179,84,1) 38%,rgba(68,179,85,1) 40%,rgba(69,175,85,1) 66%,rgba(65,174,83,1) 74%,rgba(66,172,82,1) 91%,rgba(65,174,85,1) 94%,rgba(67,171,84,1) 96%,rgba(66,172,82,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(67,183,84,1) 0%,rgba(65,183,87,1) 2%,rgba(65,184,84,1) 4%,rgba(67,183,86,1) 6%,rgba(65,179,84,1) 38%,rgba(68,179,85,1) 40%,rgba(69,175,85,1) 66%,rgba(65,174,83,1) 74%,rgba(66,172,82,1) 91%,rgba(65,174,85,1) 94%,rgba(67,171,84,1) 96%,rgba(66,172,82,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b754', endColorstr='#42ac52',GradientType=0 );
|
|
border:1px solid;
|
|
border-color:#399a49 #247f32 #1a6d27 #399a49;
|
|
@include border-radius(0);
|
|
|
|
span {
|
|
display:block;
|
|
padding:10px 10px 10px 14px;
|
|
border:1px solid;
|
|
border-color:#74d578;
|
|
|
|
/* max 480px */
|
|
@media (max-width: $screen-xs) {
|
|
font-size:15px;
|
|
padding-right:7px;
|
|
padding-left:7px;
|
|
}
|
|
|
|
}
|
|
|
|
i {
|
|
&.left {
|
|
font-size:24px;
|
|
vertical-align:-2px;
|
|
margin:-4px 10px 0 0;
|
|
display:inline-block;
|
|
|
|
/* max 480px */
|
|
@media (max-width: $screen-xs) {
|
|
margin-right:5px;
|
|
}
|
|
}
|
|
&.right {
|
|
margin-right:0;
|
|
margin-left:9px;
|
|
|
|
/* max 480px */
|
|
@media (max-width: $screen-xs) {
|
|
margin-left:5px;
|
|
}
|
|
}
|
|
}
|
|
&:hover {
|
|
background: rgb(58,160,76);
|
|
background: -moz-linear-gradient(top, rgba(58,160,76,1) 0%, rgba(58,160,74,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,160,76,1)), color-stop(100%,rgba(58,160,74,1)));
|
|
background: -webkit-linear-gradient(top, rgba(58,160,76,1) 0%,rgba(58,160,74,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(58,160,76,1) 0%,rgba(58,160,74,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(58,160,76,1) 0%,rgba(58,160,74,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(58,160,76,1) 0%,rgba(58,160,74,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa04c', endColorstr='#3aa04a',GradientType=0 );
|
|
border-color:#196f28 #399a49 #399a49 #258033;
|
|
}
|
|
}
|
|
.button.button-medium.exclusive {
|
|
border-color:#db8600 #d98305 #c86d26 #d98305;
|
|
background: rgb(253,170,2);
|
|
background: -moz-linear-gradient(top, rgba(253,170,2,1) 0%, rgba(254,151,2,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,170,2,1)), color-stop(100%,rgba(254,151,2,1)));
|
|
background: -webkit-linear-gradient(top, rgba(253,170,2,1) 0%,rgba(254,151,2,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(253,170,2,1) 0%,rgba(254,151,2,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(253,170,2,1) 0%,rgba(254,151,2,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(253,170,2,1) 0%,rgba(254,151,2,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdaa02', endColorstr='#fe9702',GradientType=0 );
|
|
|
|
span {
|
|
border-color:#fec133 #febc33 #feb233 #febc33;
|
|
}
|
|
|
|
&:hover {
|
|
filter:none;
|
|
background:#f89609;
|
|
border-color:#a6550c #ba6708 #db8600 #ba6708;
|
|
|
|
span {
|
|
border-color:#fec133;
|
|
}
|
|
}
|
|
}
|
|
.link-button {
|
|
font-weight:bold;
|
|
|
|
i {
|
|
margin-right:5px;
|
|
|
|
&.large { font-size:26px; line-height:26px; vertical-align:-3px; color:#c0c0c0;}
|
|
}
|
|
}
|
|
.btn.button-plus, .btn.button-minus {
|
|
font-size:14px;
|
|
line-height:14px;
|
|
color:$button-pm-color;
|
|
text-shadow:1px -1px rgba(0,0,0,0.05);
|
|
padding:0;
|
|
@include border-radius(0);
|
|
border:1px solid;
|
|
border-color:#dedcdc #c1bfbf #b5b4b4 #dad8d8;
|
|
|
|
span {
|
|
display:block;
|
|
border:1px solid $light-border-color;
|
|
vertical-align:middle;
|
|
width:25px;
|
|
height:25px;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
padding:4px 0 0 0;
|
|
background: rgb(30,87,153);
|
|
background: rgb(255,255,255);
|
|
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(251,251,251,1)));
|
|
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 );
|
|
}
|
|
|
|
&:hover {
|
|
color:$base-text-color;
|
|
span {
|
|
filter:none;
|
|
background:#f6f6f6;
|
|
}
|
|
}
|
|
}
|
|
.button.exclusive-medium {
|
|
font-size:17px;
|
|
padding:0;
|
|
line-height:21px;
|
|
color:$button-em-color;
|
|
font-weight:bold;
|
|
border:1px solid;
|
|
border-color:#cacaca #b7b7b7 #9a9a9a #b7b7b7;
|
|
text-shadow:1px 1px rgba(255,255,255,1);
|
|
|
|
span {
|
|
border:1px solid;
|
|
border-color:$light-border-color;
|
|
display:block;
|
|
padding:9px 10px 11px 10px;
|
|
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)));
|
|
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
|
|
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 );
|
|
|
|
/* max 480px */
|
|
@media (max-width: $screen-xs) {
|
|
font-size:15px;
|
|
padding-right:7px;
|
|
padding-left:7px;
|
|
}
|
|
}
|
|
&:hover {
|
|
border-color:#9e9e9e #c2c2c2 #c8c8c8 #c2c2c2;
|
|
|
|
span {
|
|
background: rgb(231,231,231);
|
|
background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 0%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,231,231,1)), color-stop(0%,rgba(231,231,231,1)));
|
|
background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(231,231,231,1) 0%);
|
|
background: -o-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(231,231,231,1) 0%);
|
|
background: -ms-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(231,231,231,1) 0%);
|
|
background: linear-gradient(to bottom, rgba(231,231,231,1) 0%,rgba(231,231,231,1) 0%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0 );
|
|
}
|
|
}
|
|
}
|
|
.button.ajax_add_to_cart_button {
|
|
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;
|
|
border-color:#0079b6 #006fa8 #012740 #006fa8;
|
|
|
|
span {
|
|
border:1px solid;
|
|
border-color:#06b2e6;
|
|
padding:10px 14px;
|
|
display:block;
|
|
background: rgb(0,154,208);
|
|
background: -moz-linear-gradient(top, rgba(0,154,208,1) 0%, rgba(0,122,183,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,154,208,1)), color-stop(100%,rgba(0,122,183,1)));
|
|
background: -webkit-linear-gradient(top, rgba(0,154,208,1) 0%,rgba(0,122,183,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(0,154,208,1) 0%,rgba(0,122,183,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(0,154,208,1) 0%,rgba(0,122,183,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(0,154,208,1) 0%,rgba(0,122,183,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
|
|
}
|
|
&:hover {
|
|
border-color:#01314e #004b74 #0079b6 #004b74;
|
|
span {
|
|
filter:none;
|
|
background:#0084bf;
|
|
}
|
|
}
|
|
}
|
|
.button.lnk_view {
|
|
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:$light-border-color;
|
|
padding:10px 14px;
|
|
display:block;
|
|
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)));
|
|
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
|
|
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 );
|
|
}
|
|
&:hover {
|
|
border-color:#9e9e9e #9e9e9e #c8c8c8 #9e9e9e;
|
|
span {
|
|
filter:none;
|
|
background:#e7e7e7;
|
|
}
|
|
}
|
|
i.left {
|
|
padding-right:8px;
|
|
color:#777777;
|
|
}
|
|
}
|
|
/* form ******************************************************************************************/
|
|
.form-control {
|
|
padding:3px 5px;
|
|
height:27px;
|
|
@include box-shadow(none);
|
|
|
|
&.grey {
|
|
background:$base-box-bg;
|
|
}
|
|
}
|
|
/* table *************************************************************************************** */
|
|
table.std,
|
|
table.table_block {
|
|
margin-bottom:20px;
|
|
width:100%;
|
|
border:1px solid #999;
|
|
border-bottom:none;
|
|
background:white;
|
|
border-collapse:inherit
|
|
}
|
|
table.std th,
|
|
table.table_block th {
|
|
padding:14px 12px;
|
|
font-size:12px;
|
|
color:$light-text-color;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
text-shadow:0 1px 0 #000;
|
|
background:#999
|
|
}
|
|
table.std tr.alternate_item,
|
|
table.table_block tr.alternate_item {background-color: #f3f3f3}
|
|
table.std td,
|
|
table.table_block td {
|
|
padding:12px;
|
|
border-right:1px solid #e9e9e9;
|
|
border-bottom:1px solid #e9e9e9;
|
|
font-size:12px;
|
|
vertical-align:top
|
|
}
|
|
.table {
|
|
margin-bottom:30px;
|
|
>thead {
|
|
|
|
> tr {
|
|
> th {
|
|
background:$table-background;
|
|
border-bottom-width:1px;
|
|
color:$base-text-color;
|
|
}
|
|
}
|
|
|
|
}
|
|
td {
|
|
|
|
a.color-myaccount {
|
|
color:$link-color;
|
|
text-decoration:underline;
|
|
|
|
&:hover { text-decoration:none;}
|
|
}
|
|
}
|
|
tfoot {
|
|
tr {
|
|
background:$table-background;
|
|
}
|
|
}
|
|
}
|
|
/******************** product elements ****************/
|
|
.product-name {
|
|
font-size:17px;
|
|
line-height:23px;
|
|
color:$product-name-color;
|
|
margin-bottom:0;
|
|
a {
|
|
font-size:17px;
|
|
line-height:23px;
|
|
color:$product-name-color;
|
|
&:hover {
|
|
color:$product-name-hover-color;
|
|
}
|
|
}
|
|
}
|
|
.price {
|
|
font-size:13px;
|
|
color:$price-color;
|
|
}
|
|
.price.product-price {
|
|
font:600 21px/26px $font-custom;
|
|
color:$product-price-color;
|
|
}
|
|
.old-price {
|
|
color:$product-old-price-color;
|
|
text-decoration:line-through;
|
|
}
|
|
.old-price.product-price {
|
|
font-size:17px;
|
|
}
|
|
.special-price {
|
|
color:$product-special-price-color;
|
|
}
|
|
.price-percent-reduction {
|
|
background:#f13340;
|
|
border:1px solid #d02a2c;
|
|
font:600 21px/24px $font-custom;
|
|
color:$light-text-color;
|
|
padding:0 5px 0 3px;
|
|
display:inline-block;
|
|
|
|
&.small {
|
|
font: 700 14px/17px $font-famaly;
|
|
padding: 1px 6px;
|
|
}
|
|
}
|
|
/***************************************************************************************************
|
|
Labels New/Sale
|
|
***************************************************************************************************/
|
|
.new-box, .sale-box {
|
|
position:absolute;
|
|
top:-4px;
|
|
overflow:hidden;
|
|
height:74px;
|
|
width:74px;
|
|
text-align:center;
|
|
z-index:0;
|
|
}
|
|
.new-box {
|
|
left:-4px;
|
|
}
|
|
.sale-box {
|
|
right:-5px;
|
|
}
|
|
.new-label {
|
|
font:700 15px/18px $font-famaly;
|
|
color:$light-text-color;
|
|
background:#6ad4ff;
|
|
text-transform:uppercase;
|
|
padding:9px 0 7px;
|
|
text-shadow:1px 1px rgba(0,0,0,0.24);
|
|
width:113px;
|
|
text-align:center;
|
|
display:block;
|
|
@include rotate(-45deg);
|
|
position:absolute;
|
|
left:-33px;
|
|
top:6px;
|
|
z-index:1;
|
|
|
|
&:before{
|
|
position:absolute;
|
|
bottom:-3px;
|
|
right:5px;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-width: 4px 4px 0px 4px;
|
|
border-color: #21a3d8 transparent transparent transparent ;
|
|
content:".";
|
|
text-indent:-5000px;
|
|
@include rotate(225deg);
|
|
}
|
|
|
|
&:after{
|
|
position:absolute;
|
|
bottom:-3px;
|
|
left:4px;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-width: 4px 4px 0px 4px;
|
|
border-color: #21a3d8 transparent transparent transparent ;
|
|
content:".";
|
|
text-indent:-5000px;
|
|
@include rotate(145deg);
|
|
}
|
|
}
|
|
.sale-label {
|
|
font:700 15px/18px $font-famaly;
|
|
color:$light-text-color;
|
|
background:#f13340;
|
|
text-transform:uppercase;
|
|
padding:9px 0 7px;
|
|
text-shadow:1px 1px rgba(0,0,0,0.24);
|
|
width:113px;
|
|
text-align:center;
|
|
display:block;
|
|
@include rotate(45deg);
|
|
position:absolute;
|
|
right:-33px;
|
|
top:6px;
|
|
z-index:1;
|
|
&:before{
|
|
position:absolute;
|
|
bottom:-3px;
|
|
right:4px;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-width: 4px 4px 0px 4px;
|
|
border-color: #ad2b34 transparent transparent transparent ;
|
|
content:".";
|
|
text-indent:-5000px;
|
|
@include rotate(225deg);
|
|
}
|
|
&:after{
|
|
position:absolute;
|
|
bottom:-3px;
|
|
left:5px;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-width: 4px 4px 0px 4px;
|
|
border-color: #ad2b34 transparent transparent transparent ;
|
|
content:".";
|
|
text-indent:-5000px;
|
|
@include rotate(136deg);
|
|
}
|
|
}
|
|
.ie8 {
|
|
.new-label {
|
|
left:0px;
|
|
top:0px;
|
|
width:auto;
|
|
padding:5px 15px;
|
|
|
|
&:after {
|
|
display:none;
|
|
}
|
|
&:before {
|
|
display:none;
|
|
}
|
|
}
|
|
.sale-label {
|
|
right:0px;
|
|
top:0px;
|
|
width:auto;
|
|
padding:5px 15px;
|
|
|
|
&:after {
|
|
display:none;
|
|
}
|
|
&:before {
|
|
display:none;
|
|
}
|
|
}
|
|
.new-box {
|
|
top:-1px;
|
|
left:-1px;
|
|
}
|
|
.sale-box {
|
|
right:-1px;
|
|
top:-1px;
|
|
}
|
|
}
|
|
|
|
|
|
/************************************* BOXES *****************************************************/
|
|
.box {
|
|
background:$base-box-bg;
|
|
border:1px solid $base-border-color;
|
|
padding:$base-box-padding;
|
|
margin:$base-box-indent;
|
|
line-height:23px;
|
|
|
|
p {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
&.box-small {
|
|
padding:9px 10px 9px 20px;
|
|
|
|
.dark { padding-top:10px; padding-right:20px; margin-bottom:0; width:auto;}
|
|
}
|
|
}
|
|
.page-product-box{padding-bottom:10px}
|
|
.product-box{
|
|
width:178px;
|
|
float:left;
|
|
@include box-sizing(border-box);
|
|
|
|
.product-image{
|
|
border:$main_border;
|
|
background:white;
|
|
padding:5px;
|
|
display:block;
|
|
margin-bottom:11px;
|
|
img{max-width:100%;
|
|
width:100%;
|
|
height:auto}
|
|
|
|
}
|
|
}
|
|
/* BLOCK .block ******************************************************************************** */
|
|
/**************************************************************************************************
|
|
Homepage Tabs
|
|
***************************************************************************************************/
|
|
#home-page-tabs {
|
|
border:none;
|
|
background:$light-background;
|
|
@media (min-width: $screen-sm) { // min 768px
|
|
padding:10px 0;
|
|
margin:0 0 0 -18px;
|
|
}
|
|
|
|
> li {
|
|
margin-bottom:0;
|
|
@media (min-width: $screen-sm) { // min 768px
|
|
border-left:1px solid $base-border-color;
|
|
margin:0 0px 0 9px;
|
|
padding:0 0px 0 9px;
|
|
}
|
|
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
width:100%;
|
|
}
|
|
a {
|
|
font:600 21px/24px $font-custom;
|
|
color:$base-heading-color;
|
|
text-transform:uppercase;
|
|
border:none;
|
|
outline:none;
|
|
margin:0;
|
|
padding:10px;
|
|
@media (min-width: $screen-sm) { // min 768px
|
|
padding:1px 10px;
|
|
}
|
|
}
|
|
|
|
&:first-child {border:none;}
|
|
}
|
|
|
|
> li.active a, >li a:hover {
|
|
background:$dark-background;
|
|
color:$light-text-color;
|
|
padding:10px;
|
|
@media (min-width: $screen-sm) { // min 768px
|
|
margin:-9px 0;
|
|
}
|
|
}
|
|
}
|
|
#index {
|
|
|
|
.tab-content {
|
|
margin-top:35px;
|
|
margin-bottom:34px;
|
|
}
|
|
}
|
|
.block {
|
|
margin-bottom:30px;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
margin-bottom:0px;
|
|
}
|
|
.block_content {
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
margin-bottom:20px;
|
|
}
|
|
}
|
|
|
|
}
|
|
.block {
|
|
|
|
|
|
.title_block, h4 {
|
|
font:600 18px/22px $font-custom;
|
|
color:$base-heading-color;
|
|
background:#f6f6f6;
|
|
border-top:5px solid $dark-border-color;
|
|
text-transform:uppercase;
|
|
padding:14px 5px 17px 20px;
|
|
margin-bottom:20px;
|
|
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
|
|
font-size:14px;
|
|
}
|
|
// heading style for devices smaller that 767px width
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
position:relative;
|
|
|
|
&:after {
|
|
display:block;
|
|
font-family:$font-icon;
|
|
content:"";
|
|
position:absolute;
|
|
right:0;
|
|
top:15px;
|
|
height:36px;
|
|
width:36px;
|
|
font-size:26px;
|
|
font-weight:normal;
|
|
}
|
|
&.active:after {
|
|
content:"";
|
|
}
|
|
}
|
|
|
|
a {
|
|
color:$base-heading-color;
|
|
|
|
&:hover {
|
|
color:$base-text-color;
|
|
}
|
|
}
|
|
}
|
|
&#contact_block {
|
|
background:$dark-background;
|
|
|
|
.title_block {
|
|
border-color:#e4e3e3;
|
|
background:$dark-background;
|
|
color:$light-text-color;
|
|
margin-bottom:0;
|
|
padding-bottom:9px;
|
|
}
|
|
}
|
|
.list-block {
|
|
margin-top:-8px;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
margin-top:0;
|
|
}
|
|
|
|
li {
|
|
padding:5px 0 6px 20px;
|
|
border-top:1px solid $base-border-color;
|
|
|
|
a {
|
|
i {display:none;}
|
|
|
|
&:before {
|
|
content:"";
|
|
display:inline;
|
|
font-family:$font-icon;
|
|
color:$base-text-color;
|
|
padding-right:8px;
|
|
}
|
|
|
|
&:hover {
|
|
color:$base-text-color;
|
|
font-weight:bold;
|
|
}
|
|
}
|
|
|
|
&:first-child {border-top:none;}
|
|
}
|
|
|
|
.form-group {
|
|
padding-top:20px;
|
|
border-top:1px solid $base-border-color;
|
|
margin-bottom:0;
|
|
|
|
select {
|
|
max-width:270px;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
width:270px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.btn {margin-top:12px;}
|
|
}
|
|
.products-block {
|
|
|
|
li {
|
|
padding:0 0 20px 0;
|
|
margin-bottom:20px;
|
|
border-bottom:1px solid $base-border-color;
|
|
|
|
.products-block-image {
|
|
float:left;
|
|
border:1px solid $base-border-color;
|
|
margin-right:19px;
|
|
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
|
float:none;
|
|
display:inline-block;
|
|
margin:0 auto 10px;
|
|
text-align:center;
|
|
}
|
|
}
|
|
|
|
.product-content {
|
|
overflow:hidden;
|
|
h5 {
|
|
margin:-3px 0 0 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-name {font-size:15px; line-height:18px;}
|
|
|
|
.product-description {margin-bottom:14px;}
|
|
|
|
.price-percent-reduction {
|
|
font:700 14px/17px $font-famaly;
|
|
padding:1px 6px;
|
|
}
|
|
}
|
|
}
|
|
/*************** Block CATEGORIES ***************/
|
|
#categories_block_top{
|
|
clear:both;
|
|
position: relative;
|
|
top: 30px;
|
|
.sf-menu{
|
|
position: relative;
|
|
>li{
|
|
position: static;
|
|
>ul{
|
|
width: 100%;
|
|
top: 60px;
|
|
margin: 0 20px;
|
|
>li{
|
|
display: block;
|
|
float: left;
|
|
width: 20%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 0 10px;
|
|
}
|
|
>.category_thumb{
|
|
display: block;
|
|
clear: both;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
img{
|
|
display: inline-block;
|
|
width: 33%;
|
|
}
|
|
}
|
|
}
|
|
h4{
|
|
a{
|
|
font-size: 1.1em;
|
|
&:before{display: none;}
|
|
}
|
|
}
|
|
.main-level-submenus{
|
|
position: relative;
|
|
display: block !important;
|
|
visibility: visible !important;
|
|
top: 0;
|
|
background: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
.category_thumb{display: none;}
|
|
}
|
|
}
|
|
#categories_block_left {
|
|
|
|
.block_content > ul {
|
|
border-top:1px solid $base-border-color;
|
|
}
|
|
|
|
li {
|
|
position:relative;
|
|
|
|
a {
|
|
font-weight:bold;
|
|
color:$base-text-color;
|
|
display:block;
|
|
font-size:13px;
|
|
line-height:30px;
|
|
padding:0 30px 0 19px;
|
|
border-bottom:1px solid $base-border-color;
|
|
}
|
|
|
|
span.grower {
|
|
display:block;
|
|
background:#f6f6f6;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
cursor:pointer;
|
|
font-family:$font-icon;
|
|
font-size:14px;
|
|
|
|
&.OPEN, &.CLOSE {
|
|
|
|
&:before {
|
|
content:"";
|
|
display:block;
|
|
vertical-align:middle;
|
|
width:30px;
|
|
height:30px;
|
|
color:$base-text-color;
|
|
line-height:30px;
|
|
text-align:center;
|
|
}
|
|
}
|
|
|
|
&.CLOSE:before {
|
|
content:"";
|
|
color:#c0c0c0;
|
|
}
|
|
}
|
|
& span.grower:hover + a, a:hover, a.selected {
|
|
background:#f6f6f6;
|
|
}
|
|
|
|
li {
|
|
|
|
a {
|
|
font-weight:normal;
|
|
color:#777777;
|
|
|
|
&:before {
|
|
content:"";
|
|
font-family:$font-icon;
|
|
line-height:29px;
|
|
padding-right:8px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/*************************************************************************************************/
|
|
.page-heading {
|
|
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 $base-border-color;
|
|
overflow:hidden;
|
|
|
|
span.heading-counter {
|
|
font:bold 13px/22px $font-famaly;
|
|
float:right;
|
|
color:$base-text-color;
|
|
text-transform:none;
|
|
@media (max-width:$screen-xs) {
|
|
float:none;
|
|
display:block;
|
|
padding-top:5px;
|
|
}
|
|
}
|
|
|
|
span.lighter {color:#9c9c9c}
|
|
|
|
&.bottom-indent { margin-bottom:16px;}
|
|
|
|
&.product-listing {border-bottom:none; margin-bottom:0;}
|
|
}
|
|
.page-subheading {
|
|
font-family:$font-custom;
|
|
font-weight:600;
|
|
text-transform:uppercase;
|
|
color:$base-heading-color;
|
|
font-size:18px;
|
|
padding:0 0 15px;
|
|
line-height:normal;
|
|
margin-bottom:12px;
|
|
border-bottom:1px solid $base-border-color;
|
|
}
|
|
h3.page-product-heading{
|
|
@include sub-heading
|
|
}
|
|
/* BLOCK .footer_links (cms pages) ************************************************************* */
|
|
ul.footer_links {
|
|
padding:20px 0 0px 0;
|
|
border-top:1px solid $base-border-color;
|
|
height: 65px;
|
|
|
|
li {
|
|
float:left;
|
|
|
|
&+li {
|
|
margin-left:10px;
|
|
}
|
|
}
|
|
}
|
|
/* barre comparaison / tri ********************************************************************* */
|
|
.content_sortPagiBar {
|
|
|
|
.sortPagiBar {
|
|
border-top:1px solid $base-border-color;
|
|
border-bottom:1px solid $base-border-color;
|
|
padding:19px 0 10px 0;
|
|
|
|
#productsSortForm {
|
|
float:left;
|
|
margin-right:20px;
|
|
margin-bottom:10px;
|
|
|
|
select {
|
|
max-width:192px;
|
|
float:left;
|
|
|
|
@media (max-width: $screen-sm-max) {
|
|
max-width:160px;
|
|
}
|
|
}
|
|
|
|
.selector { float:left;}
|
|
}
|
|
.nbrItemPage {
|
|
float:left;
|
|
select {max-width:59px; float:left;}
|
|
|
|
.clearfix > span {
|
|
padding:3px 0 0 12px;
|
|
display:inline-block;
|
|
float:left;
|
|
}
|
|
|
|
#uniform-nb_item { float:left;}
|
|
}
|
|
|
|
label, select {
|
|
float:left;
|
|
}
|
|
|
|
label {
|
|
padding:3px 6px 0 0;
|
|
}
|
|
|
|
&.instant_search { #productsSortForm {display:none;}}
|
|
}
|
|
.display, .display_m {
|
|
float:right;
|
|
margin-top:-4px;
|
|
|
|
li {
|
|
float:left;
|
|
padding-left:12px;
|
|
text-align:center;
|
|
|
|
a {
|
|
color:$GL-text-color;
|
|
font-size:11px;
|
|
line-height:14px;
|
|
|
|
i {
|
|
display:block;
|
|
font-size:24px;
|
|
height:24px;
|
|
line-height:24px;
|
|
margin-bottom:-3px;
|
|
color:$GL-icon-color;
|
|
}
|
|
}
|
|
|
|
a:hover, &.selected {
|
|
|
|
i {
|
|
color:$GL-icon-color-hover;
|
|
}
|
|
}
|
|
|
|
&.selected {
|
|
|
|
a { cursor:default;}
|
|
}
|
|
|
|
&.display-title {
|
|
font-weight:bold;
|
|
color:$base-text-color;
|
|
padding:7px 6px 0 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* pagination ********************************************************************************** */
|
|
.top-pagination-content, .bottom-pagination-content {
|
|
text-align:center;
|
|
padding:12px 0 12px 0;
|
|
position:relative;
|
|
|
|
div.pagination {
|
|
margin:0;
|
|
float:right;
|
|
width:530px;
|
|
text-align:center;
|
|
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
|
width:380px;
|
|
}
|
|
@media (max-width: $screen-sm-max) { // max 991px
|
|
float:left;
|
|
width:auto;
|
|
}
|
|
|
|
.showall {
|
|
float:right;
|
|
margin:8px 53px 8px 14px;
|
|
|
|
@media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px
|
|
margin-right:11px;
|
|
}
|
|
@media (max-width: $screen-sm-max) { // max 991px
|
|
margin-right:0;
|
|
}
|
|
|
|
.btn {
|
|
|
|
span {
|
|
font-size:13px;
|
|
padding:3px 5px 4px 5px;
|
|
line-height:normal;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
ul.pagination {
|
|
margin:8px 0px 8px 0;
|
|
@media (max-width: $screen-sm-max) { // max 991px
|
|
float:left;
|
|
}
|
|
|
|
li {
|
|
display:inline-block;
|
|
float:left;
|
|
|
|
> a, > span {
|
|
margin:0 1px 0 0px;
|
|
padding:0;
|
|
font-weight:bold;
|
|
border:1px solid;
|
|
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
|
display:block;
|
|
|
|
span {
|
|
border:1px solid $light-border-color;
|
|
padding:2px 8px;
|
|
display:block;
|
|
background:url(../img/pagination-li.gif) 0 0 repeat-x $pagination-bgcolor;
|
|
}
|
|
}
|
|
|
|
> a:hover {
|
|
|
|
span {
|
|
background:$pagination-hover-bg;
|
|
}
|
|
}
|
|
&.pagination_previous, &.pagination_next {
|
|
color:$pagination-prevnext-color;
|
|
font-weight:bold;
|
|
|
|
> a, > span {
|
|
border:none;
|
|
background:none;
|
|
display:block;
|
|
padding:4px 0;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
b {display:none;}
|
|
}
|
|
|
|
span { border:none; padding:0; background:none;}
|
|
b {font-weight:bold;}
|
|
}
|
|
}
|
|
|
|
&.pagination_previous { margin-right:10px;}
|
|
|
|
&.pagination_next { margin-left:10px;}
|
|
|
|
&.active {
|
|
|
|
> span {
|
|
|
|
color:$base-text-color;
|
|
border-color:#dfdede #d2d0d0 #b0afaf #d2d0d0;
|
|
|
|
span {background:$pagination-hover-bg;}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.compare-form {
|
|
float:right;
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
float:left;
|
|
width:100%;
|
|
text-align:left;
|
|
padding-bottom:10px;
|
|
clear:both;
|
|
}
|
|
}
|
|
|
|
.product-count {
|
|
padding:11px 0 0 0;
|
|
float:left;
|
|
@media (max-width: $screen-sm-max) { // max 991px
|
|
clear:left;
|
|
}
|
|
}
|
|
}
|
|
.bottom-pagination-content {border-top:1px solid $base-border-color;}
|
|
/* CART steps *********************************************************************** */
|
|
ul.step {
|
|
margin-bottom:30px;
|
|
overflow:hidden;
|
|
@media (min-width: $screen-xs) { //min 480px
|
|
@include border-radius(4px);
|
|
}
|
|
|
|
li {
|
|
float:left;
|
|
width:20%;
|
|
text-align:left;
|
|
border:1px solid;
|
|
border-top-color:#cacaca;
|
|
border-bottom-color:#9a9a9a;
|
|
border-right-color:#b7b7b7;
|
|
border-left-width:0px;
|
|
@media (max-width: $screen-xs - 1) { // max 480px
|
|
width:100%;
|
|
border-left-width:1px;
|
|
}
|
|
|
|
a, span, &.step_current span, &.step_current_end span {
|
|
display:block;
|
|
padding:13px 10px 14px 13px;
|
|
color:$base-text-color;
|
|
font-size:17px;
|
|
line-height:21px;
|
|
font-weight:bold;
|
|
text-shadow:1px 1px rgba(255,255,255,1);
|
|
position:relative;
|
|
|
|
@media (min-width: $screen-md) { // min 991px
|
|
&:after {
|
|
content:".";
|
|
position:absolute;
|
|
top:0;
|
|
right:-31px;
|
|
z-index:0;
|
|
text-indent:-5000px;
|
|
display:block;
|
|
width:31px;
|
|
height:52px;
|
|
margin-top:-2px;
|
|
}
|
|
}
|
|
|
|
&:focus {text-decoration:none; outline:none;}
|
|
}
|
|
|
|
&.first {
|
|
border-left-width:1px;
|
|
border-left-color:#b7b7b7;
|
|
@media (min-width: $screen-xs) { //min 480px
|
|
@include border-top-left-radius(4px);
|
|
@include border-bottom-left-radius(4px);
|
|
}
|
|
|
|
span, a {
|
|
z-index:5;
|
|
padding-left:13px !important;
|
|
@media (min-width: $screen-xs) { //min 480px
|
|
@include border-top-left-radius(4px);
|
|
@include border-bottom-left-radius(4px);
|
|
}
|
|
}
|
|
}
|
|
&.second {
|
|
span, a { z-index:4;}
|
|
}
|
|
&.third {
|
|
span, a { z-index:3;}
|
|
}
|
|
&.four {
|
|
span, a { z-index:2;}
|
|
}
|
|
&.last {
|
|
span {
|
|
z-index:1;
|
|
}
|
|
@media (min-width: $screen-xs) { //min 480px
|
|
@include border-top-right-radius(4px);
|
|
@include border-bottom-right-radius(4px);
|
|
|
|
span {
|
|
@include border-top-right-radius(4px);
|
|
@include border-bottom-right-radius(4px);
|
|
}
|
|
}
|
|
}
|
|
&.step_current {
|
|
font-weight:bold;
|
|
background: rgb(66,184,86);
|
|
background: -moz-linear-gradient(top, rgba(66,184,86,1) 0%, rgba(67,171,84,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,184,86,1)), color-stop(100%,rgba(67,171,84,1)));
|
|
background: -webkit-linear-gradient(top, rgba(66,184,86,1) 0%,rgba(67,171,84,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(66,184,86,1) 0%,rgba(67,171,84,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(66,184,86,1) 0%,rgba(67,171,84,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(66,184,86,1) 0%,rgba(67,171,84,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42b856', endColorstr='#43ab54',GradientType=0 );
|
|
border-color:#399b49 #51ae5c #208931 #369946;
|
|
|
|
span {
|
|
color:$light-text-color;
|
|
text-shadow:1px 1px rgba(32,137,49,1);
|
|
border:1px solid;
|
|
border-color:#73ca77 #74c776 #74c175 #74c776;
|
|
position:relative;
|
|
@media (min-width: $screen-md) { //min 991px
|
|
padding-left:38px;
|
|
|
|
&:after {
|
|
background:url(../img/order-step-a.png) right 0 no-repeat;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.step_current_end {
|
|
font-weight:bold;
|
|
}
|
|
&.step_todo {
|
|
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)));
|
|
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(237,237,237,1) 100%);
|
|
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 );
|
|
|
|
span {
|
|
display:block;
|
|
border:1px solid;
|
|
border-color:$light-border-color;
|
|
color:$base-text-color;
|
|
position:relative;
|
|
@media (min-width: $screen-md) { // min 991px
|
|
padding-left:38px;
|
|
|
|
&:after {
|
|
background:url(../img/order-step-current.png) right 0 no-repeat;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.step_done {
|
|
border-color:#666666 #5f5f5f #292929 #5f5f5f;
|
|
background: rgb(114,113,113);
|
|
background: -moz-linear-gradient(top, rgba(114,113,113,1) 0%, rgba(102,102,102,1) 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,113,113,1)), color-stop(100%,rgba(102,102,102,1)));
|
|
background: -webkit-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(114,113,113,1) 0%,rgba(102,102,102,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727171', endColorstr='#666666',GradientType=0 );
|
|
|
|
a {
|
|
color:$light-text-color;
|
|
text-shadow:1px 1px rgba(0,0,0,0.3);
|
|
border:1px solid;
|
|
border-color:#8b8a8a;
|
|
|
|
@media (min-width: $screen-md) { // min 991px */
|
|
padding-left:38px;
|
|
|
|
&:after {
|
|
background:url(../img/order-step-done.png) right 0 no-repeat;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.step_done.step_done_last {
|
|
@media (min-width: $screen-md) { // min 991px
|
|
a:after {
|
|
background:url(../img/order-step-done-last.png) right 0 no-repeat;
|
|
}
|
|
}
|
|
}
|
|
|
|
&#step_end {
|
|
span {
|
|
@media (min-width: $screen-md) { // min 991px
|
|
&:after {
|
|
display:none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
em {
|
|
font-style:normal;
|
|
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
|
display:none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* module productcomments ********************************************************************** */
|
|
.rating {
|
|
clear: both;
|
|
display: block;
|
|
margin: 2em;
|
|
cursor: pointer;
|
|
}
|
|
.rating:after {
|
|
content: '.';
|
|
display: block;
|
|
height: 0;
|
|
width: 0;
|
|
clear: both;
|
|
visibility: hidden
|
|
}
|
|
.cancel, .star {
|
|
overflow: hidden;
|
|
float: left;
|
|
margin:0 1px 0 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer
|
|
}
|
|
.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important }
|
|
.star, .star a { }
|
|
.cancel a, .star a {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-position: 0 0
|
|
}
|
|
div.star_on a { background-position: 0 -16px }
|
|
div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
|
.pack_content { margin: 10px 0 10px 0 }
|
|
.confirmation {
|
|
margin: 0 0 10px;
|
|
padding: 10px;
|
|
border: 1px solid #e6db55;
|
|
font-size: 13px;
|
|
background: none repeat scroll 0 0 #ffffe0;
|
|
}
|
|
#page .rte { background: transparent none repeat scroll 0 0 }
|
|
|
|
.listcomment {
|
|
list-style-type:none;
|
|
margin:0 0 20px 0 !important;
|
|
}
|
|
.listcomment li {
|
|
padding:10px 0;
|
|
border-bottom:1px dotted $base-border-color;
|
|
color:#666
|
|
}
|
|
.listcomment .titlecomment {
|
|
display:block;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
color:$base-text-color
|
|
}
|
|
.listcomment .txtcomment {
|
|
display:block;
|
|
padding:5px 0;
|
|
color:$base-text-color
|
|
}
|
|
.listcomment .authorcomment {}
|
|
|
|
|
|
/* ************************************************************************************************
|
|
HEADER
|
|
************************************************************************************************ */
|
|
.banner-top {
|
|
background:#000;
|
|
}
|
|
.header-container {
|
|
background:$light-background;
|
|
}
|
|
#header {
|
|
padding-bottom:21px;
|
|
position:relative;
|
|
background:$light-background;
|
|
|
|
.header-row {
|
|
background:$dark-background;
|
|
|
|
.container {background:none; position:relative; z-index:1;}
|
|
|
|
.shop-phone {
|
|
display:block;
|
|
padding:5px 0 10px;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
display:none;
|
|
}
|
|
|
|
i {
|
|
font-size:21px;
|
|
line-height:21px;
|
|
color:$light-text-color;
|
|
padding-right:7px;
|
|
}
|
|
|
|
strong {color:$light-text-color;}
|
|
}
|
|
|
|
.header-row nav {
|
|
float: right; }
|
|
|
|
.header_user_info {
|
|
float:left;
|
|
border-left:1px solid #515151;
|
|
border-right:1px solid #515151;
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
width:25%;
|
|
text-align:center;
|
|
}
|
|
a {
|
|
color:$light-text-color;
|
|
font-weight:bold;
|
|
display:block;
|
|
padding:8px 9px 11px 8px;
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
font-size:11px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#header_logo {
|
|
position: absolute;
|
|
left:0;
|
|
top: 27px;
|
|
z-index: 1;
|
|
@media (min-width: $screen-sm) and (max-width: $screen-sm-max) { // min 768px max 991px
|
|
width:250px;
|
|
top:35px;
|
|
}
|
|
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
|
width:174px;
|
|
left:15px;
|
|
top:48px;
|
|
}
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
width:200px;
|
|
left:50%;
|
|
margin-left:-100px;
|
|
top:20px;
|
|
}
|
|
}
|
|
/* languages/currencies */
|
|
#currencies-block-top, #languages-block-top {
|
|
float:right;
|
|
border-left:1px solid #515151;
|
|
position:relative;
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
width:25%;
|
|
}
|
|
|
|
span.firstWord {display:none;}
|
|
|
|
div.current {
|
|
font-weight:bold;
|
|
padding:8px 10px 10px 10px;
|
|
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;
|
|
padding:9px 5px 10px;
|
|
font-size:11px;
|
|
}
|
|
strong {
|
|
color:#777777;
|
|
}
|
|
|
|
&:after {
|
|
content:"";
|
|
font-family:$font-icon;
|
|
font-size:18px;
|
|
line-height:18px;
|
|
color:#686666;
|
|
vertical-align:-2px;
|
|
padding-left:12px;
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
padding-left:2px;
|
|
font-size:13px;
|
|
line-height:13px;
|
|
vertical-align:0;
|
|
}
|
|
}
|
|
.cur-label {
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
display:none;
|
|
}
|
|
}
|
|
}
|
|
|
|
ul {
|
|
display:none;
|
|
position:absolute;
|
|
top:37px;
|
|
left:0;
|
|
width:157px;
|
|
background:$dark-background;
|
|
z-index:2;
|
|
|
|
li {
|
|
color:$light-text-color;
|
|
line-height:35px;
|
|
font-size:13px;
|
|
|
|
a, > span {
|
|
padding:0 10px 0 12px;
|
|
display:block;
|
|
color:$light-text-color;
|
|
}
|
|
|
|
&.selected, &:hover a {
|
|
background:#484848;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#contact-link {
|
|
float:right;
|
|
border-left:1px solid #515151;
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
width:25%;
|
|
text-align:center;
|
|
}
|
|
a {
|
|
display:block;
|
|
color:$light-text-color;
|
|
font-weight:bold;
|
|
padding:8px 10px 11px 10px;
|
|
text-shadow:1px 1px rgba(0,0,0,0.2);
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
font-size:11px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
}
|
|
}
|
|
#contact-link a, .header-row .header_user_info a, #currencies-block-top div.current, #languages-block-top div.current {
|
|
cursor:pointer;
|
|
|
|
&:hover, &.active {
|
|
background:#2b2b2b;
|
|
}
|
|
}
|
|
}
|
|
.ie8 #header #header_logo {
|
|
width:350px;
|
|
}
|
|
/* ************************************************************************************************
|
|
BREADCRUMB
|
|
************************************************************************************************ */
|
|
.breadcrumb {
|
|
display:inline-block;
|
|
padding:0 11px 0 0;
|
|
border:1px solid $base-border-color;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
line-height:24px;
|
|
min-height:26px;
|
|
@include border-radius(3px);
|
|
overflow:hidden;
|
|
margin-bottom:16px;
|
|
position:relative;
|
|
z-index:1;
|
|
|
|
.navigation-pipe {
|
|
width:18px;
|
|
display:inline-block;
|
|
text-indent:-5000px;
|
|
}
|
|
|
|
a {
|
|
display:inline-block;
|
|
background:$light-background;
|
|
padding:0 8px 0 22px;
|
|
margin-left:-26px;
|
|
position:relative;
|
|
z-index:2;
|
|
color:$base-text-color;
|
|
|
|
&.home {
|
|
font-size:17px;
|
|
color:$text-color;
|
|
width:38px;
|
|
text-align:center;
|
|
padding:0;
|
|
margin:0;
|
|
@include border-top-left-radius(3px);
|
|
@include border-bottom-left-radius(3px);
|
|
z-index:99;
|
|
line-height:22px;
|
|
display:inline-block;
|
|
height:24px;
|
|
|
|
i {
|
|
vertical-align:-1px;
|
|
}
|
|
}
|
|
|
|
&:after {
|
|
display:inline-block;
|
|
content:".";
|
|
position:absolute;
|
|
right:-10px;
|
|
top:3px;
|
|
width:18px;
|
|
height:18px;
|
|
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;
|
|
@include rotate(45deg);
|
|
}
|
|
|
|
&:hover { color:#777;}
|
|
}
|
|
|
|
}
|
|
.ie8 {
|
|
|
|
.breadcrumb {
|
|
min-height:1px;
|
|
|
|
a:after {
|
|
display:none;
|
|
}
|
|
.navigation-pipe {
|
|
width:20px;
|
|
}
|
|
}
|
|
}
|
|
/* ************************************************************************************************
|
|
FOOTER
|
|
************************************************************************************************ */
|
|
.footer-container {
|
|
padding:0 0 100px 0;
|
|
@media (min-width: $screen-sm) { // min 768px
|
|
background:url(../img/footer-bg.gif) repeat-x;
|
|
}
|
|
|
|
#footer {
|
|
color:#777;
|
|
position:relative;
|
|
.footer-block {
|
|
margin-top:45px;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
margin-top:20px;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color:#777;
|
|
|
|
&:hover {
|
|
color:$light-text-color;
|
|
}
|
|
}
|
|
|
|
h4 {
|
|
font:600 18px/22px $font-custom;
|
|
color:$light-text-color;
|
|
margin:0 0 13px 0;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
position:relative;
|
|
margin-bottom:0;
|
|
padding-bottom:13px;
|
|
|
|
&:after {
|
|
display:block;
|
|
content:"";
|
|
font-family:$font-icon;
|
|
position:absolute;
|
|
right:0;
|
|
top:1px;
|
|
}
|
|
&.active:after {
|
|
content:"";
|
|
}
|
|
}
|
|
|
|
a {color:$light-text-color;}
|
|
}
|
|
ul {
|
|
|
|
li {
|
|
padding-bottom:8px;
|
|
|
|
a {
|
|
font-weight:bold;
|
|
text-shadow:1px 1px 0px rgba(0,0,0,0.4);
|
|
}
|
|
}
|
|
}
|
|
#block_contact_infos {
|
|
border-left:1px solid #515151;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
border:none;
|
|
}
|
|
> div {
|
|
padding:0 0 0 5px;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
padding-left:0;
|
|
}
|
|
|
|
ul {
|
|
|
|
li {
|
|
padding:0 0 7px 4px;
|
|
overflow:hidden;
|
|
line-height:30px;
|
|
|
|
> span, > span a{
|
|
color:$light-text-color;
|
|
font-weight:normal;
|
|
}
|
|
|
|
i {font-size:25px; width:32px; text-align:center; padding-right:12px; float:left; color:#908f8f;}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.blockcategories_footer { clear:left;}
|
|
#social_block {
|
|
float:left;
|
|
width:50%;
|
|
padding:23px 30px 16px 0;
|
|
background:#3F3F3F;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
width:100%;
|
|
float:left;
|
|
padding-top:5px;
|
|
}
|
|
ul {
|
|
float:right;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
float:none;
|
|
}
|
|
|
|
li {
|
|
float:left;
|
|
width:40px;
|
|
text-align:center;
|
|
|
|
a {
|
|
display:inline-block;
|
|
color:#908f8f;
|
|
font-size:28px;
|
|
|
|
span {display:none;}
|
|
|
|
&:before {
|
|
display:inline-block;
|
|
font-family:$font-icon;
|
|
vertical-align:-5px;
|
|
}
|
|
|
|
&:hover {color:$light-text-color;}
|
|
}
|
|
|
|
&.facebook {
|
|
|
|
a {
|
|
&:before {content:"";}
|
|
}
|
|
}
|
|
&.twitter {
|
|
|
|
a {
|
|
&:before {content:"";}
|
|
}
|
|
}
|
|
&.rss {
|
|
|
|
a {
|
|
&:before {content:"";}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
h4 {
|
|
float:right;
|
|
margin-bottom:0;
|
|
font-size:21px;
|
|
line-height:25px;
|
|
text-transform:none;
|
|
padding:0 10px 0 0;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
display:none;
|
|
text-align:center;
|
|
}
|
|
}
|
|
}
|
|
.bottom-footer {
|
|
position:absolute;
|
|
bottom:-55px;
|
|
left:0;
|
|
|
|
div {
|
|
padding:15px 0 0 0;
|
|
border-top:1px solid #515151;
|
|
width:100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */
|
|
#short_description_content ul,
|
|
#short_description_content ol,
|
|
#short_description_content dl,
|
|
#tinymce ul,
|
|
#tinymce ol,
|
|
#tinymce dl {margin-left:20px}
|
|
|
|
.block_hidden_only_for_screen {display:none}
|
|
/* ************************************************************************************************
|
|
PAIMENT - PAGE ORDER
|
|
************************************************************************************************ */
|
|
|
|
/* nav bottom ********************************************************************************** */
|
|
.cart_navigation {
|
|
margin:0 0 20px;
|
|
|
|
.button-medium {
|
|
float:right;
|
|
@include border-radius(4px);
|
|
font-size:20px;
|
|
line-height:24px;
|
|
|
|
span {
|
|
@include border-radius(4px);
|
|
padding:11px 15px 10px 15px;
|
|
}
|
|
|
|
i.right {
|
|
font-size:25px;
|
|
line-height:25px;
|
|
vertical-align:-4px;
|
|
margin-left:6px;
|
|
}
|
|
}
|
|
.button-exclusive {
|
|
border:none;
|
|
background:none;
|
|
padding:0;
|
|
font-size:17px;
|
|
font-weight:bold;
|
|
color:$base-text-color;
|
|
margin:9px 0 0 0;
|
|
|
|
i {
|
|
color:#777777;
|
|
margin-right:8px;
|
|
}
|
|
|
|
&:hover, &:focus, &:active {
|
|
color:$link-hover-color;
|
|
@include box-shadow(none);
|
|
}
|
|
}
|
|
|
|
@media (max-width:$screen-xs){
|
|
> span {
|
|
display:block;
|
|
width:100%;
|
|
padding-bottom:15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* step 1 - cart ******************************************************************************* */
|
|
.cart_last_product {display:none}
|
|
.cart_quantity .cart_quantity_input {
|
|
height: 27px;
|
|
line-height: 27px;
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 57px;
|
|
}
|
|
.table tbody > tr > td {
|
|
vertical-align:middle;
|
|
|
|
&.cart_quantity {
|
|
padding:41px 14px 25px;
|
|
width:88px;
|
|
.cart_quantity_button {
|
|
margin-top:3px;
|
|
a {
|
|
float:left;
|
|
margin-right:3px;
|
|
&+ a {
|
|
margin-right:0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.cart_delete, &.price_discount_del {
|
|
padding:5px;
|
|
}
|
|
}
|
|
.table tfoot > tr > td {
|
|
vertical-align:middle;
|
|
}
|
|
.cart_delete a.cart_quantity_delete,
|
|
a.price_discount_delete {
|
|
font-size:23px;
|
|
color:$base-text-color;
|
|
&:hover {
|
|
color:#c0c0c0;
|
|
}
|
|
}
|
|
#cart_summary {
|
|
tbody {
|
|
td {
|
|
&.cart_product {
|
|
padding:19px;
|
|
width:137px;
|
|
img {
|
|
border:1px solid $table-border-color;
|
|
}
|
|
}
|
|
&.cart_unit {
|
|
|
|
.price {
|
|
span {
|
|
display:block;
|
|
|
|
&.price-percent-reduction {
|
|
margin:5px auto;
|
|
display:inline-block;
|
|
}
|
|
|
|
&.old-price { text-decoration:line-through;}
|
|
}
|
|
}
|
|
}
|
|
&.cart_description {
|
|
width:480px;
|
|
small {
|
|
display:block;
|
|
padding:5px 0 0 0;
|
|
}
|
|
}
|
|
&.cart_avail {
|
|
|
|
}
|
|
}
|
|
}
|
|
tfoot {
|
|
td {
|
|
&.text-right {
|
|
font-weight:bold;
|
|
color:$base-text-color;
|
|
}
|
|
&.price {
|
|
text-align:right;
|
|
}
|
|
&.total_price_container {
|
|
span {
|
|
font:600 18px/22px $font-custom;
|
|
color:#555454;
|
|
text-transform:uppercase;
|
|
}
|
|
}
|
|
&#total_price_container {
|
|
font:600 21px/25px $font-custom;
|
|
color:$product-price-color;
|
|
background:$light-background;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
#order-detail-content{
|
|
#cart_summary{
|
|
table, thead, tbody, th, td, tr{display: block;}
|
|
thead tr{
|
|
position: absolute;
|
|
top: -9999px;
|
|
left: -9999px;
|
|
}
|
|
tr{
|
|
border-bottom: 1px solid #ccc;
|
|
overflow: hidden;
|
|
}
|
|
td{
|
|
border: none;
|
|
position: relative;
|
|
width: 50%;
|
|
float: left;
|
|
white-space: normal;
|
|
&.cart_product{}
|
|
&.cart_description{}
|
|
&.cart_avail{clear: both;}
|
|
&.cart_unit{}
|
|
&.cart_quantity{
|
|
clear: both;
|
|
padding: 9px 8px 11px 18px;
|
|
}
|
|
&.cart_total{}
|
|
&.cart_delete{
|
|
width: 100%;
|
|
clear: both;
|
|
text-align: right;
|
|
&:before{
|
|
display: inline-block;
|
|
padding-right: 0.5em;
|
|
position: relative;
|
|
top: -3px;
|
|
}
|
|
div{display: inline;}
|
|
}
|
|
}
|
|
td:before {
|
|
content: attr(data-title);
|
|
display: block;
|
|
}
|
|
tfoot{
|
|
td{
|
|
float: none;
|
|
width: 100%;
|
|
&:before{
|
|
display: inline;
|
|
}
|
|
}
|
|
tr{
|
|
.text-right, .price{
|
|
display: block;
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.cart_voucher {
|
|
vertical-align:top !important;
|
|
h4 {
|
|
font:600 18px/22px $font-custom;
|
|
color:$base-heading-color;
|
|
text-transform:uppercase;
|
|
padding:7px 0 10px 0;
|
|
}
|
|
.title-offers {
|
|
color:$base-text-color;
|
|
font-weight:bold;
|
|
margin-bottom:6px;
|
|
}
|
|
fieldset {
|
|
margin-bottom:10px;
|
|
#discount_name {
|
|
float:left;
|
|
width:219px;
|
|
margin-right:11px;
|
|
}
|
|
}
|
|
#display_cart_vouchers {
|
|
span {
|
|
font-weight:bold;
|
|
cursor:pointer;
|
|
color:$link-color;
|
|
|
|
&:hover {color:$link-hover-color;}
|
|
}
|
|
}
|
|
}
|
|
.enable-multishipping {
|
|
margin:-13px 0 17px;
|
|
label {font-weight:normal;}
|
|
}
|
|
#HOOK_SHOPPING_CART {
|
|
#loyalty {
|
|
i {
|
|
font-size:26px;
|
|
line-height:26px;
|
|
color:#cfcccc;
|
|
}
|
|
}
|
|
}
|
|
#order_carrier {
|
|
clear:both;
|
|
margin-top:20px;
|
|
border:1px solid #999;
|
|
background:$light-background
|
|
}
|
|
#order_carrier .title_block {
|
|
padding:0 15px;
|
|
height: 29px;
|
|
font-weight: bold;
|
|
line-height:29px;
|
|
color:$light-text-color;
|
|
font-weight:bold;
|
|
text-transform:uppercase;
|
|
background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
|
|
}
|
|
#order_carrier span {
|
|
display:block;
|
|
padding:15px;
|
|
font-weight:bold
|
|
}
|
|
.multishipping_close_container {
|
|
text-align: center;
|
|
}
|
|
|
|
table#cart_summary .gift-icon {
|
|
color: white;
|
|
background: #0088CC;
|
|
line-height: 20px;
|
|
padding: 2px 5px;
|
|
border-radius: 5px;
|
|
}
|
|
/* step 3 - address ************************************************************************** */
|
|
#multishipping_mode_box {
|
|
padding-top:12px;
|
|
padding-bottom:19px;
|
|
.title {
|
|
font-weight:bold;
|
|
color:$base-text-color;
|
|
margin-bottom:15px;
|
|
}
|
|
}
|
|
#multishipping_mode_box .description_off {
|
|
display: none;
|
|
}
|
|
#multishipping_mode_box .description_off div {
|
|
margin-bottom: 10px;
|
|
}
|
|
#multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover {
|
|
background: #f3f3f3;
|
|
border: 1px solid #ccc;
|
|
}
|
|
#multishipping_mode_box.on .description_off {
|
|
display: block;
|
|
}
|
|
.multishipping-cart {
|
|
.cart_address_delivery {
|
|
&.form-control {
|
|
width:198px;
|
|
}
|
|
}
|
|
}
|
|
#order .address_add.submit { margin-bottom:20px;}
|
|
#ordermsg { margin-bottom:30px;}
|
|
#id_address_invoice.form-control, #id_address_delivery.form-control {
|
|
width:269px;
|
|
}
|
|
.checkbox.addressesAreEquals {
|
|
margin:0 0 25px 0;
|
|
}
|
|
/* step 4 - paiement ************************************************************************** */
|
|
#order .delivery_option, #order-opc .delivery_option {
|
|
>div {
|
|
display: block;
|
|
margin-bottom:20px;
|
|
font-weight:normal;
|
|
>table {
|
|
background:$light-background;
|
|
margin-bottom:0;
|
|
&.resume {
|
|
height:53px;
|
|
}
|
|
&.delivery_option_carrier {
|
|
margin-top:10px;
|
|
width:100%;
|
|
background:$state-info-bg;
|
|
color:$state-info-text;
|
|
border:1px solid $state-info-border;
|
|
font-weight:bold;
|
|
td {
|
|
padding:8px 11px 7px 11px;
|
|
i {
|
|
font-size:20px;
|
|
margin-right:7px;
|
|
vertical-align:-2px;
|
|
}
|
|
}
|
|
}
|
|
td {
|
|
&.delivery_option_radio {
|
|
width:54px;
|
|
padding-left:0;
|
|
padding-right:0;
|
|
text-align:center;
|
|
}
|
|
&.delivery_option_logo {
|
|
width:97px;
|
|
padding-left:21px;
|
|
}
|
|
&.delivery_option_price { width:162px;}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.order_carrier_content {
|
|
line-height:normal;
|
|
padding-bottom:16px;
|
|
.carrier_title {
|
|
font-weight:bold;
|
|
color:$base-text-color;
|
|
}
|
|
.checkbox {
|
|
input { margin-top:2px;}
|
|
}
|
|
.delivery_options_address {
|
|
.carrier_title {
|
|
margin-bottom:17px;
|
|
}
|
|
}
|
|
& + div {
|
|
padding-bottom:15px;
|
|
}
|
|
}
|
|
|
|
#carrierTable {
|
|
border:1px solid #999;
|
|
border-bottom:none;
|
|
background:$light-background
|
|
}
|
|
|
|
#carrierTable tbody{
|
|
border-bottom:1px solid #999;
|
|
}
|
|
#carrierTable th {
|
|
padding:0 15px;
|
|
height: 29px;
|
|
font-weight: bold;
|
|
line-height:29px;
|
|
color:$light-text-color;
|
|
text-transform:uppercase;
|
|
background:url(../img/bg_table_th.png) repeat-x 0 -10px #999
|
|
}
|
|
#carrierTable td {
|
|
padding:15px;
|
|
font-weight:bold;
|
|
border-right:1px solid #e9e9e9
|
|
}
|
|
#carrierTable td.carrier_price {border:none}
|
|
p.checkbox.gift { margin-bottom:10px;}
|
|
#gift_div {
|
|
display:none;
|
|
margin-top:5px;
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
a.iframe {
|
|
color:$base-text-color;
|
|
text-decoration:underline;
|
|
&:hover {
|
|
text-decoration:none;
|
|
}
|
|
}
|
|
|
|
/* step 5 - paiement ************************************************************************** */
|
|
p.payment_module {
|
|
margin-bottom:10px;
|
|
a {
|
|
display:block;
|
|
border:1px solid $table-border-color;
|
|
@include border-radius(4px);
|
|
font-size:17px;
|
|
line-height:23px;
|
|
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 $base-box-bg;
|
|
}
|
|
&.cheque {
|
|
background:url(../img/cheque.png) 15px 15px no-repeat $base-box-bg;
|
|
}
|
|
|
|
&.cheque, &.bankwire {
|
|
&:after {
|
|
display:block;
|
|
content:"";
|
|
position:absolute;
|
|
right:20px;
|
|
margin-top:-11px;
|
|
top:50%;
|
|
font-family:$font-icon;
|
|
font-size:25px;
|
|
height:22px;
|
|
width:14px;
|
|
color:$link-color;
|
|
}
|
|
}
|
|
&:hover { background-color:#f6f6f6}
|
|
span {
|
|
font-weight:bold;
|
|
color:$base-body-color;
|
|
}
|
|
}
|
|
}
|
|
.payment_module.box { margin-top:20px;}
|
|
p.cheque-indent {
|
|
margin-bottom:9px;
|
|
}
|
|
.cheque-box {
|
|
.form-group {
|
|
margin-bottom:10px;
|
|
|
|
.form-control {width:269px;}
|
|
}
|
|
}
|
|
.order-confirmation.box { line-height:29px; a {text-decoration:underline; &:hover {text-decoration:none;}}}
|
|
/* ************************************************************************************************
|
|
PAGE ORDER-OPC
|
|
************************************************************************************************ */
|
|
.delivery_option_carrier td {width:200px}
|
|
.delivery_option_carrier td + td {width:280px;}
|
|
.delivery_option_carrier td + td + td {width:200px}
|
|
.delivery_option_carrier tr td {
|
|
padding: 5px;
|
|
}
|
|
.delivery_option_carrier.selected {
|
|
display: table;
|
|
}
|
|
.delivery_option_carrier.not-displayable {
|
|
display: none;
|
|
}
|
|
/* ************************************************************************************************
|
|
PAGES ADRESSES, IDENTITY
|
|
************************************************************************************************ */
|
|
#address, #identity, #account-creation_form, #new_account_form, #opc_account_form, #authentication {
|
|
.box { padding-bottom:20px; line-height:20px;}
|
|
p.required {
|
|
color:#f13340;
|
|
margin:9px 0 16px 0;
|
|
}
|
|
p.inline-infos {
|
|
color:#f00;
|
|
}
|
|
.form-group {
|
|
margin-bottom:4px;
|
|
|
|
.form-control { max-width:271px;}
|
|
&#adress_alias {
|
|
margin-bottom:20px;
|
|
}
|
|
&.phone-number {
|
|
@media (min-width: $screen-lg) { // min 1200px
|
|
float:left;
|
|
width:270px;
|
|
margin-right:13px;
|
|
}
|
|
+ p {
|
|
@media (min-width: $screen-lg) { // min 1200px
|
|
padding:23px 0 0 0px;
|
|
margin-bottom:0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.gender-line {
|
|
margin-bottom:4px;
|
|
padding-top:4px;
|
|
> label {
|
|
margin-right:10px;
|
|
margin-bottom:0;
|
|
}
|
|
.radio-inline {
|
|
|
|
label {
|
|
font-weight:normal;
|
|
color:#777;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#identity, #authentication, #order-opc {
|
|
#center_column {
|
|
form.std {
|
|
.row {
|
|
margin-left:-5px;
|
|
margin-right:-5px;
|
|
.col-xs-4 {
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
max-width:94px;
|
|
.form-control {max-width:84px;}
|
|
}
|
|
}
|
|
}
|
|
.footer_links {
|
|
border:none;
|
|
padding-top:0;
|
|
}
|
|
}
|
|
}
|
|
#new_account_form .box {
|
|
line-height:20px;
|
|
.date-select { padding-bottom:10px;}
|
|
.top-indent {padding-top:10px;}
|
|
.customerprivacy { padding-top:15px;}
|
|
}
|
|
#authentication {
|
|
fieldset.account_creation { margin-bottom:20px;}
|
|
}
|
|
/**************************************************************************************************
|
|
PASSWORD
|
|
**************************************************************************************************/
|
|
#password {
|
|
.box {
|
|
p {
|
|
margin-bottom:9px;
|
|
}
|
|
.form-group {
|
|
margin-bottom:20px;
|
|
|
|
.form-control {
|
|
width:263px;
|
|
}
|
|
}
|
|
}
|
|
.footer_links {padding-top:0; border:none;}
|
|
}
|
|
/* ************************************************************************************************
|
|
PAGE SEARCH
|
|
************************************************************************************************ */
|
|
#instant_search_results {
|
|
a.close {
|
|
font-size:13px;
|
|
font-weight:600;
|
|
opacity:1;
|
|
line-height:inherit;
|
|
text-transform:none;
|
|
font-family:$font-famaly;
|
|
&:hover {
|
|
color:$link-hover-color;
|
|
}
|
|
}
|
|
}
|
|
/* ************************************************************************************************
|
|
MANUFACTURERS/SUPPLIERS
|
|
************************************************************************************************ */
|
|
#manufacturers_list, #suppliers_list {
|
|
|
|
h3 {
|
|
font-size:17px;
|
|
line-height:23px;
|
|
}
|
|
|
|
.description {
|
|
line-height:18px;
|
|
}
|
|
|
|
.product-counter {
|
|
|
|
a {
|
|
font-weight:bold;
|
|
color:$base-text-color;
|
|
|
|
&:hover {
|
|
color:$link-hover-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.list {
|
|
|
|
li {
|
|
.mansup-container {
|
|
border-top:1px solid $base-border-color;
|
|
padding:31px 0 30px 0;
|
|
@media (max-width: $screen-xs-max){ // < 768
|
|
text-align:center;
|
|
}
|
|
}
|
|
|
|
&:first-child {
|
|
|
|
.mansup-container {
|
|
border-top:0;
|
|
}
|
|
}
|
|
|
|
.left-side {text-align:center;}
|
|
|
|
h3 {
|
|
margin-top:-5px;
|
|
padding-bottom:8px;
|
|
}
|
|
|
|
.middle-side {
|
|
padding-left:0;
|
|
@media (max-width: $screen-xs-max){ // < 768
|
|
padding-right:15px;
|
|
padding-left:15px;
|
|
}
|
|
}
|
|
|
|
.right-side-content {
|
|
border-left:1px solid $base-border-color;
|
|
padding:0 0 32px 31px;
|
|
min-height:108px;
|
|
@media (max-width: $screen-xs-max){ // < 768
|
|
min-height:1px;
|
|
padding:0;
|
|
border:none;
|
|
}
|
|
|
|
.product-counter {
|
|
position:relative;
|
|
top:-6px;
|
|
margin-bottom:12px;
|
|
|
|
@media (max-width: $screen-xs-max){ // < 768
|
|
top:0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.grid {
|
|
|
|
li {
|
|
text-align:center;
|
|
|
|
.product-container {
|
|
padding-top:40px;
|
|
padding-bottom:20px;
|
|
border-bottom:1px solid $base-border-color;
|
|
|
|
.left-side {
|
|
padding-bottom:42px;
|
|
}
|
|
h3 {padding-bottom:10px;}
|
|
.product-counter { margin-bottom:12px;}
|
|
}
|
|
}
|
|
@media (min-width: $screen-lg) { // > 1199
|
|
li.first-in-line { clear:left;}
|
|
li.last-line { .product-container {border-bottom:none;}}
|
|
}
|
|
|
|
@media (min-width: $screen-sm) and (max-width: $screen-md-max) { //768 -> 1199
|
|
li.first-item-of-tablet-line {clear:left;}
|
|
li.last-tablet-line { .product-container {border-bottom:none;}}
|
|
}
|
|
|
|
@media (max-width: $screen-xs-max) { // < 768
|
|
li.item-last { .product-container {border-bottom:none;}}
|
|
}
|
|
}
|
|
}
|
|
#manufacturer, #supplier {
|
|
|
|
.description_box {
|
|
padding-top:20px;
|
|
padding-bottom:20px;
|
|
border-top:1px solid $base-border-color;
|
|
|
|
.hide_desc { display:none;}
|
|
}
|
|
.bottom-pagination-content, .top-pagination-content {
|
|
min-height:69px;
|
|
}
|
|
|
|
.top-pagination-content.bottom-line {
|
|
border-bottom:1px solid $base-border-color;
|
|
}
|
|
}
|
|
/*****************************************************************************************************
|
|
DISCOUNT PAGE
|
|
******************************************************************************************************/
|
|
table.discount {
|
|
|
|
i {
|
|
font-size:20px;
|
|
line-height:20px;
|
|
vertical-align:-2px;
|
|
|
|
&.icon-ok {
|
|
color:#46a74e;
|
|
}
|
|
|
|
&.icon-remove {
|
|
color:#f13340;
|
|
}
|
|
}
|
|
}
|
|
/*****************************************************************************************************
|
|
GUEST TRACKING
|
|
******************************************************************************************************/
|
|
#guestTracking {
|
|
.form-control {
|
|
max-width:271px;
|
|
}
|
|
@media (min-width: $screen-lg) { // > 1200px
|
|
.form-group {
|
|
overflow:hidden;
|
|
i { padding-left:10px;}
|
|
}
|
|
.form-control {
|
|
float:left;
|
|
}
|
|
label {float:left; clear:both; width:100%;}
|
|
}
|
|
}
|
|
/*****************************************************************************************************
|
|
PAGE 404
|
|
******************************************************************************************************/
|
|
#pagenotfound {
|
|
.pagenotfound {
|
|
max-width:824px;
|
|
margin:0 auto;
|
|
text-align:center;
|
|
|
|
.img-404 {
|
|
padding:8px 0 27px 0;
|
|
|
|
img {
|
|
max-width:100%;
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
font:600 28px/34px $font-custom;
|
|
color:$base-text-color;
|
|
text-transform:uppercase;
|
|
margin-bottom:7px;
|
|
}
|
|
|
|
p {
|
|
font:600 16px/20px $font-custom;
|
|
color:#555454;
|
|
text-transform:uppercase;
|
|
border-bottom:1px solid $base-border-color;
|
|
padding-bottom:19px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
h3 {
|
|
font-weight:bold;
|
|
color:$base-text-color;
|
|
font-size:13px;
|
|
line-height:normal;
|
|
margin-bottom:18px;
|
|
}
|
|
|
|
label {
|
|
font-weight:normal;
|
|
@media (max-width: $screen-xs-max) {
|
|
display:block;
|
|
}
|
|
}
|
|
|
|
.form-control {
|
|
max-width:293px;
|
|
display:inline-block;
|
|
margin-right:5px;
|
|
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
margin:0 auto 15px auto;
|
|
display:block;
|
|
}
|
|
}
|
|
|
|
.buttons {
|
|
padding:48px 0 20px 0;
|
|
|
|
.button-medium {
|
|
|
|
i.left {
|
|
font-size:17px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* ************************************************************************************************
|
|
addon RerversoForm
|
|
************************************************************************************************ */
|
|
#account-creation_form fieldset.reversoform {padding:10px !important}
|
|
#account-creation_form fieldset.reversoform .text label{
|
|
display:block;
|
|
padding:0 0 10px 0;
|
|
width:100%;
|
|
text-align:left;
|
|
}
|
|
#account-creation_form fieldset.reversoform .infos-sup {
|
|
padding:0 !important;
|
|
font-size:10px;
|
|
font-style:italic;
|
|
text-align:right
|
|
}
|
|
/* ************************************************************************************************
|
|
addon customer privacy
|
|
************************************************************************************************ */
|
|
#account-creation_form fieldset.customerprivacy label, fieldset.customerprivacy label{
|
|
cursor:pointer
|
|
}
|
|
|
|
/* ************************************************************************************************
|
|
addon referralprogram
|
|
************************************************************************************************ */
|
|
.tab-content { margin-top:20px;}
|
|
/* ************************************************************************************************
|
|
addon Livezilla
|
|
************************************************************************************************ */
|
|
#livezilla_lnk {
|
|
margin:10px 0;
|
|
text-align: right
|
|
}
|
|
#livezilla_lnk a {
|
|
display:inline-block;
|
|
padding:6px 8px 8px 8px;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
border-radius:3px;
|
|
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
|
|
}
|
|
#livezilla_lnk a:hover {text-decoration:none}
|
|
|
|
/* ************************************************************************************************
|
|
addons comments products
|
|
************************************************************************************************ */
|
|
form#sendComment fieldset{
|
|
padding:10px;
|
|
border:1px solid #ccc;
|
|
background:#eee
|
|
}
|
|
form#sendComment h3 {font-size:14px;}
|
|
#new_comment_form p.text {
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
#sendComment p.text label,
|
|
#sendComment p.textarea label {
|
|
display: block;
|
|
margin: 12px 0 4px;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
}
|
|
#sendComment p.text input {
|
|
padding: 0 5px;
|
|
height: 28px;
|
|
width: 498px;
|
|
border: 1px solid #ccc;
|
|
background: url(../img/bg_input.png) repeat-x 0 0 $light-background;
|
|
}
|
|
#sendComment p.textarea textarea {
|
|
height:80px;
|
|
width:508px;
|
|
border:1px solid #ccc;
|
|
}
|
|
#sendComment p.submit {
|
|
padding:0;
|
|
text-align:right
|
|
}
|
|
|
|
#sendComment p.closeform {
|
|
float:right;
|
|
padding:0;
|
|
height:12px;
|
|
width:12px;
|
|
text-indent:-5000px;
|
|
background:url(../img/icon/delete.gif) no-repeat 0 0
|
|
}
|
|
|
|
.star {
|
|
position: relative;
|
|
top:-1px;
|
|
float: left;
|
|
width: 14px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
font-size:14px;
|
|
font-weight:normal;
|
|
}
|
|
.star, .star a {
|
|
display:block;
|
|
}
|
|
.star a {
|
|
position:absolute;
|
|
text-indent:-5000px;
|
|
}
|
|
div.star {
|
|
&:after {
|
|
content:"";
|
|
font-family:$font-icon;
|
|
display:inline-block;
|
|
color:#777676;
|
|
}
|
|
}
|
|
div.star.star_on {
|
|
display:block;
|
|
&:after {
|
|
content:"";
|
|
font-family:$font-icon;
|
|
display:inline-block;
|
|
color:#ef8743;
|
|
}
|
|
}
|
|
div.star.star_hover {
|
|
&:after {
|
|
content:"";
|
|
font-family:$font-icon;
|
|
display:inline-block;
|
|
color:#ef8743;
|
|
}
|
|
}
|
|
|
|
|
|
/* ************************************************************************************************
|
|
xxxxx
|
|
************************************************************************************************ */
|
|
/* ************************************************************************************************
|
|
CSS Modules
|
|
************************************************************************************************ */
|
|
|
|
/******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/
|
|
|
|
/*************** Block ADVERTISING ***************/
|
|
.advertising_block { width: 191px; margin-bottom: 1em; text-align: center }
|
|
|
|
/* footer */
|
|
.blockcategories_footer ul ul {display:none !important}
|
|
/******************************************************************
|
|
Form validate
|
|
*******************************************************************/
|
|
.form-group {
|
|
&.form-error {
|
|
input, textarea {
|
|
border:1px solid #f13340;
|
|
color:#f13340;
|
|
background: url(../img/icon/form-error.png) 98% 5px no-repeat #fff1f2;
|
|
}
|
|
}
|
|
&.form-ok {
|
|
input, textarea {
|
|
border:1px solid #46a74e;
|
|
color:#35b33f;
|
|
background: url(../img/icon/form-ok.png) 98% 5px no-repeat #ddf9e1;
|
|
}
|
|
}
|
|
&.form-error, &.form-ok {
|
|
.form-control {
|
|
padding-right:30px;
|
|
}
|
|
}
|
|
}
|
|
/*********************************************************************
|
|
uniform
|
|
*********************************************************************/
|
|
.radio-inline, .checkbox {
|
|
padding-left:0;
|
|
.checker {
|
|
float:left;
|
|
span {
|
|
top:0px;
|
|
}
|
|
}
|
|
div.radio {
|
|
display:inline-block;
|
|
span {
|
|
float:left;
|
|
top:0px;
|
|
}
|
|
}
|
|
}
|
|
.fancybox-skin {
|
|
background:$light-background !important;
|
|
}
|
|
.fancybox-skin .fancybox-close {
|
|
top:8px;
|
|
right:8px;
|
|
width:28px;
|
|
height:28px;
|
|
background:none;
|
|
font-size:28px;
|
|
line-height:28px;
|
|
color:$base-text-color;
|
|
text-align:center;
|
|
|
|
&:hover {
|
|
color:$link-hover-color;
|
|
}
|
|
&:after {
|
|
content:"";
|
|
font-family:$font-icon;
|
|
}
|
|
}
|
|
|
|
/********************************************* Homepage pre-footer *****************************************/
|
|
#facebook_block, #cmsinfo_block {
|
|
margin-top:40px;
|
|
overflow:hidden;
|
|
background:$homepage-footer-bg;
|
|
min-height:344px;
|
|
padding-right:29px;
|
|
padding-left:29px;
|
|
@media (max-width: $screen-sm-max) { // max 991px
|
|
padding-left:15px;
|
|
padding-right:15px;
|
|
}
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
width:100%;
|
|
min-height:1px;
|
|
}
|
|
|
|
h4 {
|
|
font:600 21px/25px $font-custom;
|
|
color:$base-heading-color;
|
|
margin-bottom:26px;
|
|
@media (max-width: $screen-sm-max) { // max 991px
|
|
font-size:16px;
|
|
}
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
padding-top:20px !important;
|
|
}
|
|
}
|
|
}
|
|
#facebook_block {
|
|
h4 {
|
|
padding-top:44px;
|
|
}
|
|
.facebook-fanbox {
|
|
background:$light-background;
|
|
border:1px solid #aaaaaa;
|
|
padding-bottom:10px;
|
|
}
|
|
}
|
|
#cmsinfo_block {
|
|
border-left:1px solid $homepage-footer-border;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
border:none;
|
|
margin-top:10px;
|
|
}
|
|
> div {
|
|
padding-top:45px;
|
|
padding-left:0;
|
|
@media (max-width: $screen-xs-max) { // max 767px
|
|
padding-top:20px;
|
|
}
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
width:100%;
|
|
border-top:1px solid $homepage-footer-border;
|
|
}
|
|
}
|
|
> div + div {
|
|
border-left:1px solid $homepage-footer-border;
|
|
min-height:344px;
|
|
padding-left:29px;
|
|
@media (max-width: $screen-xs - 1) { // max 479px
|
|
border-left:none;
|
|
padding-left:10px;
|
|
min-height:1px;
|
|
padding-bottom:15px;
|
|
}
|
|
h3 {
|
|
margin-bottom:12px;
|
|
}
|
|
}
|
|
|
|
em {
|
|
float:left;
|
|
font-size:35px;
|
|
color:$light-text-color;
|
|
width:59px;
|
|
height:59px;
|
|
line-height:59px;
|
|
text-align:center;
|
|
background:$dark-background;
|
|
@include border-radius(100px);
|
|
margin:3px 10px 0 0;
|
|
@media (max-width: $screen-sm-max) { // max 991px
|
|
width:30px;
|
|
height:30px;
|
|
line-height:30px;
|
|
font-size:20px;
|
|
}
|
|
}
|
|
.type-text {
|
|
overflow:hidden;
|
|
}
|
|
h3 {
|
|
font:600 21px/25px $font-custom;
|
|
color:$base-heading-color;
|
|
@media (max-width: $screen-md-max) { // max 1199px
|
|
font-size:18px;
|
|
}
|
|
}
|
|
ul {
|
|
li {
|
|
padding-bottom:22px;
|
|
@media (max-width: $screen-md-max) { // max 1199px
|
|
padding-bottom:10px;
|
|
}
|
|
@media (max-width: $screen-sm-max) { // max 991px
|
|
padding-bottom:0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.ie8 {
|
|
#facebook_block, #cmsinfo_block {
|
|
height:344px;
|
|
}
|
|
}
|
|
|
|
/************************* Zoom ******************************/
|
|
@media (max-width: $screen-md-max) { // max 1199px
|
|
.zoomdiv {
|
|
display:none !important;
|
|
}
|
|
} |