Merge "jquery.accessKeyLabel: make modifier info public"
[lhc/web/wiklou.git] / resources / src / mediawiki.legacy / 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
11 /**
12 * Hide all the elements irrelevant for printing
13 */
14 .noprint,
15 div#jump-to-nav,
16 .mw-jump,
17 div.top,
18 div#column-one,
19 .mw-editsection,
20 .mw-editsection-like,
21 div#f-poweredbyico,
22 div#f-copyrightico,
23 li#about,
24 li#disclaimer,
25 li#mobileview,
26 li#privacy,
27 #footer-places,
28 .mw-hidden-catlinks,
29 .usermessage,
30 .patrollink,
31 .ns-0 .mw-redirectedfrom,
32 #mw-navigation,
33 #siteNotice {
34 display: none;
35 }
36
37 /**
38 * Pagination
39 */
40 .wikitable, .thumb, img {
41 page-break-inside: avoid;
42 }
43
44 h2, h3, h4, h5, h6 {
45 page-break-after: avoid;
46 }
47
48 p {
49 widows: 3;
50 orphans: 3;
51 }
52
53 /**
54 * Generic HTML elements
55 */
56 body {
57 background: white;
58 color: black;
59 margin: 0;
60 padding: 0;
61 }
62
63 ul {
64 list-style-type: square;
65 }
66
67 h1, h2, h3, h4, h5, h6 {
68 font-weight: bold;
69 }
70
71 dt {
72 font-weight: bold;
73 }
74
75 p {
76 margin: 1em 0;
77 line-height: 1.2em;
78 }
79
80 pre, .mw-code {
81 border: 1pt dashed black;
82 white-space: pre;
83 font-size: 8pt;
84 overflow: auto;
85 padding: 1em 0;
86 background: white;
87 color: black;
88 }
89
90 /**
91 * MediaWiki-specific elements
92 */
93 #globalWrapper {
94 width: 100% !important;
95 min-width: 0 !important;
96 }
97
98 .mw-body {
99 background: white;
100 border: none !important;
101 padding: 0 !important;
102 margin: 0 !important;
103 direction: ltr;
104 color: black;
105 }
106
107 #column-content {
108 margin: 0 !important;
109 }
110
111 #column-content .mw-body {
112 padding: 1em;
113 margin: 0 !important;
114 }
115
116 #toc {
117 border: 1px solid #aaaaaa;
118 background-color: #f9f9f9;
119 padding: 5px;
120 display: table;
121 }
122
123 /* Separate columns for tocnumber and toctext */
124 .tocnumber,
125 .toctext {
126 display: table-cell;
127 }
128
129 /* Space between the columns for tocnumber and toctext */
130 .tocnumber:after {
131 content: "";
132 padding-right: 0.5em;
133 }
134
135 #footer {
136 background: white;
137 color: black;
138 margin-top: 1em;
139 border-top: 1px solid #AAA;
140 direction: ltr;
141 }
142
143 img {
144 border: none;
145 vertical-align: middle;
146 }
147
148 /**
149 * Links
150 */
151 a {
152 background: none !important;
153 padding: 0 !important;
154 }
155
156 /* Expand URLs for printing */
157 .mw-body a.external.text:after,
158 .mw-body a.external.autonumber:after {
159 content: " (" attr(href) ")";
160 }
161
162 /* Expand protocol-relative URLs for printing */
163 .mw-body a.external.text[href^='//']:after,
164 .mw-body a.external.autonumber[href^='//']:after {
165 content: " (https:" attr(href) ")";
166 }
167
168 /* MSIE/Win doesn't understand 'inherit' */
169 a,
170 a.external,
171 a.new,
172 a.stub {
173 color: black !important;
174 text-decoration: none !important;
175 }
176
177 /* Continue ... */
178 a,
179 a.external,
180 a.new,
181 a.stub {
182 color: inherit !important;
183 text-decoration: inherit !important;
184 }
185
186 /**
187 * Floating divs
188 */
189 /* @noflip */
190 div.floatright {
191 float: right;
192 clear: right;
193 position: relative;
194 margin: 0.5em 0 0.8em 1.4em;
195 }
196
197 div.floatright p {
198 font-style: italic;
199 }
200
201 /* @noflip */
202 div.floatleft {
203 float: left;
204 clear: left;
205 position: relative;
206 margin: 0.5em 1.4em 0.8em 0;
207 }
208
209 div.floatleft p {
210 font-style: italic;
211 }
212
213 div.center {
214 text-align: center;
215 }
216
217 /**
218 * Thumbnails
219 */
220 div.thumb {
221 border: none;
222 width: auto;
223 margin-top: 0.5em;
224 margin-bottom: 0.8em;
225 background-color: transparent;
226 }
227
228 div.thumbinner {
229 border: 1px solid #cccccc;
230 padding: 3px !important;
231 background-color: White;
232 font-size: 94%;
233 text-align: center;
234 overflow: hidden;
235 }
236
237 html .thumbimage {
238 border: 1px solid #cccccc;
239 }
240
241 html .thumbcaption {
242 border: none;
243 text-align: left;
244 line-height: 1.4em;
245 padding: 3px !important;
246 font-size: 94%;
247 }
248
249 div.magnify {
250 display: none;
251 }
252
253 /* @noflip */
254 div.tright {
255 float: right;
256 clear: right;
257 margin: 0.5em 0 0.8em 1.4em;
258 }
259
260 /* @noflip */
261 div.tleft {
262 float: left;
263 clear: left;
264 margin: 0.5em 1.4em 0.8em 0;
265 }
266
267 img.thumbborder {
268 border: 1px solid #dddddd;
269 }
270
271 /**
272 * Table rendering
273 * As on shared.css but with white background.
274 */
275 table.wikitable,
276 table.mw_metadata {
277 margin: 1em 0;
278 border: 1px #aaa solid;
279 background: white;
280 border-collapse: collapse;
281 }
282
283 table.wikitable > tr > th, table.wikitable > tr > td,
284 table.wikitable > * > tr > th, table.wikitable > * > tr > td,
285 .mw_metadata th, .mw_metadata td {
286 border: 1px #aaa solid;
287 padding: 0.2em;
288 }
289
290 table.wikitable > tr > th,
291 table.wikitable > * > tr > th,
292 .mw_metadata th {
293 text-align: center;
294 background: white;
295 font-weight: bold;
296 }
297
298 table.wikitable > caption,
299 .mw_metadata caption {
300 font-weight: bold;
301 }
302
303 table.listing,
304 table.listing td {
305 border: 1pt solid black;
306 border-collapse: collapse;
307 }
308
309 a.sortheader {
310 margin: 0 0.3em;
311 }
312
313 /**
314 * Categories
315 */
316 .catlinks ul {
317 display: inline;
318 margin: 0;
319 padding: 0;
320 list-style: none;
321 list-style-type: none;
322 list-style-image: none;
323 }
324
325 .catlinks li {
326 display: inline-block;
327 line-height: 1.15em;
328 padding: 0 .4em;
329 border-left: 1px solid #AAA;
330 margin: 0.1em 0;
331 }
332
333 .catlinks li:first-child {
334 padding-left: .2em;
335 border-left: none;
336 }
337
338 .printfooter {
339 padding: 1em 0 1em 0;
340 }