Commit | Line | Data |
---|---|---|
64a19c3d ML |
1 | /* |
2 | * oldshared.css | |
3 | * This file contains CSS settings common to Wikistandard, Nostalgia and | |
4 | * CologneBlue, the old pre-Monobook skins | |
5 | */ | |
6 | ||
7 | /* For clarity, explicitly state some recommendations from <http://www.w3.org/ | |
8 | TR/CSS21/sample.html> to make sure the editsection links scale right */ | |
9 | ||
10 | h1 { font-size: 2em; } | |
11 | h2 { font-size: 1.5em; } | |
12 | h3 { font-size: 1.17em; } | |
13 | h5 { font-size: .83em; } | |
14 | h6 { font-size: .75em; } | |
15 | h1, h2, h3, h4, h5, h6 { font-weight: bolder } | |
16 | ||
17 | /* Now the custom parts */ | |
18 | ||
19 | /* Make edit sections (which are inside h# tags) normal-sized */ | |
20 | .editsection { | |
21 | font-weight: normal; | |
22 | } | |
23 | h1 .editsection { font-size: 50% } | |
24 | h2 .editsection { font-size: 66.7% } | |
25 | h3 .editsection { font-size: 85.5% } | |
26 | h5 .editsection { font-size: 120% } | |
27 | h6 .editsection { font-size: 133% } | |
28 | ||
29 | #footer { clear: both } | |
30 | /* images */ | |
31 | div.floatright { float: right; clear: right; margin: 0 0 1em 1em; } | |
32 | div.floatright p { font-style: italic; } | |
33 | div.floatleft { float: left; clear: left; margin: 0.3em 0.5em 0.5em 0; } | |
34 | div.floatleft p { font-style: italic; } | |
35 | ||
36 | ||
37 | /* Print-specific things to hide */ | |
38 | .printfooter { | |
39 | display: none; | |
40 | } | |
41 | ||
42 | /* table standards */ | |
43 | table.rimage { | |
44 | float:right; | |
45 | margin-left:1em; | |
46 | margin-bottom:1em; | |
47 | text-align:center; | |
48 | font-size:smaller; | |
49 | } | |
50 | ||
51 | /* thumbnails */ | |
52 | div.thumb { | |
53 | margin-bottom: .5em; | |
54 | border-style: solid; | |
55 | border-color: white; | |
56 | width: auto; | |
57 | } | |
58 | div.thumbinner { | |
59 | border: 1px solid #ccc; | |
60 | padding: 3px !important; | |
61 | background-color: #f9f9f9; | |
62 | font-size: 94%; | |
63 | text-align: center; | |
64 | overflow: hidden; | |
65 | } | |
66 | html .thumbimage { | |
67 | border: 1px solid #ccc; | |
68 | } | |
69 | html .thumbcaption { | |
70 | border: none; | |
71 | text-align: left; | |
72 | line-height: 1.4em; | |
73 | padding: 3px !important; | |
74 | font-size: 94%; | |
75 | } | |
76 | div.magnify { | |
77 | float: right; | |
78 | border: none !important; | |
79 | background: none !important; | |
80 | } | |
81 | div.magnify a, div.magnify img { | |
82 | display: block; | |
83 | border: none !important; | |
84 | background: none !important; | |
85 | } | |
86 | div.tright { | |
87 | clear: right; | |
88 | float: right; | |
89 | border-width: .5em 0 .8em 1.4em; | |
90 | } | |
91 | div.tleft { | |
92 | float: left; | |
93 | clear: left; | |
94 | margin-right: .5em; | |
95 | border-width: .5em 1.4em .8em 0; | |
96 | } | |
97 | img.thumbborder { | |
98 | border: 1px solid #dddddd; | |
99 | } | |
100 | ||
101 | /* Page history styling */ | |
102 | /* the auto-generated edit comments */ | |
103 | .autocomment { color: #4b4b4b; } | |
104 | ||
105 | img { border: none; } | |
106 | ||
107 | #toc, | |
108 | .toc { | |
109 | border: 1px solid #bba; | |
110 | background-color: #f7f8ff; | |
111 | padding: 5px; | |
112 | font-size: 95%; | |
113 | text-align: center; | |
114 | } | |
115 | #toc h2, | |
116 | .toc h2 { | |
117 | display: inline; | |
118 | border: none; | |
119 | padding: 0; | |
120 | font-size: 100%; | |
121 | font-weight: bold; | |
122 | } | |
123 | #toc ul, | |
124 | .toc ul { | |
125 | list-style-type: none; | |
126 | list-style-image: none; | |
127 | margin-left: 0; | |
128 | padding-left: 0; | |
129 | text-align: left; | |
130 | } | |
131 | #toc ul ul, | |
132 | .toc ul ul { | |
133 | margin: 0 0 0 2em; | |
134 | } | |
135 | #toc .toctoggle, | |
136 | .toc .toctoggle { | |
137 | font-size: 94%; | |
138 | } | |
139 | ||
140 | ||
141 | .error { | |
142 | color: red; | |
143 | font-size: larger; | |
144 | } | |
145 | ||
146 | /* preference page with js-genrated toc */ | |
147 | #preftoc { | |
148 | float: left; | |
149 | margin: 1em 1em 1em 1em; | |
150 | width: 13em; | |
151 | } | |
152 | #preftoc li { border: 1px solid White; } | |
153 | #preftoc li.selected { | |
154 | background-color:#f9f9f9; | |
155 | border:1px dashed #aaaaaa; | |
156 | } | |
157 | #preftoc a, | |
158 | #preftoc a:active { | |
159 | display: block; | |
160 | color: #005189; | |
161 | } | |
162 | #prefcontrol { | |
163 | clear: left; | |
164 | float: left; | |
165 | margin-top: 1em; | |
166 | } | |
167 | div.prefsectiontip { | |
168 | font-size: 94%; | |
169 | margin-top: 0.4em; | |
170 | color: #666; | |
171 | } | |
172 | fieldset.prefsection { margin-top: 1em } | |
173 | fieldset.operaprefsection { margin-left: 15em } | |
174 | ||
175 | /* emulate center */ | |
176 | .center { | |
177 | width: 100%; | |
178 | text-align: center; | |
179 | } | |
180 | *.center * { | |
181 | margin-left: auto; | |
182 | margin-right: auto; | |
183 | } | |
184 | /* small for tables and similar */ | |
185 | .small, .small * { font-size: 94%; } | |
186 | table.small { font-size: 100% } | |
187 | ||
188 | /* use this instead of #toc for page content */ | |
189 | .toccolours { | |
190 | border:1px solid #aaaaaa; | |
191 | background-color:#f9f9f9; | |
192 | padding:5px; | |
193 | font-size: 95%; | |
194 | } | |
195 | #siteNotice { | |
196 | border:1px solid #aaaaaa; | |
197 | padding-left: 0.5em; | |
198 | padding-right: 0.5em; | |
199 | } | |
200 | .redirectText { | |
201 | font-size:150%; | |
202 | margin:5px; | |
203 | } | |
204 | .sharedUploadNotice { | |
205 | font-style: italic; | |
206 | } | |
207 | span.unpatrolled { | |
208 | font-weight:bold; | |
209 | color:red; | |
210 | } | |
211 | ||
212 | span.updatedmarker { | |
213 | color:black; | |
214 | background-color:#00FF00; | |
215 | } | |
216 | ||
217 | table.gallery { | |
218 | border: 1px solid #cccccc; | |
219 | margin: 2px; | |
220 | padding: 2px; | |
221 | background-color:#ffffff; | |
222 | } | |
223 | ||
224 | table.gallery tr { | |
225 | vertical-align:top; | |
226 | } | |
227 | ||
228 | table.gallery td { | |
229 | vertical-align:top; | |
230 | background-color:#f9f9f9; | |
231 | border: solid 2px white; | |
232 | } | |
233 | ||
234 | div.gallerybox { | |
235 | margin: 2px; | |
236 | width: 150px; | |
237 | } | |
238 | ||
239 | div.gallerybox div.thumb { | |
240 | text-align: center; | |
241 | border: 1px solid #cccccc; | |
242 | margin: 2px; | |
243 | } | |
244 | ||
245 | div.gallerytext { | |
246 | overflow: hidden; | |
247 | font-size: 94%; | |
248 | padding: 2px 4px; | |
249 | } | |
250 | ||
251 | span.comment { | |
252 | font-style: italic; | |
253 | } | |
254 | ||
255 | span.changedby { | |
256 | font-size: 95%; | |
257 | } | |
258 | ||
259 | .previewnote { | |
260 | text-align: center; | |
261 | color: #cc0000; | |
262 | } | |
263 | .editExternally { | |
264 | border-style:solid; | |
265 | border-width:1px; | |
266 | border-color:gray; | |
267 | background: #ffffff; | |
268 | padding:3px; | |
269 | margin-top:0.5em; | |
270 | float:left; | |
271 | font-size:small; | |
272 | text-align:center; | |
273 | } | |
274 | .editExternallyHelp { | |
275 | font-style:italic; | |
276 | color:gray; | |
277 | } | |
278 | ||
279 | li span.deleted { | |
280 | text-decoration: line-through; | |
281 | color: #888; | |
282 | font-style: italic; | |
283 | } | |
284 | ||
285 | /* Classes for EXIF data display */ | |
286 | table.mw_metadata { | |
287 | margin-left: 0.5em; | |
288 | } | |
289 | ||
290 | table.mw_metadata caption { font-weight: bold; } | |
291 | table.mw_metadata th { font-weight: normal; } | |
292 | table.mw_metadata td { padding: 0.1em; } | |
293 | ||
294 | table.mw_metadata { | |
295 | border: none; | |
296 | border-collapse: collapse; | |
297 | } | |
298 | table.mw_metadata td, table.mw_metadata th { | |
299 | border: 1px solid #aaaaaa; | |
300 | padding-left: 4px; | |
301 | padding-right: 4px; | |
302 | } | |
303 | table.mw_metadata th { | |
304 | background-color: #f9f9f9; | |
305 | } | |
306 | table.mw_metadata td { | |
307 | background-color: #fcfcfc; | |
308 | } | |
309 | table.mw_metadata td.spacer { | |
310 | background: inherit; | |
311 | border-top: none; | |
312 | border-bottom: none; | |
313 | } | |
314 | table.collapsed tr.collapsable { | |
315 | display: none; | |
316 | } | |
317 | ||
318 | .visualClear { | |
319 | clear: both; | |
320 | } | |
321 | ||
322 | #mw_trackbacks { | |
323 | border: solid 1px #bbbbff; | |
324 | background-color: #eeeeff; | |
325 | padding: 0.2em; | |
326 | } | |
327 | ||
328 | /* Allmessages table */ | |
329 | ||
330 | #allmessagestable th { | |
331 | background-color: #b2b2ff; | |
332 | } | |
333 | ||
334 | #allmessagestable tr.orig { | |
335 | background-color: #ffe2e2; | |
336 | } | |
337 | ||
338 | #allmessagestable tr.new { | |
339 | background-color: #e2ffe2; | |
340 | } | |
341 | ||
342 | #allmessagestable tr.def { | |
343 | background-color: #f0f0ff; | |
344 | } | |
345 | ||
346 | #jump-to-nav { | |
347 | display: none; | |
348 | } | |
349 | ||
350 | /* Keep this temporarily so that cached pages will display right */ | |
351 | table.gallery td.galleryheader { | |
352 | text-align: center; | |
353 | font-weight: bold; | |
354 | } | |
355 | table.gallery caption { | |
356 | font-weight: bold; | |
357 | } | |
358 | ||
359 | div.multipageimagenavbox { | |
360 | border: solid 1px silver; | |
361 | padding: 4px; | |
362 | margin: 1em; | |
363 | background: #f0f0f0; | |
364 | } | |
365 | ||
366 | div.multipageimagenavbox div.thumb { | |
367 | border: none; | |
368 | margin-left: 2em; | |
369 | margin-right: 2em; | |
370 | } | |
371 | ||
372 | div.multipageimagenavbox hr { | |
373 | margin: 6px; | |
374 | } | |
375 | ||
376 | table.multipageimage td { | |
377 | text-align: center; | |
378 | } | |
379 | ||
380 | /* | |
381 | Table pager (e.g. Special:Imagelist) | |
382 | - remove underlines from the navigation link | |
383 | - collapse borders | |
384 | - set the borders to outsets (similar to Special:Allmessages) | |
385 | - remove line wrapping for all td and th, set background color | |
386 | - restore line wrapping for the last two table cells (description and size) | |
387 | */ | |
388 | .TablePager_nav a { text-decoration: none; } | |
389 | .TablePager { border-collapse: collapse; } | |
390 | .TablePager, .TablePager td, .TablePager th { | |
391 | border: 0.15em solid #777777; | |
392 | padding: 0 0.15em 0 0.15em; | |
393 | } | |
394 | .TablePager th { background-color: #eeeeff } | |
395 | .TablePager td { background-color: #ffffff } | |
396 | .TablePager tr:hover td { background-color: #eeeeff } | |
397 | ||
398 | .imagelist td, .imagelist th { white-space: nowrap } | |
399 | .imagelist .TablePager_col_links { background-color: #eeeeff } | |
400 | .imagelist .TablePager_col_img_description { white-space: normal } | |
401 | .imagelist th.TablePager_sort { background-color: #ccccff } | |
402 | ||
403 | .templatesUsed { margin-top: 1em; } | |
404 | ||
405 | .MediaTransformError { | |
406 | border: thin solid #777; | |
407 | background-color: #ccc; | |
408 | padding: 0.1em; | |
409 | } | |
410 | .MediaTransformError td { | |
411 | text-align: center; | |
412 | vertical-align: middle; | |
413 | font-size: 90%; | |
414 | } | |
415 | ||
416 | form#specialpages { | |
417 | display: inline; | |
418 | } |