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 50% 50%;
 435   height: 36px;
 436   padding: 10px;
 437   margin: 0 13em 0 0;
 438 }
 439
 440 div#news {
 441   padding: 0;
 442   margin: 0 13em 1em 0;
 443 }
 444
 445 div.news-item {
 446   padding: 1em 0;
 447 }
 448
 449 .news-item .subsubheading {
 450   text-align: left;
 451   padding: 0 0 0 0.5em;
 452   border-bottom: 1px solid #5b7f64;
 453   margin: 0;
 454   overflow: hidden;
 455 }
 456
 457 .testimonial-item {
 458   /* Not sure how to style the testimonials */
 459   clear: both;
 460   margin: 2em 0;
 461 }
 462
 463 .testimonial-item .subsubheading {
 464   text-align: left;
 465   padding: 0 0 0 0.5em;
 466 }
 467
 468 .testimonial-item img.float-left,
 469 .testimonial-item img.float-right {
 470   margin: 1em 1em 2em;
 471 }
 472
 473 .testimonial-item p {
 474   padding: 0 0.5em;
 475 }
 476
 477 .news-item p {
 478   text-align: left;
 479   padding: 0.5em;
 480   margin: 0;
 481 }
 482
 483 div#latestVersion {
 484   position: absolute;
 485   top: 16em;
 486   right: 0;
 487   width: 12em;
 488   text-align: center;
 489   border-left: 1px solid #5b7f64;
 490 }
 491
 492 div#wildCardBox {
 493   position: absolute;
 494   top: 0.0em;
 495   right: 0;
 496   width: 12em;
 497   text-align: center;
 498   border-left: 1px solid #5b7f64;
 499 }
 500
 501 #latestVersion .subheading {
 502   background: #5b7f64;
 503   color: #fff;
 504   text-align: center;
 505   padding: 0 0.5em;
 506   margin: 0;
 507 }
 508
 509 #wildCardBox .subheading {
 510   background: #5b7f64;
 511   color: #fff;
 512   text-align: center;
 513   padding: 0 0.5em;
 514   margin: 0;
 515 }
 516
 517 /* this might not work in certain browsers */
 518 a[name="Stable"] + h4 {
 519   background: #bdee9d url(../pictures/color1-bg.png) repeat-x top left;
 520 }
 521
 522 /* this might not work in certain browsers */
 523 a[name="Unstable"] + h4 {
 524   background: #fad58c url(../pictures/color3-bg.png) repeat-x top left;
 525 }
 526
 527 #latestVersion .subsubheading {
 528   padding: 0.08em 0.25em;
 529   border-bottom: 1px solid #5b7f64;
 530   margin: 0;
 531 }
 532
 533 #latestVersion p {
 534   font-size: 90%;
 535   padding: 0.5em;
 536   margin: 0;
 537 }
 538
 539 div#footer {
 540   clear: both;
 541   width: 100%;
 542   border-top: 10px solid #5b7f64;
 543 }
 544
 545 div#language {
 546   position: absolute;
 547   top: 0;
 548   left: 0;
 549   right: 50%;
 550   width: 50%;
 551   text-indent: 0.5em;
 552   padding: 0;
 553 }
 554
 555 #language h3 {
 556   padding: 0;
 557   border-bottom: 10px solid #5b7f64;
 558   margin: 0;
 559 }
 560
 561 #language p {
 562   padding: 0;
 563   margin: 0.25em 0 0 0;
 564 }
 565
 566 /* used on website; not certain about the above ones.
 567     see Issue 1105 */
 568 p#languages {
 569   float: left;
 570   width: 45%;
 571   padding: 0.7em;
 572   margin: 0;
 573   text-align: left;
 574 }
 575
 576 #verifier_texinfo {
 577   font-size: 0.8em;
 578   float: right;
 579   width: 48%;
 580   padding: 0.5em;
 581 }
 582
 583 #verifier_texinfo h3 {
 584   position: relative;
 585   height: 0;
 586   text-indent: -9999em;
 587   padding: 0;
 588   margin: 0;
 589 }
 590
 591 #verifier_texinfo img {
 592   vertical-align: middle;
 593   padding: 0;
 594   margin: 0 0 0 0.5em;
 595 }
 596
 597 #verifier_texinfo p {
 598   clear: right;
 599   text-align: right;
 600   padding: 0;
 601   margin: 0;
 602 }
 603
 604 h1.unnumbered, h2.unnumberedsec, h3.unnumberedsubsec {
 605   position: relative;
 606   height: 0;
 607   text-indent: -999em;
 608   padding: 0;
 609   margin: 0;
 610   overflow: hidden;
 611 }
 612
 613 table {
 614   text-align: left;
 615   padding: 0 0 0 0.5em;
 616   border-left: 3px solid green;
 617   margin: 1em 0 0 1em;
 618 }
 619
 620 table td {
 621   padding: 0.4em;
 622 }
 623
 624 table a {
 625   text-align: left;
 626 }
 627
 628 .verbatim {
 629   margin: 10px;
 630 }
 631
 632 .float-left {
 633   float: left;
 634 }
 635
 636 .float-center {
 637   text-align: center;
 638   display: block;
 639   margin: 0 auto;
 640 }
 641
 642 .float-right {
 643   float: right;
 644 }
 645
 646 img.float-left,
 647 img.float-right {
 648   background: #fff;
 649   padding: 1em;
 650   border: 1px solid #bbb;
 651   margin: 0.1em 0.5em;
 652 }
 653
 654 div.float-left a.clickable,
 655 div.float-center a.clickable,
 656 div.float-right a.clickable {
 657   text-decoration: overline;
 658   margin-left: 1em;
 659 }
 660
 661 .clear-both {
 662   clear: both;
 663 }
 664
 665 .align-right {
 666   text-align: right;
 667 }
 668
 669 .heading-center {
 670   text-align: center;
 671   width: 75%;
 672   margin: 0 auto;
 673 }
 674
 675 .heading-center h2 {
 676   padding: 0.25em 0;
 677   margin: 0;
 678 }
 679
 680 /* Columns */
 681 .column-center-top {
 682   float: left;
 683   width: 99.5%;
 684   text-align: left;
 685   border: 1px solid #9ccc7c;
 686   margin: 1em auto;
 687 }
 688
 689 /* color1 */
 690 .column-center-top h3 {
 691   background: #9ccc7c url(../pictures/color1-bg.png) repeat-x top left;
 692   text-align: left;
 693   border-bottom: 1px solid #9ccc7c;
 694 }
 695
 696 .column-left-top {
 697   float: left;
 698   width: 49%;
 699   margin: 1em 0;
 700 }
 701
 702 .column-left-bottom {
 703   clear: both;
 704   float: left;
 705   width: 49%;
 706   margin: 1em 0;
 707 }
 708
 709 .column-left-top,
 710 .column-left-bottom {
 711   border: 1px solid #adce82;
 712 }
 713
 714 /* color2 */
 715 .column-left-top h3,
 716 .column-left-bottom h3 {
 717   background: #adce82 url(../pictures/color2-bg.png) repeat-x top left;
 718   border-bottom: 1px solid #adce82;
 719 }
 720
 721 .column-right-top {
 722   float: right;
 723   width: 49%;
 724   margin: 1em 0;
 725 }
 726
 727 .column-right-bottom {
 728   float: right;
 729   width: 49%;
 730   margin: 1em 0;
 731 }
 732
 733 .column-right-top,
 734 .column-right-bottom {
 735   border: 1px solid #bdd088;
 736 }
 737
 738 /* color3 */
 739 .column-right-top h3,
 740 .column-right-bottom h3 {
 741   background: #bdd088 url(../pictures/color3-bg.png) repeat-x top left;
 742   border-bottom: 1px solid #bdd088;
 743 }
 744
 745 .column-center-bottom {
 746   clear: both;
 747   width: 99.5%;
 748   text-align: center;
 749   border: 1px solid #ccd38f;
 750   margin: 1em auto 0;
 751 }
 752
 753 /* color4 */
 754 .column-center-bottom h3 {
 755   background: #ccd38f url(../pictures/color4-bg.png) repeat-x top left;
 756   text-align: left;
 757   border-bottom: 1px solid #ccd38f;
 758 }
 759
 760 .column-center-top,
 761 .column-center-bottom,
 762 .column-left-top,
 763 .column-left-bottom,
 764 .column-right-top,
 765 .column-right-bottom {
 766   background: #f5fffa;
 767 }
 768
 769 .column-center-top h3,
 770 .column-center-bottom h3,
 771 .column-left-top h3,
 772 .column-left-bottom h3,
 773 .column-right-top h3,
 774 .column-right-bottom h3 {
 775   text-align: left;
 776   padding: 0 0.5em;
 777   margin: 0;
 778 }
 779
 780 .column-center-top h4,
 781 .column-center-bottom h4,
 782 .column-left-top h4,
 783 .column-left-bottom h4,
 784 .column-right-top h4,
 785 .column-right-bottom h4 {
 786   text-align: left;
 787   padding: 0.5em 0.5em 0;
 788   margin: 0 0 0.5em 0;
 789 }
 790
 791 .column-center-top ul,
 792 .column-center-bottom ul,
 793 .column-left-top ul,
 794 .column-left-bottom ul,
 795 .column-right-top ul,
 796 .column-right-bottom ul {
 797   list-style-type: none;
 798   padding: 0;
 799   margin: 0.5em 0;
 800 }
 801
 802 .column-center-top li,
 803 .column-center-bottom li,
 804 .column-left-top li,
 805 .column-left-bottom li,
 806 .column-right-top li,
 807 .column-right-bottom li {
 808   text-align: left;
 809   padding: 0 0.5em 0;
 810   margin: 0 0 0.5em 0;
 811 }
 812
 813 .column-center-top p,
 814 .column-center-bottom p,
 815 .column-left-top p,
 816 .column-left-bottom p,
 817 .column-right-top p,
 818 .column-right-bottom p {
 819   text-align: left;
 820 }
 821
 822 .column-center-top img.float-left,
 823 .column-center-top img.float-right,
 824 .column-center-bottom img.float-left,
 825 .column-center-bottom img.float-right,
 826 .column-left-top img.float-left,
 827 .column-left-top img.float-right,
 828 .column-left-bottom img.float-left,
 829 .column-left-bottom img.float-right,
 830 .column-right-top img.float-left,
 831 .column-right-top img.float-right,
 832 .column-right-bottom img.float-left,
 833 .column-right-bottom img.float-right {
 834   margin: 0.5em;
 835 }
 836
 837 /* Centered divs by color */
 838 div.color1,
 839 div.color2,
 840 div.color3,
 841 div.color4 {
 842   clear: both;
 843   width: 99.5%;
 844   background: #f5fffa;
 845   margin: 1em auto;
 846 }
 847
 848 div.color1 h3,
 849 div.color2 h3,
 850 div.color3 h3,
 851 div.color4 h3 {
 852   padding: 0 0.5em;
 853   margin: 0;
 854 }
 855
 856 div.color1 {
 857   border: 1px solid #9ccc7c;
 858   margin: 1em auto;
 859 }
 860
 861 div.color1 h3 {
 862   background: #9ccc7c;
 863   border-bottom: 1px solid #9ccc7c;
 864 }
 865
 866 div.color2 {
 867   border: 1px solid #adce82;
 868 }
 869
 870 div.color2 h3 {
 871   background: #adce82;
 872   border-bottom: 1px solid #adce82;
 873 }
 874
 875 div.color3 {
 876   border: 1px solid #bdd088;
 877 }
 878
 879 div.color3 h3 {
 880   background: #bdd088;
 881   border-bottom: 1px solid #bdd088;
 882 }
 883
 884 div.color4 {
 885   border: 1px solid #ccd38f;
 886 }
 887
 888 div.color4 h3 {
 889   background: #ccd38f;
 890   border-bottom: 1px solid #ccd38f;
 891 }
 892
 893 .keep-bullets ul {
 894   list-style-type: disc;
 895   padding: 0;
 896   margin: 0.5em 1.5em;
 897 }
 898
 899 .keep-bullets li {
 900   padding: 0;
 901 }
 902
 903 .normal-table table {
 904   padding : 0em;
 905   border-left: 2px;
 906   margin: 0em;
 907   width: 67%;
 908 }
 909
 910 .normal-table table td {
 911   padding: 0em;
 912 }
 913
 914 .normal-table table a {
 915 }
 916
 917 .normal-table p {
 918   line-height: 0.8;
 919 }
 920
 921 .example {
 922   position: relative;
 923   left: -2.5em;
 924   text-align: left;
 925 }
 926
 927 .h-scroll-auto {
 928   position: relative;
 929   left: 1em;
 930   width: 250px;
 931   overflow: auto;
 932 }
 933
 934 .warning {
 935   background: #eef;
 936   text-align: left;
 937   padding: 0;
 938   border: 1px solid green;
 939   /* Experimental rounded corners */
 940   -moz-border-radius: 10px;
 941   -webkit-border-radius: 10px;
 942   border-radius: 10px;
 943   margin: 1em;
 944 }
 945
 946 .warning p {
 947   padding: 0.5em;
 948   margin: 0;
 949 }
 950
 951 .contactBox {
 952   float: left;
 953   background: #eef;
 954   text-align: left;
 955   border: 1px solid green;
 956   padding: 0;
 957   margin: 1em;
 958 }
 959
 960 .contactBox p {
 961   padding: 0.5em;
 962   margin: 0;
 963 }
 964
 965
 966 .hide {
 967   position: relative;
 968   text-indent: -999em;
 969   height: 0;
 970   overflow: hidden;
 971 }
 972
 973 .help {
 974   background: #f77;
 975   color: black;
 976   text-align: center;
 977   font-weight: bold;
 978   width: 75%;
 979   padding: 1em;
 980   border: 10px dotted green;
 981   margin: 1em auto;
 982 }
 983
 984 .legal {
 985   font-size: 0.6em;
 986 }
 987
 988 .link-headings a {
 989   font-weight: bold;
 990 }
 991
 992 .detail {
 993   font-size: 0.8em;
 994 }
 995
 996 .detail a {
 997   font-weight: normal;
 998 }
 999
1000 /* kill title, probably best done in the init file, though */
1001 h1.settitle {
1002   position: relative;
1003   height: 0;
1004   text-indent: -999em;
1005   padding: 0;
1006   margin: 0;
1007   overflow: hidden;
1008 }