summaryrefslogtreecommitdiff
path: root/StoneIsland/platforms/ios/www/css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/platforms/ios/www/css')
-rw-r--r--StoneIsland/platforms/ios/www/css/account.css66
-rw-r--r--StoneIsland/platforms/ios/www/css/blogs.css24
-rw-r--r--StoneIsland/platforms/ios/www/css/cart.css151
-rw-r--r--StoneIsland/platforms/ios/www/css/nav.css13
-rw-r--r--StoneIsland/platforms/ios/www/css/products.css43
5 files changed, 198 insertions, 99 deletions
diff --git a/StoneIsland/platforms/ios/www/css/account.css b/StoneIsland/platforms/ios/www/css/account.css
index 3c04e1b1..7e709197 100644
--- a/StoneIsland/platforms/ios/www/css/account.css
+++ b/StoneIsland/platforms/ios/www/css/account.css
@@ -51,6 +51,64 @@
display: block;
}
+#order_list {
+ width: calc(100vw - 40px);
+ position:relative;
+ margin:0 auto;
+ box-sizing:border-box;
+}
+
+#order_list .list {
+ padding:15px 0;
+ position:relative;
+}
+
+.images:after {
+ content:'';
+ width:calc(100% + 100px);
+ height:1px;
+ background:#bbb;
+ position:absolute;
+ bottom:0;
+ left:-50px;
+}
+
+.details-container {
+ position:relative;
+ font-weight:bold;
+ letter-spacing:0.2px;
+ font-size:11px;
+ margin-bottom:10px;
+ width:100%;
+ box-sizing:border-box;
+}
+
+.details-container .details {
+ position:absolute;
+ display:block;
+ bottom:0;
+ right:0;
+ box-sizing:border-box;
+}
+
+.details-container .txt {
+ position:relative;
+ display:block;
+ bottom:0;
+ left:0;
+ box-sizing:border-box;
+}
+
+.details-container .txt span {
+ display:block;
+ box-sizing:border-box;
+}
+
+#orders .item img {
+ max-width:120px;
+ box-sizing:border-box;
+}
+
.settings #settings { display: block }
#settings {
display: none;
@@ -58,6 +116,8 @@
+
+
form h2 {
text-align: center;
margin: 0;
@@ -223,7 +283,7 @@ input.switch:checked + label:after {
}
.container-fill {
- min-height:40px;
+ min-height:50px;
flex: 1;
align-items: center;
justify-content: center;
@@ -272,7 +332,7 @@ input.switch:checked + label:after {
width:calc(100vw - 10px);
display:table;
box-sizing:border-box;
- margin:0 auto 5px;
+ margin:0 auto;
}
.checkbox-toggle {
@@ -294,7 +354,7 @@ input.switch:checked + label:after {
}
.checkbox-row {
- margin:12px 0;
+ margin:6px 0 0;
box-sizing:border-box;
}
diff --git a/StoneIsland/platforms/ios/www/css/blogs.css b/StoneIsland/platforms/ios/www/css/blogs.css
index 0b9f8eed..f18b27f8 100644
--- a/StoneIsland/platforms/ios/www/css/blogs.css
+++ b/StoneIsland/platforms/ios/www/css/blogs.css
@@ -105,7 +105,7 @@
/* NOTE: optional arrows */
-.gallery-multiple-images::before {
+.gallery-left {
border:1px solid black;
background:rgba(255,255,255,1);
background-image:url(../img/left-arrow.png);
@@ -114,7 +114,7 @@
background-position:center;
width:15px;
height:30px;
- top:50%;
+ top:26vh;
content:'';
transform:translateY(-50%);
transform-origin:top right;
@@ -126,7 +126,7 @@
display:block;
}
-.gallery-multiple-images::after {
+.gallery-right {
border:1px solid black;
background:rgba(255,255,255,1);
background-image:url(../img/right-arrow.png);
@@ -135,7 +135,7 @@
background-position:center;
width:15px;
height:30px;
- top:50%;
+ top:26vh;
content:'';
transform:translateY(-50%);
transform-origin:top right;
@@ -246,7 +246,6 @@ ul.links {
}
#archive .menu .items {
width: 100%;
-
}
#archive .menu .item:first-of-type {
border-top: 1px solid black;
@@ -256,9 +255,9 @@ ul.links {
text-align: center;
border-bottom: 1px solid black;
background: white;
- padding:12px 0;
- font-size:14px;
- letter-spacing:0.7px
+ padding:12px 0;
+ font-size:14px;
+ letter-spacing:0.7px
}
#archive .scroll {
@@ -268,7 +267,8 @@ ul.links {
#archive .row {
position: relative;
min-height: 80vh;
- perspective: 500;
+ -webkit-perspective: 500px;
+ perspective: 500px;
}
#archive .row .image {
width: 100%; height: 100%;
@@ -276,6 +276,12 @@ ul.links {
background-size: 80% auto;
background-position: center center;
}
+#archive .row.loading .image {
+ background-repeat: no-repeat;
+ background-size: auto auto;
+ background-position: center center;
+ background-image: url('../img/spinner.gif') !important;
+}
#archive .row .text {
width: 80%;
}
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
diff --git a/StoneIsland/platforms/ios/www/css/nav.css b/StoneIsland/platforms/ios/www/css/nav.css
index 61834f8b..a75fb35c 100644
--- a/StoneIsland/platforms/ios/www/css/nav.css
+++ b/StoneIsland/platforms/ios/www/css/nav.css
@@ -142,16 +142,16 @@ padding-bottom:0px;
width: 200px;
padding: 50px;
text-align: center;
- font-size: 20px;
+ font-size: 17px;
}
#intro #compass {
pointer-events: none;
background-image: url(../img/compass-logo.png);
background-repeat: no-repeat;
background-position: center center;
- background-size: 250px 250px;
- width: 250px;
- height: 250px;
+ background-size: 230px 230px;
+ width: 230px;
+ height: 230px;
padding: 0px;
border-radius: 50%;
}
@@ -334,3 +334,8 @@ h1 {
letter-spacing: 1px;
font-weight: bold;
}
+
+.msg {
+ padding: 20px;
+ display: inline-block;
+}
diff --git a/StoneIsland/platforms/ios/www/css/products.css b/StoneIsland/platforms/ios/www/css/products.css
index 78d02811..82c7c36c 100644
--- a/StoneIsland/platforms/ios/www/css/products.css
+++ b/StoneIsland/platforms/ios/www/css/products.css
@@ -181,46 +181,9 @@
}
-#product #gallery::before {
- border:1px solid black;
- background:rgba(255,255,255,1);
- background-image:url(../img/left-arrow.png);
- background-size:5px 10px;
- background-repeat:no-repeat;
- background-position:center;
- width:15px;
- height:30px;
- top:50%;
- content:'';
- transform:translateY(-50%);
- transform-origin:top right;
- left:20px;
- font-size:18px;
- padding:3px 3px 3px 1px;
- z-index:999;
- position:absolute;
- display:block;
-}
-
-#product #gallery::after {
- border:1px solid black;
- background:rgba(255,255,255,1);
- background-image:url(../img/right-arrow.png);
- background-size:5px 10px;
- background-repeat:no-repeat;
- background-position:center;
- width:15px;
- height:30px;
- top:50%;
- content:'';
- transform:translateY(-50%);
- transform-origin:top right;
- right:20px;
- font-size:18px;
- padding:3px 1px 3px 3px;
- z-index:999;
- position:absolute;
- display:block;
+#product .gallery-prev,
+#product .gallery-next {
+ top: 26vh;
}
#product .content .body {
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-21 02:45:36 +0000