(bug 12972) Add page break rules to the "print" style-sheet
[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{ color:#ba0000; text-decoration:none; }
12
13 #toc {
14 /*border:1px solid #2f6fab;*/
15 border:1px solid #aaaaaa;
16 background-color:#f9f9f9;
17 padding:5px;
18 }
19 .tocindent {
20 margin-left: 2em;
21 }
22 .tocline {
23 margin-bottom: 0px;
24 }
25
26 /* images */
27 div.floatright {
28 float: right;
29 clear: right;
30 margin: 0;
31 position:relative;
32 border: 0.5em solid White;
33 border-width: 0.5em 0 0.8em 1.4em;
34 }
35 div.floatright p { font-style: italic;}
36 div.floatleft {
37 float: left;
38 margin: 0.3em 0.5em 0.5em 0;
39 position:relative;
40 border: 0.5em solid White;
41 border-width: 0.5em 1.4em 0.8em 0;
42 }
43 div.floatleft p { font-style: italic; }
44 /* thumbnails */
45 div.thumb {
46 margin-bottom: 0.5em;
47 border-style: solid; border-color: White;
48 width: auto;
49 overflow: hidden;
50 }
51 div.thumb div {
52 border:1px solid #cccccc;
53 padding: 3px !important;
54 background-color:#f9f9f9;
55 font-size: 94%;
56 text-align: center;
57 }
58 div.thumb div a img {
59 border:1px solid #cccccc;
60 }
61 div.thumb div div.thumbcaption {
62 border: none;
63 padding: 0.3em 0 0.1em 0;
64 }
65 div.magnify { display: none; }
66 div.tright {
67 float: right;
68 clear: right;
69 border-width: 0.5em 0 0.8em 1.4em;
70 }
71 div.tleft {
72 float: left;
73 margin-right:0.5em;
74 border-width: 0.5em 1.4em 0.8em 0;
75 }
76 img.thumbborder {
77 border: 1px solid #dddddd;
78 }
79
80 /* table standards */
81 table.rimage {
82 float:right;
83 width:1pt;
84 position:relative;
85 margin-left:1em;
86 margin-bottom:1em;
87 text-align:center;
88 }
89
90 body {
91 background: White;
92 /*font-size: 11pt !important;*/
93 color: Black;
94 margin: 0;
95 padding: 0;
96 }
97
98 .noprint,
99 div#jump-to-nav,
100 div.top,
101 div#column-one,
102 #colophon,
103 .editsection,
104 .toctoggle,
105 .tochidden,
106 div#f-poweredbyico,
107 div#f-copyrightico,
108 li#viewcount,
109 li#about,
110 li#disclaimer,
111 li#privacy {
112 /* Hides all the elements irrelevant for printing */
113 display: none;
114 }
115
116 ul {
117 list-style-type: square;
118 }
119
120 #content {
121 background: none;
122 border: none ! important;
123 padding: 0 ! important;
124 margin: 0 ! important;
125 }
126 #footer {
127 background : white;
128 color : black;
129 border-top: 1px solid black;
130 }
131
132 h1, h2, h3, h4, h5, h6
133 {
134 font-weight: bold;
135 page-break-before: always;
136 }
137
138 p, .documentDescription {
139 margin: 1em 0 ! important;
140 line-height: 1.2em;
141 }
142
143 .tocindent p {
144 margin: 0 0 0 0 ! important;
145 }
146
147 pre {
148 border: 1pt dashed black;
149 white-space: pre;
150 font-size: 8pt;
151 overflow: auto;
152 padding: 1em 0;
153 background : white;
154 color : black;
155 }
156
157 table.listing,
158 table.listing td {
159 border: 1pt solid black;
160 border-collapse: collapse;
161 }
162
163 a {
164 color: Black !important;
165 background: none !important;
166 padding: 0 !important;
167 }
168
169 a:link, a:visited {
170 color: #520;
171 background: transparent;
172 text-decoration: underline;
173 }
174
175 #content a.external.text:after, #content a.external.autonumber:after {
176 /* Expand URLs for printing */
177 content: " (" attr(href) ") ";
178 }
179
180 #globalWrapper {
181 width: 100% !important;
182 min-width: 0 !important;
183 }
184
185 #content {
186 background : white;
187 color : black;
188 }
189
190 #column-content {
191 margin: 0 !important;
192 }
193
194 #column-content #content {
195 padding: 1em;
196 margin: 0 !important;
197 }
198 /* MSIE/Win doesn't understand 'inherit' */
199 a, a.external, a.new, a.stub {
200 color: black ! important;
201 text-decoration: none ! important;
202 }
203
204 /* Continue ... */
205 a, a.external, a.new, a.stub {
206 color: inherit ! important;
207 text-decoration: inherit ! important;
208 }
209
210 img { border: none; }
211 img.tex { vertical-align: middle; }
212 span.texhtml { font-family: serif; }
213
214 div.townBox {
215 position:relative;
216 float:right;
217 background:White;
218 margin-left:1em;
219 border: 1px solid gray;
220 padding:0.3em;
221 width: 200px;
222 overflow: hidden;
223 clear: right;
224 }
225 div.townBox dl {
226 padding: 0;
227 margin: 0 0 0.3em 0;
228 font-size: 96%;
229 }
230 div.townBox dl dt {
231 background: none;
232 margin: 0.4em 0 0 0;
233 }
234 div.townBox dl dd {
235 margin: 0.1em 0 0 1.1em;
236 background-color: #f3f3f3;
237 }
238
239 #siteNotice { display: none; }
240
241 table.gallery {
242 border: 1px solid #cccccc;
243 margin: 2px;
244 padding: 2px;
245 background-color:#ffffff;
246 }
247
248 table.gallery tr {
249 vertical-align:top;
250 }
251
252 div.gallerybox {
253 border: 1px solid #cccccc;
254 margin: 2px;
255 background-color:#f9f9f9;
256 width: 150px;
257 }
258
259 div.gallerybox div.thumb {
260 text-align: center;
261 border: 1px solid #cccccc;
262 margin: 2px;
263 }
264
265 div.gallerytext {
266 font-size: 94%;
267 padding: 2px 4px;
268 }
269
270 /*
271 ** Diff rendering
272 */
273 table.diff { background:white; }
274 td.diff-otitle { background:#ffffff; }
275 td.diff-ntitle { background:#ffffff; }
276 td.diff-addedline {
277 background:#ccffcc;
278 font-size: smaller;
279 border: solid 2px black;
280 }
281 td.diff-deletedline {
282 background:#ffffaa;
283 font-size: smaller;
284 border: dotted 2px black;
285 }
286 td.diff-context {
287 background:#eeeeee;
288 font-size: smaller;
289 }
290 .diffchange {
291 color: silver;
292 font-weight: bold;
293 text-decoration: underline;
294 }