Typography update to Vector skin
[mediawiki.git] / skins / common / commonPrint.css
blob65f3fbe014edab47530845890cfeadd21f470954
1 /**
2 * MediaWiki Print style sheet for CSS2-capable browsers.
3 * Copyright Gabriel Wicke, http://www.aulinx.de/
5 * Derived from the plone (http://plone.org/) styles
6 * Copyright Alexander Limi
7 */
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;
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;
28 /* images */
29 div.floatright {
30 float: right;
31 clear: right;
32 position: relative;
33 margin: 0.5em 0 0.8em 1.4em;
35 div.floatright p {
36 font-style: italic;
38 div.floatleft {
39 float: left;
40 clear: left;
41 position: relative;
42 margin: 0.5em 1.4em 0.8em 0;
44 div.floatleft p {
45 font-style: italic;
47 div.center {
48 text-align: center;
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;
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;
67 html .thumbimage {
68 border: 1px solid #cccccc;
70 html .thumbcaption {
71 border: none;
72 text-align: left;
73 line-height: 1.4em;
74 padding: 3px !important;
75 font-size: 94%;
78 div.magnify {
79 display: none;
81 /* @noflip */
82 div.tright {
83 float: right;
84 clear: right;
85 margin: 0.5em 0 0.8em 1.4em;
87 /* @noflip */
88 div.tleft {
89 float: left;
90 clear: left;
91 margin: 0.5em 1.4em 0.8em 0;
93 img.thumbborder {
94 border: 1px solid #dddddd;
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;
107 body {
108 background: white;
109 color: black;
110 margin: 0;
111 padding: 0;
114 .noprint,
115 div#jump-to-nav,
116 .mw-jump,
117 div.top,
118 div#column-one,
119 #colophon,
120 .mw-editsection,
121 .mw-editsection-like,
122 .toctoggle,
123 .tochidden,
124 div#f-poweredbyico,
125 div#f-copyrightico,
126 li#viewcount,
127 li#about,
128 li#disclaimer,
129 li#mobileview,
130 li#privacy,
131 #footer-places,
132 .mw-hidden-catlinks,
133 tr.mw-metadata-show-hide-extended,
134 span.mw-filepage-other-resolutions,
135 #filetoc,
136 .usermessage,
137 .patrollink,
138 #mw-navigation {
139 /* Hides all the elements irrelevant for printing */
140 display: none;
143 ul {
144 list-style-type: square;
147 #content {
148 background: none;
149 border: none !important;
150 padding: 0 !important;
151 margin: 0 !important;
152 direction: ltr;
154 #footer {
155 background : white;
156 color : black;
157 margin-top: 1em;
158 border-top: 1px solid #AAA;
159 direction: ltr;
162 h1, h2, h3, h4, h5, h6 {
163 font-weight: bold;
166 dt {
167 font-weight: bold;
171 margin: 1em 0;
172 line-height: 1.2em;
175 pre, .mw-code {
176 border: 1pt dashed black;
177 white-space: pre;
178 font-size: 8pt;
179 overflow: auto;
180 padding: 1em 0;
181 background: white;
182 color: black;
185 table.listing,
186 table.listing td {
187 border: 1pt solid black;
188 border-collapse: collapse;
192 color: black !important;
193 background: none !important;
194 padding: 0 !important;
197 a:link, a:visited {
198 color: #520;
199 background: transparent;
200 text-decoration: underline;
203 #content a.external.text:after,
204 #content a.external.autonumber:after {
205 /* Expand URLs for printing */
206 content: " (" attr(href) ")";
209 #globalWrapper {
210 width: 100% !important;
211 min-width: 0 !important;
214 #content {
215 background: white;
216 color: black;
219 #column-content {
220 margin: 0 !important;
223 #column-content #content {
224 padding: 1em;
225 margin: 0 !important;
228 /* MSIE/Win doesn't understand 'inherit' */
230 a.external,
231 a.new,
232 a.stub {
233 color: black !important;
234 text-decoration: none !important;
237 /* Continue ... */
239 a.external,
240 a.new,
241 a.stub {
242 color: inherit !important;
243 text-decoration: inherit !important;
246 img {
247 border: none;
248 vertical-align: middle;
251 /* math */
252 span.texhtml {
253 font-family: serif;
256 #siteNotice {
257 display: none;
260 /* Galleries (see shared.css for more info) */
261 li.gallerybox {
262 vertical-align: top;
263 display: -moz-inline-box;
264 display: inline-block;
267 ul.gallery, li.gallerybox {
268 zoom: 1;
269 *display: inline;
272 ul.gallery {
273 margin: 2px;
274 padding: 2px;
275 display: block;
278 li.gallerycaption {
279 font-weight: bold;
280 text-align: center;
281 display: block;
282 word-wrap: break-word;
285 li.gallerybox div.thumb {
286 text-align: center;
287 border: 1px solid #ccc;
288 margin: 2px;
291 div.gallerytext {
292 overflow: hidden;
293 font-size: 94%;
294 padding: 2px 4px;
295 word-wrap: break-word;
299 * Diff rendering
301 table.diff {
302 background: white;
304 td.diff-otitle {
305 background: #ffffff;
307 td.diff-ntitle {
308 background: #ffffff;
310 td.diff-addedline {
311 background: #ccffcc;
312 font-size: smaller;
313 border: solid 2px black;
315 td.diff-deletedline {
316 background: #ffffaa;
317 font-size: smaller;
318 border: dotted 2px black;
320 td.diff-context {
321 background: #eeeeee;
322 font-size: smaller;
324 .diffchange {
325 color: silver;
326 font-weight: bold;
327 text-decoration: underline;
331 * Table rendering
332 * As on shared.css but with white background.
334 table.wikitable,
335 table.mw_metadata {
336 margin: 1em 0;
337 border: 1px #aaa solid;
338 background: white;
339 border-collapse: collapse;
341 table.wikitable > tr > th, table.wikitable > tr > td,
342 table.wikitable > * > tr > th, table.wikitable > * > tr > td,
343 .mw_metadata th, .mw_metadata td {
344 border: 1px #aaa solid;
345 padding: 0.2em;
347 table.wikitable > tr > th,
348 table.wikitable > * > tr > th,
349 .mw_metadata th {
350 text-align: center;
351 background: white;
352 font-weight: bold;
354 table.wikitable > caption,
355 .mw_metadata caption {
356 font-weight: bold;
359 a.sortheader {
360 margin: 0 0.3em;
363 /* Some pagination options */
364 .wikitable, .thumb, img {
365 page-break-inside: avoid;
367 h2, h3, h4, h5, h6 {
368 page-break-after: avoid;
371 widows: 3;
372 orphans: 3;
376 * Categories
378 .catlinks ul {
379 display: inline;
380 margin: 0;
381 padding: 0;
382 list-style: none;
383 list-style-type: none;
384 list-style-image: none;
385 vertical-align: middle !ie;
388 .catlinks li {
389 display: inline-block;
390 line-height: 1.15em;
391 padding: 0 .4em;
392 border-left: 1px solid #AAA;
393 margin: 0.1em 0;
394 zoom: 1;
395 display: inline !ie;
398 .catlinks li:first-child {
399 padding-left: .2em;
400 border-left: none;