X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=style%2Flantea.css;h=03af2d1af38bd6fd3bc1294d8f885e41c7d651b1;hp=23bd32d09d46b24849bfd7a7d21963b12c8b0252;hb=b5e49b956629a45c3af14a87790060cbf18a718a;hpb=9ef896adba9ab6631630e848223fff6abe20d97d;ds=sidebyside diff --git a/style/lantea.css b/style/lantea.css index 23bd32d..03af2d1 100644 --- a/style/lantea.css +++ b/style/lantea.css @@ -27,6 +27,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; @@ -52,7 +60,6 @@ h1 { padding: 0 3px; } - #settingsArea, #trackArea { display: none; @@ -68,15 +75,20 @@ 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; } +#map { + background: url("style/loading.png") repeat; +} + #debug { position: absolute; bottom: 5px; @@ -121,6 +133,10 @@ h1 { top: 1px; right: 1px; } + #fullscreenArea { + right: 1px; + bottom: 10px; + } #copyright { bottom: 1px; right: 1px;