From d5855a5d5b7c16a2c262ad2b98aabe5e8dd161f0 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 15 Sep 2015 16:54:38 -0400 Subject: begin writing navigation css --- StoneIsland/www/css/blogs.css | 14 +++++ StoneIsland/www/css/cart.css | 17 ++++++ StoneIsland/www/css/fonts.css | 37 ------------- StoneIsland/www/css/fonts/fonts.css | 37 +++++++++++++ StoneIsland/www/css/index.css | 19 +------ StoneIsland/www/css/nav.css | 101 ++++++++++++++++++++++++++++++++++++ StoneIsland/www/css/products.css | 9 ++++ 7 files changed, 179 insertions(+), 55 deletions(-) create mode 100644 StoneIsland/www/css/blogs.css create mode 100644 StoneIsland/www/css/cart.css delete mode 100644 StoneIsland/www/css/fonts.css create mode 100644 StoneIsland/www/css/fonts/fonts.css create mode 100644 StoneIsland/www/css/nav.css create mode 100644 StoneIsland/www/css/products.css (limited to 'StoneIsland/www/css') 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.css deleted file mode 100644 index 01fbb382..00000000 --- a/StoneIsland/www/css/fonts.css +++ /dev/null @@ -1,37 +0,0 @@ -@font-face { - font-family: andale; - src: url(fonts/andale_mono.woff); - font-style: normal; - font-weight: normal; -} - -@font-face { - font-family: pfd; - src: url(fonts/pfdintextpro-regular.woff); - font-style: normal; - font-weight: normal; -} -@font-face { - font-family: pfd; - src: url(fonts/pfdintextpro-bold.woff); - font-style: normal; - font-weight: bold; -} -@font-face { - font-family: pfd; - src: url(fonts/pfdintextpro-medium.woff); - font-style: normal; - font-weight: 300; -} -@font-face { - font-family: pfd; - src: url(fonts/pfdintextpro-light.woff); - font-style: normal; - font-weight: 100; -} -@font-face { - font-family: pfd; - src: url(fonts/pfdintextpro-italic.woff); - font-style: italic; - font-weight: normal; -} diff --git a/StoneIsland/www/css/fonts/fonts.css b/StoneIsland/www/css/fonts/fonts.css new file mode 100644 index 00000000..8ddce654 --- /dev/null +++ b/StoneIsland/www/css/fonts/fonts.css @@ -0,0 +1,37 @@ +@font-face { + font-family: andale; + src: url(andale_mono.woff); + font-style: normal; + font-weight: normal; +} + +@font-face { + font-family: pfd; + src: url(pfdintextpro-regular-webfont.woff); + font-style: normal; + font-weight: normal; +} +@font-face { + font-family: pfd; + src: url(pfdintextpro-bold-webfont.woff); + font-style: normal; + font-weight: bold; +} +@font-face { + font-family: pfd; + src: url(pfdintextpro-medium-webfont.woff); + font-style: normal; + font-weight: 300; +} +@font-face { + font-family: pfd; + src: url(pfdintextpro-light-webfont.woff); + font-style: normal; + font-weight: 100; +} +@font-face { + font-family: pfd; + 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; +} -- cgit v1.2.3-70-g09d2