Documentation/css/lilypond-website.css

   1 /* Generic elements */
   2
   3 html {
   4   padding: 0;
   5   margin: 0;
   6 }
   7
   8 body {
   9   position: absolute;
  10   top: 0;
  11   left: 0.5%;
  12   right: 0.5%;
  13   width: 99%;
  14   min-width: 42em;
  15   max-width: 70em;
  16   font-size: 95%;
  17   line-height: 1.5;
  18   background: #fff url(../pictures/background-image.png) no-repeat 0 0;
  19   text-align: justify;
  20   padding: 0;
  21   margin: 0 auto;
  22 }
  23
  24 hr {
  25   display: none;
  26 }
  27
  28 p {
  29   margin: 0.5em;
  30 }
  31
  32 h1, h2, h3, h4, h5 {
  33   margin: 1em 10px;
  34 }
  35
  36 li {
  37   margin-right: 1em;
  38 }
  39
  40 a img {
  41   border: 0;
  42 }
  43
  44 /* Hyperlinks */
  45
  46 /* no dotted line around clicked tabs */
  47 a:focus {
  48   outline-style: none;
  49 }
  50
  51 a:link {
  52   color: #0c51ab;
  53 }
  54
  55 a:visited {
  56   color: #804f01;
  57 }
  58
  59 a:hover {
  60   color: #0105ad;
  61 }
  62
  63 /* Table of Contents */
  64 /* first level toc (unnumbered) */
  65 div#tocframe {
  66   position: absolute;
  67   top: 0;
  68   left: 0;
  69   right: 0;
  70   background: #6aec7c url(../pictures/nav-bg.png) repeat-x top left;
  71   max-width: 70em;
  72   font-size: 100%;
  73   line-height: 1;
  74   padding: 0;
  75   -moz-border-radius-bottomleft: 7px;
  76   -moz-border-radius-bottomright: 7px;
  77   -webkit-border-bottom-left-radius: 7px;
  78   -webkit-border-bottom-right-radius: 7px;
  79   border-bottom-left-radius: 7px;
  80   border-bottom-right-radius: 7px;
  81   margin: 0;
  82 }
  83
  84 #tocframe a {
  85   color: #fff;
  86   text-decoration: none;
  87 }
  88
  89 #tocframe ul.toc {
  90   list-style-type: none;
  91   padding: 0;
  92   margin: 0;
  93 }
  94
  95 #tocframe > ul:first-child > li:first-child a {
  96   text-indent: -999em;
  97   background: #6aec7c url(../pictures/lily-home-nav-bg.png) no-repeat 50% 50%;
  98   width: 9%;
  99   -moz-border-radius-bottomleft: 7px;
 100   -webkit-border-bottom-left-radius: 7px;
 101   border-bottom-left-radius: 7px;
 102 }
 103
 104 #tocframe > ul:first-child > li:first-child a:hover {
 105   background: #6aec7c url(../pictures/lily-home-nav-hover.png) no-repeat 50% 50%;
 106   width: 9%;
 107 }
 108
 109 #tocframe > ul:first-child > li:first-child.toc_current a {
 110   text-indent: -999em;
 111   background: url(../pictures/lily-home-nav-active.png) no-repeat 50% 50%;
 112   width: 9%;
 113 }
 114
 115 #tocframe > ul:first-child > li:first-child.toc_current a:hover {
 116   text-indent: -999em;
 117   background: url(../pictures/lily-home-nav-active.png) no-repeat 50% 50%;
 118   width: 9%;
 119 }
 120
 121 #tocframe > ul:first-child > li:last-child {
 122   width: 9%;
 123   -moz-border-radius-bottomright: 7px;
 124   -webkit-border-bottom-right-radius: 7px;
 125   border-bottom-right-radius: 7px;
 126 }
 127
 128 #tocframe li {
 129   display: inline;
 130   padding: 0;
 131   margin: 0;
 132 }
 133
 134 /* search box */
 135 #tocframe li form {
 136   float: left;
 137   width: 17%;
 138   background: #6aec7c url(../pictures/nav-bg.png);
 139   font-size: 100%;
 140   padding: 0.45em 0.8%;
 141   margin: 0;
 142 }
 143
 144 #tocframe li form input {
 145   display: block;
 146   float: left;
 147   width: 95%;
 148   font-size: 100%;
 149   padding: 0.1em;
 150   border: 0;
 151   margin: 0;
 152   -moz-border-radius-topright: 20px;
 153   -moz-border-radius-bottomright: 20px;
 154   -webkit-border-top-right-radius: 20px;
 155   -webkit-border-bottom-right-radius: 20px;
 156   border-top-right-radius: 20px;
 157   border-bottom-right-radius: 20px;
 158 }
 159
 160 #tocframe li form input[type="hidden"] {
 161   position: relative;
 162   height: 0;
 163   overflow: hidden;
 164   text-indent: -999em;
 165   padding: 0;
 166   margin: 0;
 167 }
 168
 169 #tocframe li a {
 170   background: #6aec7c url(../pictures/nav-bg.png);
 171   float: left;
 172   width: 18%;
 173   text-align: center;
 174   font-weight: bold;
 175   padding: 0.68em 0;
 176   margin: 0;
 177 }
 178
 179 #tocframe li a:hover {
 180   background: url(../pictures/nav-hover.png);
 181 }
 182
 183 #tocframe li.toc_current a,
 184 #tocframe li.toc_current a:hover {
 185   background: url(../pictures/nav-active.png);
 186   color: #fff;
 187   text-decoration: underline;
 188 }
 189
 190 /* second level toc (unnumberedsec) */
 191 #tocframe .toc .toc {
 192   position: absolute;
 193   top: 3.8em;
 194   left: 0.5%;
 195   right: 0.5%;
 196   font-size: 82%;
 197   padding: 0;
 198   margin: 0;
 199 }
 200
 201 #tocframe .toc .toc li {
 202   display: inline;
 203   padding: 0;
 204   margin: 0;
 205 }
 206
 207 #tocframe .toc .toc li:first-child a {
 208   -moz-border-radius-topleft: 7px;
 209   -moz-border-radius-bottomleft: 7px;
 210   -webkit-border-top-left-radius: 7px;
 211   -webkit-border-bottom-left-radius: 7px;
 212   border-top-left-radius: 7px;
 213   border-bottom-left-radius: 7px;
 214 }
 215
 216 #tocframe .toc .toc li:last-child a {
 217   -moz-border-radius-topright: 7px;
 218   -moz-border-radius-bottomright: 7px;
 219   -webkit-border-top-right-radius: 7px;
 220   -webkit-border-bottom-right-radius: 7px;
 221   border-top-right-radius: 7px;
 222   border-bottom-right-radius: 7px;
 223 }
 224
 225 #tocframe .toc .toc li a {
 226   float: left;
 227   width: auto;
 228   background: #ceffae;
 229   line-height: 2;
 230   color: #000;
 231   text-decoration: none;
 232   text-indent: 0;
 233   font-weight: normal;
 234   padding: 0 0.5em;
 235   margin: 0;
 236 }
 237
 238 #tocframe .toc .toc li a:hover {
 239   background: #bdee9d;
 240 }
 241
 242 /* colored second-level TOC items */
 243 #tocframe .toc .toc li.color1 a {
 244   background: #9ccc7c url(../pictures/color1-bg.png) repeat-x top left;
 245 }
 246
 247 #tocframe .toc .toc li.color2 a {
 248   background: #bbcf81 url(../pictures/color2-bg.png) repeat-x top left;
 249 }
 250
 251 #tocframe .toc .toc li.color3 a {
 252   background: #dbd286 url(../pictures/color3-bg.png) repeat-x top left;
 253 }
 254
 255 #tocframe .toc .toc li.color4 a {
 256   background: #fad58c url(../pictures/color4-bg.png) repeat-x top left;
 257 }
 258
 259 #tocframe .toc .toc li.colorDefault a {
 260   background: #8cbc6c url(../pictures/nav-bg-2.png) repeat-x top left;
 261   color: #fff;
 262 }
 263
 264 #tocframe .toc .toc li.colorDefault a:hover {
 265   background: #8cbc6c url(../pictures/nav-hover-2.png) repeat-x top left;
 266   color: #fff;
 267 }
 268
 269 #tocframe .toc .toc li.color1 a:hover {
 270   background: #addd8d url(../pictures/color1-hover.png) repeat-x top left;
 271 }
 272
 273 #tocframe .toc .toc li.color2 a:hover {
 274   background: #ccdf92 url(../pictures/color2-hover.png) repeat-x top left;
 275 }
 276
 277 #tocframe .toc .toc li.color3 a:hover {
 278   background: #ece297 url(../pictures/color3-hover.png) repeat-x top left;
 279 }
 280
 281 #tocframe .toc .toc li.color4 a:hover {
 282   background: #fbe69d url(../pictures/color4-hover.png) repeat-x top left;
 283 }
 284
 285 #tocframe .toc .toc li.toc_current a,
 286 #tocframe .toc .toc li.toc_current a:hover {
 287   color: #000;
 288   text-decoration: underline;
 289 }
 290
 291 #tocframe .toc .toc li.colorDefault.toc_current a,
 292 #tocframe .toc .toc li.colorDefault.toc_current a:hover {
 293   background: #8cbc6c url(../pictures/nav-active-2.png) repeat-x top left;
 294   color: #fff;
 295   text-decoration: underline;
 296 }
 297
 298 #tocframe .toc .toc li.color1.toc_current a,
 299 #tocframe .toc .toc li.color1.toc_current a:hover {
 300   background: #beee9e url(../pictures/color1-active.png) repeat-x top left;
 301 }
 302
 303 #tocframe .toc .toc li.color2.toc_current a,
 304 #tocframe .toc .toc li.color2.toc_current a:hover {
 305   background: #ddefa3 url(../pictures/color2-active.png) repeat-x top left;
 306 }
 307
 308 #tocframe .toc .toc li.color3.toc_current a,
 309 #tocframe .toc .toc li.color3.toc_current a:hover {
 310   background: #fdf4a8 url(../pictures/color3-active.png) repeat-x top left;
 311 }
 312
 313 #tocframe .toc .toc li.color4.toc_current a,
 314 #tocframe .toc .toc li.color4.toc_current a:hover {
 315   background: #fcf7ae url(../pictures/color4-active.png) repeat-x top left;
 316 }
 317
 318 /* third level toc (unnumberedsubsec) */
 319 #tocframe .toc .toc .toc {
 320   position: absolute;
 321   top: 2em;
 322   left: 5%;
 323   font-size: 100%;
 324 }
 325
 326 #tocframe .toc .toc .toc li {
 327   display: inline;
 328   padding: 0;
 329   margin: 0;
 330 }
 331
 332 #tocframe .toc .toc .toc li a {
 333   float: left;
 334   width: auto;
 335   background: #ceffae;
 336   text-decoration: none;
 337   text-indent: 0;
 338   font-weight: normal;
 339   padding: 0 0.75em;
 340   margin: 0;
 341 }
 342
 343 #tocframe .toc .toc .toc li a:hover {
 344   background: #bdee9d;
 345 }
 346
 347 #tocframe .toc .toc .toc li.toc_current a {
 348   background: #acdd8c;
 349 }
 350
 351 #tocframe .toc .toc .toc li.toc_current a:hover {
 352   background: #acdd8c;
 353 }
 354
 355 /* Divs */
 356 div#main {
 357   position: relative;
 358   /* this value may need to be adjusted */
 359   top: 7.7em;
 360   left: 0;
 361   right: 0;
 362   width: 100%;
 363   max-width: 70em;
 364   margin: 0 auto 11.7em;
 365   /* Necessary to stretch over floated content;
 366    * will cause scrollbars to appear for content
 367    * that is wider than the width of this div.
 368    *
 369    * FIXME: This breaks Konqueror 3 and 4.
 370    */
 371   overflow: auto;
 372 }
 373
 374 /* FIXME: does not work in IE<=6 */
 375 #main > a:first-child {
 376   position: absolute;
 377   top: -10em;
 378 }
 379
 380 div#pageHeader {
 381   width: 100%;
 382   height: 10em;
 383   padding-top: 2em;
 384   border: solid #ddd;
 385   border-width: 0;
 386   margin: 0 0 1.4em 0;
 387 }
 388
 389 #pageHeader .heading {
 390   font-size: 4em;
 391   text-align: left;
 392   padding: 0;
 393   margin: 0 0 0 340px;
 394 }
 395
 396 #pageHeader p {
 397   font-size: 1.2em;
 398   font-style: italic;
 399   text-align: left;
 400   padding: 0;
 401   margin: 0 0 0 340px;
 402 }
 403
 404 div#lilylogo {
 405   position: absolute;
 406   top: 0;
 407   left: 0;
 408 }
 409
 410 div#cmws {
 411   position: absolute;
 412   top: 0;
 413   left: 50%;
 414 }
 415
 416 div#quickSummary {
 417   text-align: left;
 418   margin: 4em 13em 0 0;
 419 }
 420
 421 #quickSummary .subheading {
 422   background: #fff url(../pictures/summary-gradient.png) repeat-y 0 0;
 423   color: #fff;
 424   padding: 0 0.5em;
 425   margin: 0;
 426 }
 427
 428 #quickSummary p {
 429   padding: 0.5em;
 430   margin: 0;
 431 }
 432
 433 div.separator {
 434   background: transparent url(../pictures/squiggle.jpg) no-repeat 40% 60%;
 435   height: 36px;
 436   clear: both;
 437   padding: 10px;
 438 }
 439
 440 div#news {
 441   padding: 0;
 442   margin: 0 13em 1em 0;
 443 }
 444
 445 div.news-item {
 446 }
 447
 448 .news-item .subsubheading {
 449   text-align: left;
 450   padding: 0 0 0 0.5em;
 451   border-bottom: 1px solid #5b7f64;
 452   margin: 0;
 453   overflow: hidden;
 454 }
 455
 456 .testimonial-item {
 457   /* Not sure how to style the testimonials */
 458   clear: both;
 459   margin: 2em 0;
 460 }
 461
 462 .testimonial-item .subsubheading {
 463   text-align: left;
 464   padding: 0 0 0 0.5em;
 465 }
 466
 467 .testimonial-item img.float-left,
 468 .testimonial-item img.float-right {
 469   margin: 1em 1em 2em;
 470 }
 471
 472 .testimonial-item p {
 473   padding: 0 0.5em;
 474 }
 475
 476 .news-item p {
 477   text-align: left;
 478   padding: 0.5em;
 479   margin: 0;
 480 }
 481
 482 div#latestVersion {
 483   position: absolute;
 484   top: 16em;
 485   right: 0;
 486   width: 12em;
 487   text-align: center;
 488   border-left: 1px solid #5b7f64;
 489 }
 490
 491 div#wildCardBox {
 492   position: absolute;
 493   top: 0.0em;
 494   right: 0;
 495   width: 12em;
 496   text-align: center;
 497   border-left: 1px solid #5b7f64;
 498 }
 499
 500 #latestVersion .subheading {
 501   background: #5b7f64;
 502   color: #fff;
 503   text-align: center;
 504   padding: 0 0.5em;
 505   margin: 0;
 506 }
 507
 508 #wildCardBox .subheading {
 509   background: #5b7f64;
 510   color: #fff;
 511   text-align: center;
 512   padding: 0 0.5em;
 513   margin: 0;
 514 }
 515
 516 /* this might not work in certain browsers */
 517 a[name="Stable"] + h4 {
 518   background: #bdee9d url(../pictures/color1-bg.png) repeat-x top left;
 519 }
 520
 521 /* this might not work in certain browsers */
 522 a[name="Unstable"] + h4 {
 523   background: #fad58c url(../pictures/color3-bg.png) repeat-x top left;
 524 }
 525
 526 #latestVersion .subsubheading {
 527   padding: 0.08em 0.25em;
 528   border-bottom: 1px solid #5b7f64;
 529   margin: 0;
 530 }
 531
 532 #latestVersion p {
 533   font-size: 90%;
 534   padding: 0.5em;
 535   margin: 0;
 536 }
 537
 538 div#footer {
 539   clear: both;
 540   width: 100%;
 541   border-top: 10px solid #5b7f64;
 542 }
 543
 544 div#language {
 545   position: absolute;
 546   top: 0;
 547   left: 0;
 548   right: 50%;
 549   width: 50%;
 550   text-indent: 0.5em;
 551   padding: 0;
 552 }
 553
 554 #language h3 {
 555   padding: 0;
 556   border-bottom: 10px solid #5b7f64;
 557   margin: 0;
 558 }
 559
 560 #language p {
 561   padding: 0;
 562   margin: 0.25em 0 0 0;
 563 }
 564
 565 /* used on website; not certain about the above ones.
 566     see Issue 1105 */
 567 p#languages {
 568   float: left;
 569   width: 45%;
 570   padding: 0.7em;
 571   margin: 0;
 572   text-align: left;
 573 }
 574
 575 #verifier_texinfo {
 576   font-size: 0.8em;
 577   float: right;
 578   width: 48%;
 579   padding: 0.5em;
 580 }
 581
 582 #verifier_texinfo h3 {
 583   position: relative;
 584   height: 0;
 585   text-indent: -9999em;
 586   padding: 0;
 587   margin: 0;
 588 }
 589
 590 #verifier_texinfo img {
 591   vertical-align: middle;
 592   padding: 0;
 593   margin: 0 0 0 0.5em;
 594 }
 595
 596 #verifier_texinfo p {
 597   clear: right;
 598   text-align: right;
 599   padding: 0;
 600   margin: 0;
 601 }
 602
 603 h1.unnumbered, h2.unnumberedsec, h3.unnumberedsubsec {
 604   position: relative;
 605   height: 0;
 606   text-indent: -999em;
 607   padding: 0;
 608   margin: 0;
 609   overflow: hidden;
 610 }
 611
 612 table {
 613   text-align: left;
 614   padding: 0 0 0 0.5em;
 615   border-left: 3px solid green;
 616   margin: 1em 0 0 1em;
 617 }
 618
 619 table td {
 620   padding: 0.4em;
 621 }
 622
 623 table a {
 624   text-align: left;
 625 }
 626
 627 .verbatim {
 628   margin: 10px;
 629 }
 630
 631 .float-left {
 632   float: left;
 633 }
 634
 635 .float-center {
 636   text-align: center;
 637   display: block;
 638   margin: 0 auto;
 639 }
 640
 641 .float-right {
 642   float: right;
 643 }
 644
 645 img.float-left,
 646 img.float-right {
 647   background: #fff;
 648   padding: 1em;
 649   border: 1px solid #bbb;
 650   margin: 0.1em 0.5em;
 651 }
 652
 653 div.float-left a.clickable,
 654 div.float-center a.clickable,
 655 div.float-right a.clickable {
 656   text-decoration: overline;
 657   margin-left: 1em;
 658 }
 659
 660 .clear-both {
 661   clear: both;
 662 }
 663
 664 .align-right {
 665   text-align: right;
 666 }
 667
 668 .heading-center {
 669   text-align: center;
 670   width: 75%;
 671   margin: 0 auto;
 672 }
 673
 674 .heading-center h2 {
 675   padding: 0.25em 0;
 676   margin: 0;
 677 }
 678
 679 /* Columns */
 680 .column-center-top {
 681   float: left;
 682   width: 99.5%;
 683   text-align: left;
 684   border: 1px solid #9ccc7c;
 685   margin: 1em auto;
 686 }
 687
 688 /* color1 */
 689 .column-center-top h3 {
 690   background: #9ccc7c url(../pictures/color1-bg.png) repeat-x top left;
 691   text-align: left;
 692   border-bottom: 1px solid #9ccc7c;
 693 }
 694
 695 .column-left-top {
 696   float: left;
 697   width: 49%;
 698   margin: 1em 0;
 699 }
 700
 701 .column-left-bottom {
 702   clear: both;
 703   float: left;
 704   width: 49%;
 705   margin: 1em 0;
 706 }
 707
 708 .column-left-top,
 709 .column-left-bottom {
 710   border: 1px solid #adce82;
 711 }
 712
 713 /* color2 */
 714 .column-left-top h3,
 715 .column-left-bottom h3 {
 716   background: #adce82 url(../pictures/color2-bg.png) repeat-x top left;
 717   border-bottom: 1px solid #adce82;
 718 }
 719
 720 .column-right-top {
 721   float: right;
 722   width: 49%;
 723   margin: 1em 0;
 724 }
 725
 726 .column-right-bottom {
 727   float: right;
 728   width: 49%;
 729   margin: 1em 0;
 730 }
 731
 732 .column-right-top,
 733 .column-right-bottom {
 734   border: 1px solid #bdd088;
 735 }
 736
 737 /* color3 */
 738 .column-right-top h3,
 739 .column-right-bottom h3 {
 740   background: #bdd088 url(../pictures/color3-bg.png) repeat-x top left;
 741   border-bottom: 1px solid #bdd088;
 742 }
 743
 744 .column-center-bottom {
 745   clear: both;
 746   width: 99.5%;
 747   text-align: center;
 748   border: 1px solid #ccd38f;
 749   margin: 1em auto 0;
 750 }
 751
 752 /* color4 */
 753 .column-center-bottom h3 {
 754   background: #ccd38f url(../pictures/color4-bg.png) repeat-x top left;
 755   text-align: left;
 756   border-bottom: 1px solid #ccd38f;
 757 }
 758
 759 .column-center-top,
 760 .column-center-bottom,
 761 .column-left-top,
 762 .column-left-bottom,
 763 .column-right-top,
 764 .column-right-bottom {
 765   background: #f5fffa;
 766 }
 767
 768 .column-center-top h3,
 769 .column-center-bottom h3,
 770 .column-left-top h3,
 771 .column-left-bottom h3,
 772 .column-right-top h3,
 773 .column-right-bottom h3 {
 774   text-align: left;
 775   padding: 0 0.5em;
 776   margin: 0;
 777 }
 778
 779 .column-center-top h4,
 780 .column-center-bottom h4,
 781 .column-left-top h4,
 782 .column-left-bottom h4,
 783 .column-right-top h4,
 784 .column-right-bottom h4 {
 785   text-align: left;
 786   padding: 0.5em 0.5em 0;
 787   margin: 0 0 0.5em 0;
 788 }
 789
 790 .column-center-top ul,
 791 .column-center-bottom ul,
 792 .column-left-top ul,
 793 .column-left-bottom ul,
 794 .column-right-top ul,
 795 .column-right-bottom ul {
 796   list-style-type: none;
 797   padding: 0;
 798   margin: 0.5em 0;
 799 }
 800
 801 .column-center-top li,
 802 .column-center-bottom li,
 803 .column-left-top li,
 804 .column-left-bottom li,
 805 .column-right-top li,
 806 .column-right-bottom li {
 807   text-align: left;
 808   padding: 0 0.5em 0;
 809   margin: 0 0 0.5em 0;
 810 }
 811
 812 .column-center-top p,
 813 .column-center-bottom p,
 814 .column-left-top p,
 815 .column-left-bottom p,
 816 .column-right-top p,
 817 .column-right-bottom p {
 818   text-align: left;
 819 }
 820
 821 .column-center-top img.float-left,
 822 .column-center-top img.float-right,
 823 .column-center-bottom img.float-left,
 824 .column-center-bottom img.float-right,
 825 .column-left-top img.float-left,
 826 .column-left-top img.float-right,
 827 .column-left-bottom img.float-left,
 828 .column-left-bottom img.float-right,
 829 .column-right-top img.float-left,
 830 .column-right-top img.float-right,
 831 .column-right-bottom img.float-left,
 832 .column-right-bottom img.float-right {
 833   margin: 0.5em;
 834 }
 835
 836 /* Centered divs by color */
 837 div.color1,
 838 div.color2,
 839 div.color3,
 840 div.color4 {
 841   clear: both;
 842   width: 99.5%;
 843   background: #f5fffa;
 844   margin: 1em auto;
 845 }
 846
 847 div.color1 h3,
 848 div.color2 h3,
 849 div.color3 h3,
 850 div.color4 h3 {
 851   padding: 0 0.5em;
 852   margin: 0;
 853 }
 854
 855 div.color1 {
 856   border: 1px solid #9ccc7c;
 857   margin: 1em auto;
 858 }
 859
 860 div.color1 h3 {
 861   background: #9ccc7c;
 862   border-bottom: 1px solid #9ccc7c;
 863 }
 864
 865 div.color2 {
 866   border: 1px solid #adce82;
 867 }
 868
 869 div.color2 h3 {
 870   background: #adce82;
 871   border-bottom: 1px solid #adce82;
 872 }
 873
 874 div.color3 {
 875   border: 1px solid #bdd088;
 876 }
 877
 878 div.color3 h3 {
 879   background: #bdd088;
 880   border-bottom: 1px solid #bdd088;
 881 }
 882
 883 div.color4 {
 884   border: 1px solid #ccd38f;
 885 }
 886
 887 div.color4 h3 {
 888   background: #ccd38f;
 889   border-bottom: 1px solid #ccd38f;
 890 }
 891
 892 .keep-bullets ul {
 893   list-style-type: disc;
 894   padding: 0;
 895   margin: 0.5em 1.5em;
 896 }
 897
 898 .keep-bullets li {
 899   padding: 0;
 900 }
 901
 902 .normal-table table {
 903   padding : 0em;
 904   border-left: 2px;
 905   margin: 0em;
 906 }
 907
 908 .normal-table table td {
 909   padding: 0em;
 910 }
 911
 912 .normal-table table a {
 913 }
 914
 915 .normal-table p {
 916   line-height: 0.8;
 917 }
 918
 919 .example {
 920   position: relative;
 921   left: -2.5em;
 922   text-align: left;
 923 }
 924
 925 .h-scroll-auto {
 926   position: relative;
 927   left: 1em;
 928   width: 250px;
 929   overflow: auto;
 930 }
 931
 932 .warning {
 933   background: #eef;
 934   text-align: left;
 935   padding: 0;
 936   border: 1px solid green;
 937   /* Experimental rounded corners */
 938   -moz-border-radius: 10px;
 939   -webkit-border-radius: 10px;
 940   border-radius: 10px;
 941   margin: 1em;
 942 }
 943
 944 .warning p {
 945   padding: 0.5em;
 946   margin: 0;
 947 }
 948
 949 .contactBox {
 950   float: left;
 951   background: #eef;
 952   text-align: left;
 953   border: 1px solid green;
 954   padding: 0;
 955   margin: 1em;
 956 }
 957
 958 .contactBox p {
 959   padding: 0.5em;
 960   margin: 0;
 961 }
 962
 963
 964 .hide {
 965   position: relative;
 966   text-indent: -999em;
 967   height: 0;
 968   overflow: hidden;
 969 }
 970
 971 .help {
 972   background: #f77;
 973   color: black;
 974   text-align: center;
 975   font-weight: bold;
 976   width: 75%;
 977   padding: 1em;
 978   border: 10px dotted green;
 979   margin: 1em auto;
 980 }
 981
 982 .legal {
 983   font-size: 0.6em;
 984 }
 985
 986 .link-headings a {
 987   font-weight: bold;
 988 }
 989
 990 .detail {
 991   font-size: 0.8em;
 992 }
 993
 994 .detail a {
 995   font-weight: normal;
 996 }
 997
 998 /* kill title, probably best done in the init file, though */
 999 h1.settitle {
1000   position: relative;
1001   height: 0;
1002   text-indent: -999em;
1003   padding: 0;
1004   margin: 0;
1005   overflow: hidden;
1006 }