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