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 .overlayArea:-moz-system-metric(touch-enabled) {
  31   font-size: 3mozmm;
  32 }
  33
  34 .overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
  35 .overlayArea select:-moz-system-metric(touch-enabled) {
  36   font-size: 2.5mozmm;
  37 }
  38
  39 #zoomLevel {
  40   background-color: rgba(255, 255, 255, .8);
  41   border-radius: 3px;
  42   padding: 0 3px;
  43 }
  44
  45
  46 #settingsArea,
  47 #trackArea {
  48   display: none;
  49   background-color: rgba(255, 255, 255, .8);
  50   border: 0;
  51   border-radius: 5px;
  52 }
  53
  54 #settingsArea > legend,
  55 #trackArea > legend {
  56   display: none;
  57   background-color: rgba(255, 255, 255, .8);
  58   border-radius: 3px;
  59 }
  60
  61 #map {
  62   border: 0;
  63   top: 1px;
  64   left: 1px;
  65   right: 1px;
  66   bottom: 1px;
  67   z-index: 1;
  68 }
  69
  70 #debug {
  71   position: absolute;
  72   bottom: 5px;
  73   left: .5em;
  74   margin: 0;
  75   z-index: 3;
  76   background-color: rgba(255, 255, 255, .8);
  77   border-radius: 3px;
  78   padding: 0 3px;
  79 }
  80
  81 .debugHide {
  82   display: none;
  83 }
  84
  85 #copyright {
  86   position: absolute;
  87   bottom: 5px;
  88   right: .5em;
  89   margin: 0;
  90   font-size: small;
  91   opacity: .66;
  92   z-index: 2;
  93   background-color: rgba(255, 255, 255, 1);
  94   border-radius: 3px;
  95   padding: 0 3px;
  96 }
  97
  98
  99 @media screen and (max-width: 500px) {
 100   body {
 101     font-size: 10px;
 102   }
 103   #menuArea {
 104     top: 1px;
 105     left: 1px;
 106   }
 107   #zoomArea {
 108     top: 1px;
 109     right: 1px;
 110   }
 111   #copyright {
 112     bottom: 1px;
 113     right: 1px;
 114     font-size: 8px;
 115   }
 116 }