From 79512f23d04f27c5d029a02bc3f250c6dfcb7647 Mon Sep 17 00:00:00 2001 From: Jacek Pyziak Date: Mon, 23 Dec 2024 09:29:57 +0100 Subject: [PATCH] Enhance mobile styles with adjustments to padding and box sizing for better layout, including new free shipping box and updated article list styling --- ocelio.pl/style.css | 2 +- ocelio.pl/style.css.map | 2 +- ocelio.pl/style.scss | 31 ++++++++++++++++++++++++++++--- 3 files changed, 30 insertions(+), 5 deletions(-) diff --git a/ocelio.pl/style.css b/ocelio.pl/style.css index c8890b7..75c7bb6 100644 --- a/ocelio.pl/style.css +++ b/ocelio.pl/style.css @@ -1 +1 @@ -@media(max-width: 767px){#box_specialoffer{box-sizing:border-box !important;padding:0 15px !important}#box_specialoffer .boxhead{text-align:center !important;margin-bottom:0 !important;padding-bottom:0 !important}.top .box-xhr{margin:0 !important}.rwd .menu{height:auto !important;padding-top:10px !important}#box_productfull{margin-bottom:0 !important}#box_productfull .tab-container{padding-top:0 !important}#box_productfull .tab-container .product-tab.none{display:block !important}#box_productfull .tab-container .product-tab[data-tab=box_productcomments]{margin-top:25px !important}#box_productfull .tab-container .product-tab[data-tab=box_productcomments]::before{content:"Opinie";display:block;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}#box_productfull .tab-container .product-tab[data-tab=box_description]::before{content:"Opis";display:block;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}#box_productfull .tab-container nav{display:none !important}#box_productfull .smallgallery{margin-bottom:15px !important}#box_productfull .productimg .mainimg{height:350px !important}#box_productfull>.boxhead{width:100% !important;box-sizing:border-box !important;padding:10px 0 !important;margin-bottom:0 !important}.footer{padding-top:25px !important}.footer ul li{padding:3px 0 !important}.userfooter{padding-bottom:25px !important}.userfooter .fx-right{padding-bottom:25px !important;text-align:center !important}.userfooter .fx-left{background:rgba(0,0,0,0) !important;padding:0 25px !important}.userfooter .fx-left p *{font-size:13px !important;font-weight:400 !important}.userfooter .fx-left li::before{display:none !important}#box_articlelist,#fx-about{padding:0 25px !important;width:auto !important}#box_custom40{width:auto !important}#box_mainproducts .product{padding:0 !important}#box_mainproducts .product .product-inner-wrap{padding:15px !important}#box_mainproducts .product .product-inner-wrap .price{padding-top:0 !important;margin-top:0 !important}.logo-bar{padding:5px 0 0 !important}.menu{margin-bottom:0 !important}.menu .innermenu{border:0 !important}}#box_mainproducts .product{padding:15px !important;margin:0 !important;height:auto !important}#box_mainproducts .product .prodname{margin:0 !important}#box_mainproducts .product .productname{font-size:15px !important;font-weight:600 !important;padding-top:0 !important}#box_mainproducts .product .price em{font-size:20px !important}#box_specialoffer .product>a,#box_lastadded .product>a{display:block;padding:15px 15px 0 15px}#box_specialoffer .product>a .productnamewrap,#box_lastadded .product>a .productnamewrap{margin-bottom:0;height:auto !important;padding-bottom:10px}#box_specialoffer .product>a .productnamewrap .productname,#box_lastadded .product>a .productnamewrap .productname{font-size:15px !important;font-weight:600 !important}#box_specialoffer .product .price,#box_lastadded .product .price{padding:0 15px;margin:0}#box_specialoffer .product .price p em,#box_lastadded .product .price p em{font-size:20px !important}#box_specialoffer .product .price .price__inactive,#box_lastadded .product .price .price__inactive{font-size:13px !important}#box_specialoffer .product form,#box_lastadded .product form{padding:15px 15px 0}#box_newsletter:before{background:rgba(0,0,0,.6);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:block}#box_newsletter .boxhead{z-index:2;position:relative}#box_newsletter .boxhead span{color:#fff !important}#box_newsletter .innerbox{z-index:2;position:relative}#box_newsletter .innerbox h5{color:#fff;font-weight:400 !important;letter-spacing:0 !important}#box_newsletter .innerbox form input{border:0 !important}#box_newsletter .innerbox form fieldset{color:#fff;font-weight:400 !important}#box_custom40{padding:0 25px}#box_custom40 a.read-more{font-weight:600;color:#f59e01}#box_custom40 .more{display:none}#box_custom40 .more.open{display:block}#box_custom40 p{font-size:13px;line-height:1.25 !important}#box_articlelist .innerbox article .article-header{padding-top:10px !important}#box_articlelist .innerbox article .article-header a{margin:0 !important;text-transform:none !important;height:auto !important;font-size:15px !important}#box_articlelist .innerbox article .article-content{height:auto !important}#box_articlelist .innerbox article .article-content *{line-height:1.5 !important}#box_articlelist .innerbox article .readmore{margin-top:0 !important;color:#f59e01 !important;transition:all .3s ease;font-weight:600 !important}.box .boxhead{border-bottom:0 !important}.box .boxhead span{text-transform:none !important;font-size:30px !important;font-weight:700 !important}@media(max-width: 767px){.box .boxhead span{font-size:24px !important}}#box_custom40 h1{border-bottom:0 !important;text-transform:none !important;font-size:30px !important;font-weight:700 !important}@media(max-width: 767px){#box_custom40 h1{font-size:24px !important}}#box_articlelist h2{border-bottom:0 !important;text-transform:none !important;font-size:30px !important;font-weight:700 !important}@media(max-width: 767px){#box_articlelist h2{font-size:24px !important}}#fx-icons{padding:50px 0 !important}#fx-news .boxhead{display:none !important}#fx-about .fx-txt *{font-size:13px !important;font-family:"Open Sans",sans-serif !important;line-height:1.5 !important}#fx-about .fx-txt a{color:#f59e01 !important}#fx-about .fx-txt .readmore{font-weight:600 !important}.product-main-box .productdetails-more-details{border-top:0 !important;margin-top:0 !important;padding-top:0 !important}.product-main-box .availability .first{font-weight:600 !important;min-width:0 !important}.product-main-box .basket{margin-top:0 !important;padding:15px !important;border:5px solid #dedede !important;border-radius:5px}.product-main-box .basket .price .main-price{font-size:24px !important}.product-main-box .addtofav span{text-transform:none !important;font-weight:600 !important}.product-related-groups-module{margin-top:0 !important}.product-tabs .innerbox *{font-size:14px !important;font-family:"Open Sans",sans-serif !important;line-height:1.5 !important}#turn-classic.btn{height:0 !important;padding:0 !important;overflow:hidden !important;display:none !important}#box_basketlist .quantity{width:9em;text-align:center}#box_basketlist .quantity .btn-minus,#box_basketlist .quantity .btn-plus{display:inline-flex;width:30px;justify-content:center;font-weight:900;background:#eee;height:40px;margin:0 !important;align-items:center;cursor:pointer;transition:all .3s ease}#box_basketlist .quantity .btn-minus:hover,#box_basketlist .quantity .btn-plus:hover{background:#f59e01;color:#fff}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +@media(max-width: 767px){#box_freeshipping{padding-right:25px !important;box-sizing:border-box !important}#box_specialoffer{box-sizing:border-box !important;padding:0 15px !important}#box_specialoffer .boxhead{text-align:center !important;margin-bottom:0 !important;padding-bottom:0 !important}.top .box-xhr{margin:0 !important}.rwd .menu{height:auto !important;padding-top:10px !important}#box_productfull{margin-bottom:0 !important}#box_productfull .tab-container{padding-top:0 !important}#box_productfull .tab-container .product-tab.none{display:block !important}#box_productfull .tab-container .product-tab[data-tab=box_productcomments]{margin-top:25px !important}#box_productfull .tab-container .product-tab[data-tab=box_productcomments]::before{content:"Opinie";display:block;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}#box_productfull .tab-container .product-tab[data-tab=box_description]::before{content:"Opis";display:block;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}#box_productfull .tab-container nav{display:none !important}#box_productfull .smallgallery{margin-bottom:15px !important}#box_productfull .productimg .mainimg{height:350px !important}#box_productfull>.boxhead{width:100% !important;box-sizing:border-box !important;padding:10px 0 !important;margin-bottom:0 !important}.footer{padding-top:25px !important}.footer ul li{padding:3px 0 !important}.userfooter{padding-bottom:25px !important}.userfooter .fx-right{padding-bottom:25px !important;text-align:center !important}.userfooter .fx-left{background:rgba(0,0,0,0) !important;padding:0 25px !important}.userfooter .fx-left p *{font-size:13px !important;font-weight:400 !important}.userfooter .fx-left li::before{display:none !important}#box_articlelist,#fx-about{padding:0 15px !important;width:auto !important}#box_custom40{width:auto !important}#box_mainproducts .product{padding:0 !important}#box_mainproducts .product .product-inner-wrap{padding:15px !important}#box_mainproducts .product .product-inner-wrap .price{padding-top:0 !important;margin-top:0 !important}.logo-bar{padding:5px 0 0 !important}.menu{margin-bottom:0 !important}.menu .innermenu{border:0 !important}}#box_mainproducts .product{margin:0 !important;height:auto !important}#box_mainproducts .product .prodname{margin:0 !important}#box_mainproducts .product .productname{font-size:15px !important;font-weight:600 !important;padding-top:0 !important}#box_mainproducts .product .price em{font-size:20px !important}#box_specialoffer .product>a,#box_lastadded .product>a{display:block;padding:15px 15px 0 15px}#box_specialoffer .product>a .productnamewrap,#box_lastadded .product>a .productnamewrap{margin-bottom:0;height:auto !important;padding-bottom:10px}#box_specialoffer .product>a .productnamewrap .productname,#box_lastadded .product>a .productnamewrap .productname{font-size:15px !important;font-weight:600 !important}#box_specialoffer .product .price,#box_lastadded .product .price{padding:0 15px;margin:0}#box_specialoffer .product .price p em,#box_lastadded .product .price p em{font-size:20px !important}#box_specialoffer .product .price .price__inactive,#box_lastadded .product .price .price__inactive{font-size:13px !important}#box_specialoffer .product .price .price__omnibus,#box_lastadded .product .price .price__omnibus{font-size:12px !important}#box_specialoffer .product .price .price__omnibus .price__inactive,#box_lastadded .product .price .price__omnibus .price__inactive{font-size:12px !important}#box_specialoffer .product form,#box_lastadded .product form{padding:15px 15px 0}#box_newsletter:before{background:rgba(0,0,0,.6);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:block}#box_newsletter .boxhead{z-index:2;position:relative}#box_newsletter .boxhead span{color:#fff !important}#box_newsletter .innerbox{z-index:2;position:relative}#box_newsletter .innerbox h5{color:#fff;font-weight:400 !important;letter-spacing:0 !important}#box_newsletter .innerbox form input{border:0 !important}#box_newsletter .innerbox form fieldset{color:#fff;font-weight:400 !important}#box_custom40{padding:0 15px}#box_custom40 a.read-more{font-weight:600;color:#f59e01}#box_custom40 .more{display:none}#box_custom40 .more.open{display:block}#box_custom40 p{font-size:13px;line-height:1.25 !important}#box_articlelist .innerbox article .article-header{padding-top:10px !important}#box_articlelist .innerbox article .article-header a{margin:0 !important;text-transform:none !important;height:auto !important;font-size:15px !important}#box_articlelist .innerbox article .article-content{height:auto !important}#box_articlelist .innerbox article .article-content *{line-height:1.5 !important}#box_articlelist .innerbox article .readmore{margin-top:0 !important;color:#f59e01 !important;transition:all .3s ease;font-weight:600 !important}.box .boxhead{border-bottom:0 !important}.box .boxhead span{text-transform:none !important;font-size:30px !important;font-weight:700 !important}@media(max-width: 767px){.box .boxhead span{font-size:24px !important}}#box_custom40 h1{border-bottom:0 !important;text-transform:none !important;font-size:30px !important;font-weight:700 !important}@media(max-width: 767px){#box_custom40 h1{font-size:24px !important}}#box_articlelist h2{border-bottom:0 !important;text-transform:none !important;font-size:30px !important;font-weight:700 !important}@media(max-width: 767px){#box_articlelist h2{font-size:24px !important}}#fx-icons{padding:50px 0 !important}#fx-news .boxhead{display:none !important}#fx-about .fx-txt *{font-size:13px !important;font-family:"Open Sans",sans-serif !important;line-height:1.5 !important}#fx-about .fx-txt a{color:#f59e01 !important}#fx-about .fx-txt .readmore{font-weight:600 !important}.product-main-box .productdetails-more-details{border-top:0 !important;margin-top:0 !important;padding-top:0 !important}.product-main-box .availability .first{font-weight:600 !important;min-width:0 !important}.product-main-box .basket{margin-top:0 !important;padding:15px !important;border:5px solid #dedede !important;border-radius:5px}.product-main-box .basket .price .main-price{font-size:24px !important}.product-main-box .addtofav span{text-transform:none !important;font-weight:600 !important}.product-related-groups-module{margin-top:0 !important}.product-tabs .innerbox *{font-size:14px !important;font-family:"Open Sans",sans-serif !important;line-height:1.5 !important}#turn-classic.btn{height:0 !important;padding:0 !important;overflow:hidden !important;display:none !important}#box_basketlist .basket-free-shipping{margin-top:15px;border:1px solid #f59e01;padding:10px;text-align:center;font-weight:600;border-radius:5px}#box_basketlist .quantity{width:9em;text-align:center}#box_basketlist .quantity .btn-minus,#box_basketlist .quantity .btn-plus{display:inline-flex;width:30px;justify-content:center;font-weight:900;background:#eee;height:40px;margin:0 !important;align-items:center;cursor:pointer;transition:all .3s ease}#box_basketlist .quantity .btn-minus:hover,#box_basketlist .quantity .btn-plus:hover{background:#f59e01;color:#fff}.consents__modal{padding:15px !important}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/ocelio.pl/style.css.map b/ocelio.pl/style.css.map index 83165aa..c6892d8 100644 --- a/ocelio.pl/style.css.map +++ b/ocelio.pl/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@media(max-width: 767px) {\r\n #box_specialoffer {\r\n box-sizing: border-box !important;\r\n padding: 0 15px !important;\r\n\r\n .boxhead {\r\n text-align: center !important;\r\n margin-bottom: 0 !important;\r\n padding-bottom: 0 !important;\r\n }\r\n }\r\n\r\n .top {\r\n .box-xhr {\r\n margin: 0 !important;\r\n }\r\n }\r\n\r\n .rwd .menu {\r\n height: auto !important;\r\n padding-top: 10px !important;\r\n }\r\n\r\n #box_productfull {\r\n margin-bottom: 0 !important;\r\n\r\n .tab-container {\r\n padding-top: 0 !important;\r\n\r\n .product-tab {\r\n &.none {\r\n display: block !important;\r\n }\r\n }\r\n\r\n .product-tab[data-tab=\"box_productcomments\"] {\r\n margin-top: 25px !important;\r\n\r\n &::before {\r\n content: 'Opinie';\r\n display: block;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n }\r\n }\r\n\r\n .product-tab[data-tab=\"box_description\"] {\r\n &::before {\r\n content: 'Opis';\r\n display: block;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n }\r\n }\r\n\r\n nav {\r\n display: none !important;\r\n }\r\n }\r\n\r\n .smallgallery {\r\n margin-bottom: 15px !important;\r\n }\r\n\r\n .productimg .mainimg {\r\n height: 350px !important;\r\n }\r\n }\r\n\r\n #box_productfull {\r\n >.boxhead {\r\n width: 100% !important;\r\n box-sizing: border-box !important;\r\n padding: 10px 0 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n }\r\n\r\n .footer {\r\n padding-top: 25px !important;\r\n\r\n ul {\r\n li {\r\n padding: 3px 0 !important;\r\n }\r\n }\r\n }\r\n\r\n .userfooter {\r\n padding-bottom: 25px !important;\r\n\r\n .fx-right {\r\n padding-bottom: 25px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .fx-left {\r\n background: transparent !important;\r\n padding: 0 25px !important;\r\n\r\n p {\r\n * {\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n }\r\n }\r\n\r\n li {\r\n &::before {\r\n display: none !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n #box_articlelist,\r\n #fx-about {\r\n padding: 0 25px !important;\r\n width: auto !important;\r\n }\r\n\r\n #box_custom40 {\r\n width: auto !important;\r\n }\r\n\r\n #box_mainproducts {\r\n .product {\r\n padding: 0 !important;\r\n\r\n .product-inner-wrap {\r\n padding: 15px !important;\r\n\r\n .price {\r\n padding-top: 0 !important;\r\n margin-top: 0 !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .logo-bar {\r\n padding: 5px 0 0 !important;\r\n }\r\n\r\n .menu {\r\n margin-bottom: 0 !important;\r\n\r\n .innermenu {\r\n border: 0 !important;\r\n }\r\n }\r\n}\r\n\r\n#box_mainproducts {\r\n .product {\r\n padding: 15px !important;\r\n margin: 0 !important;\r\n height: auto !important;\r\n\r\n .prodname {\r\n margin: 0 !important;\r\n }\r\n\r\n .productname {\r\n font-size: 15px !important;\r\n font-weight: 600 !important;\r\n padding-top: 0 !important;\r\n }\r\n\r\n .price {\r\n em {\r\n font-size: 20px !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#box_specialoffer,\r\n#box_lastadded {\r\n .product {\r\n >a {\r\n display: block;\r\n padding: 15px 15px 0 15px;\r\n\r\n .productnamewrap {\r\n margin-bottom: 0;\r\n height: auto !important;\r\n padding-bottom: 10px;\r\n\r\n .productname {\r\n font-size: 15px !important;\r\n font-weight: 600 !important;\r\n }\r\n }\r\n }\r\n\r\n .price {\r\n padding: 0 15px;\r\n margin: 0;\r\n\r\n p {\r\n em {\r\n font-size: 20px !important;\r\n }\r\n }\r\n\r\n .price__inactive {\r\n font-size: 13px !important;\r\n }\r\n }\r\n\r\n form {\r\n padding: 15px 15px 0;\r\n }\r\n }\r\n}\r\n\r\n#box_newsletter {\r\n &:before {\r\n background: rgba(0, 0, 0, 0.6);\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n display: block;\r\n }\r\n\r\n .boxhead {\r\n z-index: 2;\r\n position: relative;\r\n\r\n span {\r\n color: #FFF !important;\r\n }\r\n }\r\n\r\n .innerbox {\r\n z-index: 2;\r\n position: relative;\r\n\r\n h5 {\r\n color: #FFF;\r\n font-weight: 400 !important;\r\n letter-spacing: 0 !important;\r\n }\r\n\r\n form {\r\n input {\r\n border: 0 !important;\r\n }\r\n\r\n fieldset {\r\n color: #FFF;\r\n font-weight: 400 !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#box_custom40 {\r\n padding: 0 25px;\r\n\r\n a.read-more {\r\n font-weight: 600;\r\n color: #f59e01;\r\n }\r\n\r\n .more {\r\n display: none;\r\n\r\n &.open {\r\n display: block;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 13px;\r\n line-height: 1.25 !important;\r\n }\r\n}\r\n\r\n#box_articlelist .innerbox article {\r\n .article-header {\r\n padding-top: 10px !important;\r\n\r\n a {\r\n margin: 0 !important;\r\n text-transform: none !important;\r\n height: auto !important;\r\n font-size: 15px !important;\r\n }\r\n }\r\n\r\n .article-content {\r\n height: auto !important;\r\n\r\n * {\r\n line-height: 1.5 !important;\r\n }\r\n }\r\n\r\n .readmore {\r\n margin-top: 0 !important;\r\n color: #f59e01 !important;\r\n transition: all 0.3s ease;\r\n font-weight: 600 !important;\r\n }\r\n}\r\n\r\n.box .boxhead {\r\n border-bottom: 0 !important;\r\n\r\n span {\r\n text-transform: none !important;\r\n font-size: 30px !important;\r\n font-weight: 700 !important;\r\n\r\n @media (max-width: 767px) {\r\n font-size: 24px !important;\r\n }\r\n }\r\n}\r\n\r\n#box_custom40 {\r\n h1 {\r\n border-bottom: 0 !important;\r\n text-transform: none !important;\r\n font-size: 30px !important;\r\n font-weight: 700 !important;\r\n\r\n @media (max-width: 767px) {\r\n font-size: 24px !important;\r\n }\r\n }\r\n}\r\n\r\n#box_articlelist {\r\n h2 {\r\n border-bottom: 0 !important;\r\n text-transform: none !important;\r\n font-size: 30px !important;\r\n font-weight: 700 !important;\r\n\r\n @media (max-width: 767px) {\r\n font-size: 24px !important;\r\n }\r\n }\r\n}\r\n\r\n#fx-icons {\r\n padding: 50px 0 !important;\r\n}\r\n\r\n#fx-news {\r\n .boxhead {\r\n display: none !important;\r\n }\r\n}\r\n\r\n#fx-about {\r\n .fx-txt {\r\n * {\r\n font-size: 13px !important;\r\n font-family: 'Open Sans', sans-serif !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n a {\r\n color: #f59e01 !important;\r\n }\r\n\r\n .readmore {\r\n font-weight: 600 !important;\r\n }\r\n }\r\n}\r\n\r\n.product-main-box {\r\n .productdetails-more-details {\r\n border-top: 0 !important;\r\n margin-top: 0 !important;\r\n padding-top: 0 !important;\r\n }\r\n\r\n .availability {\r\n .first {\r\n font-weight: 600 !important;\r\n min-width: 0 !important;\r\n }\r\n }\r\n\r\n .basket {\r\n margin-top: 0 !important;\r\n padding: 15px !important;\r\n border: 5px solid #dedede !important;\r\n border-radius: 5px;\r\n\r\n .price {\r\n .main-price {\r\n font-size: 24px !important;\r\n }\r\n }\r\n }\r\n\r\n .addtofav {\r\n span {\r\n text-transform: none !important;\r\n font-weight: 600 !important;\r\n }\r\n }\r\n}\r\n\r\n.product-related-groups-module {\r\n margin-top: 0 !important;\r\n}\r\n\r\n.product-tabs {\r\n .innerbox {\r\n * {\r\n font-size: 14px !important;\r\n font-family: 'Open Sans', sans-serif !important;\r\n line-height: 1.5 !important;\r\n }\r\n }\r\n}\r\n\r\n#turn-classic.btn {\r\n height: 0 !important;\r\n padding: 0 !important;\r\n overflow: hidden !important;\r\n display: none !important;\r\n}\r\n\r\n#box_basketlist {\r\n .quantity {\r\n width: 9em;\r\n text-align: center;\r\n\r\n .btn-minus,\r\n .btn-plus {\r\n display: inline-flex;\r\n width: 30px;\r\n justify-content: center;\r\n font-weight: 900;\r\n background: #eee;\r\n height: 40px;\r\n margin: 0 !important;\r\n align-items: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n background: #f59e01;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n}"]} \ No newline at end of file +{"version":3,"sources":["style.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@media(max-width: 767px) {\r\n #box_freeshipping {\r\n padding-right: 25px !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n #box_specialoffer {\r\n box-sizing: border-box !important;\r\n padding: 0 15px !important;\r\n\r\n .boxhead {\r\n text-align: center !important;\r\n margin-bottom: 0 !important;\r\n padding-bottom: 0 !important;\r\n }\r\n }\r\n\r\n .top {\r\n .box-xhr {\r\n margin: 0 !important;\r\n }\r\n }\r\n\r\n .rwd .menu {\r\n height: auto !important;\r\n padding-top: 10px !important;\r\n }\r\n\r\n #box_productfull {\r\n margin-bottom: 0 !important;\r\n\r\n .tab-container {\r\n padding-top: 0 !important;\r\n\r\n .product-tab {\r\n &.none {\r\n display: block !important;\r\n }\r\n }\r\n\r\n .product-tab[data-tab=\"box_productcomments\"] {\r\n margin-top: 25px !important;\r\n\r\n &::before {\r\n content: 'Opinie';\r\n display: block;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n }\r\n }\r\n\r\n .product-tab[data-tab=\"box_description\"] {\r\n &::before {\r\n content: 'Opis';\r\n display: block;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n text-align: center;\r\n }\r\n }\r\n\r\n nav {\r\n display: none !important;\r\n }\r\n }\r\n\r\n .smallgallery {\r\n margin-bottom: 15px !important;\r\n }\r\n\r\n .productimg .mainimg {\r\n height: 350px !important;\r\n }\r\n }\r\n\r\n #box_productfull {\r\n >.boxhead {\r\n width: 100% !important;\r\n box-sizing: border-box !important;\r\n padding: 10px 0 !important;\r\n margin-bottom: 0 !important;\r\n }\r\n }\r\n\r\n .footer {\r\n padding-top: 25px !important;\r\n\r\n ul {\r\n li {\r\n padding: 3px 0 !important;\r\n }\r\n }\r\n }\r\n\r\n .userfooter {\r\n padding-bottom: 25px !important;\r\n\r\n .fx-right {\r\n padding-bottom: 25px !important;\r\n text-align: center !important;\r\n }\r\n\r\n .fx-left {\r\n background: transparent !important;\r\n padding: 0 25px !important;\r\n\r\n p {\r\n * {\r\n font-size: 13px !important;\r\n font-weight: 400 !important;\r\n }\r\n }\r\n\r\n li {\r\n &::before {\r\n display: none !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n #box_articlelist,\r\n #fx-about {\r\n padding: 0 15px !important;\r\n width: auto !important;\r\n }\r\n\r\n #box_custom40 {\r\n width: auto !important;\r\n }\r\n\r\n #box_mainproducts {\r\n .product {\r\n padding: 0 !important;\r\n\r\n .product-inner-wrap {\r\n padding: 15px !important;\r\n\r\n .price {\r\n padding-top: 0 !important;\r\n margin-top: 0 !important;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .logo-bar {\r\n padding: 5px 0 0 !important;\r\n }\r\n\r\n .menu {\r\n margin-bottom: 0 !important;\r\n\r\n .innermenu {\r\n border: 0 !important;\r\n }\r\n }\r\n}\r\n\r\n#box_mainproducts {\r\n .product {\r\n margin: 0 !important;\r\n height: auto !important;\r\n\r\n .prodname {\r\n margin: 0 !important;\r\n }\r\n\r\n .productname {\r\n font-size: 15px !important;\r\n font-weight: 600 !important;\r\n padding-top: 0 !important;\r\n }\r\n\r\n .price {\r\n em {\r\n font-size: 20px !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#box_specialoffer,\r\n#box_lastadded {\r\n .product {\r\n >a {\r\n display: block;\r\n padding: 15px 15px 0 15px;\r\n\r\n .productnamewrap {\r\n margin-bottom: 0;\r\n height: auto !important;\r\n padding-bottom: 10px;\r\n\r\n .productname {\r\n font-size: 15px !important;\r\n font-weight: 600 !important;\r\n }\r\n }\r\n }\r\n\r\n .price {\r\n padding: 0 15px;\r\n margin: 0;\r\n\r\n p {\r\n em {\r\n font-size: 20px !important;\r\n }\r\n }\r\n\r\n .price__inactive {\r\n font-size: 13px !important;\r\n }\r\n\r\n .price__omnibus {\r\n font-size: 12px !important;\r\n\r\n .price__inactive {\r\n font-size: 12px !important;\r\n }\r\n }\r\n }\r\n\r\n form {\r\n padding: 15px 15px 0;\r\n }\r\n }\r\n}\r\n\r\n#box_newsletter {\r\n &:before {\r\n background: rgba(0, 0, 0, 0.6);\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n display: block;\r\n }\r\n\r\n .boxhead {\r\n z-index: 2;\r\n position: relative;\r\n\r\n span {\r\n color: #FFF !important;\r\n }\r\n }\r\n\r\n .innerbox {\r\n z-index: 2;\r\n position: relative;\r\n\r\n h5 {\r\n color: #FFF;\r\n font-weight: 400 !important;\r\n letter-spacing: 0 !important;\r\n }\r\n\r\n form {\r\n input {\r\n border: 0 !important;\r\n }\r\n\r\n fieldset {\r\n color: #FFF;\r\n font-weight: 400 !important;\r\n }\r\n }\r\n }\r\n}\r\n\r\n#box_custom40 {\r\n padding: 0 15px;\r\n\r\n a.read-more {\r\n font-weight: 600;\r\n color: #f59e01;\r\n }\r\n\r\n .more {\r\n display: none;\r\n\r\n &.open {\r\n display: block;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 13px;\r\n line-height: 1.25 !important;\r\n }\r\n}\r\n\r\n#box_articlelist .innerbox article {\r\n .article-header {\r\n padding-top: 10px !important;\r\n\r\n a {\r\n margin: 0 !important;\r\n text-transform: none !important;\r\n height: auto !important;\r\n font-size: 15px !important;\r\n }\r\n }\r\n\r\n .article-content {\r\n height: auto !important;\r\n\r\n * {\r\n line-height: 1.5 !important;\r\n }\r\n }\r\n\r\n .readmore {\r\n margin-top: 0 !important;\r\n color: #f59e01 !important;\r\n transition: all 0.3s ease;\r\n font-weight: 600 !important;\r\n }\r\n}\r\n\r\n.box .boxhead {\r\n border-bottom: 0 !important;\r\n\r\n span {\r\n text-transform: none !important;\r\n font-size: 30px !important;\r\n font-weight: 700 !important;\r\n\r\n @media (max-width: 767px) {\r\n font-size: 24px !important;\r\n }\r\n }\r\n}\r\n\r\n#box_custom40 {\r\n h1 {\r\n border-bottom: 0 !important;\r\n text-transform: none !important;\r\n font-size: 30px !important;\r\n font-weight: 700 !important;\r\n\r\n @media (max-width: 767px) {\r\n font-size: 24px !important;\r\n }\r\n }\r\n}\r\n\r\n#box_articlelist {\r\n h2 {\r\n border-bottom: 0 !important;\r\n text-transform: none !important;\r\n font-size: 30px !important;\r\n font-weight: 700 !important;\r\n\r\n @media (max-width: 767px) {\r\n font-size: 24px !important;\r\n }\r\n }\r\n}\r\n\r\n#fx-icons {\r\n padding: 50px 0 !important;\r\n}\r\n\r\n#fx-news {\r\n .boxhead {\r\n display: none !important;\r\n }\r\n}\r\n\r\n#fx-about {\r\n .fx-txt {\r\n * {\r\n font-size: 13px !important;\r\n font-family: 'Open Sans', sans-serif !important;\r\n line-height: 1.5 !important;\r\n }\r\n\r\n a {\r\n color: #f59e01 !important;\r\n }\r\n\r\n .readmore {\r\n font-weight: 600 !important;\r\n }\r\n }\r\n}\r\n\r\n.product-main-box {\r\n .productdetails-more-details {\r\n border-top: 0 !important;\r\n margin-top: 0 !important;\r\n padding-top: 0 !important;\r\n }\r\n\r\n .availability {\r\n .first {\r\n font-weight: 600 !important;\r\n min-width: 0 !important;\r\n }\r\n }\r\n\r\n .basket {\r\n margin-top: 0 !important;\r\n padding: 15px !important;\r\n border: 5px solid #dedede !important;\r\n border-radius: 5px;\r\n\r\n .price {\r\n .main-price {\r\n font-size: 24px !important;\r\n }\r\n }\r\n }\r\n\r\n .addtofav {\r\n span {\r\n text-transform: none !important;\r\n font-weight: 600 !important;\r\n }\r\n }\r\n}\r\n\r\n.product-related-groups-module {\r\n margin-top: 0 !important;\r\n}\r\n\r\n.product-tabs {\r\n .innerbox {\r\n * {\r\n font-size: 14px !important;\r\n font-family: 'Open Sans', sans-serif !important;\r\n line-height: 1.5 !important;\r\n }\r\n }\r\n}\r\n\r\n#turn-classic.btn {\r\n height: 0 !important;\r\n padding: 0 !important;\r\n overflow: hidden !important;\r\n display: none !important;\r\n}\r\n\r\n#box_basketlist {\r\n .basket-free-shipping {\r\n margin-top: 15px;\r\n border: 1px solid #f59e01;\r\n padding: 10px;\r\n text-align: center;\r\n font-weight: 600;\r\n border-radius: 5px;\r\n }\r\n\r\n .quantity {\r\n width: 9em;\r\n text-align: center;\r\n\r\n .btn-minus,\r\n .btn-plus {\r\n display: inline-flex;\r\n width: 30px;\r\n justify-content: center;\r\n font-weight: 900;\r\n background: #eee;\r\n height: 40px;\r\n margin: 0 !important;\r\n align-items: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n background: #f59e01;\r\n color: #fff;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.consents__modal {\r\n padding: 15px !important;\r\n}"]} \ No newline at end of file diff --git a/ocelio.pl/style.scss b/ocelio.pl/style.scss index dedf1fc..ae61613 100644 --- a/ocelio.pl/style.scss +++ b/ocelio.pl/style.scss @@ -1,4 +1,9 @@ @media(max-width: 767px) { + #box_freeshipping { + padding-right: 25px !important; + box-sizing: border-box !important; + } + #box_specialoffer { box-sizing: border-box !important; padding: 0 15px !important; @@ -119,7 +124,7 @@ #box_articlelist, #fx-about { - padding: 0 25px !important; + padding: 0 15px !important; width: auto !important; } @@ -157,7 +162,6 @@ #box_mainproducts { .product { - padding: 15px !important; margin: 0 !important; height: auto !important; @@ -211,6 +215,14 @@ .price__inactive { font-size: 13px !important; } + + .price__omnibus { + font-size: 12px !important; + + .price__inactive { + font-size: 12px !important; + } + } } form { @@ -264,7 +276,7 @@ } #box_custom40 { - padding: 0 25px; + padding: 0 15px; a.read-more { font-weight: 600; @@ -438,6 +450,15 @@ } #box_basketlist { + .basket-free-shipping { + margin-top: 15px; + border: 1px solid #f59e01; + padding: 10px; + text-align: center; + font-weight: 600; + border-radius: 5px; + } + .quantity { width: 9em; text-align: center; @@ -461,4 +482,8 @@ } } } +} + +.consents__modal { + padding: 15px !important; } \ No newline at end of file