X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=style%2Flantea.css;h=3d2aa8cc1c333299adf14e5a647d2881aebca3f3;hp=d1ca01ee84b9a10f5aebda3643c3d44f77097041;hb=3431f496715ba63682a820ee8cf8a63dc0f86905;hpb=b5c85133ec6760a5f4b9ea49d074ec37f044112d diff --git a/style/lantea.css b/style/lantea.css index d1ca01e..3d2aa8c 100644 --- a/style/lantea.css +++ b/style/lantea.css @@ -5,6 +5,7 @@ body { font-family: sans-serif; margin: 0; + background: url("loading.png") repeat; } h1 { @@ -27,6 +28,14 @@ h1 { text-align: center; } +#fullscreenArea { + position: absolute; + right: 1%; + bottom: 2em; + z-index: 5; + text-align: center; +} + .overlayArea { transition-property: opacity; transition-duration: .2s; @@ -43,7 +52,7 @@ h1 { .overlayArea input[type="button"]:-moz-system-metric(touch-enabled), .overlayArea select:-moz-system-metric(touch-enabled) { - font-size: 2.5mozmm; + font-size: 3mozmm; } #zoomLevel { @@ -52,7 +61,6 @@ h1 { padding: 0 3px; } - #settingsArea, #trackArea { display: none; @@ -68,16 +76,17 @@ h1 { border-radius: 3px; } -#map { +#map, #track { + position: fixed; border: 0; - top: 1px; - left: 1px; - right: 1px; - bottom: 1px; + top: 0; + left: 0; + right: 0; + bottom: 0; z-index: 1; } -#debug { +#action { position: absolute; bottom: 5px; left: .5em; @@ -88,6 +97,10 @@ h1 { padding: 0 3px; } +#actionimg { + vertical-align: text-bottom; +} + .debugHide { display: none; } @@ -121,6 +134,10 @@ h1 { top: 1px; right: 1px; } + #fullscreenArea { + right: 1px; + bottom: 10px; + } #copyright { bottom: 1px; right: 1px;