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   background: url("loading.png") repeat;
   9 }
  10
  11 h1 {
  12   display: none;
  13 }
  14
  15 .overlayArea {
  16   position: absolute;
  17   z-index: 5;
  18   transition-property: opacity;
  19   transition-duration: .2s;
  20 }
  21
  22 .overlayArea.hidden {
  23   opacity: 0;
  24   transition-duration: 1s;
  25 }
  26
  27 .overlayArea:-moz-system-metric(touch-enabled) {
  28   font-size: 3mozmm;
  29 }
  30
  31 .overlayArea input[type="button"]:-moz-system-metric(touch-enabled),
  32 .overlayArea select:-moz-system-metric(touch-enabled) {
  33   font-size: 3mozmm;
  34 }
  35
  36 #menuArea {
  37   /* width: 30em; */
  38   left: 1%;
  39   top: 1em;
  40 }
  41
  42 #zoomArea {
  43   right: 1%;
  44   top: 1em;
  45   text-align: center;
  46 }
  47
  48 #fullscreenArea {
  49   right: 1%;
  50   bottom: 2em;
  51   text-align: center;
  52 }
  53
  54 #zoomLevel {
  55   background-color: rgba(255, 255, 255, .8);
  56   border-radius: 3px;
  57   padding: 0 3px;
  58 }
  59
  60 #settingsArea,
  61 #trackArea {
  62   display: none;
  63   background-color: rgba(255, 255, 255, .8);
  64   border: 0;
  65   border-radius: 5px;
  66 }
  67
  68 #settingsArea > legend,
  69 #trackArea > legend {
  70   display: none;
  71   background-color: rgba(255, 255, 255, .8);
  72   border-radius: 3px;
  73 }
  74
  75 #map, #track {
  76   position: fixed;
  77   border: 0;
  78   top: 0;
  79   left: 0;
  80   right: 0;
  81   bottom: 0;
  82   z-index: 1;
  83 }
  84
  85 #action {
  86   position: absolute;
  87   bottom: 5px;
  88   left: .5em;
  89   margin: 0;
  90   z-index: 3;
  91   background-color: rgba(255, 255, 255, .8);
  92   border-radius: 3px;
  93   padding: 0 3px;
  94 }
  95
  96 #actionimg {
  97   vertical-align: text-bottom;
  98 }
  99
 100 .debugHide {
 101   display: none;
 102 }
 103
 104 .settingsSubTitle {
 105   margin: .5em 0 0;
 106   font-weight: bold;
 107 }
 108
 109 #copyright {
 110   bottom: 5px;
 111   right: .5em;
 112   margin: 0;
 113   font-size: small;
 114   opacity: .66;
 115   z-index: 2;
 116   background-color: rgba(255, 255, 255, 1);
 117   border-radius: 3px;
 118   padding: 0 3px;
 119 }
 120
 121 #copyright.hidden {
 122   opacity: 0;
 123 }
 124
 125 @media screen and (max-width: 500px) {
 126   body {
 127     font-size: 10px;
 128   }
 129   #menuArea {
 130     top: 1px;
 131     left: 1px;
 132   }
 133   #zoomArea {
 134     top: 1px;
 135     right: 1px;
 136   }
 137   #fullscreenArea {
 138     right: 1px;
 139     bottom: 10px;
 140   }
 141   #copyright {
 142     bottom: 1px;
 143     right: 1px;
 144     font-size: 8px;
 145   }
 146 }