html {
font-size: 100%;
overflow-y: scroll;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
* {
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-moz-background-origin: padding;
-webkit-background-origin: padding-box;
background-origin: padding-box;
}
}
body {
margin: 0;
padding: 0;
min-height: 100%;
background: @color_bg;
color: @color_text;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {
display: block;
}
audio[controls], canvas, video {
display: inline-block;
*display: inline;
zoom: 1;
}
body, button, input, select, textarea {
font-family: 16px/1.625 @font_base;
*font-size: 1em;
}
div, p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, h4, h5, h6, img {
margin: 0;
padding: 0;
font-family: @font_base;
}
a {
text-decoration: none;
color: @color_link;
cursor: pointer;
border: none;
outline: none;
&:hover {
text-decoration: underline;
}
&:focus, &:hover, &:active {
outline: none;
}
&:active {
color: @color_alink;
}
&:hover {
color: @color_hlink;
}
&:visited {
color: @color_vlink;
}
img {
border: none;
outline: none;
text-decoration: none;
}
}
abbr[title], dfn[title] {
border-bottom: 1px dotted #333333;
cursor: help;
}
b, strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ffff00;
color: #000000;
}
pre, code, kbd, samp {
font-family: monospace, monospace;
_font-family: "courier new", monospace;
font-size: 1em/1.625em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
blockquote, q, cite {
quotes: none;
font-style: italic;
padding-left: 1.625em;
border-left: 3px solid #cccccc;
}
blockquote > p {
padding: 0;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
sub, sup {
font-size: 0.625em;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul, ol {
list-style-position: inside;
margin: 1em 0;
padding: 0;
}
nav ul, nav ol {
list-style: none outside;
}
li ul, li ol {
margin: 0 1.625em;
}
dl dd {
margin-left: 1.625em;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure, form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
border: 0;
*margin-left: -7px;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, input {
line-height: normal;
*overflow: visible;
}
input[type="text"], input[type="password"], select, option, textarea {
background: @color_form_bg;
color: @color_form;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
fieldset, input, select, textarea, :focus {
outline: none;
}
button::-moz-focus-inner {
outline: none;
}
input[type="reset"]::-moz-focus-inner {
border: none;
outline: none;
}
input[type="button"]::-moz-focus-inner {
outline: none;
}
input[type="submit"]::-moz-focus-inner {
outline: none;
}
input[type="file"] > input[type="button"]::-moz-focus-inner {
outline: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
width:100%;
}
th, td {
text-align: left;
}
tr, th, td {
padding-right: 1.625em;
border-bottom: 1px solid #e1ddd5;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1em;
font-weight: bold;
font-family: sans-serif;
}
h1 {
font-size: 4.25em; // 68px
line-height: 1.1471em;
margin: 0 0 0.3824em;
}
h2 {
font-size: 2.625em; // 42px
line-height: 1.2381em;
margin: 0 0 0.619em;
}
h3 {
font-size: 1.625em; // 26px
line-height: 1em;
margin: 0 0 1em;
}
small {
font-size: 0.625em; // 10px
margin: 0 0 2.6em;
}
ins, mark {
text-decoration: none;
}
mark {
background: #ffff00;
}
ins {
background: #ffff99;
}
del {
text-decoration: line-through;
}
strong, b, dt {
font-weight: bold;
}
dfn {
font-style: italic;
}
var, address {
font-style: normal;
}
.cf:before, .cf:after, .clearfix:before, .clearfix:after {
content: "";
display: table;
}
.cf:after, .clearfix:after {
clear: both;
}
.cf, .clearfix {
*zoom: 1;
}
.left {
float: left;
}
.right {
float: right;
}
.auto {
overflow: auto;
}
.flex {
-moz-box-flex: 1.0;
-webkit-box-flex: 1.0;
box-flex: 1.0;
display: block;
}
.noflex {
-moz-box-flex: 0.0;
-webkit-box-flex: 0.0;
box-flex: 0.0;
display: block;
}
.vbox {
display: -webkit-box;
display: -moz-box;
display: box;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
box-orient: vertical;
-moz-box-align: stretch;
-webkit-box-align: stretch;
box-align: stretch;
height: 100%;
}
.hbox {
display: -webkit-box;
display: -moz-box;
display: box;
-moz-box-orient: horizontal;
-webkit-box-orient: horizontal;
box-orient: horizontal;
-moz-box-align: stretch;
-webkit-box-align: stretch;
box-align: stretch;
width: 100%;
}
.cbox {
display: -webkit-box;
display: -moz-box;
display: box;
-moz-box-pack: center;
-webkit-box-pack: center;
box-pack: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
width: 100%;
}
.hidden,
.block_hidden_only_for_screen {
display: none;
}
#privatesales_block{
#create-account_form, #login_form{
border: 0 none;
box-shadow: none;
padding: 15px;
width: 315px;
background: none;
}
#login_form{
p.submit {
margin-top: 15px !important;
}
}
#create-account_form{
p.text{
padding: 10px 10px 10px 45px !important;
}
ul {
margin: 0px 10px 10px 42px;
}
fieldset p.submit {
padding-top: 0 !important;
}
}
.modalbox_shadow {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 800;
}
.modalbox_login {
background: url("../img/bg_lightbox.png") no-repeat;
border-radius: 10px;
height: 374px;
left: 50%;
margin-left: -373px;
position: fixed;
top: 15%;
width: 746px;
z-index: 900;
.close_button{
display: none !important;
}
h2.modal_title {
background-color: rgba(255, 255, 255, 0.5);
border: 0 none;
border-radius: 10px 10px 0 0;
font-size: 26px;
font-style: normal;
font-weight: normal;
line-height: 18px;
margin: 0;
padding: 20px 0;
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;
width: 100%;
}
h3{
font-size: 22px;
font-style: italic;
font-weight: normal;
line-height: 1.5em;
margin-bottom: 16px;
margin-left: 44px;
margin-top: 38px;
padding: 0 0 5px;
text-indent: 6px;
text-shadow: 0 1px 0 #FFFFFF;
width: 250px;
padding: 0 !important;
}
.close_button {
background: url("../img/close.png") no-repeat scroll center center rgba(0, 0, 0, 0);
display: block;
height: 15px;
position: absolute;
right: 15px;
text-align: center;
top: 15px;
width: 15px;
}
form {
background: none;
border: 0 none;
margin: 0;
}
form#login_form {
border-radius: 0 0 0 10px;
p.submit{
a{
float: right;
margin: 0;
}
}
}
#SubmitCreate{
background-position: right 9px !important;
padding: 8px 40px 8px 20px !important;
}
form#create-account_form {
border-radius: 0 0 10px;
}
form#create-account_form input.button_large {
margin-top: 15px;
}
}
}
.cart_info_picto{
height: 30px;
line-height: 30px;
font-size: 13px;
margin:5px;
padding:5px 0px;
padding-left: 40px;
border-bottom: 1px solid #CAC7BF;
}
.cart_voucher_display{
background: url('../img/picto_percent.png') no-repeat left center;
.cart_info_picto
}
.shipping-calculate{
background: url('../img/picto_carrier.png') no-repeat left center;
.cart_info_picto
}
.economy{
background: url('../img/picto_euro.png') no-repeat left center;
.cart_info_picto
}
.text_block2{
clear: both;
overflow: hidden;
}
#best-sellers_block_right{
.block_content{
.item{
border-bottom: 1px solid #ccc;
float: left;
margin: 0 10px;
padding: 5px 0;
&:last-child{
border-bottom:0;
}
.img_sellers{
float: left;
width: 80px;
text-align: center;
}
.info_sellers{
float: left;
padding: 5px;
width: 90px;
.product_link_sellers{
color: #000;
font-style: italic;
&:hover{
color: #796DC7;
}
}
.reduction{
clear: both;
display: block;
span{
font-size: 13px;
color: #ccc;
font-family:Georgia;
}
.price{
font-size: 13px;
font-family:Georgia;
color: #E26EA2;
}
}
}
}
}
}