6 files changed, 148 insertions, 24 deletions
diff --git a/StoneIsland/www/css/blogs.css b/StoneIsland/www/css/blogs.css
new file mode 100644
index 00000000..5f0641c2
--- /dev/null
+++ b/StoneIsland/www/css/blogs.css
@@ -0,0 +1,14 @@
+.story #story { display: block }
+#story {
+  display: none;
+}
+
+.hub #hub { display: block }
+#hub {
+  display: none;
+}
+
+.archive #archive { display: block }
+#archive {
+  display: none;
+}
+\ No newline at end of file
diff --git a/StoneIsland/www/css/cart.css b/StoneIsland/www/css/cart.css
new file mode 100644
index 00000000..6e50c076
--- /dev/null
+++ b/StoneIsland/www/css/cart.css
@@ -0,0 +1,17 @@
+
+.cart #cart { display: block; }
+#cart {
+  display: none;
+}
+
+#summary {
+  display: none;
+}
+
+#shipping {
+  display: none;
+}
+
+#billing {
+  display: none;
+}
diff --git a/StoneIsland/www/css/fonts.css b/StoneIsland/www/css/fonts/fonts.css
index 01fbb382..8ddce654 100644
--- a/StoneIsland/www/css/fonts.css
+++ b/StoneIsland/www/css/fonts/fonts.css
@@ -1,37 +1,37 @@
 @font-face {
   font-family: andale;
-  src: url(fonts/andale_mono.woff);
+  src: url(andale_mono.woff);
   font-style: normal;
   font-weight: normal;
 }
 
 @font-face {
   font-family: pfd;
-  src: url(fonts/pfdintextpro-regular.woff);
+  src: url(pfdintextpro-regular-webfont.woff);
   font-style: normal;
   font-weight: normal;
 }
 @font-face {
   font-family: pfd;
-  src: url(fonts/pfdintextpro-bold.woff);
+  src: url(pfdintextpro-bold-webfont.woff);
   font-style: normal;
   font-weight: bold;
 }
 @font-face {
   font-family: pfd;
-  src: url(fonts/pfdintextpro-medium.woff);
+  src: url(pfdintextpro-medium-webfont.woff);
   font-style: normal;
   font-weight: 300;
 }
 @font-face {
   font-family: pfd;
-  src: url(fonts/pfdintextpro-light.woff);
+  src: url(pfdintextpro-light-webfont.woff);
   font-style: normal;
   font-weight: 100;
 }
 @font-face {
   font-family: pfd;
-  src: url(fonts/pfdintextpro-italic.woff);
+  src: url(pfdintextpro-italic-webfont.woff);
   font-style: italic;
   font-weight: normal;
 }
diff --git a/StoneIsland/www/css/index.css b/StoneIsland/www/css/index.css
index 5ac5d15d..c6eaadcf 100644
--- a/StoneIsland/www/css/index.css
+++ b/StoneIsland/www/css/index.css
@@ -9,23 +9,6 @@ body {
   -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: white;
-  font-family: 'HelveticaNeue-Light', 'HelveticaNeue', sans-serif;
+  font-family: pfd, sans-serif;
   font-size: 12px;
 }
-
-
-#nav {
-  width: 300px;
-  -webkit-transform: translateZ(0) translateX(-300px);
-  -webkit-transition: -webkit-transform 0.3s;
-}
-#content {
-  -webkit-transform: translateZ(0) translateX(0px);
-  -webkit-transition: -webkit-transform 0.3s;
-}
-body.nav #nav {
-  -webkit-transform: translateZ(0) translateX(0);
-}
-body.nav #content {
-  -webkit-transform: translateZ(0) translateX(300px);
-}
diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css
new file mode 100644
index 00000000..69a6f686
--- /dev/null
+++ b/StoneIsland/www/css/nav.css
@@ -0,0 +1,101 @@
+
+/* NAV BAR */
+
+#nav {
+  width: 300px;
+  -webkit-transform: translateZ(0) translateX(-300px);
+  -webkit-transition: -webkit-transform 0.3s;
+}
+#content {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+  overflow: hidden;
+  -webkit-transform: translateZ(0) translateX(0px);
+  -webkit-transition: -webkit-transform 0.3s;
+}
+.ios #content {
+  top: 40px;
+  height: -webkit-calc(100% - 40px);
+}
+.nav #nav {
+  -webkit-transform: translateZ(0) translateX(0);
+}
+.nav #content {
+  -webkit-transform: translateZ(0) translateX(300px);
+}
+
+
+/* INTRO PAGE WITH SPINNING COMPASS */
+
+#intro {
+  display: none;
+}
+.intro #intro {
+  display: block;
+}
+.intro #header,
+.intro #footer {
+  display: none;
+}
+#compass {
+  position: absolute;
+  top: 50%; left: 50%;
+}
+#compass .store {
+}
+#compass .hub {
+}
+#compass .story {
+}
+#compass .archive {
+}
+#compass .latlng {
+}
+
+
+/* HEADER AND FOOTER ON MOST PAGES */
+
+#header {
+  display: block;
+  position: absolute;
+  top: 0; left: 0; width: 100%;
+}
+#footer {
+  display: block;
+  position: absolute;
+  bottom: 0; left: 0; width: 100%;
+}
+#footer span {
+  display: none;
+}
+
+
+/* CURTAIN FOR LOGIN AND SELECTOR VIEWS */
+
+#curtain {
+  display: none;
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+  background: rgba(238,238,238,0.9);
+}
+
+
+/* LOGIN / SIGNUP SCREEN */
+
+#login {
+  display: none;
+  position: absolute;
+  top: 50%; left: 50%;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  background: #fff;
+}
+
+
+/* SELECTOR */
+
+#selector {
+  display: none;
+}
+
diff --git a/StoneIsland/www/css/products.css b/StoneIsland/www/css/products.css
new file mode 100644
index 00000000..970104a1
--- /dev/null
+++ b/StoneIsland/www/css/products.css
@@ -0,0 +1,9 @@
+.collection #collection { display: block }
+#collection {
+  display: none;
+}
+
+.product #product { display: block }
+#product {
+  display: none;
+}