From 336097e2f73ec5d0b363e44fb371466e2ab430af Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Fri, 14 Sep 2012 02:17:49 +0200 Subject: [PATCH] split zoom and menu areas --- index.html | 15 +++++++++------ style/lantea.css | 22 +++++++++++++++++----- 2 files changed, 26 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 9ba8e18..7a0753d 100644 --- a/index.html +++ b/index.html @@ -18,12 +18,7 @@

Lantea Map

-
- -Z -
+ +
+
+Z
+ +
+

diff --git a/style/lantea.css b/style/lantea.css index aa33469..b358a1d 100644 --- a/style/lantea.css +++ b/style/lantea.css @@ -11,7 +11,7 @@ h1 { display: none; } -#overlayArea { +#menuArea { position: absolute; /* width: 30em; */ left: 1%; @@ -19,12 +19,20 @@ h1 { z-index: 5; } -#overlayArea:-moz-system-metric(touch-enabled) { +#zoomArea { + position: absolute; + right: 1%; + top: 1em; + z-index: 5; + text-align: center; +} + +.overlayArea:-moz-system-metric(touch-enabled) { font-size: 3mozmm; } -#overlayArea input[type="button"]:-moz-system-metric(touch-enabled), -#overlayArea select:-moz-system-metric(touch-enabled) { +.overlayArea input[type="button"]:-moz-system-metric(touch-enabled), +.overlayArea select:-moz-system-metric(touch-enabled) { font-size: 2.5mozmm; } @@ -92,10 +100,14 @@ h1 { body { font-size: 10px; } - #overlayArea { + #menuArea { top: 1px; left: 1px; } + #zoomArea { + top: 1px; + right: 1px; + } #copyright { bottom: 1px; right: 1px; -- 2.43.0