Merge "Update formatting for CSS files in skins/"
[lhc/web/wiklou.git] / skins / common / commonPrint.css
1 /**
2 * MediaWiki Print style sheet for CSS2-capable browsers.
3 * Copyright Gabriel Wicke, http://www.aulinx.de/
4 *
5 * Derived from the plone (http://plone.org/) styles
6 * Copyright Alexander Limi
7 */
8
9 /* Thanks to A List Apart (http://alistapart.com/) for useful extras */
10 a.stub,
11 a.new {
12 color: #ba0000;
13 text-decoration: none;
14 }
15
16 #toc {
17 border: 1px solid #aaaaaa;
18 background-color: #f9f9f9;
19 padding: 5px;
20 display: -moz-inline-block;
21 display: inline-block;
22 display: table;
23 /* IE7 and earlier */
24 zoom: 1;
25 *display: inline;
26 }
27
28 /* images */
29 div.floatright {
30 float: right;
31 clear: right;
32 position: relative;
33 margin: 0.5em 0 0.8em 1.4em;
34 }
35
36 div.floatright p {
37 font-style: italic;
38 }
39
40 div.floatleft {
41 float: left;
42 clear: left;
43 position: relative;
44 margin: 0.5em 1.4em 0.8em 0;
45 }
46
47 div.floatleft p {
48 font-style: italic;
49 }
50
51 div.center {
52 text-align: center;
53 }
54
55 /* thumbnails */
56 div.thumb {
57 border: none;
58 width: auto;
59 margin-top: 0.5em;
60 margin-bottom: 0.8em;
61 background-color: transparent;
62 }
63
64 div.thumbinner {
65 border: 1px solid #cccccc;
66 padding: 3px !important;
67 background-color: White;
68 font-size: 94%;
69 text-align: center;
70 overflow: hidden;
71 }
72
73 html .thumbimage {
74 border: 1px solid #cccccc;
75 }
76
77 html .thumbcaption {
78 border: none;
79 text-align: left;
80 line-height: 1.4em;
81 padding: 3px !important;
82 font-size: 94%;
83 }
84
85 div.magnify {
86 display: none;
87 }
88
89 /* @noflip */
90 div.tright {
91 float: right;
92 clear: right;
93 margin: 0.5em 0 0.8em 1.4em;
94 }
95
96 /* @noflip */
97 div.tleft {
98 float: left;
99 clear: left;
100 margin: 0.5em 1.4em 0.8em 0;
101 }
102
103 img.thumbborder {
104 border: 1px solid #dddddd;
105 }
106
107 /* table standards */
108 table.rimage {
109 float: right;
110 width: 1pt;
111 position: relative;
112 margin-left: 1em;
113 margin-bottom: 1em;
114 text-align: center;
115 }
116
117 body {
118 background: white;
119 color: black;
120 margin: 0;
121 padding: 0;
122 }
123
124 .noprint,
125 div#jump-to-nav,
126 .mw-jump,
127 div.top,
128 div#column-one,
129 #colophon,
130 .mw-editsection,
131 .mw-editsection-like,
132 .toctoggle,
133 .tochidden,
134 div#f-poweredbyico,
135 div#f-copyrightico,
136 li#viewcount,
137 li#about,
138 li#disclaimer,
139 li#mobileview,
140 li#privacy,
141 #footer-places,
142 .mw-hidden-catlinks,
143 tr.mw-metadata-show-hide-extended,
144 span.mw-filepage-other-resolutions,
145 #filetoc,
146 .usermessage,
147 .patrollink,
148 #mw-navigation {
149 /* Hides all the elements irrelevant for printing */
150 display: none;
151 }
152
153 ul {
154 list-style-type: square;
155 }
156
157 #content {
158 background: none;
159 border: none !important;
160 padding: 0 !important;
161 margin: 0 !important;
162 direction: ltr;
163 }
164
165 #footer {
166 background: white;
167 color: black;
168 margin-top: 1em;
169 border-top: 1px solid #AAA;
170 direction: ltr;
171 }
172
173 h1, h2, h3, h4, h5, h6 {
174 font-weight: bold;
175 }
176
177 dt {
178 font-weight: bold;
179 }
180
181 p {
182 margin: 1em 0;
183 line-height: 1.2em;
184 }
185
186 pre, .mw-code {
187 border: 1pt dashed black;
188 white-space: pre;
189 font-size: 8pt;
190 overflow: auto;
191 padding: 1em 0;
192 background: white;
193 color: black;
194 }
195
196 table.listing,
197 table.listing td {
198 border: 1pt solid black;
199 border-collapse: collapse;
200 }
201
202 a {
203 color: black !important;
204 background: none !important;
205 padding: 0 !important;
206 }
207
208 a:link, a:visited {
209 color: #520;
210 background: transparent;
211 text-decoration: underline;
212 }
213
214 #content a.external.text:after,
215 #content a.external.autonumber:after {
216 /* Expand URLs for printing */
217 content: " (" attr(href) ")";
218 }
219
220 #content a.external.text[href^='//']:after,
221 #content a.external.autonumber[href^='//']:after {
222 /* Expand protocol-relative URLs for printing */
223 content: " (https:" attr(href) ")";
224 }
225
226 #globalWrapper {
227 width: 100% !important;
228 min-width: 0 !important;
229 }
230
231 #content {
232 background: white;
233 color: black;
234 }
235
236 #column-content {
237 margin: 0 !important;
238 }
239
240 #column-content #content {
241 padding: 1em;
242 margin: 0 !important;
243 }
244
245 /* MSIE/Win doesn't understand 'inherit' */
246 a,
247 a.external,
248 a.new,
249 a.stub {
250 color: black !important;
251 text-decoration: none !important;
252 }
253
254 /* Continue ... */
255 a,
256 a.external,
257 a.new,
258 a.stub {
259 color: inherit !important;
260 text-decoration: inherit !important;
261 }
262
263 img {
264 border: none;
265 vertical-align: middle;
266 }
267
268 /* math */
269 span.texhtml {
270 font-family: serif;
271 }
272
273 #siteNotice {
274 display: none;
275 }
276
277 /* Galleries (see shared.css for more info) */
278 li.gallerybox {
279 vertical-align: top;
280 display: -moz-inline-box;
281 display: inline-block;
282 }
283
284 ul.gallery, li.gallerybox {
285 zoom: 1;
286 *display: inline;
287 }
288
289 ul.gallery {
290 margin: 2px;
291 padding: 2px;
292 display: block;
293 }
294
295 li.gallerycaption {
296 font-weight: bold;
297 text-align: center;
298 display: block;
299 word-wrap: break-word;
300 }
301
302 li.gallerybox div.thumb {
303 text-align: center;
304 border: 1px solid #ccc;
305 margin: 2px;
306 }
307
308 div.gallerytext {
309 overflow: hidden;
310 font-size: 94%;
311 padding: 2px 4px;
312 word-wrap: break-word;
313 }
314
315 /**
316 * Diff rendering
317 */
318 table.diff {
319 background: white;
320 }
321
322 td.diff-otitle {
323 background: #ffffff;
324 }
325
326 td.diff-ntitle {
327 background: #ffffff;
328 }
329
330 td.diff-addedline {
331 background: #ccffcc;
332 font-size: smaller;
333 border: solid 2px black;
334 }
335
336 td.diff-deletedline {
337 background: #ffffaa;
338 font-size: smaller;
339 border: dotted 2px black;
340 }
341
342 td.diff-context {
343 background: #eeeeee;
344 font-size: smaller;
345 }
346
347 .diffchange {
348 color: silver;
349 font-weight: bold;
350 text-decoration: underline;
351 }
352
353 /**
354 * Table rendering
355 * As on shared.css but with white background.
356 */
357 table.wikitable,
358 table.mw_metadata {
359 margin: 1em 0;
360 border: 1px #aaa solid;
361 background: white;
362 border-collapse: collapse;
363 }
364
365 table.wikitable > tr > th, table.wikitable > tr > td,
366 table.wikitable > * > tr > th, table.wikitable > * > tr > td,
367 .mw_metadata th, .mw_metadata td {
368 border: 1px #aaa solid;
369 padding: 0.2em;
370 }
371
372 table.wikitable > tr > th,
373 table.wikitable > * > tr > th,
374 .mw_metadata th {
375 text-align: center;
376 background: white;
377 font-weight: bold;
378 }
379
380 table.wikitable > caption,
381 .mw_metadata caption {
382 font-weight: bold;
383 }
384
385 a.sortheader {
386 margin: 0 0.3em;
387 }
388
389 /* Some pagination options */
390 .wikitable, .thumb, img {
391 page-break-inside: avoid;
392 }
393
394 h2, h3, h4, h5, h6 {
395 page-break-after: avoid;
396 }
397
398 p {
399 widows: 3;
400 orphans: 3;
401 }
402
403 /**
404 * Categories
405 */
406 .catlinks ul {
407 display: inline;
408 margin: 0;
409 padding: 0;
410 list-style: none;
411 list-style-type: none;
412 list-style-image: none;
413 vertical-align: middle !ie;
414 }
415
416 .catlinks li {
417 display: inline-block;
418 line-height: 1.15em;
419 padding: 0 .4em;
420 border-left: 1px solid #AAA;
421 margin: 0.1em 0;
422 zoom: 1;
423 display: inline !ie;
424 }
425
426 .catlinks li:first-child {
427 padding-left: .2em;
428 border-left: none;
429 }