1778
|
1 body {
|
|
2 margin: 1em;
|
|
3 color: #000;
|
|
4 background: #000 url(img/bluesmoke.gif);
|
|
5 font-family: "Comic Sans MS", cursive, sans-serif;
|
|
6 font-size: 10pt;
|
|
7 text-transform: uppercase;
|
|
8 }
|
|
9
|
|
10
|
|
11 .over {
|
|
12 text-decoration: line-through;
|
|
13 }
|
|
14
|
|
15
|
|
16 img {
|
|
17 border: none;
|
|
18 padding: 0px;
|
|
19 }
|
|
20
|
|
21
|
|
22 div.batmud {
|
|
23 border: none;
|
|
24 text-align: center;
|
|
25 padding-top: 1em;
|
|
26 }
|
|
27
|
|
28
|
|
29 div.controls {
|
|
30 display: flex;
|
|
31 justify-content: space-around;
|
|
32 flex-wrap: wrap;
|
|
33
|
|
34 background: #060;
|
|
35 margin: 0;
|
|
36 padding: 0.5em;
|
|
37 border: 1px solid black;
|
|
38 box-shadow: 12px 12px 1px #000;
|
|
39 }
|
|
40
|
|
41 div.controls .control {
|
|
42 margin-bottom: 0.1em;
|
|
43 padding: 0.5em;
|
|
44 border: 1px solid white;
|
|
45 text-decoration: none;
|
|
46 box-shadow: 2px 2px 1px #000;
|
|
47 }
|
|
48
|
|
49 div.controls .continent, div.controls .submit {
|
|
50 color: white;
|
|
51 text-shadow: 1px 1px 1px #000;
|
|
52 }
|
|
53
|
|
54 div.controls .continent:hover, div.controls .submit:hover {
|
|
55 color: white;
|
|
56 position: relative;
|
|
57 box-shadow: none;
|
|
58 top: 2px;
|
|
59 left: 2px;
|
|
60 }
|
|
61
|
|
62 div.controls .dropdown {
|
|
63 min-width: 10em;
|
|
64 padding: 0;
|
|
65 background: white;
|
|
66 }
|
|
67
|
|
68
|
|
69 .submit {
|
|
70 color: white;
|
|
71 background: #8a8;
|
|
72 }
|
|
73
|
|
74 .submit:hover {
|
|
75 background: #686;
|
|
76 color: white;
|
|
77 }
|
|
78
|
|
79
|
|
80 .locTable {
|
|
81 width: 100%;
|
|
82 }
|
|
83
|
|
84 div.locCell, table.locTable td, div.locWizard {
|
|
85 border: 1px solid black;
|
|
86 text-align: center;
|
|
87 font-size: 1em;
|
|
88 padding: 0.2em;
|
|
89 margin: 0.1em;
|
|
90 }
|
|
91
|
|
92 div.locCell {
|
|
93 display: inline-table;
|
|
94 vertical-align: top;
|
|
95 height: 5em;
|
|
96 width: 18%;
|
|
97 min-width: 10em;
|
|
98 }
|
|
99
|
|
100 div.locWizard {
|
|
101 display: inline-table;
|
|
102 vertical-align: top;
|
|
103 height: 1em;
|
|
104 width: 18%;
|
|
105 min-width: 8em;
|
|
106 }
|
|
107
|
|
108 .locTable a, .locTable a:visited, .locTable a:active {
|
|
109 text-decoration: none;
|
|
110 color: white;
|
|
111 }
|
|
112
|
|
113 .locTable a:hover {
|
|
114 text-shadow: 1px 1px 2px #000;
|
|
115 text-decoration: underline;
|
|
116 }
|
|
117
|
|
118 div.locHeader {
|
|
119 background: rgba(0,0,0,0.25);
|
|
120 padding-bottom: 0.25em;
|
|
121 }
|
|
122
|
|
123 div.locCoders {
|
|
124 background: rgba(255,255,255,0.15);
|
|
125 margin-top: 0.25em;
|
|
126 padding: 0.15em;
|
|
127 }
|
|
128
|
|
129
|
|
130
|
|
131 div.quests {
|
|
132 max-width: 49%;
|
|
133 display: inline-block;
|
|
134 vertical-align: top;
|
|
135 }
|
|
136
|
|
137 table.quests {
|
|
138 width: 100%;
|
|
139 }
|
|
140
|
|
141
|
|
142 table.area {
|
|
143 width: 100%;
|
|
144 color: red;
|
|
145 }
|
|
146
|
|
147 table.area * th {
|
|
148 background: yellow;
|
|
149 border-bottom: 8px solid black;
|
|
150 }
|
|
151
|
|
152 table.area * td {
|
|
153 text-align: center;
|
|
154 background: blue;
|
|
155 }
|
|
156
|
|
157
|
|
158 .attnbox {
|
|
159 background: black;
|
|
160 padding: 0.5em;
|
|
161 color: white;
|
|
162 }
|
|
163
|
|
164
|
|
165 div.wizInfoBox {
|
|
166 display: inline-table;
|
|
167 height: 100%;
|
|
168 background: black;
|
|
169 padding: 0.5em;
|
|
170 margin: 0.5em;
|
|
171 color: red;
|
|
172 border: 1px solid white;
|
|
173 border-radius: 0.5em;
|
|
174 }
|
|
175
|
|
176 div.wizImage {
|
|
177 display: inline-block;
|
|
178 vertical-align: middle;
|
|
179 max-width: 28%;
|
|
180 padding: 0.5em;
|
|
181 }
|
|
182
|
|
183 div.wizImage img {
|
|
184 width: 100%;
|
|
185 height: auto;
|
|
186 border-radius: 1em;
|
|
187 }
|
|
188
|
|
189 div.wizInfo {
|
|
190 display: inline-block;
|
|
191 vertical-align: middle;
|
|
192 width: 68%;
|
|
193 padding: 0;
|
|
194 }
|
|
195
|
|
196
|
|
197 .laenor { background: #955 !important; }
|
|
198 .rothikgen { background: #595 !important; }
|
|
199 .lucentium { background: #559 !important; }
|
|
200 .desolathya { background: #599 !important; }
|
|
201 .furnachia { background: #959 !important; }
|
|
202 .renardy { background: #c70 !important; }
|
|
203 .tormentas { background: #7a0 !important; }
|
|
204 .hcbat { background: #444 !important; }
|
|
205 .special { background: #a06 !important; }
|
|
206 .all { background: #0af !important; }
|
|
207
|
|
208 .tooltip {
|
|
209 position: absolute;
|
|
210 display: none;
|
|
211 min-width: 200px;
|
|
212 background-color: white;
|
|
213 color: black;
|
|
214 padding: 5px;
|
|
215 font-size: 0.9em;
|
|
216 z-index: 11;
|
|
217
|
|
218 border: 1px solid gray;
|
|
219 border-radius: 8px;
|
|
220 }
|
|
221
|
|
222 .holder { display: block; color: #000; }
|
|
223 * html .tooltip { border-right: 400px solid #fff; }
|
|
224 * html .holder { display: inline-block; position: relative; margin-right: -400px; }
|
|
225
|
|
226
|
|
227 a.wizorig { font-weight: bold; }
|
|
228 a.wizrecoder { font-style: italic; }
|
|
229 a.wizmaintainer { }
|
|
230 a.wizexpander { }
|
|
231
|
|
232
|
|
233 #contents {
|
|
234 position: absolute;
|
|
235 top: 0;
|
|
236 right: 0;
|
|
237 left: 17em;
|
|
238 margin: 0;
|
|
239 padding: 1em;
|
|
240 background: #ddd;
|
|
241 }
|
|
242
|
|
243 #contents h1 {
|
|
244 font-size: 2.5em;
|
|
245 margin-top: 0px;
|
|
246 background: yellow;
|
|
247 padding: 0.2em;
|
|
248 color: white;
|
|
249 text-shadow: 2px 2px 2px #000;
|
|
250 text-transform: capitalize;
|
|
251 marquee-style: scroll;
|
|
252 }
|
|
253
|
|
254 #contents a {
|
|
255 color: white;
|
|
256 }
|
|
257
|
|
258 #contents a:hover {
|
|
259 color: red;
|
|
260
|
|
261 }
|
|
262
|
|
263
|
|
264 h2,h3 {
|
|
265 padding: 0.5em;
|
|
266 background: black;
|
|
267 color: white;
|
|
268 text-shadow: 2px 2px 2px #000;
|
|
269 text-transform: capitalize;
|
|
270 marquee-style: scroll;
|
|
271 }
|
|
272
|
|
273 #mainMenu, #extraBox {
|
|
274 position: fixed;
|
|
275 width: 15em;
|
|
276
|
|
277 padding: 0.2em;
|
|
278
|
|
279 background: red;
|
|
280 color: black;
|
|
281 }
|
|
282
|
|
283 #extraBox {
|
|
284 z-index: 4;
|
|
285 bottom: 0;
|
|
286 display: inline-table;
|
|
287 text-align: center;
|
|
288 }
|
|
289
|
|
290 #extraBox:hover {
|
|
291 z-index: 8;
|
|
292 }
|
|
293
|
|
294 #extraBox a {
|
|
295 display: inline-table;
|
|
296 color: white;
|
|
297 text-decoration: none;
|
|
298 background: #454;
|
|
299 padding: 0.4em;
|
|
300 border: 8px solid #676;
|
|
301 }
|
|
302
|
|
303 #extraBox a:hover {
|
|
304 color: black;
|
|
305 }
|
|
306
|
|
307 #mainMenu {
|
|
308 z-index: 5;
|
|
309 top: 0;
|
|
310 }
|
|
311
|
|
312 #mainMenu a.menuItem {
|
|
313 font-size: 1em;
|
|
314 text-decoration: none;
|
|
315 color: black;
|
|
316
|
|
317 display: block;
|
|
318 background: cyan;
|
|
319 margin: 0.2em;
|
|
320
|
|
321 padding: 0.5em;
|
|
322 }
|
|
323
|
|
324 #mainMenu a.menuItem:hover {
|
|
325 color: white;
|
|
326 background: #898;
|
|
327 text-shadow: 2px 2px 2px #000;
|
|
328 }
|
|
329
|
|
330 #mainMenu h1, #extraBox h1 {
|
|
331 margin: 0px;
|
|
332 padding-top: 0.5em;
|
|
333 padding-bottom: 0.5em;
|
|
334 font-size: 1.5em;
|
|
335 color: white;
|
|
336 text-align: center;
|
|
337 text-shadow: 8px 8px 8px #000;
|
|
338 }
|
|
339
|
|
340 #mainMenu h1 a {
|
|
341 text-decoration: none;
|
|
342 color: white;
|
|
343 }
|
|
344
|
|
345
|
|
346 div.advert {
|
|
347 display: none;
|
|
348 }
|
|
349
|
|
350
|
|
351 #contents a.gmapLink {
|
|
352 text-shadow: 1px 1px 1px #000;
|
|
353 font-size: 1.5em;
|
|
354 }
|
|
355
|
|
356 #contents a.mapLink {
|
|
357 text-decoration: underline;
|
|
358 }
|
|
359
|
|
360 li {
|
|
361 margin-bottom: 1em;
|
|
362 }
|
|
363
|
|
364 .alpha {
|
|
365 marquee-style: scroll;
|
|
366 }
|