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