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