Resolved some link coloring issues in the navigation tabs. Regenerated the RTL styles...
[lhc/web/wiklou.git] / skins / vector / main-rtl.css
1 /*
2 * main-rtl.css is automatically generated using CSSJanus, a python script for
3 * 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 command is used to generate the RTL version of this file
12 * ./cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css
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/border.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/border.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 div.vectorTabs li a,
142 div.vectorTabs li a span {
143 color: #0645ad;
144 cursor: pointer;
145 }
146 /* IGNORED BY IE6 */
147 div.vectorTabs li > a {
148 display: block;
149 }
150 /* OVERRIDDEN BY COMPLIANT BROWSERS */
151 div.vectorTabs a span {
152 display: inline-block;
153 padding-top: 1.25em;
154 }
155 /* IGNORED BY IE6 */
156 div.vectorTabs a > span {
157 float: right;
158 display: block;
159 }
160 div.vectorTabs li.selected a,
161 div.vectorTabs li.selected a span,
162 div.vectorTabs li.selected a:visited
163 div.vectorTabs li.selected a:visited span {
164 color: #333333;
165 cursor: default;
166 text-decoration: none;
167 }
168 div.vectorTabs li.new a,
169 div.vectorTabs li.new a span,
170 div.vectorTabs li.new a:visited,
171 div.vectorTabs li.new a:visited span {
172 color: #a55858;
173 }
174 /* Variants and Actions */
175 div.vectorMenu {
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.vectorMenu h5 {
182 float: right;
183 }
184 /* OVERRIDDEN BY COMPLIANT BROWSERS */
185 div.vectorMenu h5 a {
186 display: inline-block;
187 width: 24px;
188 height: 3em;
189 text-decoration: none;
190 background-image: url(images/tab-break.png);
191 background-position: bottom left;
192 background-repeat: no-repeat;
193 }
194 /* IGNORED BY IE6 */
195 div.vectorMenu h5 > a {
196 display: block;
197 }
198 div.vectorMenu div.menu {
199 display: none;
200 clear: both;
201 }
202 div.vectorMenu:hover div.menu {
203 display: block;
204 }
205 div.vectorMenu ul {
206 position: absolute;
207 background-color: white;
208 border: solid 1px silver;
209 border-top-width: 0;
210 list-style: none;
211 padding: 0;
212 margin: 0;
213 margin-right: -1px;
214 }
215 div.vectorMenu li {
216 padding: 0;
217 margin: 0;
218 }
219 /* OVERRIDDEN BY COMPLIANT BROWSERS */
220 div.vectorMenu li a {
221 display: inline-block;
222 padding: 0.5em;
223 }
224 /* IGNORED BY IE6 */
225 div.vectorMenu li > a {
226 display: block;
227 }
228 /* Search */
229 div#p-search h5 {
230 display: none;
231 }
232 div#p-search {
233 float: right;
234 margin-left: 0.75em;
235 }
236 div#p-search form,
237 div#p-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: #444444;
255 padding: 0.5em;
256 padding-top: 0;
257 padding-right: 1.25em;
258 cursor: default;
259 border: none;
260 font-size: 0.9em;
261 }
262 div#panel div.portal div.body {
263 margin: 0;
264 padding-top: 0.5em;
265 margin-right: 1.25em;
266 background-image: url(images/portal-break-rtl.png);
267 background-repeat: no-repeat;
268 background-position: top right;
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/border.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#p-logo {
331 position: absolute;
332 top: 0;
333 right: 0;
334 height: 12em;
335 width: 12em;
336 }
337 div#p-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 width: 100%;
357 float: right;
358 clear: both;
359 margin: 0 !important;
360 padding: 0 !important;
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 font-size: 0.9em;
392 }
393 #preftoc a:hover {
394 text-decoration: underline;
395 }
396 #preftoc li.selected a {
397 cursor: default;
398 background-image: url(images/preferences-fade.png);
399 background-position: bottom;
400 background-repeat: repeat-x;
401 color: #333333;
402 cursor: default;
403 text-decoration: none;
404 }
405 #preferences {
406 float: right;
407 zoom: 1;
408 width: 100%;
409 margin: 0;
410 clear: both;
411 border: solid 1px #cccccc;
412 background-color: #f9f9f9;
413 background-image: url(images/preferences-base.png);
414 }
415 #preferences fieldset.prefsection {
416 border: none;
417 padding: 0;
418 margin: 1em;
419 }
420 #preferences fieldset.prefsection fieldset {
421 border: none;
422 border-top: solid 1px #cccccc;
423 }
424 #preferences legend {
425 color: #666666;
426 }
427 #preferences fieldset.prefsection legend.mainLegend {
428 display: none;
429 }
430 #preferences td {
431 padding-right: 0.5em;
432 padding-left: 0.5em;
433 }
434 #preferences td.htmlform-tip {
435 font-size: x-small;
436 padding: .2em 2em;
437 color: #666666;
438 }
439 #preferences div.mw-prefs-buttons {
440 padding: 1em;
441 }
442 #preferences div.mw-prefs-buttons input {
443 margin-left: 0.25em;
444 }
445
446 /*
447 *
448 * The following code is slightly modified from monobook
449 *
450 */
451 #content {
452 line-height: 1.5em;
453 }
454 /* Links */
455 a {
456 text-decoration: none;
457 color: #0645ad;
458 background: none;
459 }
460 a:visited {
461 color: #0b0080;
462 }
463 a:active {
464 color: #faa700;
465 }
466 a:hover {
467 text-decoration: underline;
468 }
469 a.stub {
470 color: #772233;
471 }
472 a.new, #p-personal a.new {
473 color: #ba0000;
474 }
475 a.new:visited, #p-personal a.new:visited {
476 color: #a55858;
477 }
478
479 /* Inline Elements */
480 img {
481 border: none;
482 vertical-align: middle;
483 }
484 hr {
485 height: 1px;
486 color: #aaa;
487 background-color: #aaa;
488 border: 0;
489 margin: .2em 0 .2em 0;
490 }
491
492 /* Structural Elements */
493 h1,
494 h2,
495 h3,
496 h4,
497 h5,
498 h6 {
499 color: black;
500 background: none;
501 font-weight: normal;
502 margin: 0;
503 padding-top: .5em;
504 padding-bottom: .17em;
505 border-bottom: 1px solid #aaa;
506 width: auto;
507 }
508 h1 { font-size: 188%; }
509 h1 .editsection { font-size: 53%; }
510 h2 { font-size: 150%; }
511 h2 .editsection { font-size: 67%; }
512 h3,
513 h4,
514 h5,
515 h6 {
516 border-bottom: none;
517 font-weight: bold;
518 }
519 h3 { font-size: 132%; }
520 h3 .editsection { font-size: 76%; font-weight: normal; }
521 h4 { font-size: 116%; }
522 h4 .editsection { font-size: 86%; font-weight: normal; }
523 h5 { font-size: 100%; }
524 h5 .editsection { font-weight: normal; }
525 h6 { font-size: 80%; }
526 h6 .editsection { font-size: 125%; font-weight: normal; }
527 p {
528 margin: .4em 0 .5em 0;
529 line-height: 1.5em;
530 }
531 p img {
532 margin: 0;
533 }
534 abbr,
535 acronym,
536 .explain {
537 border-bottom: 1px dotted black;
538 color: black;
539 background: none;
540 cursor: help;
541 }
542 q {
543 font-family: Times, "Times New Roman", serif;
544 font-style: italic;
545 }
546 /* Disabled for now
547 blockquote {
548 font-family: Times, "Times New Roman", serif;
549 font-style: italic;
550 }*/
551 code {
552 background-color: #f9f9f9;
553 }
554 pre {
555 padding: 1em;
556 border: 1px dashed #2f6fab;
557 color: black;
558 background-color: #f9f9f9;
559 line-height: 1.1em;
560 }
561 div#content ul {
562 line-height: 1.5em;
563 list-style-type: square;
564 margin: .3em 1.5em 0 0;
565 padding: 0;
566 list-style-image: url(images/bullet-icon.png);
567 }
568 div#content ol {
569 line-height: 1.5em;
570 margin: .3em 3.2em 0 0;
571 padding: 0;
572 list-style-image: none;
573 }
574 div#content li {
575 margin-bottom: .1em;
576 }
577 div#content dt {
578 font-weight: bold;
579 margin-bottom: .1em;
580 }
581 div#content dl {
582 margin-top: .2em;
583 margin-bottom: .5em;
584 }
585 div#content dd {
586 line-height: 1.5em;
587 margin-right: 2em;
588 margin-bottom: .1em;
589 }
590 /* Tables */
591 table {
592 font-size: 100%;
593 color: black;
594 /* we don't want the bottom borders of <h2>s to be visible through
595 * floated tables */
596 background-color: white;
597 }
598 div#content fieldset table {
599 /* but keep table layouts in forms clean... */
600 background: none;
601 }
602 /* Forms */
603 div#content fieldset {
604 border: 1px solid #2f6fab;
605 margin: 1em 0 1em 0;
606 padding: 0 1em 1em;
607 line-height: 1.5em;
608 }
609 fieldset.nested {
610 margin: 0 0 0.5em 0;
611 padding: 0 0.5em 0.5em;
612 }
613 div#content legend {
614 padding: .5em;
615 font-size: 95%;
616 }
617 div#content form {
618 border: none;
619 margin: 0;
620 }
621 div#content textarea {
622 width: 100%;
623 padding: .1em;
624 }
625 div#content select {
626 vertical-align: top;
627 }
628 /* Table of Contents */
629 #toc,
630 .toc,
631 .mw-warning {
632 border: 1px solid #aaa;
633 background-color: #f9f9f9;
634 padding: 5px;
635 font-size: 95%;
636 }
637 #toc h2,
638 .toc h2 {
639 display: inline;
640 border: none;
641 padding: 0;
642 font-size: 100%;
643 font-weight: bold;
644 }
645 #toc #toctitle,
646 .toc #toctitle,
647 #toc .toctitle,
648 .toc .toctitle {
649 text-align: center;
650 }
651 div#content #toc ul,
652 div#content .toc ul {
653 list-style-type: none;
654 list-style-image: none;
655 margin-right: 0;
656 padding-right: 0;
657 text-align: right;
658 }
659 #toc ul ul,
660 .toc ul ul {
661 margin: 0 2em 0 0;
662 }
663 #toc .toctoggle,
664 .toc .toctoggle {
665 font-size: 94%;
666 }
667 /* Images */
668 div.floatright, table.floatright {
669 clear: left;
670 float: left;
671 position: relative;
672 margin: 0 .5em .5em 0;
673 border: 0;
674 }
675 div.floatright p { font-style: italic; }
676 div.floatleft, table.floatleft {
677 float: right;
678 clear: right;
679 position: relative;
680 margin: 0 0 .5em .5em;
681 border: 0;
682 }
683 div.floatleft p { font-style: italic; }
684 /* Thumbnails */
685 div.thumb {
686 margin-bottom: .5em;
687 border-style: solid;
688 border-color: white;
689 width: auto;
690 }
691 div.thumbinner {
692 border: 1px solid #ccc;
693 padding: 3px !important;
694 background-color: #f9f9f9;
695 font-size: 94%;
696 text-align: center;
697 overflow: hidden;
698 }
699 html .thumbimage {
700 border: 1px solid #ccc;
701 }
702 html .thumbcaption {
703 border: none;
704 text-align: right;
705 line-height: 1.4em;
706 padding: 3px !important;
707 font-size: 94%;
708 }
709 div.magnify {
710 float: left;
711 border: none !important;
712 background: none !important;
713 }
714 div.magnify a, div.magnify img {
715 display: block;
716 border: none !important;
717 background: none !important;
718 }
719 div.tright {
720 clear: left;
721 float: left;
722 border-width: .5em 1.4em .8em 0;
723 }
724 div.tleft {
725 float: right;
726 clear: right;
727 margin-left: .5em;
728 border-width: .5em 0 .8em 1.4em;
729 }
730 img.thumbborder {
731 border: 1px solid #dddddd;
732 }
733 .hiddenStructure {
734 display: none;
735 }
736 /* Warning */
737 .mw-warning {
738 margin-right: 50px;
739 margin-left: 50px;
740 text-align: center;
741 }
742 /* User Message */
743 .usermessage {
744 background-color: #ffce7b;
745 border: 1px solid #ffa500;
746 color: black;
747 font-weight: bold;
748 margin: 2em 0 1em;
749 padding: .5em 1em;
750 vertical-align: middle;
751 }
752 /* Site Notice */
753 #siteNotice {
754 text-align: center;
755 font-size: 95%;
756 margin-bottom: 0.9em;
757 }
758 #siteNotice p {
759 margin: 0;
760 padding: 0;
761 }
762 /* Categories */
763 .catlinks {
764 border: 1px solid #aaa;
765 background-color: #f9f9f9;
766 padding: 5px;
767 margin-top: 1em;
768 clear: both;
769 }
770 /* Sub-navigation */
771 #siteSub {
772 display: none;
773 }
774 #jump-to-nav {
775 display: none;
776 }
777 #contentSub, #contentSub2 {
778 font-size: 84%;
779 line-height: 1.2em;
780 margin: 0 1em 1.4em 0;
781 color: #7d7d7d;
782 width: auto;
783 }
784 span.subpages {
785 display: block;
786 }
787 /* Emulate Center */
788 .center {
789 width: 100%;
790 text-align: center;
791 }
792 *.center * {
793 margin-right: auto;
794 margin-left: auto;
795 }
796 /* Small for tables and similar */
797 .small, .small * {
798 font-size: 94%;
799 }
800 table.small {
801 font-size: 100%;
802 }
803 /* Edge Cases for Content */
804 #content h1, #content h2 {
805 margin-bottom: .6em;
806 }
807 #content h3, #content h4, #content h5 {
808 margin-bottom: .3em;
809 }
810 h1#firstHeading {
811 padding-top: 0;
812 margin-top: 0;
813 padding-top: 0;
814 margin-bottom: 0.1em;
815 line-height: 1.2em;
816 padding-bottom: 0;
817 }
818 #content a.external,
819 #content a[href ^="gopher://"] {
820 background: url(images/external-link-rtl-icon.png) center left no-repeat;
821 padding: 0 0 0 13px;
822 }
823 #content a[href ^="https://"],
824 .link-https {
825 background: url(images/lock-icon.png) center left no-repeat;
826 padding: 0 0 0 18px;
827 }
828 #content a[href ^="mailto:"],
829 .link-mailto {
830 background: url(images/mail-icon.png) center left no-repeat;
831 padding: 0 0 0 18px;
832 }
833 #content a[href ^="news://"] {
834 background: url(images/news-icon.png) center left no-repeat;
835 padding: 0 0 0 18px;
836 }
837 #content a[href ^="ftp://"],
838 .link-ftp {
839 background: url(images/file-icon.png) center left no-repeat;
840 padding: 0 0 0 18px;
841 }
842 #content a[href ^="irc://"],
843 #content a.extiw[href ^="irc://"],
844 .link-irc {
845 background: url(images/talk-icon.png) center left no-repeat;
846 padding: 0 0 0 18px;
847 }
848 #content a.external[href $=".ogg"], #content a.external[href $=".OGG"],
849 #content a.external[href $=".mid"], #content a.external[href $=".MID"],
850 #content a.external[href $=".midi"], #content a.external[href $=".MIDI"],
851 #content a.external[href $=".mp3"], #content a.external[href $=".MP3"],
852 #content a.external[href $=".wav"], #content a.external[href $=".WAV"],
853 #content a.external[href $=".wma"], #content a.external[href $=".WMA"],
854 .link-audio {
855 background: url("images/audio-icon.png") center left no-repeat;
856 padding: 0 0 0 18px;
857 }
858 #content a.external[href $=".ogm"], #content a.external[href $=".OGM"],
859 #content a.external[href $=".avi"], #content a.external[href $=".AVI"],
860 #content a.external[href $=".mpeg"], #content a.external[href $=".MPEG"],
861 #content a.external[href $=".mpg"], #content a.external[href $=".MPG"],
862 .link-video {
863 background: url("images/video-icon.png") center left no-repeat;
864 padding: 0 0 0 18px;
865 }
866 #content a.external[href $=".pdf"], #content a.external[href $=".PDF"],
867 #content a.external[href *=".pdf#"], #content a.external[href *=".PDF#"],
868 #content a.external[href *=".pdf?"], #content a.external[href *=".PDF?"],
869 .link-document {
870 background: url("images/document-icon.png") center left no-repeat;
871 padding: 0 0 0 18px;
872 }
873 /* Interwiki Styling (Disabled) */
874 #content a.extiw,
875 #content a.extiw:active {
876 color: #36b;
877 background: none;
878 padding: 0;
879 }
880 #content a.external {
881 color: #36b;
882 }
883 #content .plainlinks a {
884 /* this can be used in the content area to switch off special external link
885 * styling */
886 background: none !important;
887 padding: 0 !important;
888 }
889 #content .printfooter {
890 display: none;
891 }
892
893
894 li#pt-userpage,
895 li#pt-anonuserpage,
896 li#pt-login {
897 background: url(images/user-icon.png) right top no-repeat;
898 padding-right: 15px !important;
899 text-transform: none;
900 }
901
902 span.newpage, span.minor, span.bot {
903 font-weight: bold;
904 }
905
906 .toccolours {
907 border: 1px solid #aaa;
908 background-color: #f9f9f9;
909 padding: 5px;
910 font-size: 95%;
911 }
912
913 div#bodyContent {
914 position: relative;
915 width: 100%;
916 }
917