Mercurial > hg > batmud > gmap2
annotate css/mapstyle2.css @ 290:8e120dadd0a5 gmap2
Improve layout and stylesheets slightly.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Thu, 17 Nov 2016 17:18:36 +0200 |
parents | 373db5c1fe6f |
children | eb98c0758955 |
rev | line source |
---|---|
2 | 1 body { |
115 | 2 background-image: url(../img/dark.jpg); |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
3 font-family: "Arial", sans-serif; |
2 | 4 } |
5 | |
6 #footer { | |
7 position: absolute; | |
8 bottom: 0px; | |
194 | 9 height: 2em; |
2 | 10 left: 0px; |
5 | 11 right: 0px; |
2 | 12 margin: 0px; |
13 } | |
14 | |
194 | 15 #footercontent { |
2 | 16 position: absolute; |
194 | 17 |
18 left: 0.2em; | |
195 | 19 right: 300px; |
194 | 20 top: 0.25em; |
21 | |
22 padding: 0.5em; | |
23 | |
24 color: white; | |
25 font-size: 10pt; | |
8 | 26 } |
27 | |
194 | 28 #footercontent span { |
29 color: red; | |
8 | 30 } |
2 | 31 |
48 | 32 #sidebar { |
33 position: absolute; | |
34 right: 0px; | |
195 | 35 top: 0px; |
36 bottom: 0px; | |
194 | 37 width: 270px; |
48 | 38 padding: 0px; |
39 margin: 0px; | |
40 } | |
41 | |
42 #sidebox { | |
43 position: absolute; | |
115 | 44 background: url(../img/gray.jpg) repeat-y 2px 0px; |
48 | 45 |
46 width: 100%; | |
47 height: 100%; | |
194 | 48 z-index: 5; |
48 | 49 } |
50 | |
8 | 51 #sidetop { |
52 position: absolute; | |
115 | 53 background-image: url(../img/graytop.jpg); |
194 | 54 z-index: 10; |
48 | 55 |
194 | 56 width: 100%; |
195 | 57 height: 10px; |
58 top: 0px; | |
8 | 59 } |
60 | |
61 #sidebottom { | |
62 position: absolute; | |
115 | 63 background-image: url(../img/graybottom.jpg); |
194 | 64 z-index: 10; |
65 | |
66 width: 100%; | |
195 | 67 height: 10px; |
68 bottom: 0px; | |
2 | 69 } |
70 | |
71 #sidecontent { | |
48 | 72 position: absolute; |
194 | 73 z-index: 15; |
74 | |
75 top: 140px; | |
195 | 76 bottom: 16px; |
48 | 77 |
195 | 78 right: 8px; |
79 left: 8px; | |
48 | 80 |
194 | 81 color: black; |
5 | 82 overflow: auto; |
48 | 83 |
84 font-size: 10pt; | |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
85 font-family: Arial; |
195 | 86 |
87 padding: 0.5em; | |
88 background: rgba(0,0,0, 0.3); | |
89 | |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
90 border-radius: 0.5em; |
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
91 box-shadow: 0px 0px 6px #000; |
2 | 92 } |
93 | |
48 | 94 #sidecontent a { |
194 | 95 display: inline-block; |
96 width: 85%; | |
48 | 97 text-decoration: none; |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
98 color: white; |
194 | 99 padding: 2px; |
100 margin: 2px; | |
101 border-radius: 4px; | |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
102 text-shadow: 1px 1px 1px #000; |
48 | 103 } |
104 | |
194 | 105 #sidecontent a:hover { |
106 background: rgba(0,0,0,0.5); | |
107 color: #0f0; | |
48 | 108 } |
109 | |
110 #controls { | |
111 position: absolute; | |
112 | |
195 | 113 top: 16px; |
48 | 114 right: 16px; |
115 left: 16px; | |
116 | |
195 | 117 font-size: 12px; |
48 | 118 text-align: center; |
119 } | |
120 | |
121 #controls span { | |
194 | 122 text-shadow: 1px 1px 1px #000; |
123 border: 1px solid black; | |
124 margin: 2px; | |
125 display: inline-table; | |
48 | 126 } |
127 | |
128 #controls * a { | |
129 text-decoration: none; | |
130 color: black; | |
131 padding: 6px; | |
132 } | |
133 | |
134 | |
2 | 135 #sidecoll { |
136 width: 8px; | |
115 | 137 background-image: url(../img/graystrip.jpg); |
2 | 138 position : absolute; |
195 | 139 right: 268px; |
194 | 140 top: 0px; |
141 bottom: 0px; | |
2 | 142 min-height: 50px; |
143 padding-left: 1px; | |
144 padding-right: 1px; | |
145 padding-top: 0px; | |
146 padding-bottom: 0px; | |
147 margin: 0px; | |
194 | 148 } |
2 | 149 |
150 #collbuttondiv { | |
151 position: relative; | |
152 width: auto; | |
153 height: 16px; | |
154 top: 50%; | |
155 margin-top: -8px; | |
156 padding: 0px; | |
157 | |
158 } | |
159 | |
160 #collbutton { | |
161 border: 0px; | |
162 } | |
163 | |
164 #header { | |
165 position: absolute; | |
166 left: 0px; | |
167 right: 0px; | |
168 top: 0px; | |
194 | 169 height: 120px; |
170 padding: 8px; | |
171 } | |
172 | |
173 #headcontent { | |
216
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
174 display: inline-block; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
175 vertical-align: top; |
194 | 176 color: white; |
177 height: 100%; | |
178 padding: 0px; | |
216
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
179 margin-left: 2em; |
194 | 180 |
181 text-shadow: 0px 0px 4px #000; | |
182 font-size: 0.7em; | |
183 } | |
184 | |
216
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
185 #headlogo { |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
186 display: inline-block; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
187 vertical-align: top; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
188 width: 150px; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
189 height: 90px; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
190 padding: 0px; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
191 background: url(../img/batmud_logo2.png) no-repeat 0px 0px; |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
192 } |
ccb8e748a03f
Some stylesheet and HTML work.
Matti Hamalainen <ccr@tnsp.org>
parents:
215
diff
changeset
|
193 |
194 | 194 #headcontent h1 { |
195 font-size: 2em; | |
196 padding: 0px; | |
197 margin: 0px; | |
198 } | |
199 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
200 .subtitle { |
194 | 201 font-size: 1.5em; |
202 padding: 0px; | |
203 margin: 0px; | |
204 color: red; | |
205 } | |
206 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
207 .credits { |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
208 font-size: 0.75em; |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
209 color: white; |
194 | 210 } |
211 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
212 .version { |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
213 } |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
214 |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
215 .timestamp { |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
216 } |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
217 |
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
218 .controls { |
194 | 219 position: absolute; |
220 right: 280px; | |
221 width: auto; | |
222 } | |
223 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
224 .controls a { |
208 | 225 background: rgba(0,0,0,0.5); |
226 padding: 0.5em; | |
227 color: #ddd; | |
228 border-radius: 0.5em; | |
229 border: 1px solid white; | |
230 box-shadow: 2px 2px 2px #000; | |
2 | 231 } |
232 | |
290
8e120dadd0a5
Improve layout and stylesheets slightly.
Matti Hamalainen <ccr@tnsp.org>
parents:
218
diff
changeset
|
233 .controls a:hover { |
208 | 234 background: rgba(0,0,0,0.2); |
235 color: #fff; | |
236 border: 1px solid #888; | |
237 } | |
238 | |
239 | |
2 | 240 #map { |
241 position: absolute; | |
242 left: 0px; | |
194 | 243 top: 100px; |
244 right: 280px; | |
245 bottom: 2em; | |
2 | 246 padding: 0px; |
247 margin: 0px; | |
194 | 248 |
249 box-shadow: 10px 10px 5px #000; | |
250 } | |
251 | |
252 #copyrights { | |
253 position: absolute; | |
254 padding: 0.2em; | |
255 left: 80px; | |
256 bottom: 4em; | |
257 height: auto; | |
258 width: auto; | |
259 font-size: 8pt; | |
260 color: rgba(255,255,255, 0.85); | |
261 text-shadow: 1px 1px 1px #000; | |
262 } | |
263 | |
264 | |
265 .labels { | |
266 color: white; | |
267 background: black; | |
268 font-family: "Arial", sans-serif; | |
269 font-weight: bold; | |
270 font-size: 10px; | |
271 white-space: nowrap; | |
272 padding: 2px; | |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
273 border: 1px dotted black; |
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
274 border-radius: 5px; |
2 | 275 } |
276 | |
194 | 277 |
278 #sidecontent div div { | |
279 display: inline-block; | |
280 width: 10%; | |
281 height: auto; | |
282 border-radius: 0.5em; | |
215
6d9e3a63d6e1
Some work on alt stylesheet.
Matti Hamalainen <ccr@tnsp.org>
parents:
208
diff
changeset
|
283 border: 1px solid black; |
194 | 284 } |