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
This commit is contained in:
Éric Lemoine
2011-02-22 13:45:26 +00:00
parent b378d28e41
commit 9e2eef5f47
3 changed files with 26 additions and 0 deletions

25
examples/style.mobile.css Normal file
View File

@@ -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;
}