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   width: 100%;
 516 }
 517
 518 div#language {
 519   position: absolute;
 520   top: 0;
 521   left: 0;
 522   right: 50%;
 523   width: 50%;
 524   text-indent: 0.5em;
 525   padding: 0;
 526 }
 527
 528 #language h3 {
 529   padding: 0;
 530   border-bottom: 10px solid #5b7f64;
 531   margin: 0;
 532 }
 533
 534 #language p {
 535   padding: 0;
 536   margin: 0.25em 0 0 0;
 537 }
 538
 539 /* used on website; not certain about the above ones.
 540     see Issue 1105 */
 541 p#languages {
 542 /*
 543   position: relative;
 544   bottom: 0;
 545   left: 0;
 546   right: 30%;
 547 */
 548   float: left;
 549   width: 45%;
 550   margin: 3em 0;
 551   text-align: left;
 552 }
 553
 554 #verifier_texinfo {
 555 /*
 556   position: relative;
 557   bottom: 0;
 558   right: 0;
 559   left: 50%;
 560 */
 561   float: right;
 562   width: 48%;
 563 }
 564
 565 #verifier_texinfo h3 {
 566   text-indent: -9999em;
 567   padding: 0;
 568   border-bottom: 10px solid #5b7f64;
 569   margin: 0 0 0.25em 0;
 570 }
 571
 572 #verifier_texinfo img {
 573 /*
 574   float: right;
 575 */
 576   padding: 0;
 577   margin: 0 0.5em 0 0;
 578 }
 579
 580 #verifier_texinfo p {
 581   clear: right;
 582   text-align: right;
 583   font-size: 0.8em;
 584   padding: 0;
 585   margin: 0 0.5em;
 586 }
 587
 588 h1.unnumbered, h2.unnumberedsec, h3.unnumberedsubsec {
 589   position: relative;
 590   height: 0;
 591   text-indent: -999em;
 592   padding: 0;
 593   margin: 0;
 594   overflow: hidden;
 595 }
 596
 597 table {
 598   text-align: left;
 599   padding: 0 0 0 0.5em;
 600   border-left: 3px solid green;
 601   margin: 1em 0 0 1em;
 602 }
 603
 604 table td {
 605   padding: 0.4em;
 606 }
 607
 608 table a {
 609   text-align: left;
 610 }
 611
 612 .verbatim {
 613   margin: 10px;
 614 }
 615
 616 .float-left {
 617   float: left;
 618 }
 619
 620 .float-center {
 621   text-align: center;
 622   display: block;
 623   margin: 0 auto;
 624 }
 625
 626 .float-right {
 627   float: right;
 628 }
 629
 630 img.float-left,
 631 img.float-right {
 632   background: #fff;
 633   padding: 1em;
 634   border: 1px solid #bbb;
 635   margin: 0.1em 0.5em;
 636 }
 637
 638 div.float-left a.clickable,
 639 div.float-center a.clickable,
 640 div.float-right a.clickable {
 641   text-decoration: overline;
 642   margin-left: 1em;
 643 }
 644
 645 .clear-both {
 646   clear: both;
 647 }
 648
 649 .align-right {
 650   text-align: right;
 651 }
 652
 653 .heading-center {
 654   text-align: center;
 655   width: 75%;
 656   margin: 0 auto;
 657 }
 658
 659 .heading-center h2 {
 660   padding: 0.25em 0;
 661   margin: 0;
 662 }
 663
 664 /* Columns */
 665 .column-center-top {
 666   float: left;
 667   width: 99.5%;
 668   text-align: left;
 669   border: 1px solid #9ccc7c;
 670   margin: 1em auto;
 671 }
 672
 673 /* color1 */
 674 .column-center-top h3 {
 675   background: #9ccc7c url(../pictures/color1-bg.png) repeat-x top left;
 676   text-align: left;
 677   border-bottom: 1px solid #9ccc7c;
 678 }
 679
 680 .column-left-top {
 681   float: left;
 682   width: 49%;
 683   margin: 1em 0;
 684 }
 685
 686 .column-left-bottom {
 687   clear: both;
 688   float: left;
 689   width: 49%;
 690   margin: 1em 0;
 691 }
 692
 693 .column-left-top,
 694 .column-left-bottom {
 695   border: 1px solid #adce82;
 696 }
 697
 698 /* color2 */
 699 .column-left-top h3,
 700 .column-left-bottom h3 {
 701   background: #adce82 url(../pictures/color2-bg.png) repeat-x top left;
 702   border-bottom: 1px solid #adce82;
 703 }
 704
 705 .column-right-top {
 706   float: right;
 707   width: 49%;
 708   margin: 1em 0;
 709 }
 710
 711 .column-right-bottom {
 712   float: right;
 713   width: 49%;
 714   margin: 1em 0;
 715 }
 716
 717 .column-right-top,
 718 .column-right-bottom {
 719   border: 1px solid #bdd088;
 720 }
 721
 722 /* color3 */
 723 .column-right-top h3,
 724 .column-right-bottom h3 {
 725   background: #bdd088 url(../pictures/color3-bg.png) repeat-x top left;
 726   border-bottom: 1px solid #bdd088;
 727 }
 728
 729 .column-center-bottom {
 730   clear: both;
 731   width: 99.5%;
 732   text-align: center;
 733   border: 1px solid #ccd38f;
 734   margin: 1em auto 0;
 735 }
 736
 737 /* color4 */
 738 .column-center-bottom h3 {
 739   background: #ccd38f url(../pictures/color4-bg.png) repeat-x top left;
 740   text-align: left;
 741   border-bottom: 1px solid #ccd38f;
 742 }
 743
 744 .column-center-top,
 745 .column-center-bottom,
 746 .column-left-top,
 747 .column-left-bottom,
 748 .column-right-top,
 749 .column-right-bottom {
 750   background: #f5fffa;
 751 }
 752
 753 .column-center-top h3,
 754 .column-center-bottom h3,
 755 .column-left-top h3,
 756 .column-left-bottom h3,
 757 .column-right-top h3,
 758 .column-right-bottom h3 {
 759   text-align: left;
 760   padding: 0 0.5em;
 761   margin: 0;
 762 }
 763
 764 .column-center-top h4,
 765 .column-center-bottom h4,
 766 .column-left-top h4,
 767 .column-left-bottom h4,
 768 .column-right-top h4,
 769 .column-right-bottom h4 {
 770   text-align: left;
 771   padding: 0.5em 0.5em 0;
 772   margin: 0 0 0.5em 0;
 773 }
 774
 775 .column-center-top ul,
 776 .column-center-bottom ul,
 777 .column-left-top ul,
 778 .column-left-bottom ul,
 779 .column-right-top ul,
 780 .column-right-bottom ul {
 781   list-style-type: none;
 782   padding: 0;
 783   margin: 0.5em 0;
 784 }
 785
 786 .column-center-top li,
 787 .column-center-bottom li,
 788 .column-left-top li,
 789 .column-left-bottom li,
 790 .column-right-top li,
 791 .column-right-bottom li {
 792   text-align: left;
 793   padding: 0 0.5em 0;
 794   margin: 0 0 0.5em 0;
 795 }
 796
 797 .column-center-top p,
 798 .column-center-bottom p,
 799 .column-left-top p,
 800 .column-left-bottom p,
 801 .column-right-top p,
 802 .column-right-bottom p {
 803   text-align: left;
 804 }
 805
 806 .column-center-top img.float-left,
 807 .column-center-top img.float-right,
 808 .column-center-bottom img.float-left,
 809 .column-center-bottom img.float-right,
 810 .column-left-top img.float-left,
 811 .column-left-top img.float-right,
 812 .column-left-bottom img.float-left,
 813 .column-left-bottom img.float-right,
 814 .column-right-top img.float-left,
 815 .column-right-top img.float-right,
 816 .column-right-bottom img.float-left,
 817 .column-right-bottom img.float-right {
 818   margin: 0.5em;
 819 }
 820
 821 /* Centered divs by color */
 822 div.color1,
 823 div.color2,
 824 div.color3,
 825 div.color4 {
 826   clear: both;
 827   width: 99.5%;
 828   background: #f5fffa;
 829   margin: 1em auto;
 830 }
 831
 832 div.color1 h3,
 833 div.color2 h3,
 834 div.color3 h3,
 835 div.color4 h3 {
 836   padding: 0 0.5em;
 837   margin: 0;
 838 }
 839
 840 div.color1 {
 841   border: 1px solid #9ccc7c;
 842   margin: 1em auto;
 843 }
 844
 845 div.color1 h3 {
 846   background: #9ccc7c;
 847   border-bottom: 1px solid #9ccc7c;
 848 }
 849
 850 div.color2 {
 851   border: 1px solid #adce82;
 852 }
 853
 854 div.color2 h3 {
 855   background: #adce82;
 856   border-bottom: 1px solid #adce82;
 857 }
 858
 859 div.color3 {
 860   border: 1px solid #bdd088;
 861 }
 862
 863 div.color3 h3 {
 864   background: #bdd088;
 865   border-bottom: 1px solid #bdd088;
 866 }
 867
 868 div.color4 {
 869   border: 1px solid #ccd38f;
 870 }
 871
 872 div.color4 h3 {
 873   background: #ccd38f;
 874   border-bottom: 1px solid #ccd38f;
 875 }
 876
 877 .keep-bullets ul {
 878   list-style-type: disc;
 879   padding: 0;
 880   margin: 0.5em 1.5em;
 881 }
 882
 883 .keep-bullets li {
 884   padding: 0;
 885 }
 886
 887 .normal-table table {
 888   padding : 0em;
 889   border-left: 2px;
 890   margin: 0em;
 891 }
 892
 893 .normal-table table td {
 894   padding: 0em;
 895 }
 896
 897 .normal-table table a {
 898 }
 899
 900 .normal-table p {
 901   line-height: 0.8;
 902 }
 903
 904 .warning {
 905   background: #eef;
 906   text-align: left;
 907   padding: 0;
 908   border: 1px solid green;
 909   /* Experimental rounded corners */
 910   -moz-border-radius: 10px;
 911   -webkit-border-radius: 10px;
 912   margin: 1em;
 913 }
 914
 915 .warning p {
 916   padding: 0.5em;
 917   margin: 0;
 918 }
 919
 920 .hide {
 921   position: relative;
 922   text-indent: -999em;
 923   height: 0;
 924   overflow: hidden;
 925 }
 926
 927 .help {
 928   background: #f77;
 929   color: black;
 930   text-align: center;
 931   font-weight: bold;
 932   width: 75%;
 933   padding: 1em;
 934   border: 10px dotted green;
 935   margin: 1em auto;
 936 }
 937
 938 .legal {
 939   font-size: 0.6em;
 940 }
 941
 942 .detail {
 943   font-size: 0.8em;
 944 }
 945
 946
 947 /* kill title, probably best done in the init file, though */
 948 h1.settitle {
 949   position: relative;
 950   height: 0;
 951   text-indent: -999em;
 952   padding: 0;
 953   margin: 0;
 954   overflow: hidden;
 955 }