2 * main-rtl.css is automatically generated using CSSJanus, a python script for
3 * creating RTL versions of otherwise LTR stylesheets.
5 * You may download the tool to rebuild this stylesheet
6 * http://code.google.com/p/cssjanus/
8 * An online version of this tool can be used at:
9 * http://cssjanus.commoner.com/
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
14 * Any rules which should not be flipped should be prepended with @noflip in
23 font-family: sans-serif
;
27 background-color: #f3f3f3;
28 background-image: url
(images
/page-base
.png
);
34 background-image: url
(images/border.png);
35 background-position: top right
;
36 background-repeat: repeat-y
;
37 background-color: white
;
42 background-color: white
;
43 background-image: url
(images
/page-fade
.png
);
44 background-position: bottom right
;
45 background-repeat: repeat-x
;
51 background-image: url
(images/border.png);
52 background-position: bottom right
;
53 background-repeat: repeat-x
;
89 /* Navigation Containers */
99 /* Navigation Labels */
101 div
.vectorMenu h5 span
{
104 /* Namespaces and Views */
110 background-image: url
(images
/tab-break
.png
);
111 background-position: bottom right
;
112 background-repeat: no-repeat
;
126 div
.vectorTabs ul li
{
129 /* OVERRIDDEN BY COMPLIANT BROWSERS */
130 div
.vectorTabs ul li
{
131 line-height: 1.125em;
132 display: inline-block
;
136 background-color: #f3f3f3;
137 background-image: url
(images
/tab-normal-fade
.png
);
138 background-position: bottom right
;
139 background-repeat: repeat-x
;
142 div
.vectorTabs ul
> li
{
145 div
.vectorTabs li
.selected
{
146 background-image: url
(images
/tab-current-fade
.png
);
148 /* OVERRIDDEN BY COMPLIANT BROWSERS */
149 div
.vectorTabs li a
{
150 display: inline-block
;
152 padding-right: 0.5em;
154 background-image: url
(images
/tab-break
.png
);
155 background-position: bottom left
;
156 background-repeat: no-repeat
;
159 div
.vectorTabs li a span
{
164 div
.vectorTabs li
> a
{
167 /* OVERRIDDEN BY COMPLIANT BROWSERS */
168 div
.vectorTabs a span
{
169 display: inline-block
;
174 div
.vectorTabs a
> span
{
178 div
.vectorTabs li
.selected a
,
179 div
.vectorTabs li
.selected a span
,
180 div
.vectorTabs li
.selected
a:visited
181 div
.vectorTabs li
.selected
a:visited span
{
183 text-decoration: none
;
185 div
.vectorTabs li
.new a
,
186 div
.vectorTabs li
.new a span
,
187 div
.vectorTabs li
.new
a:visited
,
188 div
.vectorTabs li
.new
a:visited span
{
191 /* Variants and Actions */
196 background-image: url
(images
/arrow-down-icon
.png
);
197 background-position: center center
;
198 background-repeat: no-repeat
;
200 body
.rtl div
.vectorMenu
{
207 /* OVERRIDDEN BY COMPLIANT BROWSERS */
208 div
.vectorMenu h5 a
{
209 display: inline-block
;
212 text-decoration: none
;
213 background-image: url
(images
/tab-break
.png
);
214 background-position: bottom left
;
215 background-repeat: no-repeat
;
218 div
.vectorMenu h5
> a
{
221 div
.vectorMenu div
.menu
{
227 /* OVERRIDDEN BY COMPLIANT BROWSERS */
228 body
.rtl div
.vectorMenu div
.menu
{
232 body
.rtl div
.vectorMenu
> div
.menu
{
235 /* Fixes old versions of FireFox */
236 body
.rtl div
.vectorMenu
> div
.menu
,
240 div
.vectorMenu:hover div
.menu
{
245 background-color: white
;
246 border: solid
1px silver
;
249 list-style-image: none
;
250 list-style-type: none
;
256 /* Fixes old versions of FireFox */
261 /* Returns things back to normal in modern versions of FireFox */
273 /* OVERRIDDEN BY COMPLIANT BROWSERS */
274 div
.vectorMenu li a
{
275 display: inline-block
;
280 div
.vectorMenu li
> a
{
303 border: solid
1px #AAAAAA;
304 background-color: white
;
305 background-image: url
(images
/search-fade
.png
);
306 background-position: top right
;
307 background-repeat: repeat-x
;
309 #simpleSearch input#searchInput
{
316 background-color: transparent
;
318 /* OVERRIDDEN BY COMPLIANT BROWSERS */
319 #simpleSearch button#searchButton
{
326 background-color: transparent
;
327 background-image: url
(images
/search-rtl
.png
);
328 background-position: center center
;
329 background-repeat: no-repeat
;
332 #simpleSearch > button#searchButton
{
345 #panel div
.portal h5
{
350 padding-right: 1.25em;
355 #panel div
.portal div
.body
{
358 margin-right: 1.25em;
359 background-image: url
(images
/portal-break-rtl
.png
);
360 background-repeat: no-repeat
;
361 background-position: top right
;
363 #panel div
.portal div
.body ul
{
365 list-style-image: none
;
366 list-style-type: none
;
370 #panel div
.portal div
.body ul li
{
371 line-height: 1.125em;
373 padding-bottom: 0.5em;
378 #panel div
.portal div
.body ul li a
{
381 #panel div
.portal div
.body ul li
a:visited
{
389 background-image: url
(images/border.png);
390 background-position: top right
;
391 background-repeat: repeat-x
;
395 list-style-image: none
;
396 list-style-type: none
;
404 padding-bottom: 0.5em;
408 #footer #footer-icons
{
411 #footer #footer-places
{
414 #footer #footer-info li
{
417 #footer #footer-icons li
{
422 #footer #footer-places li
{
439 background-repeat: no-repeat
;
440 background-position: 50% 50%;
441 text-decoration: none
;
446 * The following code is highly modified from monobook. It would be nice if the
447 * preftoc id was more human readable like preferences-toc for instance,
448 * howerver this would require backporting the other skins.
457 margin: 0 !important
;
458 padding: 0 !important
;
459 background-image: url
(images
/preferences-break
.png
);
460 background-position: bottom right
;
461 background-repeat: no-repeat
;
471 list-style-type: none
;
472 list-style-image: none
;
473 background-image: url
(images
/preferences-break
.png
);
474 background-position: bottom left
;
475 background-repeat: no-repeat
;
478 #preftoc li:first-child
{
483 display: inline-block
;
487 text-decoration: none
;
488 background-image: none
;
492 text-decoration: underline
;
494 #preftoc li
.selected a
{
495 background-image: url
(images
/preferences-fade
.png
);
496 background-position: bottom
;
497 background-repeat: repeat-x
;
499 text-decoration: none
;
507 border: solid
1px #cccccc;
508 background-color: #f9f9f9;
509 background-image: url
(images
/preferences-base
.png
);
511 #preferences fieldset
.prefsection
{
516 #preferences fieldset
.prefsection fieldset
{
518 border-top: solid
1px #cccccc;
520 #preferences legend
{
523 #preferences fieldset
.prefsection legend
.mainLegend
{
527 padding-right: 0.5em;
530 #preferences td
.htmlform-tip
{
535 #preferences div
.mw-prefs-buttons
{
538 #preferences div
.mw-prefs-buttons input
{
544 * The following code is slightly modified from monobook
552 text-decoration: none
;
563 text-decoration: underline
;
568 a
.new
, #p-personal a
.new
{
571 a
.new:visited
, #p-personal a
.new:visited
{
575 /* Inline Elements */
578 vertical-align: middle
;
583 background-color: #aaa;
585 margin: .2em 0 .2em 0;
588 /* Structural Elements */
600 padding-bottom: .17em;
601 border-bottom: 1px solid
#aaa;
604 h1
{ font-size: 188%; }
605 h1
.editsection
{ font-size: 53%; }
606 h2
{ font-size: 150%; }
607 h2
.editsection
{ font-size: 67%; }
615 h3
{ font-size: 132%; }
616 h3
.editsection
{ font-size: 76%; font-weight: normal
; }
617 h4
{ font-size: 116%; }
618 h4
.editsection
{ font-size: 86%; font-weight: normal
; }
619 h5
{ font-size: 100%; }
620 h5
.editsection
{ font-weight: normal
; }
621 h6
{ font-size: 80%; }
622 h6
.editsection
{ font-size: 125%; font-weight: normal
; }
624 margin: .4em 0 .5em 0;
633 border-bottom: 1px dotted black
;
639 font-family: Times
, "Times New Roman", serif
;
644 font-family: Times, "Times New Roman", serif;
648 background-color: #f9f9f9;
652 border: 1px dashed
#2f6fab;
654 background-color: #f9f9f9;
659 list-style-type: square
;
660 margin: .3em 1.5em 0 0;
662 list-style-image: url
(images
/bullet-icon
.png
);
666 margin: .3em 3.2em 0 0;
668 list-style-image: none
;
690 /* we don't want the bottom borders of <h2>s to be visible through
692 background-color: white
;
695 /* but keep table layouts in forms clean... */
700 border: 1px solid
#2f6fab;
707 padding: 0 0.5em 0.5em;
724 /* Table of Contents */
728 border: 1px solid
#aaa;
729 background-color: #f9f9f9;
749 list-style-type: none
;
750 list-style-image: none
;
764 div
.floatright
, table
.floatright
{
768 margin: 0 .5em .5em 0;
771 div
.floatright p
{ font-style: italic
; }
772 div
.floatleft
, table
.floatleft
{
776 margin: 0 0 .5em .5em;
779 div
.floatleft p
{ font-style: italic
; }
786 background-color: transparent
;
789 border: 1px solid
#ccc;
790 padding: 3px !important
;
791 background-color: #f9f9f9;
797 border: 1px solid
#ccc;
803 padding: 3px !important
;
808 border: none
!important
;
809 background: none
!important
;
811 div
.magnify a
, div
.magnify img
{
813 border: none
!important
;
814 background: none
!important
;
819 border-width: .5em 1.4em .8em 0;
825 border-width: .5em 0 .8em 1.4em;
828 border: 1px solid
#dddddd;
841 background-color: #ffce7b;
842 border: 1px solid
#ffa500;
847 vertical-align: middle
;
859 margin-bottom: 0.9em;
863 border: 1px solid
#aaa;
864 background-color: #f9f9f9;
876 #contentSub, #contentSub2
{
879 margin: 0 1em 1.4em 0;
895 /* Small for tables and similar */
902 /* Edge Cases for Content */
913 margin-bottom: 0.1em;
918 #content a
[href ^
="gopher://"] {
919 background: url
(images
/external-link-rtl-icon
.png
) center left no-repeat
;
922 #content a
[href ^
="https://"],
924 background: url
(images
/lock-icon
.png
) center left no-repeat
;
927 #content a
[href ^
="mailto:"],
929 background: url
(images
/mail-icon
.png
) center left no-repeat
;
932 #content a
[href ^
="news://"] {
933 background: url
(images
/news-icon
.png
) center left no-repeat
;
936 #content a
[href ^
="ftp://"],
938 background: url
(images
/file-icon
.png
) center left no-repeat
;
941 #content a
[href ^
="irc://"],
942 #content a
.extiw
[href ^
="irc://"],
944 background: url
(images
/talk-icon
.png
) center left no-repeat
;
947 #content a
.external
[href $
=".ogg"], #content a
.external
[href $
=".OGG"],
948 #content a
.external
[href $
=".mid"], #content a
.external
[href $
=".MID"],
949 #content a
.external
[href $
=".midi"], #content a
.external
[href $
=".MIDI"],
950 #content a
.external
[href $
=".mp3"], #content a
.external
[href $
=".MP3"],
951 #content a
.external
[href $
=".wav"], #content a
.external
[href $
=".WAV"],
952 #content a
.external
[href $
=".wma"], #content a
.external
[href $
=".WMA"],
954 background: url
("images/audio-icon.png") center left no-repeat
;
957 #content a
.external
[href $
=".ogm"], #content a
.external
[href $
=".OGM"],
958 #content a
.external
[href $
=".avi"], #content a
.external
[href $
=".AVI"],
959 #content a
.external
[href $
=".mpeg"], #content a
.external
[href $
=".MPEG"],
960 #content a
.external
[href $
=".mpg"], #content a
.external
[href $
=".MPG"],
962 background: url
("images/video-icon.png") center left no-repeat
;
965 #content a
.external
[href $
=".pdf"], #content a
.external
[href $
=".PDF"],
966 #content a
.external
[href
*=".pdf#"], #content a
.external
[href
*=".PDF#"],
967 #content a
.external
[href
*=".pdf?"], #content a
.external
[href
*=".PDF?"],
969 background: url
("images/document-icon.png") center left no-repeat
;
972 /* Interwiki Styling (Disabled) */
974 #content a
.extiw:active
{
979 #content a
.external
{
982 #content .printfooter
{
985 /* Icon for Usernames */
989 background: url
(images
/user-icon
.png
) right top no-repeat
;
990 padding-right: 15px !important
;
991 text-transform: none
;
995 border: 1px solid
#aaa;
996 background-color: #f9f9f9;