1 files changed, 64 insertions, 31 deletions

diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css
index ad7819bb..8d26ce1e 100644
--- a/StoneIsland/www/css/account.css
+++ b/StoneIsland/www/css/account.css
@@ -55,7 +55,7 @@ form {
 form h2 {
   text-align: center;
   margin: 0;
-  padding: 28px 10px 8px 10px;
+  padding: 24px 10px 8px 10px;
   font-size: 14px;
   color: #000;
   letter-spacing: 1px;
@@ -69,7 +69,7 @@ input {
   color:#000;
   letter-spacing:1px;
   text-transform:uppercase;
-  height:37px;
+  height:35px;
   text-align:center;
   margin: 0px auto;
   display:block;
@@ -87,7 +87,7 @@ input {
   overflow: auto;
 }
 
-.half-input input {
+.half-input input, .half-input select {
   position: relative;
   margin: 0;
   border:none;
@@ -100,51 +100,44 @@ input {
   border-right: 1px solid #a9a9a9;
 }
 
-#newsletter {
+.toggle-container {
   margin: 0px auto;
   display: table;
-  margin-top: 28px;
+  margin-top: 10px;
   width: calc(100vw - 10px);
   box-sizing: border-box;
-  padding:15px;
+  padding:10px 18px 2px;
   font-size:14px;
 }
 
-#newsletter .caption {
-display:table-cell;
+.toggle-row {
+  display:block;
+  padding-bottom:16px;
+}
+
+.toggle-container .caption {
+  display:table-cell;
   vertical-align:middle;
   width:100%;
 }
 
-#newsletter .toggle {
-display:table-cell;
+.toggle-container .toggle {
+  display:table-cell;
   vertical-align:middle;
-
-text-align:right
+  text-align:right
 }
 
-#newsletter h3 {
-margin:0;
+.toggle-container h3 {
+  margin:0;
 }
 
-#newsletter-info {
-  margin: 0px auto;
-  display: table;
-  padding-top: 18px;
-  width: calc(100vw - 10px);
-  box-sizing: border-box;
-  font-size:13px;
-  letter-spacing:0.5px;
-  text-align:center;
-}
-
-input#switch {
+input.switch {
   max-height: 0;
   max-width: 0;
   opacity: 0;
 }
 
-input#switch + label {
+input.switch + label {
   display: inline-block;
   position: relative;
   box-shadow: inset 0 0 0px 1px rgba(0,0,0,.7);
@@ -154,7 +147,7 @@ input#switch + label {
   border-radius: 15px;
 }
 
-input#switch + label:before {
+input.switch + label:before {
   content: "";
   position: absolute;
   display: block;
@@ -169,7 +162,7 @@ input#switch + label:before {
   transition: .25s ease-in-out;
 }
 
-input#switch + label:after {
+input.switch + label:after {
   content: "";
   position: absolute;
   display: block;
@@ -185,12 +178,52 @@ input#switch + label:after {
   transition: .25s ease-in-out;
 }
 
-input#switch:checked + label:before {
+input.switch:checked + label:before {
   width: 50px;
   background: #136f11;
 }
 
-input#switch:checked + label:after {
+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
+}