Resolved excessive padding of first heading in content area
[lhc/web/wiklou.git] / skins / vector / main-ltr.css
1 /* Framework */
2 html,
3 body {
4 height: 100%;
5 margin: 0;
6 padding: 0;
7 font-family: sans-serif;
8 font-size: small;
9 }
10 body {
11 background-image: url(images/page-base.png);
12 }
13 /* Content */
14 div#content {
15 margin-left: 12em;
16 padding: 1em;
17 background-image: url(images/content-base.png);
18 background-position: top left;
19 background-repeat: repeat-y;
20 background-color: white;
21 }
22 /* Head */
23 div#page-base {
24 height: 6em;
25 background-color: white;
26 background-image: url(images/page-fade.png);
27 background-position: bottom left;
28 background-repeat: repeat-x;
29 }
30 div#head-base {
31 margin-top: -6em;
32 margin-left: 12em;
33 height: 6em;
34 background-image: url(images/head-base.png);
35 background-position: bottom left;
36 background-repeat: repeat-x;
37 }
38 div#head {
39 position: absolute;
40 top: 0;
41 right: 0;
42 width: 100%;
43 }
44 div#head ul,
45 div#head li {
46 list-style: none;
47 margin: 0;
48 padding: 0;
49 }
50 div#head h5 {
51 margin: 0;
52 padding: 0;
53 }
54 /* Personal */
55 div#personal {
56 position: absolute;
57 top: 0;
58 right: 0.75em;
59 }
60 div#personal h5 {
61 display: none;
62 }
63 div#personal li {
64 float: left;
65 margin-left: 0.75em;
66 margin-top: 0.5em;
67 font-size: 0.9em;
68 }
69 div#left-navigation {
70 position: absolute;
71 left: 12em;
72 top: 3em;
73 }
74 div#right-navigation {
75 float: right;
76 margin-top: 3em;
77 }
78 /* Navigation Labels */
79 div#namespaces h5,
80 div#variants h5,
81 div#views h5,
82 div#actions h5 span,
83 div#search h5 {
84 display: none;
85 }
86 /* Namespaces and Views */
87 div#namespaces,
88 div#views {
89 float: left;
90 background-image: url(images/tab-break.png);
91 background-position: bottom left;
92 background-repeat: no-repeat;
93 padding-left: 1px;
94 }
95 div#namespaces ul,
96 div#views ul {
97 float: left;
98 height: 100%;
99 }
100 /* OVERRIDDEN BY COMPLIANT BROWSERS */
101 div#namespaces ul li,
102 div#views ul li {
103 display: inline-block;
104 float: left;
105 height: 100%;
106 background-image: url(images/tab-normal-fade.png);
107 background-position: bottom left;
108 background-repeat: repeat-x;
109 }
110 /* IGNORED BY IE6 */
111 div#namespaces ul > li,
112 div#views ul > li {
113 display: block;
114 }
115 div#namespaces li.selected,
116 div#views li.selected {
117 background-image: url(images/tab-current-fade.png);
118 }
119 /* OVERRIDDEN BY COMPLIANT BROWSERS */
120 div#namespaces li a,
121 div#views li a {
122 display: inline-block;
123 height: 3em;
124 padding-left: 0.5em;
125 padding-right: 0.5em;
126 background-image: url(images/tab-break.png);
127 background-position: bottom right;
128 background-repeat: no-repeat;
129 }
130 /* IGNORED BY IE6 */
131 div#namespaces li > a,
132 div#views li > a {
133 display: block;
134 }
135 /* OVERRIDDEN BY COMPLIANT BROWSERS */
136 div#namespaces a span,
137 div#views a span {
138 color: #0645ad;
139 display: inline-block;
140 padding-top: 1.25em;
141 cursor: pointer;
142 }
143 /* IGNORED BY IE6 */
144 div#namespaces a > span,
145 div#views a > span {
146 float: left;
147 display: block;
148 }
149 div#namespaces li.selected a span,
150 div#views li.selected a:visited span {
151 color: #333333;
152 cursor: default;
153 text-decoration: none;
154 }
155 div#namespaces li.new a span,
156 div#namespaces li.new a:visited span{
157 color: #a55858;
158 }
159 /* Variants and Actions */
160 div#variants,
161 div#actions {
162 float: left;
163 background-image: url(images/arrow-down-icon.png);
164 background-position: center center;
165 background-repeat: no-repeat;
166 }
167 div#variants h5,
168 div#actions h5 {
169 float: left;
170 }
171 /* OVERRIDDEN BY COMPLIANT BROWSERS */
172 div#variants h5 a,
173 div#actions h5 a {
174 display: inline-block;
175 width: 24px;
176 height: 3em;
177 text-decoration: none;
178 background-image: url(images/tab-break.png);
179 background-position: bottom right;
180 background-repeat: no-repeat;
181 }
182 /* IGNORED BY IE6 */
183 div#variants h5 > a,
184 div#actions h5 > a {
185 display: block;
186 }
187 div#variants div.menu,
188 div#actions div.menu {
189 display: none;
190 clear: both;
191 }
192 div#variants:hover div.menu,
193 div#actions:hover div.menu {
194 display: block;
195 }
196 div#variants ul,
197 div#actions ul {
198 position: absolute;
199 background-color: white;
200 border: solid 1px silver;
201 border-top-width: 0;
202 padding: 0;
203 margin: 0;
204 margin-left: -1px;
205 }
206 /* OVERRIDDEN BY COMPLIANT BROWSERS */
207 div#variants:hover li a,
208 div#actions li a {
209 display: inline-block;
210 padding: 0.5em;
211 }
212 /* IGNORED BY IE6 */
213 div#variants:hover li > a,
214 div#actions li > a {
215 display: block;
216 }
217 /* Search */
218 div#search {
219 float: left;
220 margin-right: 0.75em;
221 }
222 div#search form,
223 div#search input {
224 float: left;
225 margin-top: 0.4em;
226 margin-left: 0.25em;
227 }
228 /* Panel */
229 div#panel {
230 position: absolute;
231 top: 12em;
232 width: 12em;
233 left: 0;
234 }
235 div#panel div.portal {
236 padding-top: 1.5em;
237 }
238 div#panel div.portal h5 {
239 font-weight: normal;
240 color: #666666;
241 padding: 0.5em;
242 padding-top: 0;
243 padding-left: 1.25em;
244 cursor: default;
245 }
246 div#panel div.portal div.body {
247 margin-top: 0.25em;
248 padding-top: 0.5em;
249 margin-left: 1.25em;
250 background-image: url(images/portal-break-ltr.png);
251 background-repeat: no-repeat;
252 background-position: top left;
253 }
254 div#panel div.portal div.body ul {
255 list-style: none;
256 padding: 0;
257 margin: 0;
258 }
259 div#panel div.portal div.body ul li {
260 padding: 0;
261 padding-bottom: 0.5em;
262 margin: 0;
263 overflow: hidden;
264 }
265 div#panel div.portal div.body ul li a {
266 color: #0645ad;
267 }
268 div#panel div.portal div.body ul li a:visited {
269 color: #0b0080;
270 }
271 /* Foot */
272 div#foot {
273 margin-left: 12em;
274 margin-top: 0;
275 padding: 0.75em;
276 background-image: url(images/foot-base.png);
277 background-position: top left;
278 background-repeat: repeat-x;
279 }
280 div#foot ul {
281 list-style: none;
282 margin: 0;
283 padding: 0;
284 }
285 div#foot ul li {
286 margin: 0;
287 padding: 0;
288 padding-top: 0.5em;
289 padding-bottom: 0.5em;
290 color: #333333;
291 font-size: 0.9em;
292 }
293 div#foot ul#foot-icons {
294 float: right;
295 }
296 div#foot ul#foot-places {
297 float: left;
298 }
299 div#foot ul#foot-icons li {
300 float: left;
301 margin-left: 0.5em;
302 line-height: 2em;
303 }
304 div#foot ul#foot-places li {
305 float: left;
306 margin-right: 0.5em;
307 line-height: 2em;
308 }
309 /* Logo */
310 div#logo {
311 position: absolute;
312 top: 0;
313 left: 0;
314 height: 12em;
315 width: 12em;
316 }
317 div#logo a {
318 display: block;
319 width: 12em;
320 height: 12em;
321 background-repeat: no-repeat;
322 background-position: 50% 50%;
323 text-decoration: none;
324 }
325
326 /*
327 *
328 * The following code is highly modified from monobook. It would be nice if the
329 * preftoc id was more human readable like preferences-toc for instance,
330 * howerver this would require backporting the other skins.
331 */
332
333 /* Preferences */
334 #preftoc {
335 /* Tabs */
336 float: left;
337 clear: both;
338 margin: 0 !important;
339 padding: 0 !important;
340 height: 2.25em;
341 background-image: url(images/preferences-break.png);
342 background-position: bottom left;
343 background-repeat: no-repeat;
344 }
345 #preftoc li {
346 /* Tab */
347 float: left;
348 margin: 0;
349 padding: 0;
350 padding-right: 1px;
351 height: 2.25em;
352 white-space: nowrap;
353 list-style-type: none;
354 list-style-image: none;
355 background-image: url(images/preferences-break.png);
356 background-position: bottom right;
357 background-repeat: no-repeat;
358 }
359 /* IGNORED BY IE6 */
360 #preftoc li:first-child {
361 margin-left: 1px;
362 }
363 #preftoc a,
364 #preftoc a:active {
365 display: inline-block;
366 position: relative;
367 color: #0645ad;
368 padding: 0.5em;
369 text-decoration: none;
370 background-image: none;
371 }
372 #preftoc a:hover {
373 text-decoration: underline;
374 }
375 #preftoc li.selected a {
376 cursor: default;
377 background-image: url(images/preferences-fade.png);
378 background-position: bottom;
379 background-repeat: repeat-x;
380 color: #333333;
381 cursor: default;
382 text-decoration: none;
383 }
384 #preferences {
385 float: left;
386 zoom: 1;
387 width: 100%;
388 margin: 0;
389 clear: both;
390 border: solid 1px #cccccc;
391 background-color: #f9f9f9;
392 background-image: url(images/preferences-base.png);
393 }
394 #preferences fieldset.prefsection {
395 border: none;
396 padding: 0;
397 margin: 1em;
398 }
399 #preferences fieldset.prefsection fieldset {
400 border: none;
401 border-top: solid 1px #cccccc;
402 }
403 #preferences legend {
404 color: #666666;
405 }
406 #preferences fieldset.prefsection legend.mainLegend {
407 display: none;
408 }
409 #preferences td {
410 padding-left: 0.5em;
411 padding-right: 0.5em;
412 }
413 #preferences td.htmlform-tip {
414 font-size: x-small;
415 padding: .2em 2em;
416 color: #666666;
417 }
418 #preferences div.mw-prefs-buttons {
419 padding: 1em;
420 }
421 #preferences div.mw-prefs-buttons input {
422 margin-right: 0.25em;
423 }
424
425 /*
426 *
427 * The following code is slightly modified from monobook
428 *
429 */
430
431 /* Links */
432 a {
433 text-decoration: none;
434 color: #0645ad;
435 background: none;
436 }
437 a:visited {
438 color: #0b0080;
439 }
440 a:active {
441 color: #faa700;
442 }
443 a:hover {
444 text-decoration: underline;
445 }
446 a.stub {
447 color: #772233;
448 }
449 a.new, #p-personal a.new {
450 color: #ba0000;
451 }
452 a.new:visited, #p-personal a.new:visited {
453 color: #a55858;
454 }
455
456 /* Inline Elements */
457 img {
458 border: none;
459 vertical-align: middle;
460 }
461 hr {
462 height: 1px;
463 color: #aaa;
464 background-color: #aaa;
465 border: 0;
466 margin: .2em 0 .2em 0;
467 }
468
469 /* Structural Elements */
470 h1,
471 h2,
472 h3,
473 h4,
474 h5,
475 h6 {
476 color: black;
477 background: none;
478 font-weight: normal;
479 margin: 0;
480 padding-top: .5em;
481 padding-bottom: .17em;
482 border-bottom: 1px solid #aaa;
483 width: auto;
484 }
485 h1 { font-size: 188%; }
486 h1 .editsection { font-size: 53%; }
487 h2 { font-size: 150%; }
488 h2 .editsection { font-size: 67%; }
489 h3,
490 h4,
491 h5,
492 h6 {
493 border-bottom: none;
494 font-weight: bold;
495 }
496 h3 { font-size: 132%; }
497 h3 .editsection { font-size: 76%; font-weight: normal; }
498 h4 { font-size: 116%; }
499 h4 .editsection { font-size: 86%; font-weight: normal; }
500 h5 { font-size: 100%; }
501 h5 .editsection { font-weight: normal; }
502 h6 { font-size: 80%; }
503 h6 .editsection { font-size: 125%; font-weight: normal; }
504 p {
505 margin: .4em 0 .5em 0;
506 line-height: 1.5em;
507 }
508 p img {
509 margin: 0;
510 }
511 abbr,
512 acronym,
513 .explain {
514 border-bottom: 1px dotted black;
515 color: black;
516 background: none;
517 cursor: help;
518 }
519 q {
520 font-family: Times, "Times New Roman", serif;
521 font-style: italic;
522 }
523 /* Disabled for now
524 blockquote {
525 font-family: Times, "Times New Roman", serif;
526 font-style: italic;
527 }*/
528 code {
529 background-color: #f9f9f9;
530 }
531 pre {
532 padding: 1em;
533 border: 1px dashed #2f6fab;
534 color: black;
535 background-color: #f9f9f9;
536 line-height: 1.1em;
537 }
538 div#content ul {
539 line-height: 1.5em;
540 list-style-type: square;
541 margin: .3em 0 0 1.5em;
542 padding: 0;
543 list-style-image: url(images/bullet-icon.png);
544 }
545 div#content ol {
546 line-height: 1.5em;
547 margin: .3em 0 0 3.2em;
548 padding: 0;
549 list-style-image: none;
550 }
551 div#content li {
552 margin-bottom: .1em;
553 }
554 div#content dt {
555 font-weight: bold;
556 margin-bottom: .1em;
557 }
558 div#content dl {
559 margin-top: .2em;
560 margin-bottom: .5em;
561 }
562 div#content dd {
563 line-height: 1.5em;
564 margin-left: 2em;
565 margin-bottom: .1em;
566 }
567 /* Tables */
568 div#content table {
569 font-size: 100%;
570 color: black;
571 /* we don't want the bottom borders of <h2>s to be visible through
572 * floated tables */
573 background-color: white;
574 }
575 div#content fieldset table {
576 /* but keep table layouts in forms clean... */
577 background: none;
578 }
579 /* Forms */
580 div#content fieldset {
581 border: 1px solid #2f6fab;
582 margin: 1em 0 1em 0;
583 padding: 0 1em 1em;
584 line-height: 1.5em;
585 }
586 fieldset.nested {
587 margin: 0 0 0.5em 0;
588 padding: 0 0.5em 0.5em;
589 }
590 div#content legend {
591 padding: .5em;
592 font-size: 95%;
593 }
594 div#content form {
595 border: none;
596 margin: 0;
597 }
598 div#content textarea {
599 width: 100%;
600 padding: .1em;
601 }
602 div#content select {
603 vertical-align: top;
604 }
605 /* Table of Contents */
606 #toc,
607 .toc,
608 .mw-warning {
609 border: 1px solid #aaa;
610 background-color: #f9f9f9;
611 padding: 5px;
612 font-size: 95%;
613 }
614 #toc h2,
615 .toc h2 {
616 display: inline;
617 border: none;
618 padding: 0;
619 font-size: 100%;
620 font-weight: bold;
621 }
622 #toc #toctitle,
623 .toc #toctitle,
624 #toc .toctitle,
625 .toc .toctitle {
626 text-align: center;
627 }
628 #toc ul,
629 .toc ul {
630 list-style-type: none;
631 list-style-image: none;
632 margin-left: 0;
633 padding-left: 0;
634 text-align: left;
635 }
636 #toc ul ul,
637 .toc ul ul {
638 margin: 0 0 0 2em;
639 }
640 #toc .toctoggle,
641 .toc .toctoggle {
642 font-size: 94%;
643 }
644 /* Images */
645 div.floatright, table.floatright {
646 clear: right;
647 float: right;
648 position: relative;
649 margin: 0 0 .5em .5em;
650 border: 0;
651 }
652 div.floatright p { font-style: italic; }
653 div.floatleft, table.floatleft {
654 float: left;
655 clear: left;
656 position: relative;
657 margin: 0 .5em .5em 0;
658 border: 0;
659 }
660 div.floatleft p { font-style: italic; }
661 /* Thumbnails */
662 div.thumb {
663 margin-bottom: .5em;
664 border-style: solid;
665 border-color: white;
666 width: auto;
667 }
668 div.thumbinner {
669 border: 1px solid #ccc;
670 padding: 3px !important;
671 background-color: #f9f9f9;
672 font-size: 94%;
673 text-align: center;
674 overflow: hidden;
675 }
676 html .thumbimage {
677 border: 1px solid #ccc;
678 }
679 html .thumbcaption {
680 border: none;
681 text-align: left;
682 line-height: 1.4em;
683 padding: 3px !important;
684 font-size: 94%;
685 }
686 div.magnify {
687 float: right;
688 border: none !important;
689 background: none !important;
690 }
691 div.magnify a, div.magnify img {
692 display: block;
693 border: none !important;
694 background: none !important;
695 }
696 div.tright {
697 clear: right;
698 float: right;
699 border-width: .5em 0 .8em 1.4em;
700 }
701 div.tleft {
702 float: left;
703 clear: left;
704 margin-right: .5em;
705 border-width: .5em 1.4em .8em 0;
706 }
707 img.thumbborder {
708 border: 1px solid #dddddd;
709 }
710 .hiddenStructure {
711 display: none;
712 }
713 /* Warning */
714 .mw-warning {
715 margin-left: 50px;
716 margin-right: 50px;
717 text-align: center;
718 }
719 /* User Message */
720 .usermessage {
721 background-color: #ffce7b;
722 border: 1px solid #ffa500;
723 color: black;
724 font-weight: bold;
725 margin: 2em 0 1em;
726 padding: .5em 1em;
727 vertical-align: middle;
728 }
729 /* Site Notice */
730 #siteNotice {
731 text-align: center;
732 font-size: 95%;
733 padding-top: 0.9em;
734 }
735 #siteNotice p {
736 margin: 0;
737 padding: 0;
738 }
739 /* Categories */
740 .catlinks {
741 border: 1px solid #aaa;
742 background-color: #f9f9f9;
743 padding: 5px;
744 margin-top: 1em;
745 clear: both;
746 }
747 /* Sub-navigation */
748 #siteSub {
749 display: none;
750 }
751 #jump-to-nav {
752 display: none;
753 }
754 #contentSub, #contentSub2 {
755 font-size: 84%;
756 line-height: 1.2em;
757 margin: 0 0 1.4em 1em;
758 color: #7d7d7d;
759 width: auto;
760 }
761 span.subpages {
762 display: block;
763 }
764 /* Emulate Center */
765 .center {
766 width: 100%;
767 text-align: center;
768 }
769 *.center * {
770 margin-left: auto;
771 margin-right: auto;
772 }
773 /* Small for tables and similar */
774 .small, .small * {
775 font-size: 94%;
776 }
777 table.small {
778 font-size: 100%;
779 }
780 /* Edge Cases for Content */
781 #content h1, #content h2 {
782 margin-bottom: .6em;
783 }
784 #content h3, #content h4, #content h5 {
785 margin-bottom: .3em;
786 }
787 h1#firstHeading {
788 padding-top: 0;
789 margin-top: 0;
790 padding-top: 0;
791 margin-bottom: 0.1em;
792 line-height: 1.2em;
793 padding-bottom: 0;
794 }
795 #content a.external,
796 #content a[href ^="gopher://"] {
797 background: url(images/external-link-ltr-icon.png) center right no-repeat;
798 padding: 0 13px 0 0;
799 }
800 #content a[href ^="https://"],
801 .link-https {
802 background: url(images/lock-icon.png) center right no-repeat;
803 padding: 0 18px 0 0;
804 }
805 #content a[href ^="mailto:"],
806 .link-mailto {
807 background: url(images/mail-icon.png) center right no-repeat;
808 padding: 0 18px 0 0;
809 }
810 #content a[href ^="news://"] {
811 background: url(images/news-icon.png) center right no-repeat;
812 padding: 0 18px 0 0;
813 }
814 #content a[href ^="ftp://"],
815 .link-ftp {
816 background: url(images/file-icon.png) center right no-repeat;
817 padding: 0 18px 0 0;
818 }
819 #content a[href ^="irc://"],
820 #content a.extiw[href ^="irc://"],
821 .link-irc {
822 background: url(images/talk-icon.png) center right no-repeat;
823 padding: 0 18px 0 0;
824 }
825 #content a.external[href $=".ogg"], #content a.external[href $=".OGG"],
826 #content a.external[href $=".mid"], #content a.external[href $=".MID"],
827 #content a.external[href $=".midi"], #content a.external[href $=".MIDI"],
828 #content a.external[href $=".mp3"], #content a.external[href $=".MP3"],
829 #content a.external[href $=".wav"], #content a.external[href $=".WAV"],
830 #content a.external[href $=".wma"], #content a.external[href $=".WMA"],
831 .link-audio {
832 background: url("images/audio-icon.png") center right no-repeat;
833 padding: 0 18px 0 0;
834 }
835 #content a.external[href $=".ogm"], #content a.external[href $=".OGM"],
836 #content a.external[href $=".avi"], #content a.external[href $=".AVI"],
837 #content a.external[href $=".mpeg"], #content a.external[href $=".MPEG"],
838 #content a.external[href $=".mpg"], #content a.external[href $=".MPG"],
839 .link-video {
840 background: url("images/video-icon.png") center right no-repeat;
841 padding: 0 18px 0 0;
842 }
843 #content a.external[href $=".pdf"], #content a.external[href $=".PDF"],
844 #content a.external[href *=".pdf#"], #content a.external[href *=".PDF#"],
845 #content a.external[href *=".pdf?"], #content a.external[href *=".PDF?"],
846 .link-document {
847 background: url("images/document-icon.png") center right no-repeat;
848 padding: 0 18px 0 0;
849 }
850 /* Interwiki Styling (Disabled) */
851 #content a.extiw,
852 #content a.extiw:active {
853 color: #36b;
854 background: none;
855 padding: 0;
856 }
857 #content a.external {
858 color: #36b;
859 }
860 #content .plainlinks a {
861 /* this can be used in the content area to switch off special external link
862 * styling */
863 background: none !important;
864 padding: 0 !important;
865 }
866 #content .printfooter {
867 display: none;
868 }