granicus.if.org Git - apache/blob - docs/manual/style/css/manual.css

   1 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   2  * manual.css
   3  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   4
   5 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   6  * mainframe ;-)
   7  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   8 html {
   9     font-size: 14px;
  10 }
  11
  12 body {
  13     background-color: #fff;
  14     color: #036;
  15     padding: 0 1em 0 0;
  16     margin: 0;
  17     font-family: Arial, Helvetica, sans-serif;
  18     font-weight: normal;
  19 }
  20
  21 pre, code {
  22     font-family: "Courier New", Courier, monospace;
  23 }
  24
  25 strong {
  26     font-weight: bold;
  27 }
  28
  29 q, em, var {
  30     font-style: italic;
  31 }
  32
  33 span.transnote {
  34     background-color: inherit;
  35     color: #888;
  36 }
  37
  38 /* fixup IE & Opera
  39  * otherwise they forget to inherit
  40  * the computed font-size value
  41  */
  42 table, code {
  43     font-size: 1em;
  44 }
  45
  46 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  47  * Links
  48  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  49
  50 /* normal links           */
  51 /* ====================== */
  52 a:link {
  53     color: #0073c7;
  54     background-color: inherit;
  55 }
  56
  57 a:visited {
  58     color: #5A88B5;
  59     background-color: inherit;
  60 }
  61
  62 a:hover,
  63 a:active {
  64     color: #0073c7;
  65     background-color: #f0f0f0;
  66 }
  67
  68 /* hover on non-white backgrounds */
  69 tr.odd a:hover,
  70 tr.odd a:active,
  71 tr.header a:hover,
  72 tr.header a:active,
  73 div.note a:hover,
  74 div.note a:active,
  75 div.example a:hover,
  76 div.example a:active,
  77 div.warning a:hover,
  78 div.warning a:active,
  79 div#quickview a:hover,
  80 div#quickview a:active {
  81     background-color: #fff;
  82     color: #0073c7;
  83 }
  84
  85 /* code.module [links]    */
  86 /* ====================== */
  87 code.module,
  88 code.module a:link {
  89     color: #8b4513;
  90     background-color: inherit;
  91 }
  92
  93 code.module a:visited {
  94     color: #bc8f8f;
  95     background-color: inherit;
  96 }
  97
  98 code.module a:hover,
  99 code.module a:active {
 100     color: #8b4513;
 101     background-color: #f0f0f0;
 102 }
 103
 104 /* hover on non-white backgrounds */
 105 tr.odd code.module a:hover,
 106 tr.odd code.module a:active,
 107 tr.header code.module a:hover,
 108 tr.header code.module a:active,
 109 div.note code.module a:hover,
 110 div.note code.module a:active,
 111 div.example code.module a:hover,
 112 div.example code.module a:active,
 113 div.warning code.module a:hover,
 114 div.warning code.module a:active,
 115 div#quickview code.module a:hover,
 116 div#quickview code.module a:active {
 117     background-color: #fff;
 118     color: #8b4513;
 119 }
 120
 121 /* code.directive [links] */
 122 /* ====================== */
 123 code.directive,
 124 code.directive a:link {
 125     color: #287f00;
 126     background-color: inherit;
 127 }
 128
 129 code.directive a:visited {
 130     color: #35a500;
 131     background-color: inherit;
 132 }
 133
 134 code.directive a:hover,
 135 code.directive a:active {
 136     color: #287f00;
 137     background-color: #f0f0f0;
 138 }
 139
 140 /* hover on non-white backgrounds */
 141 tr.odd code.directive a:hover,
 142 tr.odd code.directive a:active,
 143 tr.header code.directive a:hover,
 144 tr.header code.directive a:active,
 145 div.note code.directive a:hover,
 146 div.note code.directive a:active,
 147 div.example code.directive a:hover,
 148 div.example code.directive a:active,
 149 div.warning code.directive a:hover,
 150 div.warning code.directive a:active,
 151 div#quickview code.directive a:hover,
 152 div#quickview code.directive a:active {
 153     background-color: #fff;
 154     color: #287f00;
 155 }
 156
 157 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 158  * Headings
 159  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 160
 161 /* h1                     */
 162 /* ====================== */
 163 h1 {
 164     padding: 0.2em;
 165     margin: 0 0 0.5em 0;
 166     border: 1px solid #405871;
 167     background-color: inherit;
 168     color: #036;
 169     text-decoration: none;
 170     font-size: 22px;
 171     font-weight: bold;
 172 }
 173
 174 /* h2                     */
 175 /* ====================== */
 176 h2 {
 177     padding: 0.2em 0 0.2em 0.7em;
 178     margin: 0 0 0.5em 0;
 179     text-decoration: none;
 180     font-size: 18px;
 181     font-weight: bold;
 182 }
 183
 184 .section h2 {
 185     background-color: #405871;
 186     color: #fff;
 187 }
 188
 189 .directive-section h2 {
 190     background-color: #557697;
 191     color: #fff;
 192 }
 193
 194 .category h2 {
 195     background-color: #e5ecf3;
 196     color: #405871;
 197     font-size: 14px;
 198 }
 199
 200 /* take care of <a name>s inside */
 201 h2 a,
 202 h2 a:hover,
 203 h2 a:active {
 204     color: inherit;
 205     background-color: inherit;
 206     text-decoration: none;
 207 }
 208
 209 /* h3, h4                 */
 210 /* ====================== */
 211 h3 {
 212     background-color: inherit;
 213     color: #036;
 214     text-decoration: none;
 215     font-weight: bold;
 216     font-size: 16px;
 217     margin: 1.3em 0 0.4em 0;
 218     padding: 0;
 219 }
 220
 221 h4 {
 222     background-color: inherit;
 223     color: #036;
 224     text-decoration: none;
 225     font-weight: bold;
 226     font-size: 14px;
 227     margin: 1.3em 0 0.2em 0;
 228     padding: 0;
 229 }
 230
 231 /* margin adjustment */
 232 h3 + *, h4 + * {
 233     margin-top: 0;
 234 }
 235
 236 /* IE confuses the + * :-(
 237  * so reset some things
 238  */
 239 ul, .section table, .directive-section table {
 240     margin-bottom: 1em;
 241 }
 242
 243 /* titles for
 244  * examples, notes and warnings
 245  */
 246 div.example h3,
 247 div.note h3,
 248 div.warning h3 {
 249     margin: 0 0 0.5em 0;
 250     text-align: left;
 251     font-size: 14px;
 252 }
 253
 254 /* sidebar */
 255 div#quickview h3 {
 256     margin: 1em 0 0.3em 0.5em;
 257     font-size: 15px;
 258 }
 259
 260 div#quickview h3.directives {
 261     margin-top: 0.3em;
 262 }
 263
 264 /* take care of <a name>s inside */
 265 h3 a,
 266 h3 a:hover,
 267 h3 a:active,
 268 h4 a,
 269 h4 a:hover,
 270 h4 a:active {
 271     color: inherit;
 272     background-color: inherit;
 273     text-decoration: none;
 274 }
 275
 276 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 277  * Up & Top helper images
 278  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 279
 280 /* arrow left             */
 281 /* ====================== */
 282 div.up {
 283     width: 30px;
 284     height: 20px;
 285     padding: 0;
 286     margin: -20px 0 1px 0;
 287     text-align: center;
 288     vertical-align: top;
 289 }
 290
 291 div.up img {
 292     vertical-align: top;
 293     width: 11px;
 294     height: 11px;
 295     border-style: none;
 296 }
 297
 298 /* arrow up (to page top) */
 299 /* ====================== */
 300 div.top {
 301     width: 30px;
 302     padding: 0 0 0 30px;
 303     margin: 0;
 304 }
 305
 306 div.top img {
 307     margin-top: 0.5em;
 308     vertical-align: bottom;
 309     width: 11px;
 310     height: 11px;
 311     border-style: none;
 312 }
 313
 314 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 315  * Tables
 316  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 317
 318 /* general                */
 319 /* ====================== */
 320 table {
 321     border: 1px solid #aaa;
 322     border-collapse: collapse;
 323     padding: 2px;
 324     margin-top: 0.5em;
 325     margin-bottom: 0;
 326 }
 327
 328 td, th {
 329     empty-cells: show; /* show border around empty cells */
 330     padding: 0.1em 0.2em;
 331     vertical-align: top;
 332     text-align: left;
 333     line-height: 1.3em;
 334 }
 335
 336 th {
 337     font-weight: bold;
 338 }
 339
 340 td.centered {
 341     text-align: center;
 342 }
 343
 344 tr.odd { /* for large tables alternating colors */
 345     background-color: #f2f2f2;
 346 }
 347
 348 tr.header, tr.header th {
 349     background-color: #e2e2e2;
 350     border-top: 1px solid #aaa;
 351     border-bottom: 1px solid #aaa;
 352 }
 353
 354 /* bordered table cells   */
 355 /* ====================== */
 356
 357 /* turn off borders in tables nested in
 358  * bordered tables per default
 359  */
 360 table.bordered table td,
 361 table.bordered table th {
 362     border-style: none;
 363 }
 364
 365 table.bordered td,
 366 table.bordered th,
 367 table table.bordered td,
 368 table table.bordered th {
 369     border: 1px solid #aaa;
 370 }
 371
 372 /* index page layout table */
 373 /* ======================= */
 374 body#index-page div#page-content {
 375     width: 100%; /* IE fun */
 376 }
 377
 378 body[id]#index-page div#page-content {
 379     width: auto; /* reasonable browsers. */
 380 }
 381
 382 table#indextable {
 383     width: 100%;
 384     border-collapse: collapse;
 385     border: 0 none;
 386 }
 387
 388 table#indextable td {
 389     width: 33.3%;
 390     border-left: 1px solid #aaa;
 391     padding-top: 0;
 392     padding-bottom: 0;
 393 }
 394
 395 table#indextable td.col1 {
 396     border-left: 0 none;
 397     padding-left: 0;
 398 }
 399
 400 table#indextable td.col3 {
 401     padding-right: 0;
 402 }
 403
 404 /* mod/dir. overview table and quick reference  */
 405 /* ============================================ */
 406 table.module th,
 407 table.directive th {
 408     white-space: nowrap;
 409 }
 410
 411 table.qref {
 412     border-collapse: collapse;
 413     width: 100%;
 414 }
 415
 416 table.qref td {
 417     border-style: none solid;
 418     border-color: #aaa;
 419     border-width: 1px;
 420 }
 421
 422 table.qref td.descr {
 423     padding-left: 1em;
 424     font-size: 13px;
 425 }
 426
 427 table#legend {
 428     width: 100%;
 429     border-style: none;
 430     border-width: 0;
 431     vertical-align: bottom;
 432     padding: 0;
 433     margin: 0;
 434 }
 435
 436 table#legend td {
 437     vertical-align: bottom;
 438     margin: 0;
 439     padding: 0;
 440 }
 441
 442 table#legend td.letters {
 443     width: 100%;
 444     padding-bottom: 0.5em;
 445 }
 446
 447 table#legend table {
 448     vertical-align: bottom;
 449     margin: 0 0 0 0.4em;
 450     padding: 0;
 451     height: 7.5em;
 452 }
 453
 454 table#legend table td,
 455 table#legend table th {
 456     vertical-align: middle;
 457     padding: 0.1ex 0.2em;
 458     line-height: 1em;
 459 }
 460
 461 /* related modules & dir. */
 462 /* ====================== */
 463
 464 /* assuming, all links are enclosed by
 465  * <code class="directive"> or
 466  * <code class="module">
 467  */
 468
 469 table.related {
 470     border-collapse: separate;
 471 }
 472
 473 table.related th {
 474     padding: 0.2ex 0.3em;
 475     background-color: #e5ecf3;
 476     color: #405871;
 477     vertical-align: middle;
 478 }
 479
 480 table.related td {
 481     padding: 0.2ex 0.3em;
 482 }
 483
 484 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 485  * Lists
 486  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 487
 488 /* list default values    */
 489 /* ====================== */
 490 ul {
 491     list-style-type: disc;
 492 }
 493
 494 ul ul {
 495     list-style-type: square;
 496 }
 497
 498 ul ul ul {
 499     list-style-type: circle;
 500 }
 501
 502 li, dt, dd {
 503     line-height: 1.3em;
 504 }
 505
 506 dt {
 507     margin-top: 0.5em;
 508     font-weight: bold;
 509 }
 510
 511 ol li {
 512     margin-top: 0.5em;
 513 }
 514
 515 ol.up-A {
 516     list-style-type: upper-alpha;
 517 }
 518
 519 dd.separate {
 520     margin-bottom: 2em;
 521 }
 522
 523 li.separate {
 524     margin-bottom: 1em;
 525 }
 526
 527 /* table of contents      */
 528 /* ====================== */
 529 #toc,
 530 #topics {
 531     margin: 0 0 1em 0;
 532     padding: 0;
 533 }
 534
 535 #toc li,
 536 #topics li {
 537     list-style-type: none;
 538     margin: 0;
 539     padding: 0;
 540 }
 541
 542 /* see also               */
 543 /* ====================== */
 544 .seealso {
 545     margin: 0 0 1em 0;
 546     padding: 0;
 547 }
 548
 549 .seealso li {
 550     list-style-type: none;
 551     margin: 0;
 552     padding: 0 0 0 34px;
 553 }
 554
 555 /* related modules & dir. */
 556 /* ====================== */
 557 table.related td ul,
 558 table.related td li {
 559     list-style-type: none;
 560     margin: 0;
 561     padding: 0;
 562 }
 563
 564 /* list of all directives */
 565 /* ====================== */
 566 div#directive-list ul {
 567     margin: 0;
 568     padding: 0;
 569 }
 570
 571 /* indextable */
 572 /* ========== */
 573 table#indextable td ul {
 574     list-style-type: none;
 575     margin: 0 0 1em 0.5em;
 576     padding: 0 0 0 0;
 577 }
 578
 579 table#indextable td ul li {
 580     margin-top: 0.3em;
 581 }
 582
 583 /* sidebar                */
 584 /* ====================== */
 585 div#quickview li {
 586     font-size: 13px;
 587 }
 588
 589 div#quickview ul {
 590     margin: 0 0 15px 0;
 591     padding: 0;
 592 }
 593
 594 div#quickview ul#toc {
 595     margin: 0 0 0 0.5em;
 596     padding: 0;
 597 }
 598
 599 #module-index div#quickview ul#toc,
 600 #manual-page div#quickview ul#toc {
 601     margin-left: 0;
 602 }
 603
 604 div#quickview ul#toc li {
 605     margin: 0;
 606     padding: 0;
 607     list-style-type: none;
 608 }
 609
 610 div#quickview li img {
 611     display: none;
 612 }
 613
 614 #module-index div#quickview ul#toc,
 615 #manual-page div#quickview ul#toc,
 616 div#quickview #topics,
 617 div#quickview .seealso {
 618     padding-left: 15px;
 619 }
 620
 621 #module-index div#quickview ul#toc li,
 622 #manual-page div#quickview ul#toc li,
 623 div#quickview #topics li,
 624 div#quickview .seealso li {
 625     margin: 0.4em 0 2px 0;
 626     padding: 0;
 627     list-style-type: square;
 628     list-style-position: outside;
 629 }
 630
 631 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 632  * main page sections
 633  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 634
 635 /* page header            */
 636 /* ====================== */
 637 div#page-header {
 638     margin-left: 30px;
 639 }
 640
 641 div#page-header img {
 642     padding: 0;
 643     display: block;
 644     margin: -70px 0 1px 2em;
 645     width: 248px;
 646     height: 70px;
 647 }
 648
 649 div#page-header p.apache {
 650     background-color: #405871;
 651     color: #fff;
 652     padding: 0 0 0 248px;
 653     margin: 0;
 654     text-align: center;
 655     vertical-align: middle;
 656     font-size: 16px;
 657     font-weight: bold;
 658     line-height: 29px;
 659 }
 660
 661 div#page-header p.menu {
 662     text-align: right;
 663     font-size: 13px;
 664     margin: 30px 0 0.5em 0;
 665     padding: 0;
 666 }
 667
 668 /* breadcrumb navigation */
 669 div#path {
 670     margin: 0.2em 0 1.2em 30px;
 671     padding: 0;
 672     font-size: 13px;
 673 }
 674
 675 /* content sections       */
 676 /* ====================== */
 677 div#preamble {
 678     padding-bottom: 1em;
 679     margin-left: 30px;
 680 }
 681
 682 div.section,
 683 div.directive-section {
 684     margin: -1.2em 0 0 60px;
 685     padding: 0;
 686 }
 687
 688 .section p,
 689 .directive-section p {
 690     margin: 0 0 1em 0;
 691     padding: 0;
 692 }
 693
 694 /* look for this on directive
 695  * list pages
 696  */
 697 div#directive-list {
 698     margin-left: 30px;
 699     padding: 0 0 1em 1em;
 700 }
 701
 702 div#directive-ref {
 703     margin: -1em 0 0 0;
 704     padding: 0 0 1em 30px;
 705     width: 100%; /* IE is BAD (broken as designed) */
 706 }
 707
 708 div[id]#directive-ref { /* a big sorry to ICab, Amaya (and old Konquerors?) */
 709     width: auto; /* other browsers are fine ;-) */
 710 }
 711
 712 /* sidebar position: right */
 713 div#quickview {
 714     position: absolute;
 715     top: 5.5em;
 716     right: 1em;
 717     margin-left: 0;
 718     margin-top: 40px;
 719     padding: 4px;
 720     width: 13.5em;
 721     background-color: #f0f0f0;
 722     color: inherit;
 723 }
 724
 725 /* -> move content left */
 726 div#page-content {
 727     padding-top: 0;
 728     margin-right: 13em;
 729     padding-right: 30px;
 730 }
 731
 732 /* unsqueeze on some pages... */
 733 body#index-page div#page-content {
 734     margin-left: 30px;
 735     margin-right: 0;
 736     padding-right: 0;
 737     padding-bottom: 1em;
 738 }
 739
 740 /* in general */
 741 p {
 742     line-height: 1.3em;
 743 }
 744
 745 /* page footer            */
 746 /* ====================== */
 747 div#footer {
 748     margin-left: 30px;
 749     font-size: 13px;
 750     border-top: 1px solid #405871;
 751     padding-top: 0.2em;
 752 }
 753
 754 div#footer p.apache {
 755     float: left;
 756     text-align: left;
 757     padding: 0 0 1em 0;
 758     margin-top: 0;
 759     font-weight: bold;
 760 }
 761
 762 div#footer p.menu {
 763     float: right;
 764     text-align: right;
 765     margin-top: 0;
 766     padding: 0 0 1em 0;
 767 }
 768
 769 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 770  * subsections (examples, notes, warnings)
 771  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 772
 773 /* examples               */
 774 /* ====================== */
 775 div.example {
 776     background-color: #e5ecf3;
 777     color: #000;
 778     padding: 0.5em;
 779     margin: 1em 2em 1em 1em;
 780 }
 781
 782 /* example inside a note:
 783  * blue in gray doesn't look good
 784  * so simply draw a border around
 785  * and keep it gray
 786  */
 787 div.note div.example,
 788 div.warning div.example {
 789     border: 1px solid #aaa;
 790     background-color: transparent;
 791     color: inherit;
 792     margin-right: 1em;
 793 }
 794
 795 /* example inside table */
 796 table div.example {
 797     margin-right: 1em;
 798 }
 799
 800 /* the following [block] elements
 801  * may appear inside example...
 802  */
 803 div.example p,
 804 div.example pre,
 805 div.example table {
 806     padding: 0;
 807     margin: 0;
 808 }
 809
 810 div.example p {
 811     line-height: 1em;
 812 }
 813
 814 div.example pre,
 815 div.example p > code {
 816     font-size: 13px;
 817 }
 818
 819 /* notes & warnings       */
 820 /* ====================== */
 821 div.note,
 822 div.warning {
 823     background-color: #eee;
 824     color: #036;
 825     padding: 0.5em;
 826     margin: 1em 2em 1em 1em;
 827 }
 828
 829 div.warning {
 830     border: 1px solid #f00;
 831 }
 832
 833 div.note p,
 834 div.warning p {
 835     margin: 0.5em 0 0 0;
 836     padding: 0;
 837 }
 838
 839 div.note pre,
 840 div.warning pre {
 841     font-size: 13px;
 842 }
 843
 844 /* inside table */
 845 table div.note,
 846 table div.warning {
 847     margin-right: 1em;
 848 }
 849
 850 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 851  * quotations, indented paragraphs, forms and figures
 852  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 853 p.letters {
 854     margin: 1em 0 0 0;
 855 }
 856
 857 .letters {
 858     text-align: center;
 859     background-color: inherit;
 860     color: #ccc;
 861 }
 862
 863 .letters a:link,
 864 .letters a:visited {
 865     text-decoration: none;
 866     font-weight: bold;
 867 }
 868
 869 .letters a:hover,
 870 .letters a:active {
 871     font-weight: bold;
 872 }
 873
 874 blockquote p {
 875     font-style: italic;
 876     margin: 0;
 877 }
 878
 879 blockquote p.cite {
 880     font-style: normal;
 881     margin-top: 0;
 882     margin-left: 2em;
 883 }
 884
 885 blockquote p.cite cite {
 886     font-style: normal;
 887 }
 888
 889 p.indent {
 890     margin-left: 2em;
 891     margin-top: 1em;
 892 }
 893
 894 span.indent {
 895     padding-left: 1.5em;
 896     display: block;
 897 }
 898
 899 #index-page form {
 900     text-align: center;
 901 }
 902
 903 #index-page form p {
 904     line-height: 1.1em;
 905 }
 906
 907 #index-page form input {
 908     font-size: 1em;
 909 }
 910
 911 p.figure {
 912     margin-left: 2em;
 913     font-style: italic;
 914 }
 915
 916 p.figure img {
 917     border: 1px solid #aaa;
 918 }
 919
 920 p.figure dfn {
 921     font-weight: bold;
 922 }
 923
 924 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 925  * -> The End <-
 926  * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */