Finally get printed CSS working entirely properly
[clinton/website/src/unknownlamer.org.git] / default.css
1 /* General Styling */
2 body
3 {
4 font-family: serif;
5 }
6
7 p
8 {
9 text-align: justify;
10 }
11
12 h1,h2,h3,h4,h5
13 {
14 font-variant: small-caps;
15 }
16
17 @media screen
18 {
19 body
20 {
21 background-color: #D9D9D9;
22 color: #222222;
23 max-width: 8in;
24 }
25 }
26
27 @media print
28 {
29 p, table, blockquote, code, dt, dd, li
30 {
31 font-size: 10pt;
32 }
33
34 dd, table, blockquote, code, .verse, .src, .image
35 {
36 page-break-inside: avoid;
37 }
38
39 h1, h2, h3, h4, h5
40 {
41 page-break-before: auto;
42 page-break-after: avoid;
43 }
44
45 h1 + p, h2 + p, h3 + p, h4 + p, h5 + p
46 {
47 page-break-before: avoid;
48 page-break-after: auto;
49 }
50 }
51
52 .verse
53 {
54 padding: 1em;
55 width: 60%;
56 margin-right: auto;
57 margin-left: auto;
58 font-size: smaller;
59 }
60
61 @media screen
62 {
63 .verse
64 {
65 border: 2px solid #999999;
66 background-color: #BBBBBB;
67 color: #111111;
68 }
69 }
70
71 blockquote
72 {
73 padding: 1em;
74 width: 80%;
75 margin-right: auto;
76 margin-left: auto;
77 }
78
79 @media screen
80 {
81 blockquote
82 {
83 border: 2px solid black;
84 background-color: #AAAAAA;
85 color: #111111;
86 }
87 }
88
89 @media print
90 {
91 blockquote
92 {
93 background-color: #DDDDDD;
94 color: #000000;
95 }
96 }
97
98 code
99 {
100 white-space: pre-wrap; /* css-3 */
101 white-space: -moz-pre-wrap; /* Mozilla */
102 width: auto;
103 color: #000000;
104 }
105
106 table
107 {
108 margin: 1ex 1em;
109 }
110
111 table, td, tr
112 {
113 border: 1px solid black;
114 border-collapse: collapse;
115 background-color: #CFCFCF;
116 }
117
118 a
119 {
120 font-style: italic;
121 text-decoration: none;
122 }
123
124 a:link
125 {
126 color: #3333FF;
127 }
128
129 a:visited
130 {
131 color: #DA3333;
132 }
133
134 @media print
135 {
136 a[href]:after
137 {
138 content: " <" attr(href) ">";
139 }
140 }
141
142 /* Table of Contents */
143 div.contents
144 {
145 border: 2px solid #222222;
146 width: 40%;
147 padding: 0.5em;
148 margin-bottom: 1em;
149 }
150
151 div.contents:before
152 {
153 content: "Contents";
154 font-size: x-large;
155 font-weight: bold;
156 font-variant: small-caps;
157 }
158
159 /* control spacing of contents in konqueror */
160 div.contents dl
161 {
162 margin: 0.2em auto;
163 }
164
165 div.contents dl, div.contents dt
166 {
167 margin-left: 0px;
168 }
169
170 div.contents dd
171 {
172 margin-left: 1.5em;
173 }
174
175 @media screen
176 {
177 div.contents
178 {
179 background-color: #999999;
180 margin-left: 2em;
181 float: right;
182 }
183
184 .verse, .src, .image, blockquote
185 {
186 clear: right; /* Clear the contents box */
187 }
188 }
189
190 @media print
191 {
192 div.contents
193 {
194 background-color: #DFDFDF;
195 border-width: 0.5mm;
196 float: left;
197 margin-right: 2em;
198 }
199
200 .verse, .src, .image, blockquote
201 {
202 clear: left; /* Clear the contents box */
203 }
204
205 div.contents dt
206 {
207 font-size: 6pt;
208 page-break-after: avoid;
209 }
210
211 div.contents > dd
212 {
213 page-break-inside: auto;
214 }
215
216 div.contents > dd > dl
217 {
218 page-break-inside: avoid;
219 page-break-before: auto;
220 page-break-after: auto;
221 }
222
223 div.contents > dd > dl dl
224 {
225 page-break-inside: avoid;
226 page-break-before: avoid;
227 page-break-after: avoid;
228 }
229 }
230
231 /* Images */
232 .image
233 {
234 border: 2px solid #222222;
235 width: auto;
236 padding: 0.1em;
237 margin-left: auto;
238 margin-right: auto;
239 }
240
241 /* Force spacing between image boxes */
242 .image + .image
243 {
244 margin-top: 1em;
245 }
246
247 table.image tr td img
248 {
249 border: 1px solid #111111;
250 }
251
252 table.image tr td.image-caption
253 {
254 font-style: italic;
255 }
256
257 @media screen
258 {
259 .image
260 {
261 background-color: #999999;
262 }
263 }
264
265 @media print
266 {
267 .image
268 {
269 background-color: #CCCCCC;
270 border-width: 0.5mm;
271 page-break-inside: avoid;
272 page-break-after: auto;
273 page-break-before: auto;
274 }
275
276 .image img
277 {
278 max-width: 80%;
279 page-break-inside: avoid;
280 page-break-after: auto;
281 }
282 }
283
284 img.latex-display
285 {
286 display: block;
287 margin-left: auto;
288 margin-right: auto;
289 margin-top: 1ex;
290 margin-bottom: 1ex;
291 }
292
293 img.latex-inline
294 {
295 display: inline;
296 }
297
298 /* Ratings (Book List)*/
299 .rating-good
300 {
301 color: #222222;
302 font-weight: bold;
303 font-size: larger;
304 letter-spacing: 0.2em;
305 }
306
307 .rating-bad
308 {
309 color: #FFFFFF;
310 font-weight: bold;
311 font-size: larger;
312 letter-spacing: 0.2em;
313 }
314
315 @media print
316 {
317 .rating-good
318 {
319 color: #000000;
320 }
321
322 .rating-bad
323 {
324 display: none;
325 }
326 }
327
328 /* Footer template */
329 p.cke-footer
330 {
331 white-space: pre;
332 font-family: monospace;
333 font-style: italic;
334 font-size: small;
335 }
336
337 p.cke-timestamp
338 {
339 font-family: monospace;
340 font-size: x-small;
341 }
342
343 p.cke-buttons img
344 {
345 border: 0px;
346 }
347
348 @media print
349 {
350 p.cke-buttons, p.cke-footer
351 {
352 display: none;
353 }
354 }
355
356 .src
357 {
358 font-family: monospace;
359 margin-right: auto;
360 margin-left: auto;
361 width: 95%;
362 border: 2px solid black;
363 padding: 1em;
364
365 white-space: pre-wrap; /* css-3 */
366 white-space: -moz-pre-wrap; /* Mozilla */
367 }
368
369 @media screen
370 {
371 .src
372 {
373 color: #e3e3e3;
374 background-color: #444444;
375 }
376 }
377
378 @media print
379 {
380 .src
381 {
382 color: #000000;
383 background-color: #F5F5F5;
384 border-width: 0.5mm;
385 font-size: 8pt;
386 }
387 }
388
389 /* emacs faces */
390 @media screen
391 {
392 .emacs-face-builtin { color: #b0c4de; }
393 .emacs-face-comment { color: #ff7f24; }
394 .emacs-face-comment-delimiter { color: #ff7f24; }
395 .emacs-face-doc { color: #b3b3b3; }
396 .emacs-face-function-name { color: #87cefa; }
397 .emacs-face-keyword { color: #b9d3ee; }
398 .emacs-face-negation-char { }
399 .emacs-face-regexp-grouping-backslash { font-weight: bold; }
400 .emacs-face-regexp-grouping-construct { font-weight: bold; }
401 .emacs-face-string { color: #b3b3b3; }
402 .emacs-face-type { color: #98fb98; }
403 .emacs-face-variable-name { color: #eedd82; }
404 .emacs-face-warning { color: #ffc0cb;
405 font-weight: bold; }
406 }
407
408 @media print
409 {
410 .emacs-face-builtin { color: #0b4ced; }
411 .emacs-face-comment { color: #ff7f24; font-style: italic; }
412 .emacs-face-comment-delimiter { color: #ff7f24; }
413 .emacs-face-doc { color: #5b5b5b; }
414 .emacs-face-function-name { color: #34a8aa; font-style: italic; }
415 .emacs-face-keyword { color: #0B0B0B; font-weight: bold; }
416 .emacs-face-negation-char { }
417 .emacs-face-regexp-grouping-backslash { font-weight: bold; }
418 .emacs-face-regexp-grouping-construct { font-weight: bold; }
419 .emacs-face-string { color: #3b3b3b; font-style: italic; }
420 .emacs-face-type { color: #579b57; font-variant: small-caps; }
421 .emacs-face-variable-name { color: #554406; font-style: italic; }
422 .emacs-face-warning { color: #990767;
423 font-weight: bold; }
424 }