From 8f3f5d13669eb6cc299b2d5aeae6352295122d6b Mon Sep 17 00:00:00 2001
From: Antoine Abt <antoine@abt.im>
Date: Mon, 26 Mar 2012 21:53:11 +0200
Subject: [PATCH] =?UTF-8?q?blue=E2=80=99s=20back=20=E2=80=94=20Zoom=20cont?=
 =?UTF-8?q?rol=20refresh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/style.mobile.css | 17 ++++++++++-------
 theme/default/style.css   | 18 ++++++++++--------
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/examples/style.mobile.css b/examples/style.mobile.css
index d0775bd464..cdbd5e17d4 100644
--- a/examples/style.mobile.css
+++ b/examples/style.mobile.css
@@ -2,6 +2,9 @@ div.olControlZoom {
     position: absolute;
     top: 8px;
     left: 8px;
+    background: rgba(255,255,255,0.4);
+    border-radius: 4px;
+    padding: 2px;
 }
 * {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -20,9 +23,9 @@ div.olControlZoom a {
     width: 32px;
     line-height: 28px;
     text-shadow: 0 0 3px rgba(0,0,0,0.8);
-    background: #666666; /* fallback for IE - IE6 requires background shorthand*/
-    background: rgba(0, 0, 0, 0.3);
-    filter: alpha(opacity=60);
+    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
+    background: rgba(0, 60, 136, 0.5);
+    filter: alpha(opacity=80);
 }
 a.olControlZoomIn {
     border-radius: 4px 4px 0 0;
@@ -31,12 +34,12 @@ a.olControlZoomOut {
     border-radius: 0 0 4px 4px;
 }
 div.olControlZoom a:hover {
-    background: #444444; /* fallback for IE */
-    background: rgba(0, 0, 0, 0.5);
-    filter: alpha(opacity=80);
+    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, 0, 0, 0.3);
+        background: rgba(0, 60, 136, 0.5);
     }
 }
diff --git a/theme/default/style.css b/theme/default/style.css
index fba512919e..090be08b5e 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -433,6 +433,9 @@ div.olControlZoom {
     position: absolute;
     top: 8px;
     left: 8px;
+    background: rgba(255,255,255,0.4);
+    border-radius: 4px;
+    padding: 2px;
 }
 div.olControlZoom a {
     display: block;
@@ -447,19 +450,18 @@ div.olControlZoom a {
     height: 22px;
     width:22px;
     line-height: 19px;
-    text-shadow: 0 0 3px rgba(0,0,0,0.8);
-    background: #666666; /* fallback for IE - IE6 requires background shorthand*/
-    background: rgba(0, 0, 0, 0.3);
-    filter: alpha(opacity=60);
+    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
+    background: rgba(0, 60, 136, 0.5);
+    filter: alpha(opacity=80);
 }
 div.olControlZoom a:hover {
-    background: #444444; /* fallback for IE */
-    background: rgba(0, 0, 0, 0.5);
-    filter: alpha(opacity=80);
+    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, 0, 0, 0.3);
+        background: rgba(0, 60, 136, 0.5);
     }
 }
 a.olControlZoomIn {