Basket responsive

git-svn-id: https://[internal]/wordpress/plugins/wpsg4@6330 0d5edaf7-2b12-4e95-93f4-047927463d4b

1 files changed, 42 insertions, 2 deletions

diff --git a/views/css/frontend.css b/views/css/frontend.css
index 9ec60ef..6ec4044 100644
--- a/views/css/frontend.css
+++ b/views/css/frontend.css
@@ -31,8 +31,42 @@ input.wpsg_error { border-color:red !important; }
 .basket_product_wrap .basket_product_row .productimage { max-width:150px; padding-right:0.75em; }

 .basket_product_wrap .basket_product_row .product_content { width:100%; display:flex; flex-direction:column; justify-content:space-between; }

 .basket_product_wrap .basket_product_row .product_action { display:flex; width:100%; justify-content:space-between; align-items:center; }

-.basket_product_wrap .basket_product_row .product_action .amount { margin-top:0.5em; margin-bottom:0.5em; }

-.basket_product_wrap .basket_product_row .product_action .price_total { font-weight:bold; }

+.basket_product_wrap .basket_product_row .product_action .amount { width:80px; margin-top:0.5em; margin-bottom:0.5em; text-align:center;}

+.basket_product_wrap .basket_product_row .product_action .title { width: 60%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }

+.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; }

+.basket_product_wrap .basket_product_row .product_info .titlep { width: 20%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }

+.basket_product_wrap .basket_product_row .product_info .title { width: 30%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }

+.basket_product_wrap .basket_product_row .product_info .valuel { width: 50%; display:inline-block; font-weight:normal; text-align:left; }

+.basket_product_wrap .basket_product_row .product_info .valuer { width: 50%; display:inline-block; font-weight:normal; text-align:right; }

+.basket_product_wrap .basket_product_row .product_info .fulll { width: 80%; display:inline-block; font-weight:normal; text-align:left; }

+.basket_product_wrap .basket_product_row .product_info .dummyr { width: 19%; display:inline-block; font-weight:normal; text-align:right; }

+.basket_product_wrap .basket_product_row .product_info .dummy { flex-grow:1; width:90px; }

+.basket_product_wrap .basket_product_row .product_info .dummyp { flex-grow:1; width:110px; }

+.basket_sum_wrap .basket_sum_row { display:flex; width:100%; justify-content:space-between; align-items:center; }

+.basket_sum_wrap .basket_sum_row .title { width: 60%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }

+.basket_sum_wrap .basket_sum_row .title2 { width: 80%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }

+.basket_sum_wrap .basket_sum_row .value { width: 20%; display:inline-block; font-weight:normal; text-align:right; }

+.basket_sum_wrap .basket_sum_row .valuel { width: 20%; display:inline-block; font-weight:normal; text-align:left; }

+.basket_sum_wrap .basket_sum_row .sum { width: 20%; display:inline-block; font-weight:bold; text-align:right; }

+.basket_sum_wrap .basket_sum_row .delgs { width: 20%; display:inline-block; font-weight:normal; text-align:right; }

+.basket_sum_wrap .basket_sum_row .codegs { width: 34%; display:inline-block; font-weight:normal; text-align:left; }

+.basket_sum_wrap .basket_sum_row .codegsl { width: 33%; display:inline-block; font-weight:normal; text-align:left; }

+.basket_sum_wrap .basket_sum_row .codegsr { width: 33%; display:inline-block; font-weight:normal; text-align:right; }

+.basket_sum_wrap .basket_sum_row .colgsl { width: 20%; display:inline-block; font-weight:normal; text-align:left; }

+.basket_sum_wrap .basket_sum_row .colgsr { width: 20%; display:inline-block; font-weight:normal; text-align:right; }

+.basket_sum_wrap .basket_sum_row .titlegs { width: 80%; display:inline-block; margin-top:0.3em; margin-bottom:0.3em; }

+.basket_sum_wrap .wpsg_mod_basketteaser_row { display:flex; width:100%; justify-content:space-between; align-items:center; }

+.basket_sum_wrap .wpsg_mod_basketteaser_row .valuer { width: 20%; display:inline-block; font-weight:normal; text-align:right; }

+.basket_sum_wrap .wpsg_mod_basketteaser_row .valuel { width: 20%; display:inline-block; font-weight:normal; text-align:left; }

+

+.wpsg_basket .wpsg_basket_removelink { float:right; text-decoration:none; border:0px !important; }

+.wpsg_basket .wpsg_checkoutbutton { float:right; }

+.wpsg_basket .wpsg_cell_gesamtsumme_value { font-weight:bold; }

+.wpsg_basket .wpsg_refreshbutton, .wpsg_basketbutton { float:left; }

+.wpsg_basket .wpsg_basket_weiter_shoppen2 {background:#1a1a1a none repeat scroll 0 0; border:0 none; border-radius:2px; color:#fff; font-weight:700; line-height:1; text-transform:uppercase; padding:0.85em 0.875em 0.78em;}

+

 

 /* Checkout + Request*/

 .wpsg_checkout .wpsg_checkoutblock { width:100%; clear:both; margin-bottom:2px; position:relative; width:100%; }

@@ -137,6 +171,12 @@ input.wpsg_error { border-color:red !important; }
 .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;

+}

 

 @media (max-width:400px) {