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