From: Tom Hughes <tom@compton.nu>
Date: Wed, 1 Aug 2012 11:05:47 +0000 (+0100)
Subject: Style the CSS zoom control to match the layer switcher
X-Git-Tag: live~5497
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/a357bab334d562ee15cc707947a5ee5962415591?ds=inline

Style the CSS zoom control to match the layer switcher
---

diff --git a/app/assets/openlayers/theme/default/style.css.scss b/app/assets/openlayers/theme/default/style.css.scss
index 1851075c6..6c833aea8 100644
--- a/app/assets/openlayers/theme/default/style.css.scss
+++ b/app/assets/openlayers/theme/default/style.css.scss
@@ -443,7 +443,7 @@ div.olControlZoom a {
     display: block;
     margin: 1px;
     padding: 0;
-    color: white;
+    color: black;
     font-size: 18px;
     font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
     font-weight: bold;
@@ -452,19 +452,11 @@ div.olControlZoom a {
     height: 22px;
     width:22px;
     line-height: 19px;
-    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
-    background: rgba(0, 60, 136, 0.5);
-    filter: alpha(opacity=80);
+    background: #ffffff;
+    border: 1px solid #cccccc;
 }
 div.olControlZoom a:hover {
-    background: #130085; /* fallback for IE */
-    background: rgba(0, 60, 136, 0.7);
-    filter: alpha(opacity=100);
-}
-@media only screen and (max-width: 600px) {
-    div.olControlZoom a:hover {
-        background: rgba(0, 60, 136, 0.5);
-    }
+    background: #f5f5f5;
 }
 a.olControlZoomIn {
     border-radius: 4px 4px 0 0;