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