less cleanup + use @body-bg

less/mobile.less

@@ -1,30 +1,20 @@
 @media (max-width: 980px) {
+	html {
+		height: 100%;
+		overflow-y: hidden;
+	}
+
 	body {
 		height: 100%;
 		padding-top: 0;
+		overflow-y: scroll;
+		overflow-x: hidden;
 	}
 
-	.header {
+	#panel {
-		position: fixed;
+		background: @body-bg;
-		top: 0px;
+		min-height: 100%;
-		z-index: 5;
+		padding-top: 80px;
-
-		#main-page-title {
-			bottom: -31px;
-			font-size: 20px;
-			color: #FFF;
-			left: 52px;
-			font-weight: 400;
-		}
-
-		#user_label {
-			right: 0px;
-			bottom: 7px;
-		}
-
-		#main-menu {
-			display: none;
-		}
 	}
 
 	#menu {
@@ -77,12 +67,6 @@
 		}
 	}
 
-	#panel {
-		background: white;
-		min-height: 100%;
-		padding-top: 80px;
-	}
-
 	.slideout-menu {
 		position: fixed;
 		left: auto;
@@ -96,7 +80,6 @@
 		display: none;
 	}
 
-
 	.slideout-panel {
 		position: relative;
 		z-index: 1;
@@ -113,18 +96,8 @@
 		display: block;
 	}
 	
-	html {
-		height: 100%;
-		overflow-y: hidden;
-	}
-	
 	.slideout-open {
 		overflow-y: hidden;
 		height: 100%;
 	}
-
-	body {
-		overflow-y: scroll;
-		overflow-x: hidden;
-	}
 }