Commit | Line | Data |
---|---|---|
64a19c3d ML |
1 | /* |
2 | ** MediaWiki 'chick' style sheet for PDAs or other small-screen devices. | |
3 | ** Copyright Timwi | |
4 | ** License: GPL (http://www.gnu.org/copyleft/gpl.html) | |
5 | ** | |
6 | ** Loosely based on Monobook by Gabriel Wicke | |
7 | */ | |
8 | ||
9 | body { | |
10 | font-family: sans-serif; | |
11 | color: Black; | |
12 | margin: 0; | |
13 | padding: 0.3em; | |
14 | } | |
15 | ||
16 | a { color: #002bb8; } | |
17 | a:visited { color: #5a3696; } | |
18 | a:active { color: #ffa500; } | |
19 | a.stub { color: #772233; } | |
20 | a.new, | |
21 | #p-personal a.new { color:#ba0000; } | |
22 | a.new:visited, | |
23 | #p-personal a.new:visited { color:#a55858; } | |
24 | ||
25 | img { | |
26 | border: none; | |
27 | vertical-align: middle; | |
28 | } | |
29 | p { | |
30 | margin: 0.4em 0em 0.5em 0em; | |
31 | line-height: 1.5em; | |
32 | } | |
33 | ||
34 | p img { margin: 0; } | |
35 | ||
36 | hr { | |
37 | height: 1px; | |
38 | color: #aaaaaa; | |
39 | background-color: #aaaaaa; | |
40 | border: 0; | |
41 | margin: 0.2em 0 0.2em 0; | |
42 | } | |
43 | ||
44 | h1, h2, h3, h4, h5, h6 { | |
45 | color: Black; | |
46 | background: none; | |
47 | font-weight: normal; | |
48 | margin: 0; | |
49 | padding-top: 0.5em; | |
50 | padding-bottom: 0.17em; | |
51 | border-bottom: 1px solid #aaaaaa; | |
52 | } | |
53 | .editsection { | |
54 | font-weight: normal; | |
55 | } | |
56 | h1 { font-size: 188%; } | |
57 | h1 .editsection { font-size: 53.2%; } | |
58 | h2 { font-size: 150%; } | |
59 | h2 .editsection { font-size: 66.7%; } | |
60 | h3, h4, h5, h6 { | |
61 | border-bottom: none; | |
62 | font-weight: bold; | |
63 | } | |
64 | h3 { font-size: 132%; } | |
65 | h3 .editsection { font-size: 75.8%; } | |
66 | h4 { font-size: 116%; } | |
67 | h4 .editsection { font-size: 86.2%; } | |
68 | h5 { font-size: 100%; } | |
69 | h6 { font-size: 80%; } | |
70 | h6 .editsection { font-size: 125%; } | |
71 | ||
72 | ul { | |
73 | line-height: 1.5em; | |
74 | margin: 0.3em 0 0 1.5em; | |
75 | padding:0; | |
76 | } | |
77 | ol { | |
78 | line-height: 1.5em; | |
79 | margin: 0.3em 0 0 3.2em; | |
80 | padding:0; | |
81 | list-style-image: none; | |
82 | } | |
83 | li { margin-bottom: 0.1em; } | |
84 | dt { | |
85 | font-weight: bold; | |
86 | margin-bottom: 0.1em; | |
87 | } | |
88 | dl{ | |
89 | margin-top: 0.2em; | |
90 | margin-bottom: 0.5em; | |
91 | } | |
92 | dd { | |
93 | line-height: 1.5em; | |
94 | margin-left: 2em; | |
95 | margin-bottom: 0.1em; | |
96 | } | |
97 | ||
98 | fieldset { | |
99 | border: 1px solid #2f6fab; | |
100 | margin: 1em 0em 1em 0em; | |
101 | padding: 0em 1em 1em 1em; | |
102 | line-height: 1.5em; | |
103 | } | |
104 | legend { | |
105 | background: White; | |
106 | padding: 0.5em; | |
107 | font-size: 95%; | |
108 | } | |
109 | form { | |
110 | border: none; | |
111 | margin: 0; | |
112 | } | |
113 | ||
114 | textarea { | |
115 | border: 1px solid #2f6fab; | |
116 | color: Black; | |
117 | background-color: white; | |
118 | width: 100%; | |
119 | padding: 0.1em; | |
120 | overflow: auto; | |
121 | } | |
122 | /* hide this from ie/mac and konq2.2 */ | |
123 | @media All { | |
124 | head:first-child+body input { | |
125 | visibility: visible; | |
126 | border: 1px solid #2f6fab; | |
127 | color: Black; | |
128 | background-color: white; | |
129 | vertical-align: middle; | |
130 | padding: 0.2em; | |
131 | } | |
132 | } | |
133 | input.historysubmit { | |
134 | padding: 0 0.3em 0.3em 0.3em !important; | |
135 | font-size: 94%; | |
136 | cursor: pointer; | |
137 | height: 1.7em !important; | |
138 | margin-left: 1.6em; | |
139 | } | |
140 | input[type="radio"], | |
141 | input[type="checkbox"] { border:none; } | |
142 | select { | |
143 | border: 1px solid #2f6fab; | |
144 | color: Black; | |
145 | vertical-align: top; | |
146 | } | |
147 | abbr, acronym, .explain { | |
148 | border-bottom: 1px dotted Black; | |
149 | color: Black; | |
150 | background: none; | |
151 | cursor: help; | |
152 | } | |
153 | q { | |
154 | font-family: Times, "Times New Roman", serif; | |
155 | font-style: italic; | |
156 | } | |
157 | code { background-color: #f9f9f9; } | |
158 | pre { | |
159 | padding: 1em; | |
160 | border: 1px dashed #2f6fab; | |
161 | color: Black; | |
162 | background-color: #f9f9f9; | |
163 | line-height: 1.1em; | |
164 | } | |
165 | ||
166 | /* | |
167 | ** the main content area | |
168 | */ | |
169 | ||
170 | span.subpages { display: block; } | |
171 | ||
172 | /* Some space under the headers in the content area */ | |
173 | #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; } | |
174 | #bodyContent h3, | |
175 | #bodyContent h4, | |
176 | #bodyContent h5 { | |
177 | margin-bottom: 0.3em; | |
178 | } | |
179 | #firstHeading { margin-bottom:0.1em; } | |
180 | ||
181 | /* user notification thing */ | |
182 | .usermessage { | |
183 | background-color: #ffce7b; | |
184 | border: 1px solid #ffa500; | |
185 | color: Black; | |
186 | font-weight: bold; | |
187 | margin: 0.1em 0 0 0; | |
188 | padding: 2px 5px; | |
189 | vertical-align: middle; | |
190 | } | |
191 | #siteNotice { | |
192 | text-align: center; | |
193 | font-size: 95%; | |
194 | padding: 0 0.9em 0 0.9em; | |
195 | } | |
196 | #siteNotice p { margin: 0; padding: 0; } | |
197 | .error { | |
198 | color: red; | |
199 | font-size: larger; | |
200 | } | |
201 | .catlinks { | |
202 | border:1px solid #aaaaaa; | |
203 | background-color:#f9f9f9; | |
204 | padding: 2px 5px; | |
205 | margin: 0.1em 0 0 0; | |
206 | clear: both; | |
207 | } | |
208 | .catlinks { margin: 0; padding: 0; } | |
209 | ||
210 | ||
211 | /* currently unused, intended to be used by a metadata box | |
212 | in the bottom-right corner of the content area */ | |
213 | .documentDescription { | |
214 | /* The summary text describing the document */ | |
215 | font-weight: bold; | |
216 | display: block; | |
217 | margin: 1em 0em; | |
218 | line-height: 1.5em; | |
219 | } | |
220 | .documentByLine { | |
221 | text-align: right; | |
222 | font-size: 90%; | |
223 | clear: both; | |
224 | font-weight: normal; | |
225 | color: #76797c; | |
226 | } | |
227 | ||
228 | /* emulate center */ | |
229 | .center { | |
230 | width: 100%; | |
231 | text-align: center; | |
232 | } | |
233 | *.center * { | |
234 | margin-left: auto; | |
235 | margin-right: auto; | |
236 | } | |
237 | /* small for tables and similar */ | |
238 | .small, .small * { font-size: 94%; } | |
239 | table.small { font-size: 100% } | |
240 | ||
241 | /* | |
242 | ** content styles | |
243 | */ | |
244 | ||
245 | #toc { | |
246 | /*border:1px solid #2f6fab;*/ | |
247 | border:1px solid #aaaaaa; | |
248 | background-color:#f9f9f9; | |
249 | padding:5px; | |
250 | font-size: 95%; | |
251 | } | |
252 | #toc ul { margin-left: 2em; } | |
253 | #toc .toctoggle { font-size: 94%; } | |
254 | #toc .editsection { | |
255 | margin-top: 0.7em; | |
256 | font-size: 94%; | |
257 | } | |
258 | ||
259 | /* images */ | |
260 | div.floatright, table.floatright { | |
261 | clear: right; | |
262 | float: right; | |
263 | margin: 0; | |
264 | position: relative; | |
265 | border: 0.5em solid White; | |
266 | border-width: 0.5em 0 0.8em 1.4em; | |
267 | } | |
268 | div.floatright p { font-style: italic; } | |
269 | div.floatleft, table.floatleft { | |
270 | float: left; | |
271 | clear: left; | |
272 | margin: 0.3em 0.5em 0.5em 0; | |
273 | position: relative; | |
274 | border: 0.5em solid White; | |
275 | border-width: 0.5em 1.4em 0.8em 0; | |
276 | } | |
277 | div.floatleft p { font-style: italic; } | |
278 | /* thumbnails */ | |
279 | div.thumb { | |
280 | margin-bottom: 0.5em; | |
281 | border-style: solid; border-color: White; | |
282 | width: auto; | |
283 | } | |
284 | div.thumb div { | |
285 | border:1px solid #cccccc; | |
286 | padding: 3px !important; | |
287 | background-color:#f9f9f9; | |
288 | font-size: 94%; | |
289 | text-align: center; | |
290 | overflow: hidden; | |
291 | } | |
292 | div.thumb div a img { | |
293 | border:1px solid #cccccc; | |
294 | } | |
295 | div.thumb div div.thumbcaption { | |
296 | border: none; | |
297 | text-align: left; | |
298 | line-height: 1.4em; | |
299 | padding: 0.3em 0 0.1em 0; | |
300 | } | |
301 | div.magnify { | |
302 | float: right; | |
303 | border: none !important; | |
304 | background: none !important; | |
305 | } | |
306 | div.magnify a, div.magnify img { | |
307 | display: block; | |
308 | border: none !important; | |
309 | background: none !important; | |
310 | } | |
311 | div.tright { | |
312 | clear: right; | |
313 | float: right; | |
314 | border-width: 0.5em 0 0.8em 1.4em; | |
315 | } | |
316 | div.tleft { | |
317 | float: left; | |
318 | clear: left; | |
319 | margin-right:0.5em; | |
320 | border-width: 0.5em 1.4em 0.8em 0; | |
321 | } | |
322 | img.thumbborder { | |
323 | border: 1px solid #dddddd; | |
324 | } | |
325 | ||
326 | .hiddenStructure { | |
327 | display: none; | |
328 | } | |
329 | ||
330 | /* | |
331 | ** classes for special content elements like town boxes | |
332 | ** intended to be referenced directly from the wiki src | |
333 | */ | |
334 | ||
335 | /* | |
336 | ** User styles | |
337 | */ | |
338 | /* table standards */ | |
339 | table.rimage { | |
340 | float:right; | |
341 | position:relative; | |
342 | margin-left:1em; | |
343 | margin-bottom:1em; | |
344 | text-align:center; | |
345 | } | |
346 | .toccolours { | |
347 | border:1px solid #aaaaaa; | |
348 | background-color:#f9f9f9; | |
349 | padding:5px; | |
350 | font-size: 95%; | |
351 | } | |
352 | ||
353 | /* | |
354 | ** edit views etc | |
355 | */ | |
356 | .special li { | |
357 | line-height: 1.4em; | |
358 | margin: 0; | |
359 | padding: 0; | |
360 | } | |
361 | ||
362 | a.external { color: #3366bb; } | |
363 | div#footer { text-align: center; } | |
364 | ul#f-list li { list-style: none; text-align: center; } | |
365 | div.portlet { margin: 0.5em 0; } | |
366 | ||
367 | .redirectText { | |
368 | font-size:150%; | |
369 | margin:5px; | |
370 | } | |
371 | ||
372 | ul.special li.not-patrolled, ol.special li.not-patrolled { | |
373 | background-color: #ffa; | |
374 | } | |
375 | div.patrollink { | |
376 | font-size: 75%; | |
377 | text-align: right; | |
378 | } | |
379 | span.newpage, span.minor { | |
380 | font-weight: bold; | |
381 | } | |
382 | ||
383 | span.updatedmarker { | |
384 | color:black; | |
385 | background-color:#00FF00; | |
386 | } | |
387 | ||
388 | table.gallery { | |
389 | border: 1px solid #cccccc; | |
390 | margin: 2px; | |
391 | padding: 2px; | |
392 | background-color:#ffffff; | |
393 | } | |
394 | ||
395 | table.gallery tr { | |
396 | vertical-align:top; | |
397 | } | |
398 | ||
399 | table.gallery td { | |
400 | vertical-align:top; | |
401 | background-color:#f9f9f9; | |
402 | border: solid 2px white; | |
403 | } | |
404 | ||
405 | div.gallerybox { | |
406 | margin: 2px; | |
407 | width: 150px; | |
408 | } | |
409 | ||
410 | div.gallerybox div.thumb { | |
411 | text-align: center; | |
412 | border: 1px solid #cccccc; | |
413 | margin: 2px; | |
414 | } | |
415 | ||
416 | div.gallerytext { | |
417 | overflow: hidden; | |
418 | font-size: 94%; | |
419 | padding: 2px 4px; | |
420 | } | |
421 | ||
422 | #xjump-to-nav { | |
423 | display: none; | |
424 | } | |
425 | ||
426 | .templatesUsed { margin-top: 1.5em; } | |
427 | ||
428 | .printfooter { | |
429 | display: none; | |
430 | } | |
431 | ||
432 | #footer { | |
433 | background-color: white; | |
434 | border-top: 1px solid #fabd23; | |
435 | border-bottom: 1px solid #fabd23; | |
436 | margin: .6em 0 1em 0; | |
437 | padding: .4em 0 1.2em 0; | |
438 | text-align: center; | |
439 | font-size: 90%; | |
440 | } | |
441 | #f-poweredbyico, #f-copyrightico { | |
442 | display: inline; | |
443 | } |