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