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