From b89d3f1ee85b11727d6ffefe7feb6cb66deb930f Mon Sep 17 00:00:00 2001
From: ahocevar <andreas.hocevar@gmail.com>
Date: Sat, 15 Dec 2012 15:56:39 +0100
Subject: [PATCH] Going one element up with GPU support, adding it to mobile
 css also

---
 examples/mobile-wmts-vienna.css |  2 +-
 theme/default/style.css         |  2 +-
 theme/default/style.mobile.css  | 20 ++++++++------------
 3 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/examples/mobile-wmts-vienna.css b/examples/mobile-wmts-vienna.css
index ff8f3f3981..df2a861b8b 100644
--- a/examples/mobile-wmts-vienna.css
+++ b/examples/mobile-wmts-vienna.css
@@ -14,7 +14,7 @@ html, body, #map {
 }
 
 /* Turn on GPU support on devices that support it */
-.olMapViewport * {
+.olMapViewport, .olMapViewport * {
     -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
diff --git a/theme/default/style.css b/theme/default/style.css
index 9cca7a100f..f4d5ee5a89 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -488,7 +488,7 @@ a.olControlZoomOut {
 }
 
 /* Turn on GPU support where available */
-.olMapViewport * {
+.olMapViewport, .olMapViewport * {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
diff --git a/theme/default/style.mobile.css b/theme/default/style.mobile.css
index 2d4d39257a..ef8069afd2 100644
--- a/theme/default/style.mobile.css
+++ b/theme/default/style.mobile.css
@@ -49,15 +49,11 @@ div.olControlZoom a:hover {
     -o-transition: opacity 0.2s linear;
     transition: opacity 0.2s linear;
 }
-/* Enable 3d acceleration when operating on tiles, this is
-   known to yield better performance on IOS Safari.
-   http://osgeo-org.1803224.n2.nabble.com/Harware-accelerated-CSS3-animations-for-iOS-td6255560.html
-
-   It also prevents tile blinking effects in iOS 5.
-   See https://github.com/openlayers/openlayers/issues/511
-*/
-@media (-webkit-transform-3d) {
-img.olTileImage {
-    -webkit-transform: translate3d(0, 0, 0);
-}
-}
+/* Turn on GPU support on devices that support it */
+.olMapViewport, .olMapViewport * {
+    -webkit-transform: translate3d(0,0,0);
+    -moz-transform: translate3d(0,0,0);
+    -o-transform: translate3d(0,0,0);
+    -ms-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+}
\ No newline at end of file