summaryrefslogtreecommitdiff
path: root/StoneIsland/www/css/nav.css
diff options
context:
space:
mode:
Diffstat (limited to 'StoneIsland/www/css/nav.css')
-rw-r--r--StoneIsland/www/css/nav.css71
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;
+}