diff options
Diffstat (limited to 'StoneIsland/platforms/ios/www/css/cart.css')
| -rw-r--r-- | StoneIsland/platforms/ios/www/css/cart.css | 151 |
1 files changed, 108 insertions, 43 deletions
diff --git a/StoneIsland/platforms/ios/www/css/cart.css b/StoneIsland/platforms/ios/www/css/cart.css index 52b2a4cb..9fbc54b3 100644 --- a/StoneIsland/platforms/ios/www/css/cart.css +++ b/StoneIsland/platforms/ios/www/css/cart.css @@ -19,7 +19,7 @@ position:relative; } .summary_step, .shipping_step { -border-right: 1px solid #bbb + border-right: 1px solid #bbb } #cart.summary .summary_step, @@ -32,8 +32,9 @@ border-right: 1px solid #bbb #cart_shipping, #cart_payment, #cart_confirm, -#cart_thanks { - height: calc(100vh - 195px); +#cart_thanks, +#cart_error { + height: calc(100vh - 187px); overflow: hidden; position: relative; } @@ -71,10 +72,24 @@ border-right: 1px solid #bbb display: none; } -#cart.thanks #cart_thanks { display: block } #cart_thanks { display: none; } +#cart_error { + display: none; +} +#cart.thanks #cart_thanks, +#cart.error #cart_error { + display: flex; + align-items: center; + justify-content: center; +} +#cart .copy { + min-height:50px; + max-width: 50%; + text-align: center; + font-size: 18px; +} .summary-container { top:0px; @@ -87,6 +102,7 @@ border-right: 1px solid #bbb #cart h3 { padding-left: 5px; + font-size:12px; } .cart_item_row { @@ -112,10 +128,10 @@ box-sizing:border-box .cart_item_image img { max-width:calc(33vw - 25px); +padding-right:30px; } .cart_item_info { -padding-left:30px; padding-bottom:5px; position:relative; width:100% @@ -152,69 +168,109 @@ transform:rotate(45deg) translateX(-50%) translateY(-50%) } .cart_item_price .remove:before { -content:''; -width:1px; -height:22px; -background:#bbb; -position:absolute; -top:50%; -left:50%; -z-index:3; -transform-origin:top left; -transform:rotate(-45deg) translateX(-50%) translateY(-50%) + content:''; + width:1px; + height:22px; + background:#bbb; + position:absolute; + top:50%; + left:50%; + z-index:3; + transform-origin:top left; + transform:rotate(-45deg) translateX(-50%) translateY(-50%) } .cart_item_price .price { -font-size:11px; -font-weight:bold; -display:block + font-size:11px; + font-weight:bold; + display:block } .cart_item_info .sku { -font-size:10px; -font-weight:bold; -display:block + font-size:10px; + font-weight:bold; + display:block } .cart_item_info .title { -font-size:10px; -font-weight:bold; -display:block; -line-height:12px; -text-transform:uppercase; + font-size:10px; + font-weight:bold; + display:block; + line-height:12px; + text-transform:uppercase; } .cart_item_info .type { -font-size:10px; -font-weight:bold; -display:block; -text-transform:capitalize; + font-size:10px; + font-weight:bold; + display:block; + text-transform:capitalize; } .cart_item_info .meta { -padding-top:5px; -letter-spacing:.75px; -font-size:8px; + padding-top:5px; + letter-spacing:.75px; + font-size:8px; +} + +.order_section .rows { + width:calc(100vw - 30px); + margin:0 auto; +} + +.order_section h2 { + width:calc(100vw - 30px); + margin:15px auto; + text-decoration:underline; + font-size:11px; +} + +.order_section_container { + width:calc(100vw - 30px); + margin:15px auto 2px; } .cart-summary { -width:calc(100vw - 30px); -margin:0 auto; -display:table; -color:#bbb; -font-size:11px; + width:calc(100vw - 30px); + margin:0 auto; + display:table; + color:#bbb; + font-size:11px; } .cart-summary-row { -display:table-row; + display:table-row; } .cart-summary span { -display:table-cell; -padding-top:20px; -vertical-align:bottom; + display:table-cell; + padding-top:20px; + vertical-align:bottom; +} + +.order_section .cart-summary-row span { + padding-top:1px; } +.order_section .cart-summary { + padding-top:15px; +} + +.order_section .cart-summary-row:last-child > span { + padding-top:15px!important; + font-weight:bold!important; +} + +.order_section .cart-summary .cart-summary-row span:nth-of-type(2) { + color:#000; +} + +#orders .order_section { + padding-bottom: 16px; + border-bottom: 1px solid #bbb; +} + + .cart-summary-row span:not(.label) { text-align:right } @@ -289,5 +345,14 @@ color:#000; } #cart_shipping h3 { -margin-left:5px; + margin-left:5px; + margin-bottom:6px; } + +#cart_shipping input:first-child { + margin-top:10px +} + +#cart_shipping .half-input input { + margin-top:0px +}
\ No newline at end of file |
