diff --git a/e-toll.org.pl/styles.css b/e-toll.org.pl/styles.css new file mode 100644 index 0000000..35efdca --- /dev/null +++ b/e-toll.org.pl/styles.css @@ -0,0 +1 @@ +body #box_productfull .basket{margin-top:15px}body #box_productfull .basket .form-basket{margin-top:15px}body #box_productfull .maininfo .c-availability{padding-top:12px;padding-bottom:12px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}body #box_productfull .maininfo .c-availability>.row>div{display:flex;flex-direction:row;align-items:center}body #box_productfull .maininfo .c-availability>.row>div:not(:last-child){margin-bottom:5px}body #box_productfull .maininfo .c-availability>.row>div:not(.shipping-costs) .second{color:#1a3158;font-weight:700;font-size:13px;line-height:1}body #box_productfull .maininfo .c-availability>.row>div.shipping-costs{flex-wrap:wrap;row-gap:10px}body #box_productfull .maininfo .c-availability>.row>div.shipping-costs .lowest-cost{color:#1a3158;font-weight:700;font-size:13px;line-height:1}body #box_productfull .maininfo .c-availability>.row>div.shipping-costs .showShippingCost{font-weight:400;font-size:13px;line-height:1;text-decoration:underline}body #box_productfull .maininfo .c-availability>.row .first{color:rgba(26,48,86,.6);font-weight:400;font-size:13px;line-height:1}body #box_productfull form.custom-form-basket>.stocks .c-f-row{display:flex;flex-direction:column;padding-bottom:15px !important;margin-bottom:15px !important;border-bottom:solid 1px #e1e1e1}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.label{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2px 0}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.label.has_infocloud::after{content:"Więcej informacji";color:#ba2c2c;font-family:"Open Sans",sans-serif;font-weight:400;font-size:13px;line-height:1;letter-spacing:0;text-decoration:underline;text-decoration-style:solid;text-decoration-offset:0;text-decoration-thickness:0;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.label label{font-weight:700;font-size:13px;line-height:1;letter-spacing:0;text-transform:uppercase}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.stock-options .option_radio{display:flex;flex-direction:row;gap:12px}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.stock-options .option_radio .radio-wrap{width:100%;height:auto;margin:0;border:none;border-radius:0}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.stock-options .option_radio .radio-wrap input[type=radio]{visibility:hidden !important}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.stock-options .option_radio .radio-wrap input[type=radio]:checked+label{background:rgba(67,127,171,.1019607843);border-color:#437fab;border-width:1.5px}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.stock-options .option_radio .radio-wrap label{width:100%;height:100%;margin:0;border:1px solid #e1e1e1;border-radius:6px;padding:10px 12px;line-height:1;display:flex;flex-direction:column;row-gap:5px}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.stock-options .option_radio .radio-wrap label::after{display:none !important}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.stock-options .option_radio .radio-wrap label .option_name{color:#1a3158;font-weight:700;font-size:13px;line-height:1;letter-spacing:0}body #box_productfull form.custom-form-basket>.stocks .c-f-row>.stock-options .option_radio .radio-wrap label .option_price{color:#1a3158;font-weight:400;font-size:11px;line-height:1;letter-spacing:0}body #box_productfull form.custom-form-basket .form-prices-box{margin-top:30px;margin-bottom:25px}body #box_productfull form.custom-form-basket .form-prices-box>p{color:#1a3158;font-weight:400;font-size:13px;line-height:1;margin-bottom:10px}body #box_productfull form.custom-form-basket .form-prices-box .form-price-box{display:flex;flex-direction:row;align-items:flex-end;-moz-column-gap:10px;column-gap:10px}body #box_productfull form.custom-form-basket .form-prices-box .form-price-box>.price .main-price,body #box_productfull form.custom-form-basket .form-prices-box .form-price-box>.price .price-name{color:#ba2c2c;font-weight:700;font-size:20px;line-height:1;letter-spacing:0}body #box_productfull form.custom-form-basket .form-prices-box .form-price-box>.price-netto .main-price,body #box_productfull form.custom-form-basket .form-prices-box .form-price-box>.price-netto .price-name,body #box_productfull form.custom-form-basket .form-prices-box .form-price-box>.price-netto .underscore_1,body #box_productfull form.custom-form-basket .form-prices-box .form-price-box>.price-netto .underscore_2{color:rgba(26,49,88,.6);font-weight:400;font-size:13px;line-height:1;letter-spacing:0}body #box_productfull form.custom-form-basket .form-prices-box .form-price-box>.price-netto .price-name{margin:0}body #box_productfull form.custom-form-basket .addtobasket-container{display:flex;flex-direction:row;-moz-column-gap:15px;column-gap:15px;align-items:center;margin-bottom:12px}body #box_productfull form.custom-form-basket .addtobasket-container .quantity_wrap{height:34px;border:1px solid #e1e1e1;border-radius:6px;display:flex;align-items:center;padding:5px 10px}body #box_productfull form.custom-form-basket .addtobasket-container .quantity_wrap input{height:34px;border:none;border-radius:0;margin:0;background:rgba(0,0,0,0);box-shadow:none !important;color:rgba(26,49,88,.6);font-weight:700;font-size:14px;line-height:1}body #box_productfull form.custom-form-basket .addtobasket-container .quantity_wrap .unit{color:rgba(26,49,88,.6);font-weight:400;font-size:14px;line-height:1;letter-spacing:0}body #box_productfull form.custom-form-basket .addtobasket-container .button_wrap{width:100%;max-width:315px}body #box_productfull form.custom-form-basket .addtobasket-container .button_wrap .addtobasket{height:44px;background:#1a3158;border-radius:6px}body #box_productfull form.custom-form-basket .addtobasket-container .button_wrap .addtobasket span{color:#fff;font-weight:700;font-size:14px;line-height:1;letter-spacing:0;text-transform:uppercase}body #box_productfull .addtofav span{color:#1a3158;font-weight:400;font-size:13px;line-height:1;letter-spacing:0;text-decoration:underline}/*# sourceMappingURL=styles.css.map */ \ No newline at end of file diff --git a/e-toll.org.pl/styles.css.map b/e-toll.org.pl/styles.css.map new file mode 100644 index 0000000..337bfc0 --- /dev/null +++ b/e-toll.org.pl/styles.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["styles.css","styles.scss"],"names":[],"mappings":"AAAA,8BCEE,eACC,CAAA,2CACA,eACC,CAAA,gDAKD,gBACC,CAAA,mBACA,CAAA,4BACA,CAAA,+BACA,CAAA,yDAGC,YACC,CAAA,kBACA,CAAA,kBACA,CAAA,0EAEA,iBACC,CAAA,sFAGA,aACC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,wEAGF,cACC,CAAA,YACA,CAAA,qFAEA,aACC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,0FAGD,eACC,CAAA,cACA,CAAA,aACA,CAAA,yBACA,CAAA,4DAIH,uBACC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,+DAOF,YACC,CAAA,qBACA,CAAA,8BACA,CAAA,6BACA,CAAA,+BACA,CAAA,sEAEA,YACC,CAAA,kBACA,CAAA,6BACA,CAAA,kBACA,CAAA,aACA,CAAA,2FAGC,2BACC,CAAA,aACA,CAAA,kCACA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,gBACA,CAAA,yBACA,CAAA,2BACA,CAAA,wBACA,CAAA,2BACA,CAAA,gCACA,CADA,6BACA,CAAA,4EAGF,eACC,CAAA,cACA,CAAA,aACA,CAAA,gBACA,CAAA,wBACA,CAAA,4FAID,YACC,CAAA,kBACA,CAAA,QACA,CAAA,wGAEA,UACC,CAAA,WAEA,CAAA,QACA,CAAA,WACA,CAAA,eACA,CAAA,0HAEA,4BACC,CAAA,wIAEA,uCACC,CAAA,oBACA,CAAA,kBACA,CAAA,8GAIF,UACC,CAAA,WAEA,CAAA,QACA,CAAA,wBACA,CAAA,iBACA,CAAA,iBACA,CAAA,aACA,CAAA,YAEA,CAAA,qBACA,CAAA,WACA,CAAA,qHAEA,uBACC,CAAA,2HAGD,aACC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,gBACA,CAAA,4HAED,aACC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,gBACA,CAAA,+DASP,eACC,CAAA,kBACA,CAAA,iEAEA,aACC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,kBACA,CAAA,+EAGD,YACC,CAAA,kBACA,CAAA,oBACA,CAAA,oBACA,CADA,eACA,CAAA,oMAGC,aAEC,CAAA,eAEA,CAAA,cACA,CAAA,aACA,CAAA,gBACA,CAAA,oaAID,uBAIC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,gBACA,CAAA,wGAED,QACC,CAAA,qEAMJ,YACC,CAAA,kBACA,CAAA,oBACA,CADA,eACA,CAAA,kBACA,CAAA,kBACA,CAAA,oFAEA,WACC,CAAA,wBACA,CAAA,iBACA,CAAA,YAEA,CAAA,kBACA,CAAA,gBACA,CAAA,0FAEA,WACC,CAAA,WACA,CAAA,eACA,CAAA,QACA,CAAA,wBACA,CAAA,0BACA,CAAA,uBAEA,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,0FAED,uBACC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,gBACA,CAAA,kFAGF,UACC,CAAA,eACA,CAAA,+FAEA,WACC,CAAA,kBACA,CAAA,iBACA,CAAA,oGAEA,UACC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,gBACA,CAAA,wBACA,CAAA,qCAQJ,aACC,CAAA,eACA,CAAA,cACA,CAAA,aACA,CAAA,gBACA,CAAA,yBACA","file":"styles.css"} \ No newline at end of file diff --git a/e-toll.org.pl/styles.scss b/e-toll.org.pl/styles.scss new file mode 100644 index 0000000..24f47d9 --- /dev/null +++ b/e-toll.org.pl/styles.scss @@ -0,0 +1,282 @@ +body { + #box_productfull { + .basket { + margin-top: 15px; + .form-basket { + margin-top: 15px; + } + } + + .maininfo { + .c-availability { + padding-top: 12px; + padding-bottom: 12px; + border-top: 1px solid #e1e1e1; + border-bottom: 1px solid #e1e1e1; + + > .row { + > div { + display: flex; + flex-direction: row; + align-items: center; + + &:not(:last-child) { + margin-bottom: 5px; + } + &:not(.shipping-costs) { + .second { + color: #1a3158; + font-weight: 700; + font-size: 13px; + line-height: 1; + } + } + &.shipping-costs { + flex-wrap: wrap; + row-gap: 10px; + + .lowest-cost { + color: #1a3158; + font-weight: 700; + font-size: 13px; + line-height: 1; + } + + .showShippingCost { + font-weight: 400; + font-size: 13px; + line-height: 1; + text-decoration: underline; + } + } + } + .first { + color: rgba(26, 48, 86, 0.6); + font-weight: 400; + font-size: 13px; + line-height: 1; + } + } + } + } + form.custom-form-basket { + > .stocks { + .c-f-row { + display: flex; + flex-direction: column; + padding-bottom: 15px !important; + margin-bottom: 15px !important; + border-bottom: solid 1px #e1e1e1; + + > .label { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 2px 0; + + &.has_infocloud { + &::after { + content: 'Więcej informacji'; + color: #ba2c2c; + font-family: 'Open Sans', sans-serif; + font-weight: 400; + font-size: 13px; + line-height: 1; + letter-spacing: 0; + text-decoration: underline; + text-decoration-style: solid; + text-decoration-offset: 0; + text-decoration-thickness: 0; + text-decoration-skip-ink: auto; + } + } + label { + font-weight: 700; + font-size: 13px; + line-height: 1; + letter-spacing: 0; + text-transform: uppercase; + } + } + > .stock-options { + .option_radio { + display: flex; + flex-direction: row; + gap: 12px; + + .radio-wrap { + width: 100%; + // max-width: 96px; + height: auto; + margin: 0; + border: none; + border-radius: 0; + + input[type='radio'] { + visibility: hidden !important; + + &:checked + label { + background: #437fab1a; + border-color: #437fab; + border-width: 1.5px; + } + } + + label { + width: 100%; + // max-width: 96px; + height: 100%; + margin: 0; + border: 1px solid #e1e1e1; + border-radius: 6px; + padding: 10px 12px; + line-height: 1; + + display: flex; + flex-direction: column; + row-gap: 5px; + + &::after { + display: none !important; + } + + .option_name { + color: #1a3158; + font-weight: 700; + font-size: 13px; + line-height: 1; + letter-spacing: 0; + } + .option_price { + color: #1a3158; + font-weight: 400; + font-size: 11px; + line-height: 1; + letter-spacing: 0; + } + } + } + } + } + } + } + + .form-prices-box { + margin-top: 30px; + margin-bottom: 25px; + + > p { + color: #1a3158; + font-weight: 400; + font-size: 13px; + line-height: 1; + margin-bottom: 10px; + } + + .form-price-box { + display: flex; + flex-direction: row; + align-items: flex-end; + column-gap: 10px; + + > .price { + .main-price, + .price-name { + color: #ba2c2c; + + font-weight: 700; + font-size: 20px; + line-height: 1; + letter-spacing: 0; + } + } + > .price-netto { + .main-price, + .price-name, + .underscore_1, + .underscore_2 { + color: rgb(26, 49, 88, 0.6); + font-weight: 400; + font-size: 13px; + line-height: 1; + letter-spacing: 0; + } + .price-name { + margin: 0; + } + } + } + } + + .addtobasket-container { + display: flex; + flex-direction: row; + column-gap: 15px; + align-items: center; + margin-bottom: 12px; + + .quantity_wrap { + height: 34px; + border: 1px solid #e1e1e1; + border-radius: 6px; + + display: flex; + align-items: center; + padding: 5px 10px; + + input { + height: 34px; + border: none; + border-radius: 0; + margin: 0; + background: transparent; + box-shadow: none !important; + + color: rgba(26, 49, 88, 0.6); + font-weight: 700; + font-size: 14px; + line-height: 1; + } + .unit { + color: rgba(26, 49, 88, 0.6); + font-weight: 400; + font-size: 14px; + line-height: 1; + letter-spacing: 0; + } + } + .button_wrap { + width: 100%; + max-width: 315px; + + .addtobasket { + height: 44px; + background: #1a3158; + border-radius: 6px; + + span { + color: #fff; + font-weight: 700; + font-size: 14px; + line-height: 1; + letter-spacing: 0; + text-transform: uppercase; + } + } + } + } + } + + .addtofav { + span { + color: #1a3158; + font-weight: 400; + font-size: 13px; + line-height: 1; + letter-spacing: 0; + text-decoration: underline; + } + } + } +}