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