diff options
Diffstat (limited to 'StoneIsland/www/css')
| -rw-r--r-- | StoneIsland/www/css/account.css | 182 | ||||
| -rw-r--r-- | StoneIsland/www/css/nav.css | 20 |
2 files changed, 192 insertions, 10 deletions
diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css index a6bfe4fd..8d26ce1e 100644 --- a/StoneIsland/www/css/account.css +++ b/StoneIsland/www/css/account.css @@ -46,4 +46,184 @@ .settings #settings { display: block } #settings { display: none; -}
\ No newline at end of file +} + +form { + margin-top:20px; +} + +form h2 { + text-align: center; + margin: 0; + padding: 24px 10px 8px 10px; + font-size: 14px; + color: #000; + letter-spacing: 1px; + font-weight: bold; +} + +input { + font-family:pfd, sans-serif; + font-size:14px; + outline:none!important; + color:#000; + letter-spacing:1px; + text-transform:uppercase; + height:35px; + text-align:center; + margin: 0px auto; + display:block; + margin-top:4px; + width: calc(100vw - 10px); + border:1px solid #a9a9a9; +} + +.half-input { + margin: 0px auto; + display: block; + margin-top: 4px; + width: calc(100vw - 10px); + border: 1px solid #a9a9a9; + overflow: auto; +} + +.half-input input, .half-input select { + position: relative; + margin: 0; + border:none; + box-sizing: border-box; + float: left; + width: 50%; +} + +.half-input > input:first-child { + border-right: 1px solid #a9a9a9; +} + +.toggle-container { + margin: 0px auto; + display: table; + margin-top: 10px; + width: calc(100vw - 10px); + box-sizing: border-box; + padding:10px 18px 2px; + font-size:14px; +} + +.toggle-row { + display:block; + padding-bottom:16px; +} + +.toggle-container .caption { + display:table-cell; + vertical-align:middle; + width:100%; +} + +.toggle-container .toggle { + display:table-cell; + vertical-align:middle; + text-align:right +} + +.toggle-container h3 { + margin:0; +} + +input.switch { + max-height: 0; + max-width: 0; + opacity: 0; +} + +input.switch + label { + display: inline-block; + position: relative; + box-shadow: inset 0 0 0px 1px rgba(0,0,0,.7); + text-indent: -5000px; + height: 30px; + width: 50px; + border-radius: 15px; +} + +input.switch + label:before { + content: ""; + position: absolute; + display: block; + height: 30px; + width: 30px; + top: 0; + left: 0; + border-radius: 15px; + background: rgba(19, 191, 17, 0); + -moz-transition: .25s ease-in-out; + -webkit-transition: .25s ease-in-out; + transition: .25s ease-in-out; +} + +input.switch + label:after { + content: ""; + position: absolute; + display: block; + height: 30px; + width: 30px; + top: 0; + left: 0px; + border-radius: 15px; + background: white; + box-shadow: inset 0 0 0 1px rgba(0,0,0,.7); + -moz-transition: .25s ease-in-out; + -webkit-transition: .25s ease-in-out; + transition: .25s ease-in-out; +} + +input.switch:checked + label:before { + width: 50px; + background: #136f11; +} + +input.switch:checked + label:after { + left: 20px; + box-shadow: inset 0 0 0 1px rgba(0,0,0,.7); +} + +.container { + position:absolute; + height:calc(100% - 88px); + width:100vw; + box-sizing:border-box; + display: flex; + flex-direction: column; + margin:0; + left:0;right:0; + top:48px; +} + +.container-row { + box-sizing:border-box; +} + +.container-fill { +flex: 1; + align-items: center; + justify-content: center; + position:relative; +} + + +.container-message { + font-size:12px; + letter-spacing:0.5px; + text-align:center; + position:absolute; + top:50%; + left:50%; + width:100%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +.alert-notice { + color:red!important +} diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css index 07f62657..0b6ebe85 100644 --- a/StoneIsland/www/css/nav.css +++ b/StoneIsland/www/css/nav.css @@ -19,8 +19,8 @@ } .ios #nav, .ios #content { - top: 20px; - height: -webkit-calc(100% - 20px); + top: 8px; + height: -webkit-calc(100% - 10px); } .nav #nav { -webkit-transform: translateZ(0) translateX(0); @@ -148,9 +148,9 @@ background-position: center center; position: absolute; background-size: contain; - width: 80px; height: 38px; - left: 50%; top: 2px; - margin-left: -40px; + width: 120px; height: 40px; + left: 50%; top: -4px; + margin-left: -60px; } #header .burger { display: inline-block; @@ -178,6 +178,8 @@ padding: 10px 0; color: #bbb; float: left; + font-size:14px; + font-weight:bold; } #footer .ok { color: #000; @@ -246,10 +248,10 @@ h1 { text-align: center; margin: 0; - padding: 15px 10px 10px 10px; + padding: 16px 10px 12px 10px; border-bottom: 1px solid #000; - font-size: 18px; + font-size: 14px; color: #000; - letter-spacing: 2px; - font-weight: 100; + letter-spacing: 1px; + font-weight: bold; } |