style/lantea.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
   3  * You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 body {
   6   font-family: sans-serif;
   7   margin: 0;
   8 }
   9
  10 h1 {
  11   display: none;
  12 }
  13
  14 #menuArea {
  15   position: absolute;
  16   /* width: 30em; */
  17   left: 1%;
  18   top: 1em;
  19   z-index: 5;
  20 }
  21
  22 #zoomArea {
  23   position: absolute;
  24   right: 1%;
  25   top: 1em;
  26   z-index: 5;
  27   text-align: center;
  28 }
  29
  30 #fullscreenArea {
  31   position: absolute;
  32   right: 1%;
  33   bottom: 2em;
  34   z-index: 5;
  35   text-align: center;
  36 }
  37
  38 .overlayArea {
  39   transition-property: opacity;
  40   transition-duration: .2s;
  41 }
  42
  43 .overlayArea.hidden {
  44   opacity: 0;
  45   transition-duration: 1s;
  46 }
  47
  48 .overlayArea:-moz-system-metric(touch-enabled) {
  49   font-size: 3mozmm;
  50 }
  51
  52 .overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
  53 .overlayArea select:-moz-system-metric(touch-enabled) {
  54   font-size: 3mozmm;
  55 }
  56
  57 #zoomLevel {
  58   background-color: rgba(255, 255, 255, .8);
  59   border-radius: 3px;
  60   padding: 0 3px;
  61 }
  62
  63 #settingsArea,
  64 #trackArea {
  65   display: none;
  66   background-color: rgba(255, 255, 255, .8);
  67   border: 0;
  68   border-radius: 5px;
  69 }
  70
  71 #settingsArea > legend,
  72 #trackArea > legend {
  73   display: none;
  74   background-color: rgba(255, 255, 255, .8);
  75   border-radius: 3px;
  76 }
  77
  78 #map {
  79   border: 0;
  80   top: 0;
  81   left: 0;
  82   right: 0;
  83   bottom: 0;
  84   z-index: 1;
  85 }
  86
  87 #debug {
  88   position: absolute;
  89   bottom: 5px;
  90   left: .5em;
  91   margin: 0;
  92   z-index: 3;
  93   background-color: rgba(255, 255, 255, .8);
  94   border-radius: 3px;
  95   padding: 0 3px;
  96 }
  97
  98 .debugHide {
  99   display: none;
 100 }
 101
 102 #copyright {
 103   position: absolute;
 104   bottom: 5px;
 105   right: .5em;
 106   margin: 0;
 107   font-size: small;
 108   opacity: .66;
 109   z-index: 2;
 110   background-color: rgba(255, 255, 255, 1);
 111   border-radius: 3px;
 112   padding: 0 3px;
 113 }
 114
 115 #copyright.hidden {
 116   opacity: 0;
 117 }
 118
 119 @media screen and (max-width: 500px) {
 120   body {
 121     font-size: 10px;
 122   }
 123   #menuArea {
 124     top: 1px;
 125     left: 1px;
 126   }
 127   #zoomArea {
 128     top: 1px;
 129     right: 1px;
 130   }
 131   #fullscreenArea {
 132     right: 1px;
 133     bottom: 10px;
 134   }
 135   #copyright {
 136     bottom: 1px;
 137     right: 1px;
 138     font-size: 8px;
 139   }
 140 }