diff options
Diffstat (limited to 'StoneIsland/www/css')
| -rwxr-xr-x | StoneIsland/www/css/account.css | 28 | ||||
| -rwxr-xr-x | StoneIsland/www/css/nav.css | 6 |
2 files changed, 20 insertions, 14 deletions
diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css index fd5283e0..4f9903e1 100755 --- a/StoneIsland/www/css/account.css +++ b/StoneIsland/www/css/account.css @@ -163,7 +163,10 @@ input[type=text], input[type=password], input[type=number], input[type=email] { .half-input { margin: 0px auto; - display: block; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; margin-top: 4px; width: calc(100vw - 10px); overflow: auto; @@ -310,10 +313,12 @@ input.switch:checked + label:after { .container-fill { min-height:80px; + display: flex; flex: 1; align-items: center; justify-content: center; position:relative; + flex-direction: column; } .container-fill-condensed { @@ -331,14 +336,14 @@ input.switch:checked + label:after { width:calc(100vw - 10px); box-sizing:border-box; margin:10px auto 0; - position:relative + position:relative; } .container-row .container-message-condensed { margin: 2px auto!important } .container-fill .container-message { - font-size:16px; + font-size:14px; letter-spacing:0.5px; text-align:center; position:absolute; @@ -457,10 +462,6 @@ input.switch:checked + label:after { } .privacy-msg { - left: 50%; - display: inline-block; - position: relative; - transform: translateX(-50%); padding-top: 15px; padding-bottom: 80px; } @@ -490,18 +491,23 @@ input.switch:checked + label:after { display: block; } .half-input .select-wrapper { + display: flex; + align-items: center; + justify-content: center; width: 50%; border: 0; margin-top: 0px; float: left; box-sizing: border-box; border: 1px solid #696969; +} +.half-input .select-wrapper:nth-child(2) { border-left: 0px; } .half-input .select-wrapper span { - top: 8px; color: #aaa; + top: 0; } .select-wrapper [type=date] { opacity: 0; @@ -537,10 +543,14 @@ input.switch:checked + label:after { text-align: center; color: #696969; border: 1px solid; - padding-top: 9px; + border-left: 0; font-size: 14px; height: 48px; box-sizing: border-box; + width: 50%; + display: flex; + justify-content: center; + align-items: center; } .container-row .half-input input { diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css index 75684d2a..5c7b8a09 100755 --- a/StoneIsland/www/css/nav.css +++ b/StoneIsland/www/css/nav.css @@ -309,7 +309,7 @@ padding-bottom:0px; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; - -webkit-transform: translateZ(0) translateX(249px); + -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); } #curtain.visible { @@ -317,10 +317,6 @@ padding-bottom:0px; opacity: 1; z-index: 2; } -.nav #curtain { - -webkit-transform: translateZ(0) translateX(249px); - transform: translateZ(0) translateX(249px); -} #curtain.white { background: rgba(255,255,255,0.8); } |
