hide home menu button when using panels

Author: rossengeorgiev

css/main.css

@@ -20,6 +20,15 @@ body {
     font-family: "Roboto", Ariel, sans-serif;
 }
 
+.noselect {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
 .rfloat {
     float: right;
 }
@@ -622,6 +631,12 @@ header .search form input[type='submit'] {
     display: none;
 }
 
+@media only screen and (min-width: 900px) {
+    .nav .home {
+        display: none;
+    }
+}
+
 @media only screen and (max-width: 600px) {
     #app_name {
         left: 150px;

index.html

@@ -41,7 +41,7 @@
                     <input type='submit' value="S" />
                 </form>
             </div>
-            <ol class="nav">
+            <ol class="nav noselect">
                 <li class="home"><i class="icon-habhub"></i></li>
                 <li class="chasecar" style="display: none"><i class="icon-car"></i></li>
                 <li class="settings"><i class="icon-settings"></i></li>