From cf6fcdce6a38ad10ef0df157de4f399152b5c70c Mon Sep 17 00:00:00 2001
From: James Wilson <james.wilson@flightaware.com>
Date: Thu, 19 Jan 2017 11:28:22 -0600
Subject: [PATCH] Add retina images. Hide hover box on initial page load

---
 public_html/style.css | 85 +++++++++++++++++++++++++++++++++++++------
 1 file changed, 73 insertions(+), 12 deletions(-)

diff --git a/public_html/style.css b/public_html/style.css
index f90930e..fedfb33 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -55,18 +55,34 @@ html, body {
 
 #toggle_sidebar_button.show_sidebar {
     background-image: url("images/table-icon.png");
-}
-
-#toggle_sidebar_button.show_sidebar:hover {
-    background-image: url("images/table-icon.png");
+    background-image: 
+        -webkit-image-set(
+            "images/table-icon.png" 1x,
+            "images/table-icon@2x.png" 2x,
+            "images/table-icon@3x.png" 3x
+        );
+    background-image: 
+        -image-set(
+            "images/table-icon.png" 1x,
+            "images/table-icon@2x.png" 2x,
+            "images/table-icon@3x.png" 3x
+        );
 }
 
 #toggle_sidebar_button.hide_sidebar {
     background-image: url("images/map-icon.png");
-}
-
-#toggle_sidebar_button.hide_sidebar:hover {
-    background-image: url("images/map-icon.png");
+    background-image: 
+        -webkit-image-set(
+            "images/map-icon.png" 1x,
+            "images/map-icon@2x.png" 2x,
+            "images/map-icon@3x.png" 3x
+        );
+    background-image: 
+        -image-set(
+            "images/map-icon.png" 1x,
+            "images/map-icon@2x.png" 2x,
+            "images/map-icon@3x.png" 3x
+        );
 }
 
 #expand_sidebar_control {
@@ -90,10 +106,18 @@ html, body {
 
 #expand_sidebar_button {
     background-image: url("images/table-icon.png");
-}
-
-#expand_sidebar_button:hover {
-    background-image: url("images/table-icon.png");
+    background-image: 
+        -webkit-image-set(
+            "images/table-icon.png" 1x,
+            "images/table-icon@2x.png" 2x,
+            "images/table-icon@3x.png" 3x
+        );
+    background-image: 
+        -image-set(
+            "images/table-icon.png" 1x,
+            "images/table-icon@2x.png" 2x,
+            "images/table-icon@3x.png" 3x
+        );
 }
 
 #sidebar_container {
@@ -118,10 +142,34 @@ html, body {
     background-color: transparent;
     border: none;
     background-image: url("images/column-adjust.png");
+    background-image: 
+        -webkit-image-set(
+            "images/column-adjust.png" 1x,
+            "images/column-adjust@2x.png" 2x,
+            "images/column-adjust@3x.png" 3x
+        );
+    background-image: 
+        -image-set(
+            "images/column-adjust.png" 1x,
+            "images/column-adjust@2x.png" 2x,
+            "images/column-adjust@3x.png" 3x
+        );
 }
 
 .ol-zoom-in {
     background-image: url("images/zoom-in.png");
+    background-image: 
+        -webkit-image-set(
+            "images/zoom-in.png" 1x,
+            "images/zoom-in@2x.png" 2x,
+            "images/zoom-in@3x.png" 3x
+        );
+    background-image: 
+        -image-set(
+            "images/zoom-in.png" 1x,
+            "images/zoom-in@2x.png" 2x,
+            "images/zoom-in@3x.png" 3x
+        );
     color:transparent !important;
     width: 19px !important;
     height: 19px !important;
@@ -131,6 +179,18 @@ html, body {
 
 .ol-zoom-out {
     background-image: url("images/zoom-out.png");
+    background-image: 
+        -webkit-image-set(
+            "images/zoom-out.png" 1x,
+            "images/zoom-out@2x.png" 2x,
+            "images/zoom-out@3x.png" 3x
+        );
+    background-image: 
+        -image-set(
+            "images/zoom-out.png" 1x,
+            "images/zoom-out@2x.png" 2x,
+            "images/zoom-out@3x.png" 3x
+        );
     color:transparent !important;
     width: 19px !important;
     height: 19px !important;
@@ -421,6 +481,7 @@ select.error, textarea.error, input.error {
     box-shadow: 4px 4px 10px #444444;
     cursor: pointer;
     z-index: 9999;
+    display: none;
 }
 
 .highlightedTitle {