diff options
Diffstat (limited to 'StoneIsland/platforms/android/assets/www/css')
4 files changed, 86 insertions, 46 deletions
diff --git a/StoneIsland/platforms/android/assets/www/css/account.css b/StoneIsland/platforms/android/assets/www/css/account.css index fa4243c1..fbb960d0 100755 --- a/StoneIsland/platforms/android/assets/www/css/account.css +++ b/StoneIsland/platforms/android/assets/www/css/account.css @@ -206,9 +206,11 @@ input[type=text], input[type=password], input[type=number], input[type=email] { } input.switch { - max-height: 0; - max-width: 0; - opacity: 0; + height: 50px; + width: 50px; + opacity: 0; + z-index: 9999999; + position: relative; } input.switch + label { @@ -220,7 +222,7 @@ input.switch + label { border-radius: 15px; position: absolute; top: 50%; - left: 0; + left: 25px; transform: translateX(-50%) translateY(-50%); } @@ -295,7 +297,7 @@ input.switch:checked + label:after { text-align:center; width:calc(100vw - 10px); box-sizing:border-box; - margin:12px auto; + margin:10px auto; position:relative } @@ -343,8 +345,11 @@ input.switch:checked + label:after { } .checkbox-toggle input { - width:25px; height:35px; - opacity:0; + width: 50px; + height: 35px; + opacity: 0; + z-index: 99999; + position: relative; } .checkbox-caption { @@ -408,7 +413,11 @@ input.switch:checked + label:after { } .privacy-msg { - text-align: center; + left: 50%; + display: inline-block; + position: relative; + transform: translateX(-50%); + padding-top: 15px; } .select-wrapper { diff --git a/StoneIsland/platforms/android/assets/www/css/blogs.css b/StoneIsland/platforms/android/assets/www/css/blogs.css index c45658a0..7af45c4f 100755 --- a/StoneIsland/platforms/android/assets/www/css/blogs.css +++ b/StoneIsland/platforms/android/assets/www/css/blogs.css @@ -23,10 +23,11 @@ text-decoration: underline; } #story .content > div { - display: none; +display:none; } #story .content div.active { - display: block; +display:block; +animation: mfadein 0.6s; } .hub #hub { display: block } @@ -99,7 +100,7 @@ .content-share { border:1px solid black; - padding:4px 8px; + padding:4px 8px 2px; float:right } @@ -125,7 +126,7 @@ left:20px; font-size:18px; padding:3px 3px 3px 1px; - z-index:999; + z-index:2; position:absolute; display:block; } @@ -146,7 +147,7 @@ right:20px; font-size:18px; padding:3px 1px 3px 3px; - z-index:999; + z-index:2; position:absolute; display:block; } @@ -278,13 +279,13 @@ ul.links { #archive .scroll { top: 0; left: 0; - height: 100%; + height: calc(100% - 125px); } #archive .row:first-of-type { margin-top: 7em; } #archive .row:last-of-type { - margin-bottom: 10em; + margin-bottom: 150px; } #archive .row { position: relative; @@ -310,23 +311,23 @@ ul.links { } .gallery-video-post { -position:relative; + position:relative; } .gallery-video-post .play { -width:60px; -height:60px; -border-radius:100px; -background:white; -box-shadow:0px 0px 2px #000; -position:absolute; -transform:translateY(-50%) translateX(-50%); -top:50%; -left:50%; + width:60px; + height:60px; + border-radius:100px; + background:white; + box-shadow:0px 0px 2px #000; + position:absolute; + transform:translateY(-50%) translateX(-50%); + top:50%; + left:50%; } .gallery-video-post .play:before { -content:''; + content:''; width: 0; height: 0; border-top: 8px solid transparent; @@ -338,3 +339,6 @@ content:''; transform:translateY(-50%) translateX(-50%); } +#archive { + box-sizing:border-box +} diff --git a/StoneIsland/platforms/android/assets/www/css/nav.css b/StoneIsland/platforms/android/assets/www/css/nav.css index a75fb35c..923dd85f 100755 --- a/StoneIsland/platforms/android/assets/www/css/nav.css +++ b/StoneIsland/platforms/android/assets/www/css/nav.css @@ -29,7 +29,7 @@ -webkit-transform: translateZ(0) translateX(249px); } #nav .logo { - background-image: url(../img/wide-logo.png); + background-image: url(../img/small-logo.png); background-repeat: no-repeat; background-position: center center; background-size: contain; @@ -103,7 +103,7 @@ #nav-container { display:flex; - height:calc(100% - 40px); + height:calc(100vh - 40px); width:100%; position:absolute; flex-direction: column; @@ -185,19 +185,20 @@ padding-bottom:0px; border-bottom: 1px solid black; } #header .logo { - background-image: url(../img/wide-logo.png); + background-image: url(../img/small-logo.png); background-repeat: no-repeat; background-position: center center; position: absolute; background-size: contain; - width: 120px; height: 40px; + width: 100px; height: 40px; left: 50%; top: -4px; - margin-left: -60px; + margin-left: -50px; + top:0px; } #header .burger { display: inline-block; font-size: 24px; - padding: 6px 10px; + padding: 9px 10px 5px; } #header .cart { @@ -207,9 +208,12 @@ padding-bottom:0px; top: 15px; height: 18px; margin-right:18px; - border: 1px solid #a9a9a9; + background: #fff; + background-image:url(../img/cart-box.png); + background-size:100%; + background-repeat:no-repeat; position: relative; - background: #fff; + } .cart .cart_count { @@ -217,18 +221,25 @@ padding-bottom:0px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); - color: #a9a9a9; - font-size:13px + color: #bbb; + font-size:12.35px; } .cart::before { position: absolute; - content: '\25E0'; - left:50%; - transform:translateX(-50%); - color:#a9a9a9; - font-size:20px; - top:calc(-100%); + content: ''; + left: 50%; + transform: translateX(-50%); + color: #a9a9a9; + background-image: url(../img/small-cart-handle.png); + font-size: 20px; + background-size: 16px 8px; + background-repeat: no-repeat; + background-position: center; + width: 16px; + height: 8px; + top: calc(-50%); + opacity: 0.3; } #footer { @@ -291,16 +302,19 @@ padding-bottom:0px; #selector { display: none; - width: 100%; - position: absolute; bottom: 0; left: 0; + position: absolute; background: #fff; z-index: 2; + width:100%; + box-sizing:border-box } #selector .options div { width: 100%; background: white; text-align: center; - padding: 5px; + padding: 8px; + + box-sizing:border-box; font-size: 14px; } diff --git a/StoneIsland/platforms/android/assets/www/css/products.css b/StoneIsland/platforms/android/assets/www/css/products.css index 82c7c36c..bc215573 100755 --- a/StoneIsland/platforms/android/assets/www/css/products.css +++ b/StoneIsland/platforms/android/assets/www/css/products.css @@ -141,10 +141,12 @@ .style-share { letter-spacing:0.5px; + font-size:12.35px } .size-color { - position:relative + position:relative; + font-size:12.35px } .type-price, .style-share { @@ -195,6 +197,17 @@ padding:13px 0; } +#collection .content { +position:relative; +padding-top:45px; +padding-bottom:45px; +} + #collection h1 { background:white } + +#selector { +z-index:9 +} + |