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