summaryrefslogtreecommitdiff
path: root/StoneIsland/www/css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/www/css')
-rwxr-xr-xStoneIsland/www/css/account.css28
-rwxr-xr-xStoneIsland/www/css/nav.css6
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);
}