Merge branch 'master' of git@gitlab.antadis.net:dev-antadis/chocolatdemariage.git
This commit is contained in:
Michael RICOIS
commit
b02485a374
@ -89,7 +89,7 @@ border-top: 1px solid #C7AC9F; }
|
||||
#errors{ color:red; font-size:11px; line-height:16px; color:#e2007a; padding-right:20px; }
|
||||
#simu-box { width: 100%; height: 562px; position:relative; background-color: #fff; }
|
||||
.bg-grey-simulator #simu-box { background-color: #fbfbfb; }
|
||||
#simu-box h2, #simu-chocos h2 { position:absolute; background:#2e1e0e;color:#FFF;padding:5px 10px;margin: 0px 0 0 0px; font-size:18px; }
|
||||
#simu-box h2, #simu-chocos h2 { position:absolute; padding:5px 10px;margin: 0px 0 0 0px; font-size:18px; }
|
||||
|
||||
.doublecube-holder{perspective:1000px;position:relative;left:50%;top:50%;width:0;height:0;}
|
||||
.chocos-box-holder{width:562px;height:562px;line-height:562px;position:absolute;text-align:center;display:none;}
|
||||
@ -138,7 +138,7 @@ border-top: 1px solid #C7AC9F; }
|
||||
.cube{width:200px;height:200px;position:absolute;transform-style:preserve-3d;transform-origin:100px 100px 0;/*transition: transform 1s;*/}
|
||||
.container-db .db-cube1{left:0;transform:rotateY(-30deg);}
|
||||
.container-db .db-cube2{left:280px;transform:rotateY(30deg);}
|
||||
#join {width:10px;height:200px;/*background-color:rgba(100,100,100,0.3);*/ background-color: #eaeaea; position:absolute;left:236px;transform-style:preserve-3d;transform:translateZ(-36px);}
|
||||
#join {width:10px;height:200px;/*background-color:rgba(100,100,100,0.3);*/ background-color: #fff; position:absolute;left:236px;transform-style:preserve-3d;transform:translateZ(-36px);}
|
||||
.bg-grey-simulator #join { background-color: #fbfbfb; }
|
||||
|
||||
.cubeface{display:block;position:absolute;width:200px;height:200px;font-weight:700;text-align:center;margin:0; background-repeat:no-repeat; background-position:center; background-size:200px;}
|
||||
@ -271,6 +271,9 @@ border-top: 1px solid #C7AC9F; }
|
||||
background-color: #fff;
|
||||
left: 0; right: -15px;
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
#simu-chocos:before { display: none; }
|
||||
}
|
||||
.chocos-holder{padding: 10px; padding-right:0; margin-top:45px; }
|
||||
.chocos-holder:after { content: ''; display: block; clear: both; }
|
||||
|
||||
|
||||
@ -99,7 +99,7 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-box">
|
||||
<h2>{l s='Simulation contenant' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='contenant' mod='antadissimulator'}</strong></h2>
|
||||
<div class="legende-move c-maroon font11">{l s='Faites tourner l\’objet avec votre souris' mod='antadissimulator'}</div>
|
||||
<!--DOUBLECUBE-->
|
||||
<div class="box-holder doublecube-holder">
|
||||
@ -108,7 +108,7 @@
|
||||
</div>
|
||||
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder exclu"></div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-box">
|
||||
<h2>{l s='Simulation contenant' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='contenant' mod='antadissimulator'}</strong></h2>
|
||||
<div class="legende-move c-maroon font11">{l s='Faites tourner l\'objet avec votre souris' mod='antadissimulator'}</div>
|
||||
<!--DOUBLECUBE-->
|
||||
<div class="box-holder doublecube-holder">
|
||||
@ -56,7 +56,7 @@
|
||||
</div>
|
||||
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder">
|
||||
<!--chocos-->
|
||||
<div class="chocos">
|
||||
|
||||
@ -208,7 +208,7 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-box">
|
||||
<h2>{l s='Simulation contenant' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='contenant' mod='antadissimulator'}</strong></h2>
|
||||
<div class="legende-move c-maroon font11">{l s='Faites tourner l\'objet avec votre souris' mod='antadissimulator'}</div>
|
||||
<!--DOUBLECUBE-->
|
||||
<div class="box-holder doublecube-holder">
|
||||
@ -219,7 +219,7 @@
|
||||
</div>
|
||||
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder">
|
||||
|
||||
|
||||
|
||||
@ -43,7 +43,7 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-box">
|
||||
<h2>{l s='Simulation contenant' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='contenant' mod='antadissimulator'}</strong></h2>
|
||||
<div class="legende-move c-maroon font11">{l s='Faites tourner l\'objet avec votre souris' mod='antadissimulator'}</div>
|
||||
<div class="box-holder">
|
||||
<div class="simu-container container-pochette">
|
||||
@ -86,7 +86,7 @@
|
||||
</div>
|
||||
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder exclu">
|
||||
<div class="chocos">
|
||||
<div class="choco1 flip-container" ontouchstart="this.classList.toggle('hover');">
|
||||
|
||||
@ -28,7 +28,7 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-box">
|
||||
<h2>{l s='Simulation contenant' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='contenant' mod='antadissimulator'}</strong></h2>
|
||||
<div class="legende-move c-maroon font11">{l s='Faites tourner l\'objet avec votre souris' mod='antadissimulator'}</div>
|
||||
<div class="box-holder">
|
||||
<div class="simu-container container-pochette">
|
||||
@ -71,7 +71,7 @@
|
||||
</div>
|
||||
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder">
|
||||
<div class="chocos">
|
||||
<div class="choco1 flip-container" ontouchstart="this.classList.toggle('hover');">
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<div id="simus-holder" class="clearfix">
|
||||
<div class="left">
|
||||
<div id="simu-box">
|
||||
<h2>{l s='Simulation pochette' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='contenant' mod='antadissimulator'}</strong></h2>
|
||||
<div class="legende-move c-maroon font11">{l s='Faites tourner l’objet avec votre souris' mod='antadissimulator'}</div>
|
||||
<div class="box-holder pochette-holder-eve">
|
||||
<div class="simu-container container-pochette-eve">
|
||||
@ -34,7 +34,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder">
|
||||
<div class="chocos">
|
||||
<div class="choco1 flip-container argent" ontouchstart="this.classList.toggle('hover');">
|
||||
|
||||
@ -137,7 +137,8 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder"></div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -77,7 +77,8 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
|
||||
<div class="chocos-holder exclu"></div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -30,7 +30,9 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
|
||||
<div class="chocos-holder">
|
||||
<div class="chocos">
|
||||
<div class="choco1 flip-container argent" ontouchstart="this.classList.toggle('hover');">
|
||||
|
||||
@ -136,7 +136,7 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder"></div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -77,7 +77,7 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder exclu"></div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
|
||||
<!-- SIMULATION -->
|
||||
<div id="simu-chocos" class="mgin-t-20">
|
||||
<h2>{l s='Simulation chocolats' mod='antadissimulator'}</h2>
|
||||
<h2 class="title-simulation">{l s='Simulation' mod='antadissimulator'} <strong>{l s='chocolats' mod='antadissimulator'}</strong></h2>
|
||||
<div class="chocos-holder">
|
||||
<div class="chocos">
|
||||
<div class="choco1 flip-container argent" ontouchstart="this.classList.toggle('hover');">
|
||||
|
||||
@ -257,12 +257,14 @@ body.content_only { margin: 0; }
|
||||
}
|
||||
|
||||
@media (max-width: 1319px) {
|
||||
.header-main .header-top-left .search-action { font-size: 18px; margin-left: 5px; }
|
||||
.header-main .logo { width: 200px; }
|
||||
.header-user { padding-left: 20px }
|
||||
.header-main .header-top { padding-bottom: 10px; }
|
||||
.site-content { margin-top: 189px; }
|
||||
.header-search { background: #fff; padding: 15px; position: absolute; right: 0; top: 57px; z-index: 1; left: 60px; opacity: 0; }
|
||||
.header-search.open { opacity: 1; }
|
||||
.header-search.open .searchbox.open .form-control { pointer-events: auto; }
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
@ -292,14 +294,18 @@ body.content_only { margin: 0; }
|
||||
.header-user .sub, .header-user .overlay { display: none; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.header-main { padding: 0 10px; }
|
||||
.header-main { padding-top: 10px; padding-bottom: 10px; }
|
||||
.header-main .header-top-right > .header-search { }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.header-search .searchbox.open .form-group { right: 20px; left: 20px; }
|
||||
.header-main .header-top-right > .header-search { left: -10px; right: -10px; }
|
||||
.header-search { left: 0; right: 0; }
|
||||
.header-search .searchbox.open .btn { padding-top: 4px; }
|
||||
.header-search .form-group .form-control-ctn { margin-top: 0; padding-top: 0; }
|
||||
.header-search .searchbox.open .form-group { right: 0px; left: 0px; margin-top: 0; }
|
||||
.header-main .header-top-right > .header-search { margin-top: -5px; }
|
||||
.header-main .header-top-right { padding-right: 30px; }
|
||||
.header-main { padding-right: 0; padding-left: 0; }
|
||||
.header-main .header-logo { margin-top: -5px; padding: 0; }
|
||||
.header-main .logo { max-width: 93px;}
|
||||
.header-main .logo-fig { height: 50px; margin: -10px auto 0 auto; width:50px; }
|
||||
@ -395,7 +401,7 @@ body.content_only { margin: 0; }
|
||||
/*.myaccount > a:after, .myaccount > a:before { height: 21px; bottom: 22px; }
|
||||
.myaccount > a:before { left: 0; }*/
|
||||
.myaccount > a { width: auto; padding-left: 3px; padding-right: 3px; padding-top: 4px; padding-bottom: 4px;}
|
||||
.myaccount > a .icon-user { font-size: 17px; width: 18px; display: inline-block; }
|
||||
.myaccount > a .icon-user { font-size: 19px; width: 23px; display: inline-block; margin-right: 5px; }
|
||||
}
|
||||
|
||||
/************************************** == STICKY MENU == ***********************************/
|
||||
@ -643,6 +649,22 @@ body.content_only { margin: 0; }
|
||||
|
||||
|
||||
@media (max-width: 1399px) {
|
||||
.icon-menu:after{
|
||||
content: '';
|
||||
display: block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
background-color: #f8e7f0;
|
||||
transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
}
|
||||
.mainmenu .icon-type .name {
|
||||
font-family: 'staat';
|
||||
color: #4f3528;
|
||||
@ -1260,7 +1282,7 @@ body.content_only { margin: 0; }
|
||||
.ajax_cart_quantity { position: relative; display: inline-block; }
|
||||
.cart-layout i.icon-cart {
|
||||
width: 15px;
|
||||
font-size: 17px;
|
||||
font-size: 20px;
|
||||
line-height: 17px;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
@ -1271,6 +1293,7 @@ body.content_only { margin: 0; }
|
||||
/************************************* == REASSURANCE FOOTER == ****************************/
|
||||
.reassurance-footer {
|
||||
font-size: 14px;
|
||||
display: none;
|
||||
text-align: center;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
@ -1304,6 +1327,11 @@ body.content_only { margin: 0; }
|
||||
@media (max-width: 990px) {
|
||||
.reassurance-footer .ctn { width: 100%; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.reassurance-footer img { width: 55px; }
|
||||
.reassurance-footer .title { font-size: 11px; line-height: 13px; }
|
||||
.reassurance-footer .content { font-size: 11px; line-height: 13px; }
|
||||
}
|
||||
|
||||
/************************************* == REASSURANCE PRODUCT == ****************************/
|
||||
.reassurance-footer.product-rea .title-drop {
|
||||
@ -1343,6 +1371,7 @@ body.content_only { margin: 0; }
|
||||
}
|
||||
|
||||
@media (max-width: 990px) {
|
||||
.reassurance-footer.product-rea:before { display: none; }
|
||||
.reassurance-footer.product-rea { padding-top: 30px; padding-bottom: 30px; }
|
||||
.reassurance-footer.product-rea:before { bottom: -270px; }
|
||||
}
|
||||
@ -1415,6 +1444,7 @@ body.content_only { margin: 0; }
|
||||
.reassurance-product .content p { font-size: 13px; line-height: 16px; }
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.reassurance-product { display: none; }
|
||||
.reassurance-product ul { display: flex; flex-flow: row wrap; }
|
||||
.reassurance-product .inner > div { height: auto; }
|
||||
.reassurance-product .ctn { width: 100%; }
|
||||
@ -1453,14 +1483,19 @@ body.content_only { margin: 0; }
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.envie-de .ctn { width: 100%; }
|
||||
.envie-de .title-drop { font-size: 23px; margin-bottom: 0; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.footerconstructor-block:nth-child(2) { padding-bottom: 20px; }
|
||||
.footerconstructor-block:nth-child(1) { padding-top: 20px; }
|
||||
.envie-de .footerconstructor-block .inner { padding-bottom: 0; padding-top: 0; }
|
||||
.envie-de .footerconstructor-block .inner { background-size: auto; }
|
||||
.envie-de .content { max-width: 100%; }
|
||||
.envie-de .btn { margin-bottom: 25px; }
|
||||
#product .comments-ctn { }
|
||||
.envie-de .content { font-size: 14px; }
|
||||
.footerconstructor-block:nth-child(2) { padding-bottom: 0; }
|
||||
.envie-de.bg-pink { background-color: transparent; }
|
||||
.footerconstructor-block { background-color: #fdf3f8; padding-left: 10px; padding-right: 10px; padding-top: 20px; }
|
||||
.footerconstructor-block:first-child { margin-top: 25px; }
|
||||
.footerconstructor-block:nth-child(2) { margin-top: 5px; margin-bottom: 5px; }
|
||||
.envie-de .footerconstructor-block .inner { padding-bottom: 0; padding-top: 0; background-size: auto; }
|
||||
.envie-de .content { max-width: 100%; min-height: 0; }
|
||||
.envie-de .btn { margin-bottom: 25px; font-size: 11px; padding: 8px 14px; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.envie-de .footerconstructor-block .inner { background: none!important; }
|
||||
@ -1686,11 +1721,11 @@ body.content_only { margin: 0; }
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.footer-main .reassurance li { font-size: 14px }
|
||||
.footer-main .ctn { width: 100%; }
|
||||
.footer-main .ctn { width: 100%; padding: 0; }
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.footer-main .row-flex { display: block }
|
||||
.footer-main .row-flex { display: block; margin: 0; }
|
||||
.footer-main .social { margin-bottom: 0; }
|
||||
.footer-main .social .newsletter, .footer-main .social .footer-block { margin-bottom: 75px; padding: 0 20% 45px 20% }
|
||||
.footer-main .reassurance { padding: 15px 0 }
|
||||
@ -1703,8 +1738,8 @@ body.content_only { margin: 0; }
|
||||
.footer-main .block-links .title:before { color: #fff; content: "\e902"; font-family: "icomoon"; font-size: 8px; position: absolute; right: 15px; top: 22px; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
|
||||
.footer-main .block-links .title.open:before { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); }
|
||||
.footer-main .block-links ul { display: none; padding-bottom: 18px; }
|
||||
.footer-main .block-links li { margin: 0; padding: 5px 15px; }
|
||||
|
||||
.footer-main .block-links li { margin: 0; color: #c7c7c7; padding: 0 15px; }
|
||||
.footer-main .block-links li a { padding: 5px 0; display: block; }
|
||||
.footer-main .block-links.alt { background: #fff; }
|
||||
.footer-main .block-links.alt .title { border: 0; float: left; }
|
||||
.footer-main .block-links.alt .title:before { content: ""; display: none; }
|
||||
@ -1977,6 +2012,7 @@ body.sticky-menu .homeslider {
|
||||
.subcategories-home .inner .txt { opacity: 1; margin-top: 90px; }
|
||||
.subcategories-home .inner .txt .icon-featured { display: none; }
|
||||
.icon-aurore_chocolats:before { line-height: 55px; }
|
||||
#category .icon-aurore_chocolats:before { line-height: 55px; font-size: 19px; }
|
||||
.subcategories-home .icon-doublecube:before { font-size: 21px; }
|
||||
.subcategories-home .icon-pochette:before, .subcategories-home .inner .icon-aurore_chocolats:before { font-size: 16px; }
|
||||
.subcategories-home .icon-aurore_chocolats:before { line-height: 55px; }
|
||||
@ -1991,19 +2027,20 @@ body.sticky-menu .homeslider {
|
||||
height: 70px;
|
||||
z-index: 1;
|
||||
}
|
||||
.subcategories-home .customize-block .content { line-height: 13px; font-size: 12px; padding: 0; }
|
||||
.subcategories-home .customize-block .content { line-height: 17px; font-size: 13px; padding: 0; }
|
||||
.subcategories-home .inner .desc { font-size: 20px; }
|
||||
.subcategories-home .customize-block { height: 120px; }
|
||||
.subcategories-home .customize-block .title { font-size: 21px; font-size: 15px; line-height: 17px; }
|
||||
.subcategories-home .customize-block .title { font-size: 26px; line-height: 25px; padding-bottom: 25px;}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.subcategories-home .customize-block .title{ padding-bottom: 15px; padding-top: 10px; }
|
||||
.subcategories-home .customize-block { position: static; height: auto; padding: 25px 15px 20px 15px; }
|
||||
.subcategories-home .text-infos { padding-left: 45px; padding-right: 45px; }
|
||||
.subcategories-home .text-infos p { margin-bottom: 0; }
|
||||
.subcategories-home .inner .txt .icon-featured { display: block; }
|
||||
#subcat-ctn { height: 250px; overflow: hidden; }
|
||||
#subcat-ctn { height: 250px; }
|
||||
#subcat-ctn > div { height: 100%; }
|
||||
#subcat-ctn .owl-carousel .owl-stage-outer { height: 100%; }
|
||||
.subcategories-home { position: relative; margin-bottom: 0px; }
|
||||
@ -2020,7 +2057,7 @@ body.sticky-menu .homeslider {
|
||||
-webkit-transform: translateX(-50%);
|
||||
}
|
||||
.subcategories-home .inner { float: left; }
|
||||
.subcategories-home > .row .item { overflow: hidden; }
|
||||
.subcategories-home > .row .item { padding: 0; }
|
||||
.subcategories-home .inner > .icon-featured { display: none; }
|
||||
.subcategories-home .inner:hover .content { color: #4f3528; }
|
||||
.subcategories-home .inner { padding-bottom: 0px; background-color: #f8e7f0; width: 100%; }
|
||||
@ -2028,7 +2065,7 @@ body.sticky-menu .homeslider {
|
||||
.subcategories-home .inner .content { margin-top: 0; }
|
||||
.subcategories-home .inner .txt { opacity: 1; }
|
||||
.subcategories-home .inner .txt .icon-featured { margin-bottom: 0; margin-top: 5px; }
|
||||
#subcat-ctn .owl-item:nth-child(5) { display: none; }
|
||||
/*#subcat-ctn .owl-item:nth-child(5) { display: none; }*/
|
||||
.subcategories-home .owl-nav .owl-prev { left: 30px; }
|
||||
.subcategories-home .owl-nav .owl-next { right: 30px; }
|
||||
.subcategories-home .icon-arrow-right2:before { content: "\e916"; }
|
||||
@ -2036,14 +2073,16 @@ body.sticky-menu .homeslider {
|
||||
.subcategories-home .owl-next, .subcategories-home .owl-prev { width: 50px; }
|
||||
.subcategories-home .owl-nav .owl-prev { left: 0; }
|
||||
.subcategories-home .owl-nav .owl-next { right: 0; }
|
||||
.subcategories-home .owl-nav .owl-next.disabled { opacity: 0.3; }
|
||||
.subcategories-home .owl-nav .owl-prev.disabled { opacity: 0.3; }
|
||||
.subcategories-home .owl-nav { display: block; max-width: 120px; margin: auto; top: auto; bottom: 10px; }
|
||||
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
#subcat-ctn { max-height: 200px; }
|
||||
#subcat-ctn { max-height: 210px; }
|
||||
.subcategories-home .inner .txt { margin-top: 40px; }
|
||||
.subcategories-home > .row { margin-left: -45px; margin-right: -45px; }
|
||||
|
||||
.subcategories-home > .row { margin-left: 0px; margin-right: 0px; }
|
||||
.subcategories-home .text-infos { padding-left: 5px; padding-right: 5px; }
|
||||
}
|
||||
|
||||
/********************* guidebook ************/
|
||||
@ -2113,8 +2152,10 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.guidebook .homeblock .desc { display: none; }
|
||||
.guidebook { margin-top: 0; }
|
||||
.guidebook-block { padding-top: 25px; }
|
||||
.guidebook-main { padding-left: 30px; padding-right: 30px; }
|
||||
}
|
||||
/***************** reassurance constructor *********/
|
||||
.reassuranceconstructor {
|
||||
@ -2149,8 +2190,10 @@ body.sticky-menu .homeslider {
|
||||
.reassuranceconstructor:before { left: -20px; right: -20px; background-position: left 0 bottom -27%; }
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.reassuranceconstructor:before { display: none; }
|
||||
.reassuranceconstructor { margin-top: 40px; padding-bottom: 25px; }
|
||||
.reassuranceconstructor .ctn { width: 100%; }
|
||||
.reassuranceconstructor .ctn { width: auto; }
|
||||
.reassuranceconstructor .row { margin: 0; }
|
||||
}
|
||||
|
||||
/********************* parallax *********************/
|
||||
@ -2193,7 +2236,9 @@ body.sticky-menu .homeslider {
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 990px) {
|
||||
#parallax { display: none; }
|
||||
}
|
||||
/********************* aboutus *********************/
|
||||
.aboutus {
|
||||
padding-top: 0;
|
||||
@ -2272,24 +2317,27 @@ body.sticky-menu .homeslider {
|
||||
.aboutus-pictures { padding-bottom: 60px; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
|
||||
.aboutus { padding-bottom: 55px; }
|
||||
.aboutus, #parallax { margin-left: 0; margin-right: 0; }
|
||||
.aboutus .homeslider-ctn p { padding: 0 60px; }
|
||||
.aboutus .aboutus-title {
|
||||
font-size: 28px;
|
||||
font-size: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 45px;
|
||||
line-height: 27px;
|
||||
}
|
||||
.aboutus .flex-direction-nav a { display: none; }
|
||||
.aboutus-pictures .img { width: 23%; }
|
||||
.aboutus-pictures .img { width: 21%; }
|
||||
.aboutus-pictures .img:nth-child(even) { top: 35px; }
|
||||
.aboutus .homeslider-ctn p { padding: 0; }
|
||||
.aboutus .homeslider-ctn p { padding: 0; }
|
||||
.aboutus .homeslider-ctn p { padding: 0; margin-bottom: 5px; font-size: 13px; margin-bottom: 5px;
|
||||
line-height: 18px;}
|
||||
.aboutus-pictures .img:nth-child(even) { top: 15px; }
|
||||
.aboutus-pictures .img:not(:first-child) { margin-left: -30px; }
|
||||
.aboutus-pictures { padding-bottom: 30px; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.aboutus-pictures .img:not(:first-child) { margin-left: -20px; }
|
||||
}
|
||||
|
||||
|
||||
/************************ social *********************/
|
||||
@ -2299,7 +2347,7 @@ body.sticky-menu .homeslider {
|
||||
|
||||
}
|
||||
.bg-pink .social-networks {
|
||||
padding-bottom: 45px;
|
||||
padding-bottom: 25px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.social-networks .title {
|
||||
@ -2334,10 +2382,14 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
|
||||
@media (max-width: 990px) {
|
||||
.social-networks .title { max-width: 220px; margin: auto; margin-bottom: 15px; font-size: 22px; display: block; }
|
||||
.social-networks .title { max-width: 220px; margin: auto; margin-bottom: 15px; font-size: 16px; display: block; }
|
||||
.social-networks .subtitle { display: none; }
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.bg-pink .social-networks { margin-top: 0; }
|
||||
}
|
||||
|
||||
/********************* best chocolate *****************/
|
||||
.best-chocolate {
|
||||
background-size: 100% auto;
|
||||
@ -2457,7 +2509,8 @@ body.sticky-menu .homeslider {
|
||||
-webkit-transition: 0.5s opacity;
|
||||
}
|
||||
|
||||
@media (max-width: 1299px) {
|
||||
@media (max-width: 1350px) {
|
||||
.best-chocolate .ctn { width: 100%; padding: 0 30px; }
|
||||
.best-chocolate .desc { font-size: 14px; line-height: 18px; }
|
||||
.best-chocolate .title span { font-size: 25px; line-height: 27px; }
|
||||
.best-chocolate .title img { width: 75px; }
|
||||
@ -2471,12 +2524,37 @@ body.sticky-menu .homeslider {
|
||||
.best-chocolate li { display: none; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.best-chocolate .title span { font-size: 23px; line-height: 25px;
|
||||
.best-chocolate:hover:before { display: none; }
|
||||
.best-chocolate .ctn { padding-left: 15px; padding-right: 15px; }
|
||||
.best-chocolate img { padding-left: 15px; padding-right: 15px; }
|
||||
.best-chocolate .desc { padding-right: 0; font-size: 13px; line-height: 17px; }
|
||||
#slider { width: auto; left: 0; right: 0; }
|
||||
.best-chocolate .ctn-img { padding-top: 19px; }
|
||||
.best-chocolate .title span {
|
||||
font-size: 18px;
|
||||
line-height: 21px;
|
||||
color: #bd0132;
|
||||
width: auto;
|
||||
max-width: none;
|
||||
padding: 0;
|
||||
}
|
||||
.best-chocolate .title img { display: none; }
|
||||
.best-chocolate { position: relative; }
|
||||
.best-chocolate .abs { position: relative; z-index: 2; }
|
||||
.best-chocolate .ctn-img {
|
||||
color: #908984;
|
||||
}
|
||||
.best-chocolate > img {
|
||||
position: absolute;
|
||||
/*position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: auto;
|
||||
margin-top: -50%;
|
||||
left: -50%;
|
||||
max-width: none;*/
|
||||
position: static;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
@ -2485,6 +2563,8 @@ body.sticky-menu .homeslider {
|
||||
margin-top: -50%;
|
||||
left: -50%;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2602,12 +2682,14 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.news-block .title { font-size: 35px; }
|
||||
.news-block .title { font-size: 32px; margin-bottom: 10px; }
|
||||
.news-block > div .btn { padding: 8px 14px; }
|
||||
.news-block .form-group .form-control { font-size: 13px; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.news-block { margin-top: 10px; }
|
||||
.news-block.advconstr .content p { margin-bottom: 10px; }
|
||||
.news-ctn .news-block { margin-top: 10px; overflow: hidden; padding: 0 15px; }
|
||||
.news-ctn .news-block .block { margin-bottom: 0; }
|
||||
.news-block .content { padding-bottom: 20px; }
|
||||
.news-block > div:before { right: -200px; }
|
||||
.news-block:nth-child(even) > div:before { left: -200px; }
|
||||
@ -2821,7 +2903,7 @@ body.sticky-menu .homeslider {
|
||||
.box-instagram > a:nth-child(2) { margin-top: 120px; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.box-instagram a:after { font-size: 14px; left: 10px; top: 60px; }
|
||||
.box-instagram a:after { font-size: 12px; left: 10px; top: 60px; }
|
||||
.box-instagram > a { padding: 0 5px; }
|
||||
.box-instagram { margin-left: -5px; margin-right: -5px; }
|
||||
.box-instagram, .box-instagram > a:nth-child(2) { margin-top: 0; }
|
||||
@ -3010,6 +3092,27 @@ body.sticky-menu .homeslider {
|
||||
line-height: 22px;
|
||||
color: #908984;
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.sitereviews .customize-block .content { font-size: 13px; line-height: 17px; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.sitereviews-slider-ctn .pagination {
|
||||
bottom: 22px;
|
||||
}
|
||||
.sitereviews-number {
|
||||
height: 60px;
|
||||
font-size: 100px;
|
||||
line-height: 84px;
|
||||
}
|
||||
.sitereviews .sitereviews-slider-ctn .sitereviews-title {
|
||||
font-size: 18px;
|
||||
line-height: 22px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.sitereviews-block { padding-left: 15px; padding-right: 15px; }
|
||||
.sitereviews .sitereviews-txt { padding-right: 0; }
|
||||
}
|
||||
/************* spécifications pages **************/
|
||||
|
||||
.index main .sitereviews {
|
||||
@ -3071,9 +3174,9 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.sitereviews .customize-block .title-level2 { font-size: 20px; line-height: 22px; }
|
||||
.sitereviews .customize-block .title-level2 { font-size: 20px; line-height: 22px; max-width: 70%; }
|
||||
.sitereviews-slides { float: none; }
|
||||
.sitereviews .sitereviews-slider-ctn .sitereviews-content { overflow-y: auto; }
|
||||
.sitereviews .sitereviews-slider-ctn .sitereviews-content { overflow-y: auto; font-size: 13px; line-height: 17px;}
|
||||
}
|
||||
|
||||
@media (max-width: 550px) {
|
||||
@ -3082,7 +3185,7 @@ body.sticky-menu .homeslider {
|
||||
.sitereviews .customize-block { width: 100%; }
|
||||
.sitereviews .intro .img { width: 50%; }
|
||||
.sitereviews .intro .img { padding-top: 0; }
|
||||
.sitereviews .customize-block { padding-top: 40px; }
|
||||
.sitereviews .customize-block { padding-top: 40px; padding-bottom: 20px; }
|
||||
}
|
||||
|
||||
|
||||
@ -3755,8 +3858,10 @@ body.sticky-menu .homeslider {
|
||||
.filters-ctn #ul_layered_id_feature_8 li .nbr, .filters-ctn .li .nbr { margin-top: 0; font-size: 13px; display: none; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.category-name { max-width: 72%; font-size: 18px; }
|
||||
#category .cat_desc .icon-featured { height: 55px; line-height: 55px; width: 55px; margin-top: 46px; font-size: 20px; margin-bottom: 0; }
|
||||
#category .cat_desc .icon-featured { margin-top: 0; }
|
||||
.category .cat_desc { right: 15px; left: 15px; margin-top: 15px; }
|
||||
.category-name { max-width: 72%; font-size: 18px; margin-top: 0; }
|
||||
#category .cat_desc .icon-featured { height: 55px; line-height: 55px; width: 55px; margin-top: 0; font-size: 20px; margin-bottom: 0; }
|
||||
#category .cat_desc .icon-featured:after { font-size: 55px; line-height: 55px; }
|
||||
|
||||
}
|
||||
@ -4199,6 +4304,7 @@ body.sticky-menu .homeslider {
|
||||
font-size: 12px;
|
||||
padding-left: 5px;
|
||||
display: block;
|
||||
font-family: 'latolight';
|
||||
}
|
||||
.product-main #availability_statut {
|
||||
display: none;
|
||||
@ -4358,7 +4464,7 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
|
||||
.product-main.configurator #image-block .product-pin { display: none; }
|
||||
.product-main .price { font-size: 30px; }
|
||||
.product-main #simu-box { display: none; }
|
||||
.product-main #simu-chocos { padding-right: 0; }
|
||||
@ -4394,6 +4500,8 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#product #accessories .banner-red { padding: 55px 15px 80px 15px; }
|
||||
.product-main .subtitle { font-size: 13px; line-height: 17px; }
|
||||
.product-main .promo { width: 50px; height: 50px; }
|
||||
.product-main #quantity_wanted_p .form-control-ctn { flex-shrink: 1; }
|
||||
.product-main .breadcrumb { display: none; }
|
||||
@ -4406,7 +4514,7 @@ body.sticky-menu .homeslider {
|
||||
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.product-main .title-drop { line-height: 19px; }
|
||||
.product-main .title-drop { line-height: 19px; margin-bottom: 10px; }
|
||||
.product-main .flexslider .slides li { width: 60px!important; height: 60px!important; }
|
||||
.product-main { padding-bottom: 0; }
|
||||
.product-main .content.container { margin-top: 0; }
|
||||
@ -4816,8 +4924,8 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
@media screen and (max-width: 990px) {
|
||||
#product_comments_block_tab .title { width: auto; max-width: none; }
|
||||
#product .comment { min-height: 0; }
|
||||
#product #reviews .comment .comment_details .inner { min-height: 0; height: 150px; overflow-y: auto; }
|
||||
#product .comment { min-height: 0; height: 340px; }
|
||||
#product #reviews .comment .comment_details .inner { min-height: 0; height: 200px; overflow-y: auto; }
|
||||
#product #reviews .owl-carousel .owl-stage { left: 0!important; }
|
||||
#product .carousselProduct { padding-bottom: 30px; }
|
||||
#product .comments-ctn { margin-left: -20px; margin-right: -20px; width: auto; }
|
||||
@ -4827,10 +4935,17 @@ body.sticky-menu .homeslider {
|
||||
#complementary { padding-top: 0; margin-top: 0; }
|
||||
#reviews .buttons { padding-top: 0px; }
|
||||
#product .comments-ctn { position: static; max-width: none; }
|
||||
#reviews .ctn { width: 100%; }
|
||||
#reviews .ctn { width: auto; }
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
#accessories .subtitle { display: none; }
|
||||
#product #product_comments_block_tab .subtitle { font-size: 13px; line-height: 17px; }
|
||||
.header-search .searchbox { width: auto; }
|
||||
#product #new_comment_tab_btn { margin-top: 5px; }
|
||||
#product #reviews .new-comment { margin-top: 10px; }
|
||||
#product .comments-ctn { overflow: hidden; margin-left: -15px; margin-right: -15px; }
|
||||
#product #complementary { padding-left: 10px; padding-right: 10px; }
|
||||
#product .star_content { display: inline-block; }
|
||||
#product .star_content .average { background-size: 100% auto; }
|
||||
#reviews .buttons { text-align: left; }
|
||||
@ -4841,6 +4956,8 @@ body.sticky-menu .homeslider {
|
||||
#product #reviews .buttons .btn { width: 100%; margin-bottom: 5px; }
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
#product #reviews .comment .comment_details .title_block { font-size: 21px; }
|
||||
#product #reviews .comment .comment_details .inner p:nth-child(2) { font-size: 13px; line-height: 17px; }
|
||||
#product_comments_block_tab .title { font-size: 29px; line-height: 33px; }
|
||||
#product .comment { padding: 30px 25px; }
|
||||
#new_comment_form .product_desc p:nth-child(2) { display: none; }
|
||||
@ -5154,7 +5271,7 @@ body.sticky-menu .homeslider {
|
||||
.order-steps { font-size: 0; }
|
||||
.order-steps .step { margin: 0 15px; }
|
||||
.order-steps .step-number { font-size: 21px; }
|
||||
.order-steps .step:last-child .step-number:after { display: none; height: 0; }
|
||||
|
||||
}
|
||||
@media(max-width: 480px){
|
||||
.order-steps .step { margin: 0 3px; }
|
||||
@ -5403,7 +5520,7 @@ body.sticky-menu .homeslider {
|
||||
@media (max-width: 767px) {
|
||||
|
||||
#order .section-content { margin-top: -33px; margin-left: 20px; margin-right: 20px; padding: 0; }
|
||||
.cart .page-heading.order-process { margin-bottom: 5px; }
|
||||
.cart .page-heading.order-process { margin-bottom: 20px; }
|
||||
.cart-content { margin: 0 -15px; }
|
||||
.cart-content.table-div .table-row > .product-image { left: 15px; width: 20% }
|
||||
.cart-content.table-div .table-row > .product-details,
|
||||
@ -5740,7 +5857,7 @@ body.sticky-menu .homeslider {
|
||||
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.auth .connexion .form-control { border: 0; height: 43px; }
|
||||
.auth .connexion .form-control { border: 0; }
|
||||
.auth .connexion .btn {
|
||||
margin: 27px 0 10px 0;
|
||||
padding-left: 8px;
|
||||
@ -5826,6 +5943,7 @@ body.sticky-menu .homeslider {
|
||||
.auth .registration fieldset .address-name > div:first-child { padding: 15px 30px 15px 15px }
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.auth .registration .civilite:after { content: ''; display: block; clear: both; }
|
||||
.auth fieldset.newsletter { left: 15px; right: 15px; }
|
||||
.auth .registration { margin-bottom: 180px; }
|
||||
.auth .label-required { position: static; float: none; }
|
||||
@ -5835,10 +5953,12 @@ body.sticky-menu .homeslider {
|
||||
.auth .custom-checkbox.inline label { max-width: 77% }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.btn-show { margin-top: 25px; }
|
||||
#authentication .order-steps { margin-bottom: 20px; }
|
||||
.authentication .page-heading { padding: 25px 0 0 0; }
|
||||
.auth { margin-top: -25px; }
|
||||
.auth.order-type { margin-top: -33px; }
|
||||
#authentication header.page-heading { padding: 25px 0 35px 0; }
|
||||
#authentication header.page-heading.order-process { padding: 25px 0 15px 0; }
|
||||
.auth .lost-password { display: inline-block; margin: 5px 0; }
|
||||
}
|
||||
@ -6478,11 +6598,12 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
|
||||
/******************************************* == ACCOUNT / MENU == ********************************/
|
||||
.account .menu-account {
|
||||
padding-left: 0;
|
||||
}
|
||||
.account .price {
|
||||
color: #bd0132;
|
||||
}
|
||||
.account .menu-account > div {
|
||||
.account .menu-account > .inner {
|
||||
background-color: #f8f7f7;
|
||||
font-family: 'caveat';
|
||||
color: #4f3528;
|
||||
@ -6490,6 +6611,7 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
padding: 60px 40px 60px 60px;
|
||||
}
|
||||
|
||||
|
||||
.account .menu-account .icon {
|
||||
opacity: 0;
|
||||
left: -35px;
|
||||
@ -6531,6 +6653,8 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
display: block;
|
||||
text-transform: none;
|
||||
font-size: 26px;
|
||||
}
|
||||
.account .menu-account .title:hover { color: #bd0132; }
|
||||
.account .menu-account .title .active {
|
||||
@ -6658,11 +6782,13 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
.account .menu-account > div { padding: 60px 20px 40px 40px; }
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.account .md3 + .md9 { padding-right: 15px; }
|
||||
.account .menu-account > div { font-size: 22px; padding: 60px 14px 60px 40px; }
|
||||
.mobile-account-menu { margin-bottom: 15px; }
|
||||
.mobile-account-menu .btn { margin-right: 15px; padding: 10px 15px }
|
||||
.account .menu-account { background: rgba(0, 0, 0, 0); bottom: 0; left: 0; margin: 0; pointer-events: none; position: fixed; width: 100%; top: 0; transition: all 0.3s ease 0s; z-index: 300; }
|
||||
.account .menu-account.open { background: rgba(0, 0, 0, 0.5); left: 0; pointer-events: auto; }
|
||||
.account .menu-account > .overlay { width: auto; right: 0; background-color: rgba(0,0,0,0.2); }
|
||||
.account .menu-account > div { background: #f5f2f2; height: 100%; left: -101%; margin: 0; padding: 0 45px; position: absolute; transition: all 0.3s ease 0s; width: 50% }
|
||||
.account .menu-account.open > div { left: 0 }
|
||||
.account .menu-account .close-tab { color: #666; width: 100% }
|
||||
@ -6670,6 +6796,9 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
.account .menu-account .close-tab a { color: #666; display: inline-block; font-size: 13px; margin: 0 0 30px -25px; text-decoration: none; text-transform: none; }
|
||||
.account .menu-account .close-tab i { margin: -3px 5px 0 0; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.ctn.account > div { padding: 0 10px; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.mobile-account-menu .btn { margin: 0 0 10px 0; padding: 10px 15px; text-align: center; width: 100%}
|
||||
.account .menu-account > div { padding: 0 15px 0 45px; width: 90% }
|
||||
@ -7799,6 +7928,16 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
#product .product-main.configurator .star_content .average {
|
||||
background: url(../img/stars-empty.png);
|
||||
}
|
||||
.product-main .product-pin.product-reduction {
|
||||
font-size: 21px;
|
||||
font-size: 24px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background-size: contain;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1349px) {
|
||||
@ -7809,7 +7948,9 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
@media (max-width: 991px) {
|
||||
.product-main.configurator #quantity_wanted_p .form-control-ctn { max-width: none; }
|
||||
.product-main.configurator .bg-pink-dark { padding: 30px 20px; }
|
||||
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.product-main.configurator h3 { font-size: 19px; }
|
||||
}
|
||||
|
||||
|
||||
@ -7929,6 +8070,17 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#product .images-suggestion-config .header .inner { font-size: 13px; line-height: 17px; }
|
||||
#product .images-suggestion-config #thumbs_list_frame li { margin-right: 5px; margin-left: 5px; }
|
||||
#product .images-suggestion-config #thumbnails { margin-left: 0; }
|
||||
#product .images-suggestion-config .ctn:after{
|
||||
display: none;
|
||||
}
|
||||
#product .images-suggestion-config .ctn:after, #product .images-suggestion-config .ctn:before {
|
||||
background-size: cover;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
#product .images-suggestion-config .header .title { font-size: 30px; line-height: 35px; }
|
||||
#product .images-suggestion-config .ctn:before { display: none; }
|
||||
|
||||
@ -480,11 +480,13 @@ a { color: inherit; }
|
||||
.title-drop:before, .title-drop:after { font-size: 13px; }
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.title-drop { font-size: 22px; }
|
||||
.title-drop { font-size: 23px; margin-bottom: 5px; }
|
||||
.title-drop span { max-width: 83%; }
|
||||
.title-arrow:before, .title-arrow:after { display: none; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.title-arrow { padding-bottom: 5px; }
|
||||
.title-arrow span { padding: 0; }
|
||||
.banner-red .title-flowers, .title-flowers { font-size: 24px; line-height: 29px; }
|
||||
.title-flowers:before, .title-flowers:after { display: none; }
|
||||
.title-arrow { font-size: 20px; line-height: 22px; }
|
||||
@ -775,13 +777,16 @@ header.page-heading.category { background: none; padding: 0; }
|
||||
}
|
||||
.order-steps { margin-top: 40px; }
|
||||
.crumb { margin-bottom: 5px; margin-top: 5px; }
|
||||
#category .crumb {
|
||||
#category .crumb, #product .crumb {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#product .crumb { padding-top: 10px; padding-bottom: 10px; margin: 0; background-color: #fff; }
|
||||
#product .product-main .page-heading { padding-top: 0; }
|
||||
#order-confirmation .section-content .ctn { top: -30px; }
|
||||
.crumb > .fil { max-width: 65%; vertical-align: middle; line-height: 14px; margin-top: 4px; }
|
||||
.crumb > .back-crumb { padding-left: 0; vertical-align: middle; }
|
||||
@ -886,7 +891,11 @@ header.page-heading.category { background: none; padding: 0; }
|
||||
width: 67px;
|
||||
}
|
||||
|
||||
/*.product-pin.product-reduction { background: url('../img/pin-reduction.png') no-repeat center top }*/
|
||||
.product-pin.product-reduction {
|
||||
background: url('../img/promo-bg.png') no-repeat center top;
|
||||
font-family: 'staat';
|
||||
|
||||
}
|
||||
.product-pin.product-reduction sup {
|
||||
font-size: 60%;
|
||||
position: relative;
|
||||
@ -1042,6 +1051,7 @@ header.page-heading.category { background: none; padding: 0; }
|
||||
.product-ctn .add-to-cart-pane { padding-top: 10px }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.product-ctn.cols.config .add-to-cart-pane { opacity: 1; }
|
||||
.product-ctn .product-img-ctn { text-align: center }
|
||||
.product-ctn .product-infos { padding: 15px }
|
||||
.product-ctn .product-infos .product-name::after { margin: 10px 0 0 0 }
|
||||
@ -1517,7 +1527,10 @@ body .fancybox-overlay {
|
||||
max-width: 85%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.newsletter .custom-checkbox.inline label {
|
||||
max-width: 88%;
|
||||
line-height: 17px;
|
||||
}
|
||||
.custom-checkbox.inline.checked label { color: #bd0132; }
|
||||
|
||||
/************************************ == CustomRadio == ***********************************/
|
||||
@ -1730,6 +1743,7 @@ body .fancybox-overlay {
|
||||
.box-icon .title > div > span > img { }
|
||||
.box-icon .title > div::after, .box-icon .title > div::before {top: 50px; }
|
||||
|
||||
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.box-icon .title > div { height: 60px; padding: 0 10px; }
|
||||
@ -1739,6 +1753,28 @@ body .fancybox-overlay {
|
||||
.box-icon .title { top: -38px; }
|
||||
}
|
||||
|
||||
/***************************************************************************************/
|
||||
.title-simulation {
|
||||
font-family: 'staat';
|
||||
font-family: 'latolight';
|
||||
font-size: 20px!important;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding-top: 40px!important;
|
||||
}
|
||||
.title-simulation strong {
|
||||
font-family: 'staat';
|
||||
color: #bd0132;
|
||||
}
|
||||
#simu-chocos .title-simulation { position: static; }
|
||||
#simu-chocos .chocos-holder { margin-top: 0; }
|
||||
|
||||
@media (max-width: 767px) {
|
||||
#simu-chocos .title-simulation { padding-top: 0!important; }
|
||||
}
|
||||
|
||||
/***************************************************************************************/
|
||||
.page-heading.account {
|
||||
padding-bottom: 150px;
|
||||
|
||||
BIN
www/themes/chocolatdemariage/img/badge-dark.png
Normal file
BIN
www/themes/chocolatdemariage/img/badge-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
www/themes/chocolatdemariage/img/promo-bg.png
Normal file
BIN
www/themes/chocolatdemariage/img/promo-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
@ -8,6 +8,7 @@ $(document).ready(function() {
|
||||
stickyMenu();
|
||||
openLanguageMobile();
|
||||
focusSearchBox();
|
||||
showBox();
|
||||
|
||||
$(document).on('click', '.search-action', function(e) {
|
||||
e.preventDefault();
|
||||
@ -208,6 +209,19 @@ function owlCarousel(elem, nbElem0 = 2, nbElem480 = 3, nbElem767 = 4, nbElem990
|
||||
});
|
||||
|
||||
}
|
||||
function showBox() {
|
||||
$('.btn-show').click(function(e) {
|
||||
e.preventDefault();
|
||||
var href= $(this).attr('href');
|
||||
$(href).addClass('open');
|
||||
});
|
||||
$('.panel .overlay, .panel .icon-close').click(function(){
|
||||
$(this).parent('.panel').removeClass('open');
|
||||
});
|
||||
$('.panel-slide .overlay').click(function(){
|
||||
$(this).parent('.panel-slide').removeClass('open');
|
||||
});
|
||||
}
|
||||
function focusSearchBox(){
|
||||
$('.header-search .search_query').on('click', function(){
|
||||
$('.searchbox').addClass('open');
|
||||
@ -418,36 +432,44 @@ function accordion(status)
|
||||
|
||||
function stickyMenu() {
|
||||
bodyPadding();
|
||||
|
||||
if(window.matchMedia("(min-width: 767px)").matches) {
|
||||
var scrolltop = $(window).scrollTop();
|
||||
if(scrolltop > $('#homeslider').height()) {
|
||||
$('body').addClass('sticky-menu');
|
||||
} else {
|
||||
$('body').removeClass('sticky-menu');
|
||||
}
|
||||
if(window.matchMedia("(min-width: 767px)").matches) {
|
||||
scrolltop = $(window).scrollTop();
|
||||
|
||||
if(scrolltop > $('#homeslider').height()) {
|
||||
$('#header').addClass('sticky');
|
||||
$('#header.notsticky').removeClass('notsticky');
|
||||
$('body').addClass('sticky-menu');
|
||||
} else {
|
||||
$('#header').removeClass('sticky');
|
||||
$('#header').addClass('notsticky');
|
||||
$('body').removeClass('sticky-menu');
|
||||
}
|
||||
}
|
||||
|
||||
$(window).scroll(function() {
|
||||
|
||||
scrolltop = $(window).scrollTop();
|
||||
if(scrolltop > $('#homeslider').height()) {
|
||||
$('body').addClass('sticky-menu');
|
||||
} else {
|
||||
$('body').removeClass('sticky-menu');
|
||||
}
|
||||
if(window.matchMedia("(min-width: 767px)").matches) {
|
||||
if(!$('#layer_cart').is(':visible')) {
|
||||
var scrolltop = $(window).scrollTop();
|
||||
scrolltop = $(window).scrollTop();
|
||||
if(scrolltop > $('#homeslider').height()) {
|
||||
$('#header').addClass('sticky');
|
||||
$('#header').removeClass('notsticky');
|
||||
$('body').addClass('sticky-menu');
|
||||
//$('body').addClass('sticky-menu');
|
||||
setTimeout(bodyPadding, 400);
|
||||
} else {
|
||||
$('#header').removeClass('sticky');
|
||||
$('#header').addClass('notsticky');
|
||||
$('.product-menu').removeClass('stack');
|
||||
$('body').removeClass('sticky-menu');
|
||||
//$('body').removeClass('sticky-menu');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -26,10 +26,12 @@
|
||||
$(document).ready(function(){
|
||||
$('#home-page-tabs li:first, #index .tab-content ul:first').addClass('active');
|
||||
var scene = document.getElementById('scene');
|
||||
if( window.matchMedia('(min-width: 990px)').matches)
|
||||
var parallax = new Parallax(scene, {
|
||||
scalarX: 20,
|
||||
scalarY: 20,
|
||||
limitX: false,
|
||||
limitY: 10,
|
||||
});
|
||||
}
|
||||
});
|
||||
@ -562,6 +562,7 @@ $_LANG['products-comparison_d6295c05503596b3ed3528aee83e3ef7'] = 'Caractéristiq
|
||||
$_LANG['products-comparison_db0404dd6d32e0926c9adecd9ba193f3'] = 'par %s';
|
||||
$_LANG['products-comparison_f5e15309ff0396474b8421ef48871d0b'] = 'Aucune caractéristique à comparer';
|
||||
$_LANG['restricted-country_cf8092a0be7b972d6cee3db90bfaf923'] = 'Vous ne pouvez pas accéder à notre boutique depuis votre pays. Veuillez nous excuser de la gêne occasionnée.';
|
||||
$_LANG['resume-cart_300225ee958b6350abc51805dab83c24'] = 'Continuer mes achats';
|
||||
$_LANG['resume-cart_7e0bf6d67701868aac3116ade8fea957'] = 'Finaliser ma commande';
|
||||
$_LANG['resume-cart_c6995d6cc084c192bc2e742f052a5c74'] = 'Offerts';
|
||||
$_LANG['resume-cart_cdd6bf224cbd07fdeff47c89be62044e'] = 'Total produit HT';
|
||||
|
||||
@ -2,8 +2,14 @@
|
||||
{if Configuration::get('PS_ORDER_RETURN')}
|
||||
{assign var=returnAllowed value=true}
|
||||
{/if}
|
||||
<div class="md3 menu-account block">
|
||||
<div>
|
||||
|
||||
<div class="text-center">
|
||||
<a class="icon-left btn btn2 btn-show hidden-lg hidden-md" href="#menu-account"><i class="icon icon-menu-filter"></i>{l s='accéder au menu'}</a>
|
||||
</div>
|
||||
<div id="menu-account" class="md3 menu-account panel-slide block">
|
||||
<div class="overlay"></div>
|
||||
<div class="inner">
|
||||
<div class="box">
|
||||
<span class="title">
|
||||
<a href="{$link->getPageLink('my-account', true)|escape:'html':'UTF-8'}" class="{if isset($active) && $active == 'my-account'}active{/if}">
|
||||
<i class="icon icon-account"></i>
|
||||
@ -60,3 +66,4 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="abs">
|
||||
<div class="ctn">
|
||||
<div class="row">
|
||||
<div class="lg5 md7 sm12 ctn-img">
|
||||
<div class="lg5 md5 sm12 ctn-img">
|
||||
<div class="valign-bottom title">
|
||||
<img class="img-responsive" src="{$base_dir}img/constructor/image_icon/{$block->id}_{$cookie->id_lang}.png" alt="{$block->title}" />
|
||||
<span>{$block->title}</span>
|
||||
@ -13,5 +13,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="img">
|
||||
<img class="pull-left img-responsive" src="{$base_dir}img/constructor/image/{$block->id}_{$cookie->id_lang}.jpg" alt="{$block->title}" />
|
||||
</div>
|
||||
</div>
|
||||
@ -4,7 +4,7 @@
|
||||
<div class="ctn">
|
||||
<ul class="row">
|
||||
{foreach from=$blocks item=block key=key}
|
||||
<li class="md3 sm3 xs6">
|
||||
<li class="md3 sm3 xs6 xxs6">
|
||||
<div><img src="{$base_dir}img/reassurance/{$block.id_reassurance}.jpg" alt="{$block.title}" /></div>
|
||||
<span class="title">{$block.title}</span>
|
||||
<div class="content">{$block.subtitle}</div>
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
if(window.matchMedia("(max-width:767px)").matches) {
|
||||
owlCarousel('#subcat-ctn > div',1,1,1,1,5, 6, 30, true, 30);
|
||||
owlCarousel('#subcat-ctn > div',1,1,1,1,5, 6, 0, true, 30);
|
||||
}
|
||||
$(window).resize(function(){
|
||||
if(window.matchMedia("(max-width:767px)").matches) {
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
{if $comments}
|
||||
<div class="row">
|
||||
<div class="md4 intro">
|
||||
<h3 class="title">{l s='Votre avis sur notre avis'}</h3>
|
||||
<h3 class="title">{l s='Votre avis sur notre produit' mod='productcomments'}</h3>
|
||||
<div class="subtitle">
|
||||
{l s='Votre avis nous intéresse (mais aussi les futures marié(e)s)... Nous ce que l\'on veut c\'est que vous soyez satisfait de notre prestation. Alors n\'hésitez pas à nous laisser un petit commentaire et dites nous si vous avez aimé !'}
|
||||
{if (!$too_early AND ($is_logged OR $allow_guests))}
|
||||
|
||||
@ -35,6 +35,9 @@
|
||||
<div class="row">
|
||||
<!-- Images-->
|
||||
<div id="image-block" class="md6 xxs12 {if $noSimulator}noSimulator{/if}">
|
||||
{if $percentReduction > 0}
|
||||
<span class="product-reduction product-pin">-<span>{$percentReduction}</span><sup>%</sup></span>
|
||||
{/if}
|
||||
{if $noSimulator}
|
||||
{if $have_image}
|
||||
<span id="view_full_size">
|
||||
@ -111,9 +114,7 @@
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{if $percentReduction > 0}
|
||||
<span class="product-reduction">-<span>{$percentReduction}</span><sup>%</sup></span>
|
||||
{/if}
|
||||
|
||||
<p class="hidden">
|
||||
<input type="hidden" name="token" value="{$static_token}" />
|
||||
<input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />
|
||||
@ -161,9 +162,7 @@
|
||||
</span>
|
||||
{else}
|
||||
<span id="our_price_display" class="current-price" itemprop="price">{convertPrice price=$productPrice}</span>
|
||||
<span class="old-price"{if (!$product->specificPrice || !$product->specificPrice.reduction) && $group_reduction == 0} class="hidden"{/if}>
|
||||
{if $percentReduction > 0}
|
||||
{l s='au lieu de '}<span class="barre">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction}{/if}</span>
|
||||
<span class="old-price"{if (!$product->specificPrice || !$product->specificPrice.reduction) && $group_reduction == 0} class="hidden"{/if}>{if $percentReduction > 0}{l s='au lieu de '}<span class="barre">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction}{/if}</span>
|
||||
{/if}
|
||||
</span>
|
||||
{/if}
|
||||
|
||||
@ -83,7 +83,7 @@
|
||||
<div id="product-actions">
|
||||
<div class="border clearfix">
|
||||
{if $percentReduction > 0}
|
||||
<span class="product-reduction">-<span>{$percentReduction}</span><sup>%</sup></span>
|
||||
<span class="product-reduction product-pin">-<span>{$percentReduction}</span><sup>%</sup></span>
|
||||
{/if}
|
||||
|
||||
<!-- Add to cart-->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user