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