1 /************************************************************ |
|
2 * Stylesheet AElfwine * |
|
3 ************************************************************ |
|
4 * * |
|
5 * This has been collected from various sources. * |
|
6 * * |
|
7 * Version 1.0 - 2005/05/01 - f.h. * |
|
8 * * |
|
9 * ...aiming for perfection ;-) * |
|
10 * * |
|
11 ************************************************************/ |
|
12 |
|
13 @namespace url(http://www.w3.org/1999/xhtml); /* DOES ANYONE KNOW WHAT'S THAT ABOUT!? */ |
|
14 |
|
15 /* base paragraph and heading types */ |
|
16 h1 { |
|
17 display: block; |
|
18 |
|
19 font-family: Arial,Helvetica,Verdana,sans-serif; |
|
20 font-style: normal; |
|
21 font-variant: normal; |
|
22 font-size: 2.20em; |
|
23 font-weight: bold; |
|
24 font-stretch: normal; |
|
25 text-decoration: none; |
|
26 text-transform: none; |
|
27 color: #000000; |
|
28 text-shadow: none; |
|
29 |
|
30 text-indent: 0.00px; |
|
31 text-align: center; |
|
32 white-space: normal; |
|
33 |
|
34 margin-top: 0.62em; |
|
35 margin-bottom: 0.31em; |
|
36 margin-left: 0.00px; |
|
37 margin-right: 0.00px; |
|
38 } |
|
39 |
|
40 h2 { |
|
41 display: block; |
|
42 |
|
43 font-family: Arial,Helvetica,Verdana,sans-serif; |
|
44 font-style: normal; |
|
45 font-variant: normal; |
|
46 font-size: 1.77em; |
|
47 font-weight: bold; |
|
48 font-stretch: normal; |
|
49 text-decoration: none; |
|
50 text-transform: none; |
|
51 color: #000000; |
|
52 text-shadow: none; |
|
53 |
|
54 text-indent: 0.00px; |
|
55 text-align: center; |
|
56 white-space: normal; |
|
57 |
|
58 margin-top: 0.40em; |
|
59 margin-bottom: 0.20em; |
|
60 margin-left: 0.00px; |
|
61 margin-right: 0.00px; |
|
62 } |
|
63 |
|
64 h3 { |
|
65 display: block; |
|
66 |
|
67 font-family: Arial,Helvetica,Verdana,sans-serif; |
|
68 font-style: normal; |
|
69 font-variant: normal; |
|
70 font-size: 1.57em; |
|
71 font-weight: bold; |
|
72 font-stretch: normal; |
|
73 text-decoration: none; |
|
74 text-transform: none; |
|
75 color: #000000; |
|
76 text-shadow: none; |
|
77 |
|
78 text-indent: 0.00px; |
|
79 text-align: left; |
|
80 white-space: normal; |
|
81 |
|
82 margin-top: 0.32em; |
|
83 margin-bottom: 0.10em; |
|
84 margin-left: 0.00px; |
|
85 margin-right: 0.00px; |
|
86 } |
|
87 |
|
88 h4 { |
|
89 display: block; |
|
90 |
|
91 font-family: Arial,Helvetica,Verdana,sans-serif; |
|
92 font-style: normal; |
|
93 font-variant: normal; |
|
94 font-size: 1.47em; |
|
95 font-weight: bold; |
|
96 font-stretch: normal; |
|
97 text-decoration: none; |
|
98 text-transform: none; |
|
99 color: #000000; |
|
100 text-shadow: none; |
|
101 |
|
102 text-indent: 0.00px; |
|
103 text-align: left; |
|
104 white-space: normal; |
|
105 |
|
106 margin-top: 0.29em; |
|
107 margin-bottom: 0.05em; |
|
108 margin-left: 0.00px; |
|
109 margin-right: 0.00px; |
|
110 } |
|
111 |
|
112 h5 { |
|
113 display: block; |
|
114 |
|
115 font-family: Arial,Helvetica,Verdana,sans-serif; |
|
116 font-style: normal; |
|
117 font-variant: normal; |
|
118 font-size: 1.18em; |
|
119 font-weight: bold; |
|
120 font-stretch: normal; |
|
121 text-decoration: none; |
|
122 text-transform: none; |
|
123 color: #000000; |
|
124 text-shadow: none; |
|
125 |
|
126 text-indent: 0.00px; |
|
127 text-align: left; |
|
128 white-space: normal; |
|
129 |
|
130 margin-top: 0.27em; |
|
131 margin-bottom: 0.03em; |
|
132 margin-left: 0.00px; |
|
133 margin-right: 0.00px; |
|
134 } |
|
135 |
|
136 h6 { |
|
137 display: block; |
|
138 |
|
139 font-family: Arial,Helvetica,Verdana,sans-serif; |
|
140 font-style: normal; |
|
141 font-variant: normal; |
|
142 font-size: 1em; |
|
143 font-weight: bold; |
|
144 font-stretch: normal; |
|
145 text-decoration: none; |
|
146 text-transform: none; |
|
147 color: #000000; |
|
148 text-shadow: none; |
|
149 |
|
150 text-indent: 0.00px; |
|
151 text-align: left; |
|
152 white-space: normal; |
|
153 |
|
154 margin-top: 0.25em; |
|
155 margin-bottom: 0.00em; |
|
156 margin-left: 0.00px; |
|
157 margin-right: 0.00px; |
|
158 } |
|
159 |
|
160 p, body, th, td { |
|
161 display: block; |
|
162 |
|
163 font-family: Arial,Helvetica,Verdana,sans-serif; |
|
164 font-style: normal; |
|
165 font-variant: normal; |
|
166 font-size: 1.00em; |
|
167 font-weight: normal; |
|
168 font-stretch: normal; |
|
169 text-decoration: none; |
|
170 text-transform: none; |
|
171 color: #000000; |
|
172 text-shadow: none; |
|
173 |
|
174 text-indent: 0.00px; |
|
175 white-space: normal; |
|
176 |
|
177 } |
|
178 |
|
179 p { |
|
180 text-align: justify; |
|
181 margin-top: 0.20em; |
|
182 margin-bottom: 0.20em; |
|
183 } |
|
184 |
|
185 /* text markup */ |
|
186 |
|
187 em { |
|
188 font-style: italic; |
|
189 } |
|
190 |
|
191 strong { |
|
192 font-weight: bold; |
|
193 } |
|
194 |
|
195 del { |
|
196 text-decoration: line-through; |
|
197 } |
|
198 |
|
199 ins { |
|
200 text-decoration: underline; |
|
201 } |
|
202 |
|
203 /* text format */ |
|
204 |
|
205 sub { |
|
206 vertical-align: sub; |
|
207 font-size: smaller; |
|
208 line-height: normal; |
|
209 } |
|
210 |
|
211 sup { |
|
212 vertical-align: super; |
|
213 font-size: smaller; |
|
214 line-height: normal; |
|
215 } |
|
216 |
|
217 big { |
|
218 font-size: larger; |
|
219 } |
|
220 |
|
221 small { |
|
222 font-size: smaller; |
|
223 } |
|
224 |
|
225 tt { |
|
226 font-family: Courier New,monospace; |
|
227 } |
|
228 |
|
229 pre { |
|
230 display: block; |
|
231 font-family: Courier New,monospace; |
|
232 white-space: pre; |
|
233 margin: 1em 1em; |
|
234 } |
|
235 |
|
236 /* ruler */ |
|
237 |
|
238 hr { |
|
239 display: block; |
|
240 margin: 0 auto 0 auto; |
|
241 } |
|
242 |
|
243 /* document */ |
|
244 |
|
245 html { |
|
246 display: block; |
|
247 } |
|
248 |
|
249 body { |
|
250 display: block; |
|
251 /* KHTML background: #FFFFEE; */ |
|
252 margin: 8px; |
|
253 } |
|
254 |
|
255 /* blocks */ |
|
256 |
|
257 div { |
|
258 display: block; |
|
259 } |
|
260 |
|
261 address { |
|
262 display: block; |
|
263 font-style: italic; |
|
264 } |
|
265 |
|
266 blockquote { |
|
267 display: block; |
|
268 margin: 1em 40px; |
|
269 } |
|
270 |
|
271 blockquote[type=cite] { |
|
272 display: block; |
|
273 margin: 1em 0em; |
|
274 padding-left: 1em; |
|
275 border-left: solid; |
|
276 border-color: blue; |
|
277 border-width: thin; |
|
278 } |
|
279 |
|
280 /* spans */ |
|
281 |
|
282 span { |
|
283 display: inline; |
|
284 } |
|
285 |
|
286 abbr, acronym { |
|
287 display: inline; |
|
288 } |
|
289 |
|
290 cite, q { |
|
291 display: inline; |
|
292 font-style: italic; |
|
293 } |
|
294 |
|
295 code, var, kbd { |
|
296 font-family: Courier New,monospace; |
|
297 display: inline; |
|
298 } |
|
299 |
|
300 dfn { |
|
301 display: inline; |
|
302 font-style: italic; |
|
303 font-weight: bold; |
|
304 } |
|
305 |
|
306 samp { |
|
307 display: inline; |
|
308 } |
|
309 |
|
310 /* tables */ |
|
311 |
|
312 table { |
|
313 display: table; |
|
314 margin: 0px; |
|
315 padding: 0px; |
|
316 border-spacing: 1px; |
|
317 border-collapse: separate; |
|
318 } |
|
319 |
|
320 table[align="left"] { |
|
321 float: left; |
|
322 } |
|
323 |
|
324 table[align="right"] { |
|
325 float: right; |
|
326 } |
|
327 |
|
328 caption { |
|
329 display: table-caption; |
|
330 } |
|
331 |
|
332 colgroup { |
|
333 display: table-column-group; |
|
334 } |
|
335 |
|
336 col { |
|
337 display: table-column; |
|
338 } |
|
339 |
|
340 thead { |
|
341 display: table-header-group; |
|
342 vertical-align: middle; |
|
343 } |
|
344 |
|
345 tbody { |
|
346 display: table-row-group; |
|
347 } |
|
348 |
|
349 tfoot { |
|
350 display: table-footer-group; |
|
351 vertical-align: middle; |
|
352 } |
|
353 |
|
354 tr { |
|
355 display: table-row; |
|
356 } |
|
357 |
|
358 th { |
|
359 display: table-cell; |
|
360 font-weight: bold; |
|
361 padding: 1px; |
|
362 } |
|
363 |
|
364 td { |
|
365 display: table-cell; |
|
366 padding: 1px; |
|
367 } |
|
368 |
|
369 /* lists */ |
|
370 |
|
371 ul { |
|
372 display: block; |
|
373 list-style-type: disc; |
|
374 margin: 1em 0em; |
|
375 padding-left: 40px; |
|
376 } |
|
377 |
|
378 ol { |
|
379 display: block; |
|
380 list-style-type: decimal; |
|
381 margin: 1em 0em; |
|
382 padding-left: 40px; |
|
383 } |
|
384 |
|
385 dl { |
|
386 display: block; |
|
387 margin: 1em 0em; |
|
388 } |
|
389 |
|
390 dt { |
|
391 display: block; |
|
392 margin-left: 1em; |
|
393 } |
|
394 |
|
395 dd { |
|
396 display: block; |
|
397 margin-left: 3em; |
|
398 } |
|
399 |
|
400 li { |
|
401 display: list-item; |
|
402 } |
|
403 |
|
404 /* nested lists have no top/bottom margins */ |
|
405 ul ul, ul ol, ul dl, |
|
406 ol ul, ol ol, ol dl, |
|
407 dl ul, dl ol, dl dl { |
|
408 margin-top: 0; |
|
409 margin-bottom: 0; |
|
410 } |
|
411 |
|
412 /* 2 deep unordered lists use a circle */ |
|
413 ol ul, ul ul { |
|
414 list-style-type: circle; |
|
415 } |
|
416 |
|
417 /* 3 deep (or more) unordered lists use a square */ |
|
418 ol ol ul, ol ul ul, |
|
419 ul ol ul, ul ul ul { |
|
420 list-style-type: square; |
|
421 } |
|
422 |
|
423 /* hyperlinks */ |
|
424 |
|
425 a:link { |
|
426 color: #FF0000; |
|
427 } |
|
428 |
|
429 a:visited { |
|
430 color: #FF6600; |
|
431 } |
|
432 |
|
433 a:hover { |
|
434 color: #FF0000; |
|
435 } |
|
436 |
|
437 a:active { |
|
438 color: #FF0000; |
|
439 } |
|
440 |
|
441 a:focus { |
|
442 color: #FF0000; |
|
443 } |
|
444 |
|
445 a[name]:link, a[id]:link:not([href]) { |
|
446 color: #000000; |
|
447 } |
|
448 |
|
449 a[name]:hover, a[id]:hover:not([href]) { |
|
450 color: #000000; |
|
451 } |
|
452 |
|
453 a[name]:active, a[id]:active:not([href]) { |
|
454 color: #000000; |
|
455 } |
|
456 |
|
457 a[name]:focus, a[id]:focus:not([href]) { |
|
458 color: #000000; |
|
459 } |
|
460 |
|
461 a img { |
|
462 border: none; |
|
463 } |
|
464 |
|
465 /* hidden elements */ |
|
466 area, base, basefont, head, meta, script, style, title, |
|
467 noembed, noframes, noscript, param { |
|
468 display: none; |
|
469 } |
|
470 |
|
471 /* forms */ |
|
472 |
|
473 /* misc */ |
|
474 legend { |
|
475 padding-left: 2px; |
|
476 padding-right: 2px; |
|
477 border: none; |
|
478 } |
|
479 |
|
480 fieldset { |
|
481 display: block; |
|
482 margin-left: 2px; |
|
483 margin-right: 2px; |
|
484 padding: 0.75em 0.625em; |
|
485 border: 2px groove ThreeDFace; |
|
486 } |
|
487 |
|
488 label { |
|
489 cursor: default; |
|
490 } |
|
491 |
|
492 /* default inputs, text inputs, and selects */ |
|
493 input [type=""], input[type="text"], input[type="password"] { |
|
494 padding: 1px 0px 1px 0px; |
|
495 border: 2px inset ThreeDFace; |
|
496 text-transform: none; |
|
497 vertical-align: text-bottom; |
|
498 cursor: text; |
|
499 } |
|
500 |
|
501 textarea { |
|
502 margin: 1px 0px 1px 0px; |
|
503 border: 2px inset ThreeDFace; |
|
504 font-size: medium; |
|
505 text-transform: none; |
|
506 vertical-align: text-bottom; |
|
507 cursor: text; |
|
508 } |
|
509 |
|
510 select { |
|
511 margin: 0; |
|
512 border-color: ThreeDFace; |
|
513 white-space: nowrap; |
|
514 vertical-align: text-bottom; |
|
515 cursor: default; |
|
516 border-width: 2px; |
|
517 border-style: inset; |
|
518 } |
|
519 |
|
520 select[size] { |
|
521 padding: 1px 0px 1px 0px; |
|
522 } |
|
523 |
|
524 select[size="1"] { |
|
525 padding: 0px; |
|
526 } |
|
527 |
|
528 option { |
|
529 display: block; |
|
530 } |
|
531 |
|
532 option :checked { |
|
533 background-color: Highlight; |
|
534 color: HighlightText; |
|
535 } |
|
536 |
|
537 optgroup { |
|
538 display: block; |
|
539 font-style: italic; |
|
540 font-weight: bold; |
|
541 } |
|
542 |
|
543 optgroup > option { |
|
544 padding-left: 20px; |
|
545 font-style: normal; |
|
546 font-weight: normal; |
|
547 } |
|
548 |
|
549 optgroup :before { |
|
550 display: block; |
|
551 content: attr(label); |
|
552 } |
|
553 |
|
554 option[disabled], |
|
555 optgroup[disabled] { |
|
556 background-color: transparent; |
|
557 } |
|
558 |
|
559 /* hidden inputs */ |
|
560 input[type="hidden"] { |
|
561 display: none; |
|
562 padding: 0em; |
|
563 border: 0em; |
|
564 cursor: auto; |
|
565 } |
|
566 |
|
567 /* image buttons */ |
|
568 input[type="image"] { |
|
569 padding: 0em; |
|
570 border: none; |
|
571 background-color: transparent; |
|
572 vertical-align: baseline; |
|
573 font-family: sans-serif; |
|
574 font-size: small; |
|
575 cursor: pointer; |
|
576 } |
|
577 |
|
578 input[type="image"][disabled] { |
|
579 cursor: default; |
|
580 } |
|
581 |
|
582 /* file selector */ |
|
583 input[type="file"] { |
|
584 white-space: nowrap; |
|
585 cursor: default; |
|
586 padding: 0px; |
|
587 border-style: none; |
|
588 } |
|
589 |
|
590 /* radio buttons and check boxes*/ |
|
591 input[type="radio"] { |
|
592 width: 13px; |
|
593 height: 13px; |
|
594 margin: 3px 3px 0px 5px; |
|
595 padding: 0px; |
|
596 vertical-align: baseline; |
|
597 cursor: default; |
|
598 } |
|
599 |
|
600 /* check boxes */ |
|
601 input[type="checkbox"] { |
|
602 width: 13px; |
|
603 height: 13px; |
|
604 margin: 3px 3px 3px 4px; |
|
605 padding: 0px; |
|
606 vertical-align: text-bottom; |
|
607 cursor: default; |
|
608 } |
|
609 |
|
610 input[type="checkbox"]:focus, |
|
611 input[type="radio"]:focus { |
|
612 border-style: groove; |
|
613 } |
|
614 |
|
615 input[type="checkbox"]:hover:active, |
|
616 input[type="radio"]:hover:active { |
|
617 background-color: ThreeDFace; |
|
618 border-style: inset; |
|
619 } |
|
620 |
|
621 /* buttons */ |
|
622 button, |
|
623 input[type="reset"], |
|
624 input[type="button"], |
|
625 input[type="submit"] { |
|
626 text-transform: none; |
|
627 padding: 2px 0 2px 0; |
|
628 border: 2px outset ButtonFace; |
|
629 background-color: ButtonFace; |
|
630 color: ButtonText; |
|
631 white-space: pre; |
|
632 vertical-align: text-bottom; |
|
633 cursor: default; |
|
634 } |
|
635 |
|
636 button:active:hover, |
|
637 input[type="reset"]:active:hover, |
|
638 input[type="button"]:active:hover, |
|
639 input[type="submit"]:active:hover { |
|
640 padding: 3px 0 1px 0; |
|
641 border-style: inset; |
|
642 } |
|
643 |
|
644 /* disables inputs */ |
|
645 |
|
646 input[disabled], |
|
647 textarea[disabled], |
|
648 option[disabled], |
|
649 optgroup[disabled], |
|
650 select[disabled] { |
|
651 color: GrayText; |
|
652 background-color: ThreeDFace; |
|
653 cursor: default; |
|
654 } |
|
655 |
|
656 input[type="radio"][disabled], |
|
657 input[type="radio"][disabled]:active, |
|
658 input[type="radio"][disabled]:hover, |
|
659 input[type="radio"][disabled]:hover:active, |
|
660 input[type="checkbox"][disabled], |
|
661 input[type="checkbox"][disabled]:active, |
|
662 input[type="checkbox"][disabled]:hover, |
|
663 input[type="checkbox"][disabled]:hover:active { |
|
664 padding: 1px; |
|
665 border: 1px inset ThreeDShadow; |
|
666 color: GrayText; |
|
667 background-color: ThreeDFace; |
|
668 } |
|
669 |
|
670 button[disabled]:active, button[disabled], |
|
671 input[type="reset"][disabled]:active, |
|
672 input[type="reset"][disabled], |
|
673 input[type="button"][disabled]:active, |
|
674 input[type="button"][disabled], |
|
675 select[disabled] > input[type="button"], |
|
676 select[disabled] > input[type="button"]:active, |
|
677 input[type="submit"][disabled]:active, |
|
678 input[type="submit"][disabled] { |
|
679 padding: 3px 1px 3px 1px; |
|
680 border: 1px outset ButtonShadow; |
|
681 color: GrayText; |
|
682 } |
|
683 |
|
684 /* DocBook-XSLT-specific extensions */ |
|
685 |
|
686 div.figure { |
|
687 margin-top: 1.9ex; |
|
688 } |
|
689 |
|
690 div.note { |
|
691 margin-top: 1.0ex; |
|
692 margin-bottom: 1.0ex; |
|
693 } |
|
694 |
|
695 div.tip { |
|
696 margin-top: 1.0ex; |
|
697 margin-bottom: 1.0ex; |
|
698 } |
|
699 |
|
700 div.warning { |
|
701 margin-top: 1.0ex; |
|
702 margin-bottom: 1.0ex; |
|
703 } |
|
704 |
|
705 div.caution { |
|
706 margin-top: 1.0ex; |
|
707 margin-bottom: 1.0ex; |
|
708 } |
|
709 |
|
710 div.important { |
|
711 margin-top: 1.0ex; |
|
712 margin-bottom: 1.0ex; |
|
713 } |
|
714 |
|
715 div.figure { |
|
716 margin-bottom: 0.8ex; |
|
717 } |
|
718 |
|
719 div.example { |
|
720 margin-bottom: 0.8ex; |
|
721 } |
|
722 |
|
723 div.equation { |
|
724 margin-bottom: 0.8ex; |
|
725 } |
|