support full screen mode

[lantea.git] / style / lantea.css

diff --git a/style/lantea.css b/style/lantea.css
index 23bd32d09d46b24849bfd7a7d21963b12c8b0252..1459ff06e07a03deb46ebaedcfa047740ed5f2ff 100644 (file)
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -27,6 +27,14 @@ h1 {
   text-align: center;
 }
 
   text-align: center;
 }
 

+#fullscreenArea {
+  position: absolute;
+  right: 1%;
+  bottom: 2em;
+  z-index: 5;
+  text-align: center;
+}
+

 .overlayArea {
   transition-property: opacity;
   transition-duration: .2s;
 .overlayArea {
   transition-property: opacity;
   transition-duration: .2s;


@@ -52,7 +60,6 @@ h1 {
   padding: 0 3px;
 }
 
   padding: 0 3px;
 }
 

-

 #settingsArea,
 #trackArea {
   display: none;
 #settingsArea,
 #trackArea {
   display: none;


@@ -70,10 +77,10 @@ h1 {
 
 #map {
   border: 0;
 
 #map {
   border: 0;

-  top: 1px;
-  left: 1px;
-  right: 1px;
-  bottom: 1px;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;

   z-index: 1;
 }
 
   z-index: 1;
 }
 


@@ -121,6 +128,10 @@ h1 {
     top: 1px;
     right: 1px;
   }
     top: 1px;
     right: 1px;
   }

+  #fullscreenArea {
+    right: 1px;
+    bottom: 10px;
+  }

   #copyright {
     bottom: 1px;
     right: 1px;
   #copyright {
     bottom: 1px;
     right: 1px;