OpenHack
diff --git a/‎assets/index.scss‎
Lines changed: 11 additions & 6 deletions b/‎assets/index.scss‎
Lines changed: 11 additions & 6 deletions
diff --git a/‎images/menu-dropdown.png‎
287 Bytes b/‎images/menu-dropdown.png‎
287 Bytes
diff --git a/‎images/menu-gradient.png‎
177 Bytes b/‎images/menu-gradient.png‎
177 Bytes
diff --git a/‎javascripts/city_dropdown.js‎
Lines changed: 2 additions & 0 deletions b/‎javascripts/city_dropdown.js‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎stylesheets/index.css‎
Lines changed: 9 additions & 4 deletions b/‎stylesheets/index.css‎
Lines changed: 9 additions & 4 deletions
@@ -175,10 +175,6 @@ a {
 
 		@media (max-width: $tablet) {
 
-			#menu {
-				display: none
-			}
-			
       h2 {
 				color: $white;
 				font-weight: bold;
@@ -188,8 +184,17 @@ a {
 				margin: 0;
 				border: 1px solid #999;
 				border-radius: 10px;
-				background: #bbb;
-				padding: 5px $margin-small
+				padding: 5px 10px 5px 40px;
+				cursor: pointer;
+				text-shadow: 0 -1px 0 rgba(0,0,0,.4);
+				box-shadow: 0 1px 0 #fff;
+				background: {
+					color: #bbb;
+					image: url("/images/menu-dropdown.png"), url("/images/menu-gradient.png");
+					position: 10px center, left bottom;
+					repeat: no-repeat, repeat-x;
+					size: 18px, auto;
+				}
 			}
     }
 
 
@@ -9,6 +9,8 @@ $(function(){
 	menu = wrapper.find("#menu");
 	header = wrapper.find("#menu_header");
 
+	menu.hide();
+	
 	header.click(function(){
 		if ($(window).width() <= tablet_width) {
 			wrapper.stop().toggleClass(class_name);
 
@@ -118,8 +118,6 @@ a {
       .wrapper #menu_wrapper ul li:first-child a {
         border: none; }
   @media (max-width: 767px) {
-    .wrapper #menu_wrapper #menu {
-      display: none; }
     .wrapper #menu_wrapper h2 {
       color: white;
       font-weight: bold;
@@ -129,8 +127,15 @@ a {
       margin: 0;
       border: 1px solid #999;
       border-radius: 10px;
-      background: #bbb;
-      padding: 5px 10px; } }
+      padding: 5px 10px 5px 40px;
+      cursor: pointer;
+      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+      box-shadow: 0 1px 0 #fff;
+      background-color: #bbb;
+      background-image: url("/images/menu-dropdown.png"), url("/images/menu-gradient.png");
+      background-position: 10px center, left bottom;
+      background-repeat: no-repeat, repeat-x;
+      background-size: 18px, auto; } }
   @media (min-width: 768px) {
     .wrapper #menu_wrapper #menu {
       display: block !important; } }