recette responsive suite
This commit is contained in:
Preprod mutu
parent
b02485a374
commit
2299ebeb62
@ -268,9 +268,10 @@ body.content_only { margin: 0; }
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.header-search .searchbox.open .form-group { }
|
||||
#header { box-shadow: 0 0 10px rgba(0,0,0,0.2); }
|
||||
.header-main { padding-top: 0; padding-bottom: 0; }
|
||||
.header-search { left: -20px; right: -20px; }
|
||||
.header-search { left: 0px; right: 0px; }
|
||||
.header-search .searchbox .form-control { opacity: 0; }
|
||||
.header-search.open .searchbox.open .form-control { opacity: 1; }
|
||||
.header-search .searchbox.open .form-group { margin: auto; top: 0; width: auto; left: 0; right: 0; margin-top: 5px; }
|
||||
@ -297,10 +298,10 @@ body.content_only { margin: 0; }
|
||||
.header-main { padding: 0 10px; }
|
||||
.header-main { padding-top: 10px; padding-bottom: 10px; }
|
||||
.header-main .header-top-right > .header-search { }
|
||||
.header-search { left: 0; right: 0; }
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.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; }
|
||||
@ -436,6 +437,9 @@ body.content_only { margin: 0; }
|
||||
.header-main.sticky .block-layout {
|
||||
display: none!important
|
||||
}
|
||||
@media (max-width: 991px) and (min-width: 767px) {
|
||||
.header-main.sticky .header-logo { margin-top: -20px; }
|
||||
}
|
||||
/************************************** == MAINMENU == ***********************************/
|
||||
|
||||
/* Sous-menu LG-MD */
|
||||
@ -638,7 +642,7 @@ body.content_only { margin: 0; }
|
||||
@media (max-width: 1319px) and (min-width: 990px){
|
||||
.mainmenu { letter-spacing: 0.02em; }
|
||||
.mainmenu .menu-content { padding: 0 }
|
||||
.mainmenu .submenu .ctn { min-height: 220px; padding: 45px 15px; }
|
||||
.mainmenu .submenu .ctn { min-height: 220px; padding: 25px 15px; }
|
||||
.mainmenu .cta-menu { padding: 0 15px 0 0; width: 33.33333333%; }
|
||||
|
||||
}
|
||||
@ -690,8 +694,9 @@ body.content_only { margin: 0; }
|
||||
.mainmenu .close-tab .icon-close { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
|
||||
.mainmenu .close-tab .icon-close::before { content: "\e904"; }
|
||||
.mainmenu .close-tab img { border: 2px solid #000; border-radius: 50%; display: block; height: 47px; margin: 15px 0 35px 45px; width: 47px; }
|
||||
.mainmenu .close-tab a { color: #bd0132; display: inline-block; font-size: 25px; margin: 0 0 20px 20px; text-decoration: none; font-family: 'Caveat'; }
|
||||
.mainmenu .close-tab a { color: #bd0132; display: inline-block; font-size: 25px; margin: 0 0 20px 0; text-decoration: none; font-family: 'Caveat'; }
|
||||
.mainmenu .close-tab i { margin: -3px 5px 0 0; }
|
||||
.mainmenu .menu-content > li.close-tab { margin-left: 15px; }
|
||||
.mainmenu .root-link { display: block; }
|
||||
.mainmenu .root-link.parent { position: relative; }
|
||||
.mainmenu .root-link.parent::after {
|
||||
@ -704,21 +709,21 @@ body.content_only { margin: 0; }
|
||||
color: #908984;
|
||||
}
|
||||
.mainmenu .menu-content > .root-link a, .mainmenu .menu-content > .root-link span{ }
|
||||
.mainmenu .root-link a, .mainmenu .root-link span { color: #908984; display: block; font-size: 14px; padding: 2px 0; position: relative; }
|
||||
.mainmenu .root-link a, .mainmenu .root-link span { color: #908984; display: block; font-size: 14px; padding: 5px 0; position: relative; }
|
||||
.mainmenu .root-link .title { margin-top: 10px; }
|
||||
.mainmenu .root-link .title span.name { font-family: 'staat'; color: #4f3528; text-transform: uppercase; padding-bottom: 0; }
|
||||
.mainmenu .root-link span.name + p { text-transform: none; }
|
||||
.mainmenu .root-link a:hover:before { display: none; height: 0; width: 0; }
|
||||
.mainmenu .submenu { background: #fdf3f8; bottom: 0; left: -101%; margin: 0; overflow-y: auto; position: fixed; top: 0px; transition: all 0.3s ease 0s; width: 50%; z-index: 2 }
|
||||
.mainmenu .open .submenu { left: 0 }
|
||||
.mainmenu .submenu .ctn { padding: 0; width: 100% }
|
||||
.mainmenu .submenu .ctn { width: 100% }
|
||||
.mainmenu .submenu .close-tab a { color: #bd0132; font-size: 18px; margin-right: 14px; text-transform: none; }
|
||||
.mainmenu .submenu .close-tab i { margin-right: 14px; }
|
||||
.mainmenu .submenu .child-link { padding: 0 45px }
|
||||
.mainmenu .child-link a,
|
||||
.mainmenu .child-link span { padding: 10px 0; text-transform: none; }
|
||||
.mainmenu .cta-menu { display: none; }
|
||||
.mainmenu .submenu ul { padding-left: 30px; }
|
||||
/*.mainmenu .submenu ul { padding-left: 30px; padding-right: 30px; }*/
|
||||
.mainmenu .header-lang { display: block; margin: 0; position: absolute; right: 15px; top: 15px; }
|
||||
.mainmenu .header-lang a { margin: 0; }
|
||||
.menu-mobile {
|
||||
@ -776,10 +781,15 @@ body.content_only { margin: 0; }
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 990px) and(min-width: 767px) {
|
||||
.menu-mobile { width: 43px; }
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.mainmenu .submenu ul { padding-left: 30px; padding-right: 15px; }
|
||||
.header-main .header-top-left > div { top: 0; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.mainmenu .submenu ul { padding-left: 15px; padding-right: 15px; }
|
||||
.mainmenu .menu-content { width: 60% }
|
||||
.mainmenu .submenu { width: 60% }
|
||||
}
|
||||
@ -1293,7 +1303,6 @@ body.content_only { margin: 0; }
|
||||
/************************************* == REASSURANCE FOOTER == ****************************/
|
||||
.reassurance-footer {
|
||||
font-size: 14px;
|
||||
display: none;
|
||||
text-align: center;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
@ -1326,6 +1335,7 @@ body.content_only { margin: 0; }
|
||||
|
||||
@media (max-width: 990px) {
|
||||
.reassurance-footer .ctn { width: 100%; }
|
||||
.reassurance-footer { padding-top: 30px; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.reassurance-footer img { width: 55px; }
|
||||
@ -1480,6 +1490,7 @@ body.content_only { margin: 0; }
|
||||
|
||||
@media (max-width: 1349px) {
|
||||
.envie-de .footerconstructor-block .inner { background-size: 38% auto; }
|
||||
.envie-de .footerconstructor-block:nth-child(2) .inner { background-position: right 120%; }
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.envie-de .ctn { width: 100%; }
|
||||
@ -1721,7 +1732,7 @@ body.content_only { margin: 0; }
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.footer-main .reassurance li { font-size: 14px }
|
||||
.footer-main .ctn { width: 100%; padding: 0; }
|
||||
.footer-main .ctn { width: 100%; }
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
@ -2027,14 +2038,22 @@ body.sticky-menu .homeslider {
|
||||
height: 70px;
|
||||
z-index: 1;
|
||||
}
|
||||
.subcategories-home .customize-block .content { line-height: 17px; font-size: 13px; padding: 0; }
|
||||
.subcategories-home .customize-block .content { line-height: 15px; 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: 26px; line-height: 25px; padding-bottom: 25px;}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991px) and (min-width: 767px){
|
||||
.subcategories-home .customize-block { margin-top: 0; }
|
||||
.news-ctn .ctn:before, .news-ctn .ctn:after { display: block; }
|
||||
.header-main .header-top-right { }
|
||||
.subcategories-home { padding: 0 15px; }
|
||||
.subcategories-home .customize-block .title { font-size: 20px; line-height: 19px; padding-bottom: 0; }
|
||||
}
|
||||
@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; }
|
||||
@ -2187,7 +2206,7 @@ body.sticky-menu .homeslider {
|
||||
line-height: 16px;
|
||||
}
|
||||
@media (max-width: 1500px) {
|
||||
.reassuranceconstructor:before { left: -20px; right: -20px; background-position: left 0 bottom -27%; }
|
||||
.reassuranceconstructor:before { left: -20px; right: -20px; }
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.reassuranceconstructor:before { display: none; }
|
||||
@ -2312,6 +2331,7 @@ body.sticky-menu .homeslider {
|
||||
.aboutus-pictures .img { width: 232px; }
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.aboutus { margin: 0;}
|
||||
.aboutus-pictures .img { width: 187px; }
|
||||
.aboutus .slider2 { margin-top: 0; }
|
||||
.aboutus-pictures { padding-bottom: 60px; }
|
||||
@ -2381,6 +2401,9 @@ body.sticky-menu .homeslider {
|
||||
color: #bd0132;
|
||||
}
|
||||
|
||||
@media (max-width: 990px) and (min-width: 767px){
|
||||
.bg-pink .social-networks { margin-top: 0; margin-bottom: 30px; }
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.social-networks .title { max-width: 220px; margin: auto; margin-bottom: 15px; font-size: 16px; display: block; }
|
||||
.social-networks .subtitle { display: none; }
|
||||
@ -2510,7 +2533,7 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
|
||||
@media (max-width: 1350px) {
|
||||
.best-chocolate .ctn { width: 100%; padding: 0 30px; }
|
||||
.best-chocolate .ctn { 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; }
|
||||
@ -2523,7 +2546,12 @@ body.sticky-menu .homeslider {
|
||||
.best-chocolate .title img { width: 60px; }
|
||||
.best-chocolate li { display: none; }
|
||||
}
|
||||
@media (max-width: 990px) and (min-width: 767px) {
|
||||
.best-chocolate .img { max-width: none; }
|
||||
.best-chocolate img { max-width: 130%; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
|
||||
.best-chocolate:hover:before { display: none; }
|
||||
.best-chocolate .ctn { padding-left: 15px; padding-right: 15px; }
|
||||
.best-chocolate img { padding-left: 15px; padding-right: 15px; }
|
||||
@ -3490,6 +3518,7 @@ body.sticky-menu .homeslider {
|
||||
.category .long-desc { padding: 0 15px; }
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.products-list { padding-top: 0; }
|
||||
.category .subcategory.big .subcategory-img .content { padding: 75px 100px; }
|
||||
.category .subcategory.big .subcategory-img .content h2 { font-size: 30px; margin-bottom: 30px; }
|
||||
.category .subcategory.big .subcategory-img .content .desc { margin-bottom: 30px; }
|
||||
@ -4491,7 +4520,6 @@ body.sticky-menu .homeslider {
|
||||
height: auto;
|
||||
}
|
||||
.product-main .bg-pink-dark { margin: auto; max-width: 600px; }
|
||||
.product-main #main-info { width: 100%; }
|
||||
.product-main .box-cart-bottom .btn { max-width: 300px; margin: auto; display: block; }
|
||||
.product-main .social-links { width: 100%; position: static; margin: auto; max-width: 300px; }
|
||||
.product-main #quantity_wanted_p .form-control-ctn { flex-grow: 1; }
|
||||
@ -4923,9 +4951,12 @@ body.sticky-menu .homeslider {
|
||||
#complementary #accessories .major { margin-top: 45px; }
|
||||
}
|
||||
@media screen and (max-width: 990px) {
|
||||
#product #reviews .new-comment { margin-top: 0; }
|
||||
#product .owl-controls { display: none; }
|
||||
#product .comment { padding: 30px; }
|
||||
#product_comments_block_tab .title { width: auto; max-width: none; }
|
||||
#product .comment { min-height: 0; height: 340px; }
|
||||
#product #reviews .comment .comment_details .inner { min-height: 0; height: 200px; overflow-y: auto; }
|
||||
#product #reviews .comment .comment_details .inner { min-height: 0; height: 205px; 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; }
|
||||
@ -4939,6 +4970,7 @@ body.sticky-menu .homeslider {
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
#product #reviews .comment .comment_details .inner { height: 200px; }
|
||||
#accessories .subtitle { display: none; }
|
||||
#product #product_comments_block_tab .subtitle { font-size: 13px; line-height: 17px; }
|
||||
.header-search .searchbox { width: auto; }
|
||||
@ -5748,6 +5780,13 @@ body.sticky-menu .homeslider {
|
||||
.cart-summary .summary-prices .total-price { margin-top: 20px; }
|
||||
}
|
||||
|
||||
@media (max-width: 991px) and (min-width: 767px){
|
||||
.summary-shipping .discount-form-ctn { padding: 20px; }
|
||||
.resume-cart .box-footer-resume .btn.btn3 { float: left; padding: 12px; margin-top: 0; }
|
||||
.box-footer-resume:after { content: ''; clear: both; display: block; }
|
||||
.resume-cart .box-footer-resume .btn-container { float: right; }
|
||||
.resume-cart .box-footer-resume .btn.btn3, .resume-cart .box-footer-resume .btn-container { width: 48%; }
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.cart-summary .discount-form { border: 0; padding: 20px 15px }
|
||||
}
|
||||
@ -5951,9 +5990,9 @@ body.sticky-menu .homeslider {
|
||||
.auth .registration fieldset .address-name .form-group { padding: 15px; }
|
||||
.auth .registration fieldset .address-name > div:first-child { border: 0; padding: 15px; }
|
||||
.auth .custom-checkbox.inline label { max-width: 77% }
|
||||
.btn-show { margin-top: 25px; background-color: #bd0132!important; color: #fff!important; }
|
||||
}
|
||||
@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; }
|
||||
@ -6194,16 +6233,22 @@ body.sticky-menu .homeslider {
|
||||
.shipping .delivery-option .delivery-option-radio { margin-right: 10px; }
|
||||
.shipping .order-carrier-list .box-content { padding: 0; }
|
||||
.shipping .delivery-option .delivery-option-img { padding: 0 30px 0 15px; }
|
||||
|
||||
.shipping .cart_navigation { padding: 15px 30px }
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.shipping .addresses-list .box:first-child .box-content { padding-top: 10px; }
|
||||
.shipping .addresses-list { display: block; }
|
||||
.shipping .order-carrier-list .infos-contact { margin-bottom: 10px; }
|
||||
.shipping .addresses-list .box:after,
|
||||
.shipping .addresses-list .box:nth-child(2):after { right: 20px; left: 20px; }
|
||||
.shipping .box .title { font-size: 18px }
|
||||
.shipping .addressesAreEquals { margin-top: 30px; }
|
||||
.shipping .address_invoice_form .address-heading { height: 94px; }
|
||||
.shipping #address_delivery_form.address-heading .custom-select { margin-bottom: 60px; }
|
||||
.shipping #address_delivery_form.address-heading .custom-select { margin-bottom: 15px; }
|
||||
.shipping .addresses-list .box:last-child .box-content { padding-top: 10px; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.shipping .addresses-list .box:first-child .box-content, .shipping .addresses-list .box:last-child .box-content { padding-bottom: 0; }
|
||||
.shipping .addresses-list .box { margin-left: 10%; width: 80% }
|
||||
.shipping .addresses-list .box:first-child .title span { border: 0 }
|
||||
.shipping .addresses-list .box:first-child .box-content,
|
||||
@ -6232,7 +6277,7 @@ body.sticky-menu .homeslider {
|
||||
.shipping .delivery-option .delivery-option-name { margin-bottom: 5px; }
|
||||
.shipping .delivery-option .delivery-option-radio { width: 16% }
|
||||
.shipping .delivery-option .delivery-option-desc { width: 60%; }
|
||||
.shipping .delivery-option .delivery-option-price { width: 24%; margin-left: 17%; margin-top: 5px; }
|
||||
.shipping .delivery-option .delivery-option-price { width: 64%; text-align: left; margin-left: 19%; margin-top: 5px; }
|
||||
|
||||
.shipping .gift-box .box-content { padding: 30px 0 0 0; }
|
||||
.shipping .gift-box .custom-checkbox.inline label { max-width: 83% }
|
||||
@ -6447,6 +6492,8 @@ body.sticky-menu .homeslider {
|
||||
.order-payment .paiement-module .desc { padding-left: 25%; margin-top: 5px; }
|
||||
}
|
||||
@media(max-width: 480px) {
|
||||
.order-payment .cgv a { display: inline; }
|
||||
.order-box { padding: 15px; }
|
||||
.order-payment .resume-cart .product { padding: 15px 0 }
|
||||
.order-payment .resume-cart .box-footer-resume > div { padding: 10px 0 }
|
||||
.order-payment .resume-cart .total-price .label, .order-payment .resume-cart .shipping .label { font-size: 12px }
|
||||
@ -6454,7 +6501,7 @@ body.sticky-menu .homeslider {
|
||||
|
||||
.order-payment .paiement-module { padding: 15px }
|
||||
|
||||
.order-payment .cgv { padding: 15px; }
|
||||
.order-payment .cgv { padding: 0; }
|
||||
.order-payment .cgv .title { font-size: 16px; margin-bottom: 10px; }
|
||||
.order-payment .cart_navigation { float: none; padding: 30px 0 }
|
||||
.order-payment .cart_navigation .mandatory { margin-top: 0; }
|
||||
@ -6780,15 +6827,19 @@ body[id^='module'][id$='payment'] .order-paiement.ctn {
|
||||
|
||||
@media (max-width: 1299px) {
|
||||
.account .menu-account > div { padding: 60px 20px 40px 40px; }
|
||||
.account .menu-account > .overlay { padding: 0; }
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
#my-account .box-special .box:nth-child(2) { margin-top: 110px; }
|
||||
.account .menu-account > .inner { padding-top: 100px; }
|
||||
.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 > .overlay { transition: 0.5s all; -webkit-transition: 0.5s all; opacity: 0; width: auto; right: 0; background-color: rgba(0,0,0,0.2); }
|
||||
.account .menu-account.open > .overlay { opacity: 1; }
|
||||
.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% }
|
||||
|
||||
@ -471,6 +471,7 @@ a { color: inherit; }
|
||||
}
|
||||
|
||||
@media (max-width: 1349px) {
|
||||
.banner-red .title-flowers { font-size: 32px; line-height: 38px; }
|
||||
.title-arrow { font-size: 30px; line-height: 38px; }
|
||||
.title-drop { font-size: 25px; }
|
||||
.title-drop:before, .title-drop:after { font-size: 21px; }
|
||||
@ -480,8 +481,9 @@ a { color: inherit; }
|
||||
.title-drop:before, .title-drop:after { font-size: 13px; }
|
||||
}
|
||||
@media (max-width: 990px) {
|
||||
.title-arrow { padding-bottom: 20px; }
|
||||
.title-drop { font-size: 23px; margin-bottom: 5px; }
|
||||
.title-drop span { max-width: 83%; }
|
||||
.title-drop span { max-width: 100%; padding: 0; }
|
||||
.title-arrow:before, .title-arrow:after { display: none; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
@ -709,7 +711,7 @@ header.page-heading.category { background: none; padding: 0; }
|
||||
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
header.page-heading.order-process { padding: 25px 0 0 0 }
|
||||
header.page-heading.order-process { padding: 25px 0 20px 0; }
|
||||
}
|
||||
|
||||
/*************************************************************************************************************/
|
||||
@ -860,7 +862,7 @@ header.page-heading.category { background: none; padding: 0; }
|
||||
height: 50px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
z-index: 10;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
}
|
||||
@ -894,7 +896,11 @@ header.page-heading.category { background: none; padding: 0; }
|
||||
.product-pin.product-reduction {
|
||||
background: url('../img/promo-bg.png') no-repeat center top;
|
||||
font-family: 'staat';
|
||||
|
||||
width: 50px;
|
||||
}
|
||||
.product-ctn .product-pin.product-reduction {
|
||||
background-size: contain;
|
||||
font-size: 14px;
|
||||
}
|
||||
.product-pin.product-reduction sup {
|
||||
font-size: 60%;
|
||||
@ -1050,8 +1056,11 @@ header.page-heading.category { background: none; padding: 0; }
|
||||
@media (max-width: 1349px) {
|
||||
.product-ctn .add-to-cart-pane { padding-top: 10px }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
@media (max-width: 990px) {
|
||||
.product-ctn.cols.config .add-to-cart-pane { opacity: 1; }
|
||||
.product-ctn.cols.config .add-to-cart-pane a { height: auto; }
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.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 }
|
||||
@ -1783,7 +1792,7 @@ body .fancybox-overlay {
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
top: -100px;
|
||||
margin-top: -100px;
|
||||
}
|
||||
.ctn.account > div > div:first-child {
|
||||
padding-left: 0;
|
||||
|
||||
@ -46,6 +46,9 @@
|
||||
{/if}
|
||||
|
||||
<div class="product-img-ctn">
|
||||
{if $percentReduction > 0}
|
||||
<span class="product-reduction product-pin">-<span>{$percentReduction}</span><sup>%</sup></span>
|
||||
{/if}
|
||||
{if $product.on_sale}
|
||||
<span class="promo"></span>
|
||||
{/if}
|
||||
|
||||
@ -75,7 +75,7 @@
|
||||
{/if}*}
|
||||
{if isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS}{$HOOK_PRODUCT_ACTIONS}{/if}
|
||||
</div>
|
||||
<div id="product-actions" class="lg6 md12 xxs12">
|
||||
<div id="product-actions" class="lg6 md12 sm6 xxs12">
|
||||
<div class="bg-pink-dark clearfix">
|
||||
<!-- Quantité -->
|
||||
<div id="quantity" class="clear invisible no-print">
|
||||
|
||||
@ -92,8 +92,8 @@
|
||||
<div class="discount-form">
|
||||
<div id="discount-form" class="discount-form-ctn ">
|
||||
<form action="{$link->getPageLink('order', true)}" method="post" class="form form-group valign-middle">
|
||||
<span class="sm5 discount-trigger">{l s='Voucher'}</span>
|
||||
<div class="sm5 xxs7 ctn-btn-text">
|
||||
<span class="lg5 md4 sm3 discount-trigger">{l s='Voucher'}</span>
|
||||
<div class="lg5 md4 sm3 xxs7 ctn-btn-text">
|
||||
<input type="hidden" name="submitDiscount" class="hidden" />
|
||||
<input type="text" class="discount-name form-control" id="discount_name" name="discount_name" value="{if isset($discount_name) && $discount_name}{$discount_name}{/if}" />
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user