summaryrefslogtreecommitdiff
path: root/StoneIsland/platforms/ios/www/css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/platforms/ios/www/css')
-rwxr-xr-xStoneIsland/platforms/ios/www/css/account.css14
-rwxr-xr-xStoneIsland/platforms/ios/www/css/blogs.css8
-rwxr-xr-xStoneIsland/platforms/ios/www/css/nav.css40
-rwxr-xr-xStoneIsland/platforms/ios/www/css/products.css4
4 files changed, 56 insertions, 10 deletions
diff --git a/StoneIsland/platforms/ios/www/css/account.css b/StoneIsland/platforms/ios/www/css/account.css
index fbb960d0..fd5ffdf6 100755
--- a/StoneIsland/platforms/ios/www/css/account.css
+++ b/StoneIsland/platforms/ios/www/css/account.css
@@ -172,7 +172,17 @@ input[type=text], input[type=password], input[type=number], input[type=email] {
border-right: 1px solid #a9a9a9;
}
-.toggle-container {
+#signup .toggle-container, #profile .toggle-container {
+ margin: 0px auto;
+ display: table;
+ margin-top: 0px;
+ width: calc(100vw - 10px);
+ box-sizing: border-box;
+ padding:0px 18px 2px;
+ font-size:14px;
+}
+
+#settings .toggle-container {
margin: 0px auto;
display: table;
margin-top: 10px;
@@ -297,7 +307,7 @@ input.switch:checked + label:after {
text-align:center;
width:calc(100vw - 10px);
box-sizing:border-box;
- margin:10px auto;
+ margin:10px auto 0;
position:relative
}
diff --git a/StoneIsland/platforms/ios/www/css/blogs.css b/StoneIsland/platforms/ios/www/css/blogs.css
index 7af45c4f..8b27dda9 100755
--- a/StoneIsland/platforms/ios/www/css/blogs.css
+++ b/StoneIsland/platforms/ios/www/css/blogs.css
@@ -129,6 +129,7 @@ animation: mfadein 0.6s;
z-index:2;
position:absolute;
display:block;
+ animation: gallery-fade 4s forwards;
}
.gallery-right {
@@ -150,8 +151,15 @@ animation: mfadein 0.6s;
z-index:2;
position:absolute;
display:block;
+ animation: gallery-fade 4s forwards;
}
+@-webkit-keyframes gallery-fade {
+ 0%{opacity:0}
+ 20%{opacity:1}
+ 78% {opacity:1}
+ 100% {opacity:0}
+}
/* NOTE: not sure if this down arrow is necessary.. the fade
might do..? what do you think? it can be removed
with javascript when the body hits the bottom of
diff --git a/StoneIsland/platforms/ios/www/css/nav.css b/StoneIsland/platforms/ios/www/css/nav.css
index c769dabd..832ec46a 100755
--- a/StoneIsland/platforms/ios/www/css/nav.css
+++ b/StoneIsland/platforms/ios/www/css/nav.css
@@ -81,7 +81,7 @@
font-size: 14px;
letter-spacing:1.25px;
color: #bbb;
- padding: 4px 0 7px 20px
+ padding: 4px 0 12px 20px
}
#nav .social {
@@ -321,20 +321,46 @@ padding-bottom:0px;
#selector {
display: none;
position: absolute;
- bottom: 0; left: 0;
background: #fff;
z-index: 2;
- width:100%;
- box-sizing:border-box
+ box-sizing:border-box;
+ min-width:100px;
+ animation: selector-spring .15s forwards;
+ animation-timing-function: cubic-bezier(.43,1,.89,.95)
}
+
+@keyframes selector-spring {
+ 0% {
+ margin-top: 15px
+ }
+ 100% {
+ margin-top: 0
+ }
+}
+
#selector .options div {
- width: 100%;
background: white;
text-align: center;
- padding: 8px;
-
+ padding: 7px 12px;
box-sizing:border-box;
font-size: 14px;
+ border-left:1px solid black;
+ border-right:1px solid black;
+ border-top:1px solid black;
+
+}
+
+#selector .options div:last-of-type {
+ border-bottom:1px solid black
+}
+
+.selector-full {
+ width: 100% !important;
+ box-sizing:border-box
+}
+
+.selector-full > div > div {
+ padding: 12px 0 !important;
}
/* CONTENT */
diff --git a/StoneIsland/platforms/ios/www/css/products.css b/StoneIsland/platforms/ios/www/css/products.css
index bc215573..52de76d0 100755
--- a/StoneIsland/platforms/ios/www/css/products.css
+++ b/StoneIsland/platforms/ios/www/css/products.css
@@ -22,6 +22,7 @@
}
#product .style {
text-transform: uppercase;
+ box-sizing:border-box
}
#product.loading #gallery,
@@ -117,7 +118,8 @@
.product .size {
padding-right:16px;
- position:relative
+ position:relative;
+ box-sizing:border-box
}
.product .price {