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