try to deal with the default scaling of mobile devices, eliminate white borders aroun...
[lantea.git] / 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 #zoomLevel {
23   background-color: rgba(255, 255, 255, .8);
24   border-radius: 3px;
25   padding: 0 3px;
26 }
27
28
29 #settingsArea,
30 #trackArea {
31   display: none;
32   background-color: rgba(255, 255, 255, .8);
33   border: 0;
34   border-radius: 5px;
35 }
36
37 #settingsArea > legend,
38 #trackArea > legend {
39   display: none;
40   background-color: rgba(255, 255, 255, .8);
41   border-radius: 3px;
42 }
43
44 #map {
45   border: 0;
46   top: 1px;
47   left: 1px;
48   right: 1px;
49   bottom: 1px;
50   z-index: 1;
51 }
52
53 #debug {
54   position: absolute;
55   bottom: 5px;
56   left: .5em;
57   margin: 0;
58   z-index: 3;
59   background-color: rgba(255, 255, 255, .8);
60   border-radius: 3px;
61   padding: 0 3px;
62 }
63
64 .debugHide {
65   display: none;
66 }
67
68 #copyright {
69   position: absolute;
70   bottom: 5px;
71   right: .5em;
72   margin: 0;
73   font-size: small;
74   opacity: .66;
75   z-index: 2;
76   background-color: rgba(255, 255, 255, 1);
77   border-radius: 3px;
78   padding: 0 3px;
79 }