510 lines
6.3 KiB
SCSS
510 lines
6.3 KiB
SCSS
$red_jipe:#bb3a2e;
|
|
|
|
@import "public/plugins.min";
|
|
@import "public/template";
|
|
|
|
#sub_menu{
|
|
position:absolute;
|
|
top:10px;
|
|
right:10px;
|
|
}
|
|
|
|
.btn-primary{
|
|
background:$red_jipe;
|
|
border-color:$red_jipe;
|
|
|
|
&:hover{
|
|
background:darken($red_jipe, 5);
|
|
border-color:darken($red_jipe, 5);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.inner-navigation{
|
|
text-align:right;
|
|
}
|
|
#main_wrapper{
|
|
padding-top:70px;
|
|
}
|
|
|
|
.spaced-grid{
|
|
margin:0 -10px;
|
|
|
|
.shop-grid-item{
|
|
margin:0 10px;
|
|
}
|
|
}
|
|
|
|
.module-cover{
|
|
*{
|
|
color:white;
|
|
}
|
|
}
|
|
|
|
.header{
|
|
|
|
#logo, #logo-small{
|
|
height:65px;
|
|
margin-left:10px;
|
|
}
|
|
|
|
|
|
&.header-small{
|
|
|
|
#logo{
|
|
height:55px;
|
|
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
h1,h2{
|
|
text-align:center;
|
|
text-transform:uppercase;
|
|
font-family: 'Montserrat', sans-serif;
|
|
}
|
|
|
|
.render_block{
|
|
table{
|
|
border-collapse :collapse;
|
|
td,th{
|
|
border:1px solid rgba(black, 0.5);
|
|
padding: 3px 5px;
|
|
font-size:0.85rem;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
ul, ol{
|
|
display: block;
|
|
list-style-type: disc;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0px;
|
|
margin-inline-end: 0px;
|
|
padding-inline-start: 40px;
|
|
margin-bottom:1rem;
|
|
|
|
li{
|
|
list-style-type: disc;
|
|
display: list-item;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.menu_item_sub_menu{
|
|
padding:0px 20px;
|
|
text-align:center;
|
|
background:#373737;
|
|
a{
|
|
display:inline-block;
|
|
padding: 7px 10px ;
|
|
padding-bottom:5px;
|
|
margin:0 5px;
|
|
color:rgba(white,0.5);
|
|
border-bottom:2px solid transparent;
|
|
|
|
|
|
&:hover, &.active{
|
|
color:#4AC4A0;
|
|
border-bottom:2px solid #4AC4A0;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.large_sub_menu{
|
|
|
|
.post{
|
|
margin:0 10px;
|
|
}
|
|
}
|
|
|
|
|
|
.review{
|
|
|
|
text-align:center;
|
|
|
|
.review-icons {
|
|
margin: 0 auto 10px;
|
|
width: 80px;
|
|
|
|
img {
|
|
border: 6px solid rgba(color("white"), .1);
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.gallery-group{
|
|
padding:5px;
|
|
div{
|
|
padding:5px;
|
|
}
|
|
}
|
|
|
|
.inner-nav .mega-menu .mega-menu-row{
|
|
padding-top:10px;
|
|
|
|
}
|
|
.render_block{
|
|
.contact_form{
|
|
table{
|
|
td,th{
|
|
border:0;
|
|
padding:0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.table_area{
|
|
overflow:auto;
|
|
|
|
}
|
|
|
|
.footer{
|
|
|
|
padding-bottom:120px;
|
|
|
|
p{
|
|
color:#f8f8f8;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 991px){
|
|
.inner-nav .mega-menu{
|
|
|
|
margin-top:-10px;
|
|
}
|
|
}
|
|
.has-error{
|
|
.help-block{
|
|
color:red;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.bloc_sombre{
|
|
background:rgba(black,0.95);
|
|
|
|
color:rgba(white,0.90);
|
|
|
|
h1,h2{
|
|
color:rgba(white,0.90);
|
|
}
|
|
|
|
}
|
|
|
|
.column_text{
|
|
padding:20px;
|
|
max-width:600px;
|
|
margin:auto;
|
|
}
|
|
|
|
|
|
@media (max-width: 991.98px){
|
|
.module-cover.with_ratio{
|
|
height:auto !important;
|
|
h1{
|
|
margin:0;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.sub-menu{
|
|
.b_icon, .v_icon{
|
|
display:inline-block;
|
|
img{
|
|
height:1.4em;
|
|
margin-left:-10px;
|
|
|
|
max-width:inherit;
|
|
}
|
|
|
|
}
|
|
.v_icon{
|
|
display:none;
|
|
}
|
|
|
|
a:hover, a.active{
|
|
color:$red_jipe !important;
|
|
.v_icon{
|
|
display:inline-block;
|
|
}
|
|
|
|
.b_icon{
|
|
display:none;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.icon_sub_menu{
|
|
|
|
text-align:center;
|
|
|
|
|
|
font-size:1.1em;
|
|
|
|
|
|
|
|
|
|
a{
|
|
display:inline-block;
|
|
padding:10px 18px;
|
|
|
|
color:black;
|
|
|
|
|
|
img{
|
|
display:block;
|
|
margin:auto;
|
|
height:40px;
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.noir{
|
|
display:none;
|
|
}
|
|
&.active, &:hover{
|
|
|
|
.noir{
|
|
display:block;
|
|
}
|
|
|
|
.blanc{
|
|
display:none;
|
|
}
|
|
|
|
color:$red_jipe;
|
|
background:white;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.module-cover-jipe{
|
|
|
|
.overlay-background{
|
|
background:black;
|
|
opacity:0.8 !important;
|
|
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 820px) {
|
|
.icon_sub_menu{
|
|
position:relative;
|
|
.normal{
|
|
display:none;
|
|
}
|
|
.active{
|
|
display:block !important;
|
|
}
|
|
.bars{
|
|
color:rgba(0,0,0,0.5);
|
|
font-size:23px;
|
|
padding:16px 17px;
|
|
z-index:2;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.popup_overlay{
|
|
background:rgba(0,0,0,0.85);
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
z-index:10000;
|
|
.logo{
|
|
|
|
height: 64px;
|
|
margin: auto;
|
|
display:block;
|
|
margin-bottom:30px;
|
|
}
|
|
.popup{
|
|
position:relative;
|
|
width:90%;
|
|
max-width:600px;
|
|
margin:auto;
|
|
background:white;
|
|
text-align:center;
|
|
padding:20px;
|
|
box-shadow:0 0 10px rgba(0,0,0,0.3);
|
|
|
|
}
|
|
.close{
|
|
font-size:20px;
|
|
color:rgba(0,0,0,0.4);
|
|
|
|
position:absolute;
|
|
right:10px;
|
|
top:6px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#boutique_menu{
|
|
text-align:center;
|
|
|
|
padding-top:40px;
|
|
padding-bottom:40px;
|
|
a{
|
|
display:inline-block;
|
|
width:130px;
|
|
text-align:center;
|
|
color:black;
|
|
|
|
.step{
|
|
margin-bottom:3px;
|
|
display:inline-block;
|
|
font-size:25px;
|
|
height:66px;
|
|
line-height:66px;
|
|
width:66px;
|
|
border-radius:50%;
|
|
border:1px solid black;
|
|
}
|
|
|
|
&.active, &:hover{
|
|
text-decoration:none;
|
|
color:$red_jipe;
|
|
.step{
|
|
background:$red_jipe;
|
|
border-color:$red_jipe;
|
|
color:white;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.clear{
|
|
clear:both;
|
|
}
|
|
|
|
.product_show{
|
|
.p_product_refs_links{
|
|
margin-bottom:30px;
|
|
margin-top:30px;
|
|
a{
|
|
display:inline-block;
|
|
padding:2px 10px;
|
|
border-radius:15px;
|
|
color:black;
|
|
border:1px solid black;
|
|
text-decoration:none;
|
|
margin-top:6px;
|
|
&.active, &:hover{
|
|
text-decoration:none;
|
|
background:$red_jipe;
|
|
border-color:$red_jipe;
|
|
color:white
|
|
}
|
|
}
|
|
}
|
|
|
|
.legals{
|
|
color:rgba(black,0.5);
|
|
}
|
|
}
|
|
|
|
|
|
.back_link{
|
|
margin-top:-20px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
.qi_filters {
|
|
text-align: center;
|
|
list-style: none;
|
|
margin: 0 0 15px;
|
|
padding: 0;
|
|
|
|
> li {
|
|
display: inline-block;
|
|
margin: 0 12px 20px 0;
|
|
|
|
&:not(:last-child)::after {
|
|
content: '/';
|
|
opacity: .4;
|
|
margin: 0 0 0 12px;
|
|
}
|
|
}
|
|
|
|
a {
|
|
opacity: .6;
|
|
color: $body-color;
|
|
|
|
&:hover,
|
|
&.current {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.align_center{
|
|
text-align:center;
|
|
}
|
|
|
|
.error{
|
|
color:red;
|
|
}
|
|
|
|
|
|
.product_show{
|
|
|
|
h1{
|
|
text-align:left;
|
|
font-size:1.8rem;
|
|
}
|
|
|
|
}
|
|
|
|
.img_cover{
|
|
background:white center center no-repeat;
|
|
background-size:cover;
|
|
|
|
}
|
|
|
|
.products_index{
|
|
.shop-grid-item{
|
|
margin-bottom:10px;
|
|
|
|
}
|
|
.shop-item-thumb{
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
} |