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