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