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