]> git.donarmstrong.com Git - lilypond.git/blob - Documentation/css/lilypond-website.css
Merge remote-tracking branch 'origin/translation' into master
[lilypond.git] / 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 }