From ea77830018e15ab662fb0cfb2958857e3b3de532 Mon Sep 17 00:00:00 2001 From: daniel Date: Wed, 30 Sep 2026 13:12:16 +0200 Subject: - Amazon Modul vereinheitlicht und moderniesiert --- views/css/frontend.css | 93 +++++++++++++++++++++++++------------------------- 1 file changed, 47 insertions(+), 46 deletions(-) (limited to 'views/css') diff --git a/views/css/frontend.css b/views/css/frontend.css index c64bc52..0806613 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -17,7 +17,7 @@ .wpsg_error { border-color:#DD3D36; } .wpsg { } .wpsg h2 { } -.wpsg_checkout label.wpsg_error { background-color:white; } +.wpsg_checkout label.wpsg_error { background-color:white; } label.wpsg_error { position:absolute; right:2px; top:-2px; color:#DD3D36; } input.wpsg_error { border-color:red !important; border:1px solid red; } .wpsg_spacer { width:100%; height:1px; background-color:#EAEAEA; margin-bottom:1rem; } @@ -32,27 +32,27 @@ input.wpsg_error { border-color:red !important; border:1px solid red; } /* GARAN Label */ .wpsg_product_garan_wrap { padding:5px 0; margin-bottom:2rem; font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; - .wpsg_product_garan { border:1px solid black; display:inline-block; padding:5px 50px 5px 5px; position:relative; height:30px; white-space:nowrap; cursor:pointer; text-decoration:none; + .wpsg_product_garan { border:1px solid black; display:inline-block; padding:5px 50px 5px 5px; position:relative; height:30px; white-space:nowrap; cursor:pointer; text-decoration:none; & > .years { font-size:30px; height:30px; line-height:30px; font-weight:bold; padding-right:35px; position:relative; border-right:1px solid black; - &:after { position:absolute; right:10px; bottom:8px; content:' '; width:16px; height:16px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_year.svg'); background-size:contain; background-repeat:no-repeat; } + &:after { position:absolute; right:10px; bottom:8px; content:' '; width:16px; height:16px; background-image:url('../gfx/garan/garan_year.svg'); background-size:contain; background-repeat:no-repeat; } } & > .title { padding-left:5px; font-size:22px; font-weight:bold; padding-right:20px; position:relative; - &:after { position:absolute; right:0; bottom:2px; content:' '; width:16px; height:16px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_checkmark.svg'); background-size:contain; background-repeat:no-repeat; } + &:after { position:absolute; right:0; bottom:2px; content:' '; width:16px; height:16px; background-image:url('../gfx/garan/garan_checkmark.svg'); background-size:contain; background-repeat:no-repeat; } } - &:after { position:absolute; right:5px; top:0; content:' '; width:28px; height:40px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_eu.svg'); background-size:contain; background-repeat:no-repeat; } + &:after { position:absolute; right:5px; top:0; content:' '; width:28px; height:40px; background-image:url('../gfx/garan/garan_eu.svg'); background-size:contain; background-repeat:no-repeat; } & > .tooltip { position:absolute; opacity:0; pointer-events:none; top:40px; left:-1px; padding:5px 5px 5px 0; transition:all 0.5s; & > .inner { width:300px; min-height:300px; display:flex; flex-direction:column; gap:5px; background-color:white; padding:5px; border:1px solid black; & > .border { border:1px solid black; display:flex; flex-direction:column; padding:5px; .top { width:100%; border-bottom:2px solid black; padding-bottom:5px; position:relative; & > .title { font-size:50px; font-weight:bold; padding-right:40px; position:relative; display:inline-block; line-height:50px; letter-spacing:1px; - &:after { position:absolute; right:0; bottom:5px; content:' '; width:32px; height:32px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_checkmark.svg'); background-size:contain; background-position:right bottom; background-repeat:no-repeat; } + &:after { position:absolute; right:0; bottom:5px; content:' '; width:32px; height:32px; background-image:url('../gfx/garan/garan_checkmark.svg'); background-size:contain; background-position:right bottom; background-repeat:no-repeat; } } - &:after { position:absolute; right:0; top:-11px; content:' '; width:36px; height:51px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_eu.svg'); background-size:contain; background-repeat:no-repeat; } + &:after { position:absolute; right:0; top:-11px; content:' '; width:36px; height:51px; background-image:url('../gfx/garan/garan_eu.svg'); background-size:contain; background-repeat:no-repeat; } } & > .flexline { display:flex; justify-content:space-between; gap:5px; align-items:flex-start; padding:5px 0; font-size:16px; } & > .line { display:flex; justify-content:space-between; gap:5px; align-items:flex-end; padding:5px 0; & > .years { font-size:85px; height:85px; line-height:85px; font-weight:bold; padding-right:60px; position:relative; - &:after { position:absolute; right:10px; bottom:8px; content:' '; width:35px; height:35px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_year.svg'); background-size:contain; background-repeat:no-repeat; } + &:after { position:absolute; right:10px; bottom:8px; content:' '; width:35px; height:35px; background-image:url('../gfx/garan/garan_year.svg'); background-size:contain; background-repeat:no-repeat; } } & > img { transform:translateY(-8px); } } @@ -100,9 +100,9 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .inner, html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .flexline { line-height:1.2; } html body .wpsg_product_garan_wrap a.wpsg_product_garan .tooltip .trans_wrap { line-height:1.4; } html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max-width:none; height:auto; margin:0; border:0; box-shadow:none; } - + /* Basket Widget */ -.wpsg_basket_widget .wpshopgermany_linktokasse { float:right; margin-top:1rem; } +.wpsg_basket_widget .wpshopgermany_linktokasse { float:right; margin-top:1rem; } /* Basket */ .basket_product_wrap {} @@ -117,7 +117,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .basket_product_wrap .basket_product_row .product_action .price { width: 39%; display:inline-block; text-align:right; } .basket_product_wrap .basket_product_row .product_action .price_total { width: 39%; display:inline-block; font-weight:bold; text-align:right; } .basket_product_wrap .basket_product_row .product_info { display:flex; width:100%; justify-content:space-between; align-items:center; margin-bottom:0.25rem; } -.basket_product_wrap .basket_product_row .product_upload { } +.basket_product_wrap .basket_product_row .product_upload { } .basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target { margin-left:15px; flex-grow:1; } .basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target ul { margin:0px; } .basket_product_wrap .basket_product_row .product_upload .wpsg_mod_orderupload_target li { display:flex; justify-content:space-between; } @@ -185,8 +185,8 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_checkout .wpsg_checkoutblock input.wpsg_input_text, .wpsg_checkout .wpsg_checkoutblock input[type="tel"], .wpsg_checkout .wpsg_checkoutblock input[type="fax"], -.wpsg_checkout .wpsg_checkoutblock input[type="text"], -.wpsg_checkout .wpsg_checkoutblock input[type="number"], +.wpsg_checkout .wpsg_checkoutblock input[type="text"], +.wpsg_checkout .wpsg_checkoutblock input[type="number"], .wpsg_checkout .wpsg_checkoutblock input[type="password"] { margin-bottom:5px; box-sizing:border-box; width:100%; } .wpsg_checkout .wpsg_checkoutblock input[type="checkbox"] { width:auto; margin-right:5px; } .wpsg_checkout .wpsg_checkoutblock select { box-sizing:border-box; width:100%; margin-bottom:5px; } @@ -202,8 +202,8 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_checkout #wpsg_streetnr.wpsg_checkoutblock, .wpsg_checkout #wpsg_shipping_streetnr.wpsg_checkoutblock { display:flex; flex-direction:row; width:100%; } .wpsg_checkout #wpsg_streetnr.wpsg_checkoutblock .street, .wpsg_checkout #wpsg_shipping_streetnr.wpsg_checkoutblock .street { flex-grow:1; padding-right:15px; } .wpsg_checkout #wpsg_streetnr.wpsg_checkoutblock .nr input, .wpsg_checkout #wpsg_shipping_streetnr.wpsg_checkoutblock .nr input {width: 100%;} - - /* Checkout2 */ + + /* Checkout2 */ .shippay_wrap { margin-top:40px; width:100%; font-family:Arial; padding-right:10px; } .wpsg_payment .wpsg_payment_textwrap { margin-top:40px; } .shippay_wrap .shippay_item_wrap { position:relative; border-top:1px solid #DFDFDF; cursor:pointer; padding-left:8px; } @@ -338,7 +338,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_mod_autodebit label { width:100%; line-height:36px; } .wpsg_mod_autodebit input { float:right; margin-bottom:3px; } -/* Versandadresse */ +/* Versandadresse */ .wpsg_checkout .wpsg_mod_shippingadress { margin-bottom:1rem; } /* Produkttemplate */ @@ -350,7 +350,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .product_wrap .productdetails .oldprice { text-decoration:line-through; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productview_price { font-weight:bold; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_produkt_shortdescription { margin-top:0.75em; margin-bottom:0.75em; } -.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_only_store { margin-top:0.75em; margin-bottom:0.75em; } +.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_only_store { margin-top:0.75em; margin-bottom:0.75em; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap { margin-top:0.75em; margin-bottom:0.75em; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvariants_product_wrap select { width:100%; box-sizing:border-box; padding:0.75em; line-height:1.5em; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_product_informationarea { margin-top:1.5em; margin-bottom:1.5em; } @@ -363,17 +363,18 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_productform .wpsg_produkt_wrapper .wpsg_mod_productvars_check { display:flex; align-items:center; gap:0.5em; font-weight:normal; cursor:pointer; } .wpsg_productform .wpsg_mod_productvars_check input[type="checkbox"] { flex:0 0 auto; margin:0; } .wpsg_productform .wpsg_mod_productvars .wpsg_required { color:#b3261e; margin-left:0.15em; } -.wpsg_productform .wpsg_produkt_wrapper label { font-weight:bold; } +.wpsg_productform .wpsg_produkt_wrapper label { font-weight:bold; } +.wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea { margin-top:1rem; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="text"] { box-sizing:border-box; padding:0.7em; line-height:1.5em; font-size:1rem; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="submit"] { font-family:inherit; cursor:pointer; float:right; box-sizing: border-box; padding:0.25rem 1rem; line-height:1.5em; font-size:inherit; border:1px solid black; } .wpsg_productform .wpsg_product_layer { position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.25); padding:0.75em; margin:-0.75em; box-sizing:content-box; } .wpsg_productform .wpsg_product_layer img { position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-5px; } .wpsg_productform .wpsg_produkt_produktbilder { max-width:200px; } .wpsg_productform label { - color: #333; - display: block; - font-weight: 800; - margin-bottom: 0.5em; + color: #333; + display: block; + font-weight: 800; + margin-bottom: 0.5em; } .wpsg_product_deliverytime_holiday { height:50px; padding:10px; width:50%; float:right; border:1px solid #ff0000; } .wpsg_produkt_add_basket_wrapper { display:flex; align-items:stretch; justify-content:flex-start; gap:1rem; @@ -395,26 +396,26 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_productform .sto_carousel .right { position:absolute; right:0px; top:0px; height:95px; line-height:95px; width:20px; display:block; text-align:right; font-size:2rem; } @media (max-width:400px) { - + .wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="text"] { width:28%; } .wpsg_productform .wpsg_produkt_wrapper .wpsg_product_buttonarea input[type="submit"] { width:68%; } - + /* Produktdetailansicht */ .wpsg_productform .wpsg_produkt_shortdescription { display:none; } .wpsg_productform .wpsg_mod_produktindex_stock { margin:10px 0; } .wpsg_productform .wpsg_mod_produktindex_stock label { margin-bottom:0em; float:left; margin-right:10px; } - + /* Produktübersicht */ .wpsg_mod_productindex_order span{ float:left; } .wpsg_mod_productindex .wpsg_mod_productindex_viewselect { margin-top:6px !important; } .wpsg_mod_productindex .wpsg_mod_productindex_order { width:90%; } .wpsg_mod_productindex_grid .wpsg_mod_productindex_product { width:45% !important; } .wpsg_mod_productindex_grid img { max-width:100%; height:auto; } - .wpsg_mod_productindex .wpsg_mod_productindex_order select { width:65%; margin: 2px 0 0 10px; height:20px; } + .wpsg_mod_productindex .wpsg_mod_productindex_order select { width:65%; margin: 2px 0 0 10px; height:20px; } .wpsg_mod_productindex .wpsg_mod_productindex_toolbar_bottom .wpsg_mod_productindex_order { display:none } .wpsg_mod_productindex .wpsg_mod_productindex_toolbar_bottom .wpsg_mod_productindex_viewselect { display:none} .wpsg_mod_productindex .wpsg_mod_productindex_toolbar_bottom { border-top:0px !important; } - + .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_title { font-size:1.5em; } .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos, .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_produktindex_stock, @@ -422,7 +423,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button { border:1px solid #ccc; } .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_button a { font-size:1.2em; } .wpsg_mod_productindex_grid .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productview_price { font-size:1.2em; } - + .wpsg_mod_productindex_list .wpsg_mod_productindex_product { width:100% !important; } .wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_productindex_infos, .wpsg_mod_productindex_list .wpsg_mod_productindex_product .wpsg_mod_productindex_content .wpsg_mod_produktindex_stock, @@ -446,7 +447,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max /* Checkout */ .wpsg_checkout .wpsg_button { width:100%; margin:0 0 10px 0; } .wpsg_checkout2 .wpsg_button { width:100%; margin:0 0 10px 0; } - + /* Overview */ .wpsg_overview .wpsg_checkoutbutton, .wpsg_overview .wpsg_orderbutton { width:100%; margin: 0 0 10px 0; } @@ -461,12 +462,12 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_productform .wpsg_productimages { width:100%; } .wpsg_productform .wpsg_produkt_produktbilder { max-width:100%; } - + } @media (max-width:900px) { - - + + } /* Varianten */ @@ -525,7 +526,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max #wpsg_calc_layer #customerquestion_ok_button { width:100%; } #wpsg_calc_layer .country { clear:both; margin-top:20px; } #wpsg_calc_layer .country h2 { font-size:22px; font-weight:normal; width:150px; float:left; line-height:28px; } -#wpsg_calc_layer .country select { width:350px; font-size:22px; height:auto; float:left; margin-top:10px; } +#wpsg_calc_layer .country select { width:350px; font-size:22px; height:auto; float:left; margin-top:10px; } #wpsg_calc_layer input[type="radio"] { height:auto; margin-right:10px; } #wpsg_calc_layer .button_wrap { width:100%; clear:both; padding-top:20px; } #wpsg_calc_layer input[type="submit"] { float:right; padding-left:50px; padding-right:50px; } @@ -572,7 +573,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_progress span.step { width:25%; display:block; float:left; list-style:none; position:relative; } .wpsg_progress span.step > .text { margin-top:30px; text-align:center; width:100%; display:block; } .wpsg_progress span.step > .dot { position:absolute; z-index:2; background-color:#C5C5C5; width:20px; height:20px; left:50%; top:0%; margin-left:-14px; margin-top:-4px; border-radius:10px; } -.wpsg_progress span.step:before { border:1px solid #C5C5C5; position:absolute; z-index:2; left:50%; margin-left:-20px; text-align:center; line-height:40px; background-color:#F2F2F2; content:" "; display:block; width:30px; height:30px; border-radius:25px; margin-top:-10px; } +.wpsg_progress span.step:before { border:1px solid #C5C5C5; position:absolute; z-index:2; left:50%; margin-left:-20px; text-align:center; line-height:40px; background-color:#F2F2F2; content:" "; display:block; width:30px; height:30px; border-radius:25px; margin-top:-10px; } .wpsg_progress span.step1:before { content:""; } .wpsg_progress span.step2:before { content:""; } .wpsg_progress span.step3:before { content:""; } @@ -583,12 +584,12 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_progress span.done > .dot {background-color:#F2F2F2; } .wpsg_progress span.current:after, .wpsg_progress span.done:after { content:" "; background-color:#C5C5C5; width:100%; height:10px; display:block; top:0px; position:absolute; } -.wpsg_progress span.current:after { width:50%; } - +.wpsg_progress span.current:after { width:50%; } + /* Modul "CrowdFunding" */ .wpsg_mod_funding_progress .wpsg_mod_funding_state { border:1px solid #C5C5C5; margin-bottom:1rem; box-sizing:border-box; width:100%; height:25px; line-height:25px; } -.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar { width:90%; float:left; height:100%; display:table; } -.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar > .value { background-color:#484C51; height:100%; width:0%; } +.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar { width:90%; float:left; height:100%; display:table; } +.wpsg_mod_funding_progress .wpsg_mod_funding_state > .bar > .value { background-color:#484C51; height:100%; width:0%; } .wpsg_mod_funding_progress .wpsg_mod_funding_state > .value { width:10%; height:100%; border-left:1px solid #C5C5C5; float:right; text-align:center; } /* Modul "Produktansichten" */ @@ -604,7 +605,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_mod_productview-order { font-size:14px; color:#9B9B9B; } .wpsg_mod_productview-order .glyphicon { margin-left:10px; margin-right:5px; } .wpsg_mod_productview-order strong { color:#29556E; font-weight:bold; float:right; } -.wpsg_mod_productview_image { position:relative; } +.wpsg_mod_productview_image { position:relative; } .wpsg_mod_productview_image img { max-width:100%; height:auto; border:1px solid #E4F3F8; } .wpsg_productview_pager { width:100%; border-top:1px solid #E4F3F8; border-bottom:1px solid #E4F3F8; margin-bottom:25px; margin-top:10px; padding-top:25px; padding-bottom:25px; text-align:center; } .wpsg_productview_pager .wpsg_productview_pager_wrap { display:inline-block; margin:auto; } @@ -616,10 +617,10 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_description { color:#436980; line-height:20px; font-size:14px; margin-bottom:5px; } .wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button { left:50%; margin-left:-90px; width:180px; position:absolute; bottom:0px; white-space:nowrap; padding:5px 25px 5px 25px; border:1px solid #A6DAE8; font-weight:bold; text-transform:uppercase; color:#29556E; } .wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button:hover { text-decoration:none; background-color:#29556E; color:#FFFFFF; } -.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button .fa { margin-left:10px; } +.wpsg_productview_product .wpsg_mod_productview_bottom .wpsg_mod_productview_button .fa { margin-left:10px; } .wpsg_productview_product .wpsg_mod_productview_go { display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(228, 243, 248, 0.75); text-align:center; } .wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap { color:#0F303F; width:100%; position:absolute; left:50%; margin-left:-50%; top:30%; font-size:20px; line-height:125%; font-weight:bold; } -.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap .wpsg_mod_productview_oldprice, +.wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap .wpsg_mod_productview_oldprice, .product_wrap .productdetails .oldprice { text-decoration:line-through; } .wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_price_wrap .wpsg_mod_productview_current { color:red; } .wpsg_productview_product .wpsg_mod_productview_go .wpsg_mod_productview_tax_wrap { color:#565656; width:100%; position:absolute; left:50%; margin-left:-50%; top:60%; font-size:14px; line-height:125%; } @@ -629,7 +630,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_productview_product_grid .wpsg_mod_productview_name h2 { margin-top:0px; } .wpsg_mod_productview_loading { width:100%; height:100%; background-color:rgba(249, 252, 253, 0.75); position:absolute; left:0px; top:0px; } .wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range { position:relative; margin-right:16px; } -.wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range .ui-slider-handle { cursor:pointer; width:16px; height:16px; background-color:#787878; position:absolute; } +.wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range .ui-slider-handle { cursor:pointer; width:16px; height:16px; background-color:#787878; position:absolute; } .wpsg_mod_productview_filter #wpsg_mod_productview_filter_price-range .ui-slider-bg { margin-left:16px; background-color:#E1E1E1; width:100%; height:2px; position:absolute; top:8px; } .wpsg_mod_productview-order { position:relative; cursor:pointer; } .wpsg_mod_productview-order-layer { position:absolute; width:100%; display:none; margin-top:5px; left:0px; z-index:1; } @@ -642,16 +643,16 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max /* Produktübersicht */ .wpsg_mod_productview_oldprice { font-size:0.9em; color:#ff0000; text-decoration:line-through; } .wpsg_mod_productview_newprice { font-size:1em; font-weight:bold; } - + /* Dialog für Meldungen wenn nicht auf einer Shop Seite / Warenkorbmeldung BEGIN */ #wpsg_ajax_layer { position:fixed; z-index:1000; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); display:flex; justify-content:center; align-items:center; } #wpsg_ajax_layer .wpsg_ajax_message_content { background-color:#FFFFFF; padding:1.5rem; text-align:center; } #wpsg_ajax_layer .wpsg_ajax_message_content li { list-style:none; } @media screen and (max-width: 320px) { - + #wpsg_ajax_layer .wpsg_ajax_message_content { width:300px; } - + } /* Dialog für Meldungen wenn nicht auf einer Shop Seite / Warenkorbmeldung ENDE */ @@ -665,7 +666,7 @@ html body .wpsg_product_garan_wrap a.wpsg_product_garan img { display:block; max .wpsg_produkt_wrapper2 .wpsg_produkt_produktbilder img { width:230px !important; height:230px; object-fit:cover; object-position:50% 50%; max-width:none; float:left; } .wpsg_produkt_wrapper2 .wpsg_produkt_produktbilder { width:260px; max-width:260px; } .wpsg_produkt_wrapper2 .wpsg_productimages { margin-right:0px !important; } -.wpsg_produkt_wrapper2 .bigimg img { margin:0 15px 15px 15px; width:100px; height:auto; float:left; } +.wpsg_produkt_wrapper2 .bigimg img { margin:0 15px 15px 15px; width:100px; height:auto; float:left; } /* wpsg_mod_amazon_v2 */ #AmazonPayButton_wrap { text-align:right; margin-bottom:2rem; width:100%; justify-content:flex-end; display:flex; } -- cgit v1.2.3