home screen degrees in N S E W..

5 files changed, 90 insertions, 15 deletions

diff --git a/StoneIsland/platforms/android/assets/www/css/account.css b/StoneIsland/platforms/android/assets/www/css/account.css
index fbb960d0..b77cd428 100755
--- a/StoneIsland/platforms/android/assets/www/css/account.css
+++ b/StoneIsland/platforms/android/assets/www/css/account.css
@@ -172,7 +172,17 @@ input[type=text], input[type=password], input[type=number], input[type=email] {
   border-right: 1px solid #a9a9a9;
 }
 
-.toggle-container {
+#signup .toggle-container, #profile .toggle-container {
+  margin: 0px auto;
+  display: table;
+  margin-top: 0px;
+  width: calc(100vw - 10px);
+  box-sizing: border-box;
+  padding:0px 18px 2px;
+  font-size:14px;
+}
+
+#settings .toggle-container {
   margin: 0px auto;
   display: table;
   margin-top: 10px;
@@ -285,23 +295,29 @@ input.switch:checked + label:after {
 }
 
 .container-fill {
-  min-height:50px;
+  min-height:80px;
   flex: 1;
   align-items: center;
   justify-content: center;
   position:relative;
 }
 
+.container-fill-condensed {
+  min-height:38px!important;
+}
+
 .container-row .container-message {
   color:#000;
   text-align:center;
   width:calc(100vw - 10px);
   box-sizing:border-box;
-  margin:10px auto;
+  margin:10px auto 0;
   position:relative
-  
 }
 
+.container-row .container-message-condensed {
+  margin: 2px auto!important
+}
 .container-fill .container-message {
   font-size:12px;
   letter-spacing:0.5px;
@@ -337,15 +353,19 @@ input.switch:checked + label:after {
   margin:0 auto;
 }
 
+#signup .checkbox-container {
+  margin-top:12px!important
+}
+
 .checkbox-toggle {
   display:table-cell;
   box-sizing:border-box;
-  padding-right:15px;
+  padding-right:0px;
   position:relative;
 }
 
 .checkbox-toggle input {
-    width: 50px;
+    width: 45px;
     height: 35px;
     opacity: 0;
     z-index: 99999;
@@ -495,4 +515,15 @@ margin-top:0px
 
 #login .container-row input:first-child {
 margin-bottom:9px!important
+}
+
+.newuser {
+  display:inline-block;
+  padding:14px;
+  text-decoration:underline
+}
+
+.forgotpassword {
+  padding:14px;
+  text-decoration:underline
 }
\ No newline at end of file
diff --git a/StoneIsland/platforms/android/assets/www/css/blogs.css b/StoneIsland/platforms/android/assets/www/css/blogs.css
index 7af45c4f..8b27dda9 100755
--- a/StoneIsland/platforms/android/assets/www/css/blogs.css
+++ b/StoneIsland/platforms/android/assets/www/css/blogs.css
@@ -129,6 +129,7 @@ animation: mfadein 0.6s;
   z-index:2;
   position:absolute;
   display:block;
+  animation: gallery-fade 4s forwards;
 }
 
 .gallery-right {
@@ -150,8 +151,15 @@ animation: mfadein 0.6s;
   z-index:2;
   position:absolute;
   display:block;
+  animation: gallery-fade 4s forwards;
 }
 
+@-webkit-keyframes gallery-fade {
+  0%{opacity:0}
+  20%{opacity:1}
+  78% {opacity:1}
+  100% {opacity:0}
+}
 /* NOTE: not sure if this down arrow is necessary.. the fade
          might do..? what do you think? it can be removed
          with javascript when the body hits the bottom of
diff --git a/StoneIsland/platforms/android/assets/www/css/cart.css b/StoneIsland/platforms/android/assets/www/css/cart.css
index 9fbc54b3..5c910eb4 100755
--- a/StoneIsland/platforms/android/assets/www/css/cart.css
+++ b/StoneIsland/platforms/android/assets/www/css/cart.css
@@ -355,4 +355,8 @@ color:#000;
 
 #cart_shipping .half-input input {
   margin-top:0px
+}
+
+#cart .scroll, #payment .scroll, #shipping .scroll, #signup .scroll {
+  min-height:calc(100% + 100px)
 }
\ No newline at end of file
diff --git a/StoneIsland/platforms/android/assets/www/css/nav.css b/StoneIsland/platforms/android/assets/www/css/nav.css
index c769dabd..05e4aedc 100755
--- a/StoneIsland/platforms/android/assets/www/css/nav.css
+++ b/StoneIsland/platforms/android/assets/www/css/nav.css
@@ -81,7 +81,7 @@
   font-size: 14px;
   letter-spacing:1.25px;
   color: #bbb;
-  padding: 4px 0 7px 20px
+  padding: 4px 0 12px 20px
 }
 
 #nav .social {
@@ -321,20 +321,46 @@ padding-bottom:0px;
 #selector {
   display: none;
   position: absolute;
-  bottom: 0; left: 0;
   background: #fff;
   z-index: 2;
-  width:100%;
-  box-sizing:border-box
+  box-sizing:border-box;
+  min-width:100px;
+  animation: selector-spring .15s forwards;
+  animation-timing-function: cubic-bezier(.43,1,.89,.95)
 }
+
+@keyframes selector-spring { 
+  0% { 
+  margin-top: 15px
+  } 
+  100% { 
+  margin-top: 0
+  } 
+} 
+
 #selector .options div {
-  width: 100%;
   background: white;
   text-align: center;
-  padding: 8px;
-
+  padding: 7px 12px;
   box-sizing:border-box;
   font-size: 14px;
+  border-left:1px solid black;
+  border-right:1px solid black;
+  border-top:1px solid black;
+
+}
+
+#selector .options div:last-of-type {
+  border-bottom:1px solid black
+}
+
+.selector-full {
+    width: 100% !important;
+    box-sizing:border-box
+}
+
+.selector-full > div > div {
+    padding: 12px 0 !important;
 }
 
 /* CONTENT */
@@ -369,6 +395,10 @@ h1 {
 }
 
 .msg {
-  padding: 20px;
+  margin: 20px;
   display: inline-block;
 }
+
+.msg-condensed {
+  margin:6px!important;
+}
diff --git a/StoneIsland/platforms/android/assets/www/css/products.css b/StoneIsland/platforms/android/assets/www/css/products.css
index bc215573..52de76d0 100755
--- a/StoneIsland/platforms/android/assets/www/css/products.css
+++ b/StoneIsland/platforms/android/assets/www/css/products.css
@@ -22,6 +22,7 @@
 }
 #product .style {
   text-transform: uppercase;
+    box-sizing:border-box
 }
 
 #product.loading #gallery,
@@ -117,7 +118,8 @@
 
 .product .size {
   padding-right:16px;
-  position:relative
+  position:relative;
+    box-sizing:border-box
 }
 
 .product .price {