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 #overlayArea {
  15   position: absolute;
  16   /* width: 30em; */
  17   left: 1%;
  18   top: 1em;
  19   z-index: 5;
  20 }
  21
  22 #overlayArea:-moz-system-metric(touch-enabled) {
  23   font-size: 3mozmm;
  24 }
  25
  26 #overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
  27 #overlayArea select:-moz-system-metric(touch-enabled) {
  28   font-size: 2.5mozmm;
  29 }
  30
  31 #zoomLevel {
  32   background-color: rgba(255, 255, 255, .8);
  33   border-radius: 3px;
  34   padding: 0 3px;
  35 }
  36
  37
  38 #settingsArea,
  39 #trackArea {
  40   display: none;
  41   background-color: rgba(255, 255, 255, .8);
  42   border: 0;
  43   border-radius: 5px;
  44 }
  45
  46 #settingsArea > legend,
  47 #trackArea > legend {
  48   display: none;
  49   background-color: rgba(255, 255, 255, .8);
  50   border-radius: 3px;
  51 }
  52
  53 #map {
  54   border: 0;
  55   top: 1px;
  56   left: 1px;
  57   right: 1px;
  58   bottom: 1px;
  59   z-index: 1;
  60 }
  61
  62 #debug {
  63   position: absolute;
  64   bottom: 5px;
  65   left: .5em;
  66   margin: 0;
  67   z-index: 3;
  68   background-color: rgba(255, 255, 255, .8);
  69   border-radius: 3px;
  70   padding: 0 3px;
  71 }
  72
  73 .debugHide {
  74   display: none;
  75 }
  76
  77 #copyright {
  78   position: absolute;
  79   bottom: 5px;
  80   right: .5em;
  81   margin: 0;
  82   font-size: small;
  83   opacity: .66;
  84   z-index: 2;
  85   background-color: rgba(255, 255, 255, 1);
  86   border-radius: 3px;
  87   padding: 0 3px;
  88 }
  89
  90
  91 @media screen and (max-width: 500px) {
  92   body {
  93     font-size: 10px;
  94   }
  95 }