recette graphique
This commit is contained in:
Preprod mutu
parent
ed8cd9913f
commit
468f93d07f
@ -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,17 @@ 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-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: 20px; left: 20px; 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-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 +400,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 +648,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 +1281,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;
|
||||
@ -1304,6 +1325,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 {
|
||||
@ -1415,6 +1441,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 +1480,17 @@ 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; }
|
||||
.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:nth-child(2) { margin-top: 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,7 +1716,7 @@ 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 5px; }
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
@ -1703,8 +1733,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 +2007,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 +2022,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 +2052,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 +2060,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 +2068,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 +2147,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 +2185,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 +2231,9 @@ body.sticky-menu .homeslider {
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 990px) {
|
||||
#parallax { display: none; }
|
||||
}
|
||||
/********************* aboutus *********************/
|
||||
.aboutus {
|
||||
padding-top: 0;
|
||||
@ -2272,24 +2312,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 +2342,7 @@ body.sticky-menu .homeslider {
|
||||
|
||||
}
|
||||
.bg-pink .social-networks {
|
||||
padding-bottom: 45px;
|
||||
padding-bottom: 25px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.social-networks .title {
|
||||
@ -2334,10 +2377,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 +2504,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 +2519,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 +2558,8 @@ body.sticky-menu .homeslider {
|
||||
margin-top: -50%;
|
||||
left: -50%;
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2602,12 +2677,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 +2898,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 +3087,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 +3169,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 +3180,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 +3853,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; }
|
||||
|
||||
}
|
||||
@ -4394,6 +4494,7 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.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 +4507,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; }
|
||||
@ -5740,7 +5841,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;
|
||||
@ -7799,6 +7900,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 +7920,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; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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,24 @@ 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; }
|
||||
|
||||
/***************************************************************************************/
|
||||
.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 |
@ -418,36 +418,44 @@ function accordion(status)
|
||||
|
||||
function stickyMenu() {
|
||||
bodyPadding();
|
||||
|
||||
var scrolltop = $(window).scrollTop();
|
||||
if(scrolltop > $('#homeslider').height()) {
|
||||
$('body').addClass('sticky-menu');
|
||||
} else {
|
||||
$('body').removeClass('sticky-menu');
|
||||
}
|
||||
if(window.matchMedia("(min-width: 767px)").matches) {
|
||||
var scrolltop = $(window).scrollTop();
|
||||
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');
|
||||
var parallax = new Parallax(scene, {
|
||||
scalarX: 20,
|
||||
scalarY: 20,
|
||||
limitX: false,
|
||||
limitY: 10,
|
||||
});
|
||||
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';
|
||||
|
||||
@ -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>
|
||||
<img class="pull-left img-responsive" src="{$base_dir}img/constructor/image/{$block->id}_{$cookie->id_lang}.jpg" alt="{$block->title}" />
|
||||
<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) {
|
||||
|
||||
@ -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" />
|
||||
|
||||
@ -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