diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-11-05 18:31:48 -0500 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-11-05 18:31:48 -0500 |
| commit | 229605c8d6dbae52ade11d52a2af76ebb404eab2 (patch) | |
| tree | c5e4bda7e4ffcb916c04eb03d3f0e6626a90a689 /StoneIsland/www/css | |
| parent | 798fc4efb2da2ba0bc730bbb409993239edc0c63 (diff) | |
scroll stuff and load images for gallery
Diffstat (limited to 'StoneIsland/www/css')
| -rw-r--r-- | StoneIsland/www/css/index.css | 5 | ||||
| -rw-r--r-- | StoneIsland/www/css/nav.css | 11 | ||||
| -rw-r--r-- | StoneIsland/www/css/products.css | 25 |
3 files changed, 29 insertions, 12 deletions
diff --git a/StoneIsland/www/css/index.css b/StoneIsland/www/css/index.css index 674ab65c..b0f35a96 100644 --- a/StoneIsland/www/css/index.css +++ b/StoneIsland/www/css/index.css @@ -45,3 +45,8 @@ body { @-webkit-keyframes loading { to {-webkit-transform: rotate(360deg)} } + +.scroll { + position: absolute; + width: 100%; +} diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css index 381a9f28..4a54df2a 100644 --- a/StoneIsland/www/css/nav.css +++ b/StoneIsland/www/css/nav.css @@ -173,6 +173,7 @@ float: right; padding: 10px; } +#footer .back, #footer .buynow, #footer .addtocart, #footer .cancel, @@ -227,9 +228,9 @@ #story, #hub, #archive, #collection, #product, #cart { position: absolute; - top: 42px; - height: -webkit-calc(100% - 42px); - height: calc(100% - 42px); + top: 43px; + height: -webkit-calc(100% - 43px); + height: calc(100% - 43px); width: 100%; overflow: hidden; } @@ -237,9 +238,9 @@ h1 { text-align: center; margin: 0; padding: 15px 10px 10px 10px; - border-bottom: 1px solid #ccc; + border-bottom: 1px solid #000; font-size: 18px; - color: #ccc; + color: #000; letter-spacing: 2px; font-weight: 100; } diff --git a/StoneIsland/www/css/products.css b/StoneIsland/www/css/products.css index 63faed3e..0a615c34 100644 --- a/StoneIsland/www/css/products.css +++ b/StoneIsland/www/css/products.css @@ -2,23 +2,34 @@ .collection #footer .filter { display: block } #collection { display: none; + text-align: center; } #collection .item { text-align: center; + display: inline-block; + max-width: 49vw; } #collection .item img { - width: 306px; - height: 390px; + width: 49vw; + height: 63vw; } .product #product { display: block } -.product #footer .buynow { display: block } +.product #footer .back { display: block } .product #footer .addtocart { display: block } #product { display: none; } -.scroll { - position: absolute; - width: 100%; -}
\ No newline at end of file +#gallery, +#gallery .slider, +#gallery .slider .item { +} + +#gallery .slider .item { + float: left; + width: 10vw; +} +#gallery .slider .item img { + max-width: 10vw; +} |