diff options
Diffstat (limited to 'StoneIsland/platforms/ios/www/css')
| -rwxr-xr-x | StoneIsland/platforms/ios/www/css/account.css | 14 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/css/blogs.css | 8 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/css/nav.css | 40 | ||||
| -rwxr-xr-x | StoneIsland/platforms/ios/www/css/products.css | 4 |
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 { |
