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