diff options
Diffstat (limited to 'StoneIsland/www/css/nav.css')
| -rw-r--r-- | StoneIsland/www/css/nav.css | 71 |
1 files changed, 66 insertions, 5 deletions
diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css index 9454fcdc..2463d123 100644 --- a/StoneIsland/www/css/nav.css +++ b/StoneIsland/www/css/nav.css @@ -4,8 +4,8 @@ #nav { position: absolute; top: 0; left: 0; - width: 250px; - -webkit-transform: translateZ(0) translateX(-250px); + width: 249px; + -webkit-transform: translateZ(0) translateX(-249px); -webkit-transition: -webkit-transform 0.3s; background: #eeeeee; } @@ -26,15 +26,51 @@ -webkit-transform: translateZ(0) translateX(0); } .nav #content { - -webkit-transform: translateZ(0) translateX(250px); + -webkit-transform: translateZ(0) translateX(249px); } .nav .logo { background-image: url(../img/wide-logo.png); background-repeat: no-repeat; background-position: center center; background-size: contain; - width: 170px; + width: 120px; height: 80px; + margin-left: 20px; +} +#nav .menu span { + display: block; + font-size: 14px; + color: #000; + padding: 15px 0 15px 20px; +} +#nav .submenu { + position: absolute; + width: 100%; + padding: 20px 0; + bottom: 33px; + border-top: 1px solid #ddd; +} +#nav .submenu span { + display: block; + font-size: 14px; + color: #bbb; + padding: 4px 0 5px 20px +} +#nav .social { + position: absolute; + bottom: 0; + left: 0; + border-top: 1px solid #ddd; +} +#nav .social span { + display: block; + float: left; + width: 82px; + border-left: 1px solid #ddd; + color: #bbb; + font-size: 18px; + padding: 5px 0; + text-align: center; } /* INTRO PAGE WITH SPINNING COMPASS */ @@ -128,6 +164,21 @@ } #footer span { display: none; + padding: 10px 0; + color: #bbb; +} +#footer .filter { + float: right; + padding: 10px; +} +#footer .buynow, +#footer .addtocart, +#footer .cancel, +#footer .checkout, +#footer .checkout_proceed { + width: 50%; + text-align: center; + float: left; } @@ -177,4 +228,14 @@ height: -webkit-calc(100% - 40px); height: calc(100% - 40px); width: 100%; -}
\ No newline at end of file +} +h1 { + text-align: center; + margin: 0; + padding: 15px 10px 10px 10px; + border-bottom: 1px solid #ccc; + font-size: 18px; + color: #ccc; + letter-spacing: 2px; + font-weight: 100; +} |
