summaryrefslogtreecommitdiff
path: root/StoneIsland/platforms/ios/www/css/cart.css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/platforms/ios/www/css/cart.css')
-rw-r--r--StoneIsland/platforms/ios/www/css/cart.css151
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