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