iscroll workin, api fetching, hud populating

3 files changed, 23 insertions, 9 deletions

diff --git a/StoneIsland/www/css/index.css b/StoneIsland/www/css/index.css
index db803fa9..674ab65c 100644
--- a/StoneIsland/www/css/index.css
+++ b/StoneIsland/www/css/index.css
@@ -12,7 +12,7 @@ body {
   -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
   -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
   -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
-  background: #eeeeee;
+  background: #fff;
   font-family: pfd, sans-serif;
   font-size: 12px;
 }
diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css
index 2463d123..03f468a7 100644
--- a/StoneIsland/www/css/nav.css
+++ b/StoneIsland/www/css/nav.css
@@ -7,7 +7,7 @@
   width: 249px;
   -webkit-transform: translateZ(0) translateX(-249px);
   -webkit-transition: -webkit-transform 0.3s;
-  background: #eeeeee;
+  background: #fff;
 }
 #content {
   position: absolute;
@@ -132,6 +132,7 @@
   top: 0; left: 0; width: 100%;
   height: 42px;
   background: white;
+  border-bottom: 1px solid black;
 }
 #header .logo {
   background-image: url(../img/wide-logo.png);
@@ -159,8 +160,9 @@
   display: block;
   position: absolute;
   bottom: 0; left: 0; width: 100%;
-  background: #eee;
+  background: #fff;
   border-top: 1px solid #ddd;
+  z-index: 1;
 }
 #footer span {
   display: none;
@@ -197,6 +199,7 @@
 #curtain.visible {
   pointer-events: auto;
   opacity: 1;
+  z-index: 2;
 }
 
 
@@ -217,17 +220,18 @@
   display: none;
   height: 100%; width: 100%;
   position: absolute; top: 0; left: 0;
-  background: #eeeeee;
+  background: #fff;
 }
 
 /* CONTENT */
 
 #story, #hub, #archive, #collection, #product, #cart {
   position: absolute;
-  top: 40px;
-  height: -webkit-calc(100% - 40px);
-  height: calc(100% - 40px);
+  top: 42px;
+  height: -webkit-calc(100% - 42px);
+  height: calc(100% - 42px);
   width: 100%;
+  overflow: hidden;
 }
 h1 {
   text-align: center;
diff --git a/StoneIsland/www/css/products.css b/StoneIsland/www/css/products.css
index bac0d116..63faed3e 100644
--- a/StoneIsland/www/css/products.css
+++ b/StoneIsland/www/css/products.css
@@ -1,14 +1,24 @@
 .collection #collection { display: block }
 .collection #footer .filter { display: block }
-#content.collection { overflow: scroll }
 #collection {
   display: none;
 }
+#collection .item {
+  text-align: center;
+}
+#collection .item img {
+  width: 306px;
+  height: 390px;
+}
 
 .product #product { display: block }
 .product #footer .buynow { display: block }
 .product #footer .addtocart { display: block }
-#content.product { overflow: scroll }
 #product {
   display: none;
 }
+
+.scroll {
+  position: absolute;
+  width: 100%;
+}
\ No newline at end of file