From 9e2eef5f47e2d3caff7b054cddc3daf706be9fdd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=89ric=20Lemoine?= Date: Tue, 22 Feb 2011 13:45:26 +0000 Subject: [PATCH] bigger zoomin/out buttons in the mobile-navigation example, no functional change git-svn-id: http://svn.openlayers.org/trunk/openlayers@11233 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf --- examples/img/mobile-zoombar.png | Bin 0 -> 3760 bytes examples/mobile-navigation.html | 1 + examples/style.mobile.css | 25 +++++++++++++++++++++++++ 3 files changed, 26 insertions(+) create mode 100644 examples/img/mobile-zoombar.png create mode 100644 examples/style.mobile.css diff --git a/examples/img/mobile-zoombar.png b/examples/img/mobile-zoombar.png new file mode 100644 index 0000000000000000000000000000000000000000..ff8e0490c70c6d7f8b5ce1ed8dd2fea8a14f0454 GIT binary patch literal 3760 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 OpenLayers TouchNavigation Control + diff --git a/examples/style.mobile.css b/examples/style.mobile.css new file mode 100644 index 0000000000..d9e9425310 --- /dev/null +++ b/examples/style.mobile.css @@ -0,0 +1,25 @@ +div.olControlZoomPanel { + height: 108px + width: 36px; + position: absolute; + top: 20px; + left: 20px; +} +div.olControlZoomPanel div { + width: 36px; + height: 36px; + background-image: url(img/mobile-zoombar.png); + left: 0; +} +div.olControlZoomPanel .olControlZoomInItemInactive { + top: 0; + background-position: 0 0; +} +div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive { + top: 36px; + background-position: 0 -36px; +} +div.olControlZoomPanel .olControlZoomOutItemInactive { + top: 72px; + background-position: 0 -72px; +}