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