diff options
Diffstat (limited to 'StoneIsland/platforms/ios/www/css/account.css')
| -rw-r--r-- | StoneIsland/platforms/ios/www/css/account.css | 396 |
1 files changed, 396 insertions, 0 deletions
diff --git a/StoneIsland/platforms/ios/www/css/account.css b/StoneIsland/platforms/ios/www/css/account.css new file mode 100644 index 00000000..b709cbdb --- /dev/null +++ b/StoneIsland/platforms/ios/www/css/account.css @@ -0,0 +1,396 @@ +.login #login { display: block } +#login { + display: none; +} + + +.logout #logout { display: block } +#logout { + display: none; +} + + +.signup #signup { display: block } +#signup { + display: none; +} + + +.profile #profile { display: block } +#profile { + display: none; +} + + +.payment #payment { display: block } +#payment { + display: none; +} + + +.shipping #shipping { display: block } +#shipping { + display: none; +} + + +.orders #orders { display: block } +#orders { + display: none; +} + +#orders.list { +} +#orders.single { +} + +#order_list { +} +#single_order { +} + +.settings #settings { display: block } +#settings { + display: none; +} + + + +form h2 { + text-align: center; + margin: 0; + padding: 20px 10px 8px 10px; + font-size: 14px; + color: #000; + letter-spacing: 1px; + font-weight: bold; +} + +input[type=text], input[type=password], input[type=number], input[type=date], input[type=email] { + 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; + padding: 0; + border-radius: 0; +} + +.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; + position: relative; + right: 12px; +} + +.toggle-container h3 { + margin:0; +} + +input.switch { + max-height: 0; + max-width: 0; + opacity: 0; +} + +input.switch + label { + display: inline-block; + box-shadow: inset 0 0 0px 1px rgba(0,0,0,.7); + text-indent: -5000px; + height: 30px; + width: 50px; + border-radius: 15px; + position: absolute; + top: 50%; + left: 0; + transform: translateX(-50%) translateY(-50%); +} + +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:relative; + min-height:calc(100vh - 154px); + width:100vw; + box-sizing:border-box; + display: flex; + flex-direction: column; + margin:0; + left:0; + right:0; + top: 0; +} + + +.container-row { + box-sizing:border-box; +} + +.container-fill { + min-height:40px; + flex: 1; + align-items: center; + justify-content: center; + position:relative; +} + +.container-row .container-message { + color:#000; + text-align:center; + width:calc(100vw - 10px); + box-sizing:border-box; + margin:12px auto; + position:relative + +} + +.container-fill .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%); + color:#000; +} + + + +.premessage { + top:calc(50% - 20px)!important; +} + +.submessage { + top:75%!important; +} + +.alert-notice { + color:red!important +} + +.checkbox-container { + font-size:11px; + width:calc(100vw - 10px); + display:table; + box-sizing:border-box; + margin:0 auto 5px; +} + +.checkbox-toggle { + display:table-cell; + box-sizing:border-box; + padding-right:15px; + position:relative; +} + +.checkbox-toggle input { + width:25px; height:35px; + opacity:0; +} + +.checkbox-caption { + vertical-align:middle; + display:table-cell; + box-sizing:border-box; +} + +.checkbox-row { + margin:12px 0; + box-sizing:border-box; +} + +.checkbox-row:first-child { + margin:0; +} + + +.checkbox-toggle label { + position:absolute; + top:50%; + transform:translateY(-50%); + cursor: pointer; + width: 36px; + height: 36px; + left: 0; + background: #fff; + border:1px solid #000; + box-sizing:border-box; +} + +.checkbox-toggle label:after { + opacity: 0; + content: ""; + top:50%; + position:absolute; + left:50%; + transform:translateX(-50%) translateY(-50%) rotate(45deg); + width:2px; + height:36px; + background:black; + transition: opacity .2s; +} + +.checkbox-toggle label:before { + opacity: 0; + content: ""; + top:50%; + position:absolute; + left:50%; + transform:translateX(-50%) translateY(-50%) rotate(-45deg); + width:2px; + height:36px; + background:black; + transition: opacity .2s; +} + +.checkbox-toggle input[type=checkbox]:checked + label:after, .checkbox-toggle input[type=checkbox]:checked + label:before, +.checkbox-toggle input[type=radio]:checked + label:after, .checkbox-toggle input[type=radio]:checked + label:before { + opacity: 1; +} + +.privacy-msg { + text-align: center; +} + +.select-wrapper { + position: relative; + text-align: center; + + overflow: hidden; + 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 .select-wrapper { + width: 50%; + border: 0; + margin-top: -1px; + float: left; +} +.half-input .select-wrapper span { + top: 9px; + color: #aaa; +} +.select-wrapper select { + opacity: 0; + width: 100%; + height: 35px; + line-height: 35px; + position: absolute; + top: 0; left: 0; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + border: 10px solid; +} +.select-wrapper span { + position: relative; + top: 8px; + color: #888; +} +.select-wrapper.picked span { + color: #000; +}
\ No newline at end of file |