diff options
Diffstat (limited to 'StoneIsland/platforms/android/assets/www/css')
4 files changed, 99 insertions, 15 deletions
diff --git a/StoneIsland/platforms/android/assets/www/css/account.css b/StoneIsland/platforms/android/assets/www/css/account.css index da710fd7..32c7df79 100755 --- a/StoneIsland/platforms/android/assets/www/css/account.css +++ b/StoneIsland/platforms/android/assets/www/css/account.css @@ -155,7 +155,6 @@ input[type=text], input[type=password], input[type=number], input[type=email] { display: block; margin-top: 4px; width: calc(100vw - 10px); - border: 1px solid #a9a9a9; overflow: auto; } @@ -165,7 +164,8 @@ input[type=text], input[type=password], input[type=number], input[type=email] { border:none; box-sizing: border-box; float: left; - width: 50%; + border: 1px solid #a9a9a9; + width: 50%; } .half-input > input:first-child { @@ -306,6 +306,11 @@ input.switch:checked + label:after { min-height:38px!important; } +#cart .container-fill, +#shipping .container-fill { + margin-bottom: 50vh; +} + .container-row .container-message { color:#000; text-align:center; @@ -365,11 +370,11 @@ input.switch:checked + label:after { } .checkbox-toggle input { - width: 45px; - height: 35px; - opacity: 0; - z-index: 99999; - position: relative; + width: 45px; + height: 35px; + opacity: 0; + z-index: 99999; + position: relative; } .checkbox-caption { @@ -378,6 +383,10 @@ input.switch:checked + label:after { box-sizing:border-box; } +.billing-container .checkbox-caption { + text-transform: uppercase; +} + .checkbox-row { margin:6px 0 0; box-sizing:border-box; @@ -433,12 +442,15 @@ input.switch:checked + label:after { } .privacy-msg { - left: 50%; - display: inline-block; - position: relative; - transform: translateX(-50%); - padding-top: 15px; - padding-bottom: 80px; + left: 50%; + display: inline-block; + position: relative; + transform: translateX(-50%); + padding-top: 15px; + padding-bottom: 80px; +} +.privacy-msg a { + color: black; } .select-wrapper { @@ -465,11 +477,15 @@ input.switch:checked + label:after { .half-input .select-wrapper { width: 50%; border: 0; - margin-top: -1px; + margin-top: 0px; float: left; + box-sizing: border-box; + border: 1px solid #a9a9a9; + border-left: 0px; } + .half-input .select-wrapper span { - top: 9px; + top: 8px; color: #aaa; } .select-wrapper [type=date] { @@ -506,8 +522,11 @@ input.switch:checked + label:after { .country-wrapper-static { text-align: center; color: #a9a9a9; + border: 1px solid; padding-top: 9px; font-size: 14px; + height: 35px; + box-sizing: border-box; } .container-row input:first-child { diff --git a/StoneIsland/platforms/android/assets/www/css/blogs.css b/StoneIsland/platforms/android/assets/www/css/blogs.css index 4823fbef..bf5ab68f 100755 --- a/StoneIsland/platforms/android/assets/www/css/blogs.css +++ b/StoneIsland/platforms/android/assets/www/css/blogs.css @@ -43,6 +43,7 @@ animation: mfadein 0.6s; /* FAQ */ .privacy #privacy { display: block } +.account_terms #account_terms { display: block } .terms #terms { display: block } .returns #returns { display: block } .care #care { display: block } diff --git a/StoneIsland/platforms/android/assets/www/css/cart.css b/StoneIsland/platforms/android/assets/www/css/cart.css index 58e712b0..7619a82b 100755 --- a/StoneIsland/platforms/android/assets/www/css/cart.css +++ b/StoneIsland/platforms/android/assets/www/css/cart.css @@ -72,6 +72,13 @@ display: none; } +#cart_confirm .shipping_address, +#cart_confirm .shipping_method, +#cart_confirm .payment_name, +#cart_confirm .payment_method { + width: calc(100vw - 30px); + margin: 0 auto; +} #cart_thanks { display: none; } diff --git a/StoneIsland/platforms/android/assets/www/css/nav.css b/StoneIsland/platforms/android/assets/www/css/nav.css index a2448b0e..b7002f20 100755 --- a/StoneIsland/platforms/android/assets/www/css/nav.css +++ b/StoneIsland/platforms/android/assets/www/css/nav.css @@ -314,11 +314,68 @@ padding-bottom:0px; #curtain.dark { background: rgba(72,72,72,0.8); } +#curtain.opaque { + background: #ddd; +} #curtain.loading .loader { display: block; } +/* MODAL */ + +.modal { + position: absolute; + top: 50%; left: 50%; + transform: translate3d(-50%, -50%, 0); + max-width: 95vw; + background: white; + box-sizing: border-box; + padding: 40px 20px; + box-shadow: 0 2px 2px #ddd; + opacity: 0; + pointer-events: none; + transition: all 0.2s; +} +.modal.visible { + opacity: 1; + pointer-events: auto; +} + +/* CONSENT MODAL */ +#consent_modal { + display: none; + z-index: 2; +} +#consent_modal a { + color: black; +} +.modal button { + font-family: pfd, sans-serif; + font-size: 12px; + padding: 10px; + box-sizing: border-box; + margin: 0; + border: 1px solid; + color: black; + background: white; + margin-top: 20px; + width: 100px; +} +#consent_proceed { + display: inline-block; + background: black; + color: white; + border-color: black; +} +#consent_error { + opacity: 0; + color: red; + transition: 0.3s all; +} +#consent_error.visible { + opacity: 1; +} /* SELECTOR */ #selector { |