Disable pretty italics inside links. Now the italics inside a link alternate text...
[mediawiki.git] / skins / vector / main-ltr.css
blob23293148b02b97058d32ce9285472dee90dbac5d
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/
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
15 * a comment block.
17 /* Framework */
18 html,
19 body {
20 height: 100%;
21 margin: 0;
22 padding: 0;
23 font-family: sans-serif;
24 font-size: 1em;
26 body {
27 background-color: #f3f3f3;
28 background-image: url(images/page-base.png?1);
30 /* Content */
31 div#content {
32 margin-left: 10em;
33 padding: 1em;
34 background-image: url(images/border.png?1);
35 background-position: top left;
36 background-repeat: repeat-y;
37 background-color: white;
38 color: black;
40 /* Head */
41 #mw-page-base {
42 height: 5em;
43 background-color: white;
44 background-image: url(images/page-fade.png?1);
45 background-position: bottom left;
46 background-repeat: repeat-x;
48 #mw-head-base {
49 margin-top: -5em;
50 margin-left: 10em;
51 height: 5em;
52 background-image: url(images/border.png?1);
53 background-position: bottom left;
54 background-repeat: repeat-x;
56 div#mw-head {
57 position: absolute;
58 top: 0;
59 right: 0;
60 width: 100%;
62 div#mw-head h5 {
63 margin: 0;
64 padding: 0;
66 /* Hide empty portlets */
67 div.emptyPortlet {
68 display: none;
70 /* Personal */
71 #p-personal {
72 position: absolute;
73 top: 0;
74 padding-left: 10em;
75 right: 0.75em;
77 #p-personal h5 {
78 display: none;
80 #p-personal ul {
81 list-style: none;
82 margin: 0;
83 padding: 0;
85 /* @noflip */
86 #p-personal li {
87 line-height: 1.125em;
88 float: left;
90 /* This one flips! */
91 #p-personal li {
92 margin-left: 0.75em;
93 margin-top: 0.5em;
94 font-size: 0.75em;
95 white-space: nowrap;
97 /* Navigation Containers */
98 #left-navigation {
99 position: absolute;
100 left: 10em;
101 top: 2.5em;
103 #right-navigation {
104 float: right;
105 margin-top: 2.5em;
107 /* Navigation Labels */
108 div.vectorTabs h5,
109 div.vectorMenu h5 span {
110 display: none;
112 /* Namespaces and Views */
113 /* @noflip */
114 div.vectorTabs {
115 float: left;
116 height: 2.5em;
118 div.vectorTabs {
119 background-image: url(images/tab-break.png?1);
120 background-position: bottom left;
121 background-repeat: no-repeat;
122 padding-left: 1px;
124 /* @noflip */
125 div.vectorTabs ul {
126 float: left;
128 div.vectorTabs ul {
129 height: 100%;
130 list-style: none;
131 margin: 0;
132 padding: 0;
134 /* @noflip */
135 div.vectorTabs ul li {
136 float: left;
138 /* OVERRIDDEN BY COMPLIANT BROWSERS */
139 div.vectorTabs ul li {
140 line-height: 1.125em;
141 display: inline-block;
142 height: 100%;
143 margin: 0;
144 padding: 0;
145 background-color: #f3f3f3;
146 background-image: url(images/tab-normal-fade.png?1);
147 background-position: bottom left;
148 background-repeat: repeat-x;
149 white-space:nowrap;
151 /* IGNORED BY IE6 */
152 div.vectorTabs ul > li {
153 display: block;
155 div.vectorTabs li.selected {
156 background-image: url(images/tab-current-fade.png?1);
158 /* OVERRIDDEN BY COMPLIANT BROWSERS */
159 div.vectorTabs li a {
160 display: inline-block;
161 height: 2.5em;
162 padding-left: 0.4em;
163 padding-right: 0.4em;
164 background-image: url(images/tab-break.png?1);
165 background-position: bottom right;
166 background-repeat: no-repeat;
168 div.vectorTabs li a,
169 div.vectorTabs li a span {
170 color: #0645ad;
171 cursor: pointer;
173 div.vectorTabs li a span {
174 font-size: 0.8em;
176 /* IGNORED BY IE6 */
177 div.vectorTabs li > a {
178 display: block;
180 /* OVERRIDDEN BY COMPLIANT BROWSERS */
181 div.vectorTabs a span {
182 display: inline-block;
183 padding-top: 1.25em;
185 /* IGNORED BY IE6 */
186 /* @noflip */
187 div.vectorTabs a > span {
188 float: left;
189 display: block;
191 div.vectorTabs li.selected a,
192 div.vectorTabs li.selected a span,
193 div.vectorTabs li.selected a:visited
194 div.vectorTabs li.selected a:visited span {
195 color: #333333;
196 text-decoration: none;
198 div.vectorTabs li.new a,
199 div.vectorTabs li.new a span,
200 div.vectorTabs li.new a:visited,
201 div.vectorTabs li.new a:visited span {
202 color: #a55858;
204 /* Variants and Actions */
205 /* @noflip */
206 div.vectorMenu {
207 direction: ltr;
208 float: left;
209 background-image: url(images/arrow-down-icon.png?1);
210 background-position: 100% 60%;
211 background-repeat: no-repeat;
212 cursor: pointer;
214 /* @noflip */
215 body.rtl div.vectorMenu {
216 direction: rtl;
218 /* OVERRIDDEN BY COMPLIANT BROWSERS */
219 /* @noflip */
220 div#mw-head div.vectorMenu h5 {
221 float: left;
222 background-image: url(images/tab-break.png?1);
223 background-repeat: no-repeat;
225 /* IGNORED BY IE6 */
226 div#mw-head div.vectorMenu > h5 {
227 background-image: none;
229 div#mw-head div.vectorMenu h5 {
230 background-position: bottom left;
231 margin-left: -1px;
233 div#mw-head div.vectorMenu h4 {
234 display: inline-block;
235 float: left;
236 font-size: 0.8em;
237 padding-left: 0.5em;
238 padding-top: 1.375em;
239 font-weight: normal;
240 border: none;
242 /* OVERRIDDEN BY COMPLIANT BROWSERS */
243 /* @noflip */
244 div.vectorMenu h5 a {
245 display: inline-block;
246 width: 24px;
247 height: 2.5em;
248 text-decoration: none;
249 background-image: url(images/tab-break.png?1);
250 background-repeat: no-repeat;
252 div.vectorMenu h5 a{
253 background-position: bottom right;
255 /* IGNORED BY IE6 */
256 div.vectorMenu h5 > a {
257 display: block;
259 div.vectorMenu div.menu {
260 position: relative;
261 display: none;
262 clear: both;
263 text-align: left;
265 /* OVERRIDDEN BY COMPLIANT BROWSERS */
266 /* @noflip */
267 body.rtl div.vectorMenu div.menu {
268 margin-left: 24px;
270 /* IGNORED BY IE6 */
271 /* @noflip */
272 body.rtl div.vectorMenu > div.menu {
273 margin-left: auto;
275 /* Fixes old versions of FireFox */
276 /* @noflip */
277 body.rtl div.vectorMenu > div.menu,
278 x:-moz-any-link {
279 margin-left: 23px;
281 div.vectorMenu:hover div.menu {
282 display: block;
284 div.vectorMenu ul {
285 position: absolute;
286 background-color: white;
287 border: solid 1px silver;
288 border-top-width: 0;
289 list-style: none;
290 list-style-image: none;
291 list-style-type: none;
292 padding: 0;
293 margin: 0;
294 margin-left: -1px;
295 text-align: left;
297 /* Fixes old versions of FireFox */
298 div.vectorMenu ul,
299 x:-moz-any-link {
300 min-width: 5em;
302 /* Returns things back to normal in modern versions of FireFox */
303 div.vectorMenu ul,
304 x:-moz-any-link,
305 x:default {
306 min-width: 0;
308 div.vectorMenu li {
309 padding: 0;
310 margin: 0;
311 text-align: left;
312 line-height: 1em;
314 /* OVERRIDDEN BY COMPLIANT BROWSERS */
315 div.vectorMenu li a {
316 display: inline-block;
317 padding: 0.5em;
318 white-space: nowrap;
320 /* IGNORED BY IE6 */
321 div.vectorMenu li > a {
322 display: block;
324 div.vectorMenu li a {
325 color: #0645ad;
326 cursor: pointer;
327 font-size: 0.8em;
329 div.vectorMenu li.selected a,
330 div.vectorMenu li.selected a:visited {
331 color: #333333;
332 text-decoration: none;
334 /* Search */
335 #p-search h5 {
336 display: none;
338 /* @noflip */
339 #p-search {
340 float: left;
342 #p-search {
343 margin-right: 0.5em;
344 margin-left: 0.5em;
346 #p-search form,
347 #p-search input {
348 margin: 0;
349 margin-top: 0.4em;
351 div#simpleSearch {
352 margin-top: 0.65em;
353 position: relative;
354 border: solid 1px #AAAAAA;
355 background-color: white;
356 background-image: url(images/search-fade.png?1);
357 background-position: top left;
358 background-repeat: repeat-x;
360 div#simpleSearch label {
362 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
363 * this from ever being shown anyways.
365 font-size: 13px;
366 top: 0.25em;
368 div#simpleSearch input#searchInput {
369 margin: 0;
370 border-width: 0;
371 padding: 3px;
372 vertical-align: top;
374 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
375 * this from ever being shown anyways.
377 font-size: 13px;
378 width: 14em;
379 background-color: transparent;
381 /* OVERRIDDEN BY COMPLIANT BROWSERS */
382 div#simpleSearch button#searchButton {
383 margin: 0;
384 padding: 0;
385 width: 1.75em;
386 height: 16px;
387 border: none;
388 cursor: pointer;
389 background-color: transparent;
390 background-image: url(images/search-ltr.png?1);
391 background-position: center center;
392 background-repeat: no-repeat;
394 /* IGNORED BY IE6 */
395 div#simpleSearch > button#searchButton {
396 height: 100%;
398 /* Panel */
399 div#mw-panel {
400 position: absolute;
401 top: 160px;
402 padding-top: 1em;
403 width: 10em;
404 left: 0;
406 div#mw-panel div.portal {
407 padding-bottom: 1.5em;
409 div#mw-panel div.portal h5 {
410 font-weight: normal;
411 color: #444444;
412 padding: 0.25em;
413 padding-top: 0;
414 padding-left: 1.75em;
415 cursor: default;
416 border: none;
417 font-size: 0.75em;
419 div#mw-panel div.portal div.body {
420 margin: 0;
421 padding-top: 0.5em;
422 margin-left: 1.25em;
423 background-image: url(images/portal-break.png?1);
424 background-repeat: no-repeat;
425 background-position: top left;
427 div#mw-panel div.portal div.body ul {
428 list-style: none;
429 list-style-image: none;
430 list-style-type: none;
431 padding: 0;
432 margin: 0;
434 div#mw-panel div.portal div.body ul li {
435 line-height: 1.125em;
436 padding: 0;
437 padding-bottom: 0.5em;
438 margin: 0;
439 overflow: hidden;
440 font-size: 0.75em;
442 div#mw-panel div.portal div.body ul li a {
443 color: #0645ad;
445 div#mw-panel div.portal div.body ul li a:visited {
446 color: #0b0080;
448 /* Footer */
449 div#footer {
450 margin-left: 10em;
451 margin-top: 0;
452 padding: 0.75em;
453 background-image: url(images/border.png?1);
454 background-position: top left;
455 background-repeat: repeat-x;
457 div#footer ul {
458 list-style: none;
459 list-style-image: none;
460 list-style-type: none;
461 margin: 0;
462 padding: 0;
464 div#footer ul li {
465 margin: 0;
466 padding: 0;
467 padding-top: 0.5em;
468 padding-bottom: 0.5em;
469 color: #333333;
470 font-size: 0.7em;
472 div#footer #footer-icons {
473 float: right;
475 /* @noflip */
476 body.ltr div#footer #footer-places {
477 float: left;
479 div#footer #footer-info li {
480 line-height: 1.4em;
482 div#footer #footer-icons li {
483 float: left;
484 margin-left: 0.5em;
485 line-height: 2em;
487 div#footer #footer-places li {
488 float: left;
489 margin-right: 1em;
490 line-height: 2em;
492 /* Logo */
493 #p-logo {
494 position: absolute;
495 top: -160px;
496 left: 0;
497 width: 10em;
498 height: 160px;
500 #p-logo a {
501 display: block;
502 width: 10em;
503 height: 160px;
504 background-repeat: no-repeat;
505 background-position: center center;
506 text-decoration: none;
511 * The following code is highly modified from monobook. It would be nice if the
512 * preftoc id was more human readable like preferences-toc for instance,
513 * howerver this would require backporting the other skins.
516 /* Preferences */
517 #preftoc {
518 /* Tabs */
519 width: 100%;
520 float: left;
521 clear: both;
522 margin: 0 !important;
523 padding: 0 !important;
524 background-image: url(images/preferences-break.png?1);
525 background-position: bottom left;
526 background-repeat: no-repeat;
528 #preftoc li {
529 /* Tab */
530 float: left;
531 margin: 0;
532 padding: 0;
533 padding-right: 1px;
534 height: 2.25em;
535 white-space: nowrap;
536 list-style-type: none;
537 list-style-image: none;
538 background-image: url(images/preferences-break.png?1);
539 background-position: bottom right;
540 background-repeat: no-repeat;
542 /* IGNORED BY IE6 */
543 #preftoc li:first-child {
544 margin-left: 1px;
546 #preftoc a,
547 #preftoc a:active {
548 display: inline-block;
549 position: relative;
550 color: #0645ad;
551 padding: 0.5em;
552 text-decoration: none;
553 background-image: none;
554 font-size: 0.9em;
556 #preftoc a:hover {
557 text-decoration: underline;
559 #preftoc li.selected a {
560 background-image: url(images/preferences-fade.png?1);
561 background-position: bottom;
562 background-repeat: repeat-x;
563 color: #333333;
564 text-decoration: none;
566 #preferences {
567 float: left;
568 width: 100%;
569 margin: 0;
570 margin-top: -2px;
571 clear: both;
572 border: solid 1px #cccccc;
573 background-color: #f9f9f9;
574 background-image: url(images/preferences-base.png?1);
576 #preferences fieldset.prefsection {
577 border: none;
578 padding: 0;
579 margin: 1em;
581 #preferences fieldset.prefsection fieldset {
582 border: none;
583 border-top: solid 1px #cccccc;
585 #preferences legend {
586 color: #666666;
588 #preferences fieldset.prefsection legend.mainLegend {
589 display: none;
591 #preferences td {
592 padding-left: 0.5em;
593 padding-right: 0.5em;
595 #preferences td.htmlform-tip {
596 font-size: x-small;
597 padding: .2em 2em;
598 color: #666666;
600 #preferences div.mw-prefs-buttons {
601 padding: 1em;
603 #preferences div.mw-prefs-buttons input {
604 margin-right: 0.25em;
608 * Styles for the user login and create account forms
610 #userlogin, #userloginForm {
611 border: solid 1px #cccccc;
612 padding: 1.2em;
613 margin: .5em;
614 float: left;
617 #userlogin {
618 min-width: 20em;
619 max-width: 90%;
620 width: 40em;
625 * The following code is slightly modified from monobook
628 div#content {
629 line-height: 1.5em;
631 #bodyContent {
632 font-size: 0.8em;
634 /* Links */
636 text-decoration: none;
637 color: #0645ad;
638 background: none;
640 a:visited {
641 color: #0b0080;
643 a:active {
644 color: #faa700;
646 a:hover {
647 text-decoration: underline;
649 a.stub {
650 color: #772233;
652 a.new, #p-personal a.new {
653 color: #ba0000;
655 a.new:visited, #p-personal a.new:visited {
656 color: #a55858;
659 /* Inline Elements */
660 img {
661 border: none;
662 vertical-align: middle;
664 hr {
665 height: 1px;
666 color: #aaa;
667 background-color: #aaa;
668 border: 0;
669 margin: .2em 0 .2em 0;
672 /* Structural Elements */
678 h6 {
679 color: black;
680 background: none;
681 font-weight: normal;
682 margin: 0;
683 padding-top: .5em;
684 padding-bottom: .17em;
685 border-bottom: 1px solid #aaa;
686 width: auto;
688 h1 { font-size: 188%; }
689 h1 .editsection { font-size: 53%; }
690 h2 { font-size: 150%; }
691 h2 .editsection { font-size: 67%; }
695 h6 {
696 border-bottom: none;
697 font-weight: bold;
699 h3 { font-size: 132%; }
700 h3 .editsection { font-size: 76%; font-weight: normal; }
701 h4 { font-size: 116%; }
702 h4 .editsection { font-size: 86%; font-weight: normal; }
703 h5 { font-size: 100%; }
704 h5 .editsection { font-weight: normal; }
705 h6 { font-size: 80%; }
706 h6 .editsection { font-size: 125%; font-weight: normal; }
708 margin: .4em 0 .5em 0;
709 line-height: 1.5em;
711 p img {
712 margin: 0;
714 abbr,
715 acronym,
716 .explain {
717 border-bottom: 1px dotted black;
718 color: black;
719 background: none;
720 cursor: help;
723 font-family: Times, "Times New Roman", serif;
724 font-style: italic;
726 /* Disabled for now
727 blockquote {
728 font-family: Times, "Times New Roman", serif;
729 font-style: italic;
731 pre, code, tt {
732 font-family: monospace, sans-serif;
734 code {
735 background-color: #f9f9f9;
737 pre {
738 padding: 1em;
739 border: 1px dashed #2f6fab;
740 color: black;
741 background-color: #f9f9f9;
742 line-height: 1.1em;
744 ul {
745 line-height: 1.5em;
746 list-style-type: square;
747 margin: .3em 0 0 1.5em;
748 padding: 0;
749 list-style-image: url(images/bullet-icon.png?1);
751 ol {
752 line-height: 1.5em;
753 margin: .3em 0 0 3.2em;
754 padding: 0;
755 list-style-image: none;
757 li {
758 margin-bottom: .1em;
760 dt {
761 font-weight: bold;
762 margin-bottom: .1em;
764 dl {
765 margin-top: .2em;
766 margin-bottom: .5em;
768 dd {
769 line-height: 1.5em;
770 margin-left: 2em;
771 margin-bottom: .1em;
773 /* Tables */
774 table {
775 font-size: 100%;
776 color: black;
777 /* we don't want the bottom borders of <h2>s to be visible through
778 * floated tables */
779 background-color: white;
781 fieldset table {
782 /* but keep table layouts in forms clean... */
783 background: none;
785 /* Forms */
786 fieldset {
787 border: 1px solid #2f6fab;
788 margin: 1em 0 1em 0;
789 padding: 0 1em 1em;
790 line-height: 1.5em;
792 fieldset.nested {
793 margin: 0 0 0.5em 0;
794 padding: 0 0.5em 0.5em;
796 legend {
797 padding: .5em;
798 font-size: 95%;
800 form {
801 border: none;
802 margin: 0;
804 textarea {
805 width: 100%;
806 padding: .1em;
808 select {
809 vertical-align: top;
811 /* Table of Contents */
812 #toc,
813 .toc,
814 .mw-warning {
815 border: 1px solid #aaa;
816 background-color: #f9f9f9;
817 padding: 5px;
818 font-size: 95%;
820 #toc h2,
821 .toc h2 {
822 display: inline;
823 border: none;
824 padding: 0;
825 font-size: 100%;
826 font-weight: bold;
828 #toc #toctitle,
829 .toc #toctitle,
830 #toc .toctitle,
831 .toc .toctitle {
832 text-align: center;
834 #toc ul,
835 .toc ul {
836 list-style-type: none;
837 list-style-image: none;
838 margin-left: 0;
839 padding-left: 0;
840 text-align: left;
842 #toc ul ul,
843 .toc ul ul {
844 margin: 0 0 0 2em;
846 #toc .toctoggle,
847 .toc .toctoggle {
848 font-size: 94%;
850 /* Images */
851 div.floatright, table.floatright {
852 clear: right;
853 float: right;
854 position: relative;
855 margin: 0 0 .5em .5em;
856 border: 0;
858 div.floatright p { font-style: italic; }
859 div.floatleft, table.floatleft {
860 float: left;
861 clear: left;
862 position: relative;
863 margin: 0 .5em .5em 0;
864 border: 0;
866 div.floatleft p { font-style: italic; }
867 /* Thumbnails */
868 div.thumb {
869 margin-bottom: .5em;
870 border-style: solid;
871 border-color: white;
872 width: auto;
873 background-color: transparent;
875 div.thumbinner {
876 border: 1px solid #ccc;
877 padding: 3px !important;
878 background-color: #f9f9f9;
879 font-size: 94%;
880 text-align: center;
881 overflow: hidden;
883 html .thumbimage {
884 border: 1px solid #ccc;
886 html .thumbcaption {
887 border: none;
888 text-align: left;
889 line-height: 1.4em;
890 padding: 3px !important;
891 font-size: 94%;
893 div.magnify {
894 float: right;
895 border: none !important;
896 background: none !important;
898 div.magnify a, div.magnify img {
899 display: block;
900 border: none !important;
901 background: none !important;
903 div.tright {
904 clear: right;
905 float: right;
906 border-width: .5em 0 .8em 1.4em;
908 div.tleft {
909 float: left;
910 clear: left;
911 margin-right: .5em;
912 border-width: .5em 1.4em .8em 0;
914 img.thumbborder {
915 border: 1px solid #dddddd;
917 .hiddenStructure {
918 display: none;
920 /* Warning */
921 .mw-warning {
922 margin-left: 50px;
923 margin-right: 50px;
924 text-align: center;
926 /* User Message */
927 .usermessage {
928 background-color: #ffce7b;
929 border: 1px solid #ffa500;
930 color: black;
931 font-weight: bold;
932 margin: 2em 0 1em;
933 padding: .5em 1em;
934 vertical-align: middle;
936 /* Site Notice (includes notices from CentralNotice extension) */
937 #siteNotice {
938 text-align: center;
939 font-size: 0.8em;
940 margin: 0;
942 #localNotice {
943 margin-bottom: 0.9em;
945 /* Categories */
946 .catlinks {
947 border: 1px solid #aaa;
948 background-color: #f9f9f9;
949 padding: 5px;
950 margin-top: 1em;
951 clear: both;
953 /* Sub-navigation */
954 #siteSub {
955 display: none;
957 #jump-to-nav {
958 display: none;
960 #contentSub, #contentSub2 {
961 font-size: 84%;
962 line-height: 1.2em;
963 margin: 0 0 1.4em 1em;
964 color: #7d7d7d;
965 width: auto;
967 span.subpages {
968 display: block;
970 /* Emulate Center */
971 .center {
972 width: 100%;
973 text-align: center;
975 *.center * {
976 margin-left: auto;
977 margin-right: auto;
979 /* Small for tables and similar */
980 .small, .small * {
981 font-size: 94%;
983 table.small {
984 font-size: 100%;
986 /* Edge Cases for Content */
987 h1, h2 {
988 margin-bottom: .6em;
990 h3, h4, h5 {
991 margin-bottom: .3em;
993 #firstHeading {
994 padding-top: 0;
995 margin-top: 0;
996 padding-top: 0;
997 margin-bottom: 0.1em;
998 line-height: 1.2em;
999 font-size: 1.6em;
1000 padding-bottom: 0;
1002 div#content a.external,
1003 div#content a[href ^="gopher://"] {
1004 background: url(images/external-link-ltr-icon.png?2) center right no-repeat;
1005 padding: 0 13px 0 0;
1007 div#content a[href ^="https://"],
1008 .link-https {
1009 background: url(images/lock-icon.png?2) center right no-repeat;
1010 padding: 0 13px 0 0;
1012 div#content a[href ^="mailto:"],
1013 .link-mailto {
1014 background: url(images/mail-icon.png?2) center right no-repeat;
1015 padding: 0 13px 0 0;
1017 div#content a[href ^="news://"] {
1018 background: url(images/news-icon.png?2) center right no-repeat;
1019 padding: 0 13px 0 0;
1021 div#content a[href ^="ftp://"],
1022 .link-ftp {
1023 background: url(images/file-icon.png?2) center right no-repeat;
1024 padding: 0 13px 0 0;
1026 div#content a[href ^="irc://"],
1027 div#content a.extiw[href ^="irc://"],
1028 .link-irc {
1029 background: url(images/talk-icon.png?2) center right no-repeat;
1030 padding: 0 13px 0 0;
1032 div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
1033 div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
1034 div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
1035 div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
1036 div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
1037 div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
1038 .link-audio {
1039 background: url("images/audio-icon.png?2") center right no-repeat;
1040 padding: 0 13px 0 0;
1042 div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
1043 div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
1044 div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
1045 div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
1046 .link-video {
1047 background: url("images/video-icon.png?2") center right no-repeat;
1048 padding: 0 13px 0 0;
1050 div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
1051 div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
1052 div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
1053 .link-document {
1054 background: url("images/document-icon.png?2") center right no-repeat;
1055 padding: 0 13px 0 0;
1057 /* Interwiki Styling (Disabled) */
1058 div#content a.extiw,
1059 div#content a.extiw:active {
1060 color: #36b;
1061 background: none;
1062 padding: 0;
1064 div#content a.external {
1065 color: #36b;
1067 div#content .printfooter {
1068 display: none;
1070 /* Icon for Usernames */
1071 #pt-userpage,
1072 #pt-anonuserpage,
1073 #pt-login {
1074 background: url(images/user-icon.png?1) left top no-repeat;
1075 padding-left: 15px !important;
1076 text-transform: none;
1079 .toccolours {
1080 border: 1px solid #aaa;
1081 background-color: #f9f9f9;
1082 padding: 5px;
1083 font-size: 95%;
1085 #bodyContent {
1086 position: relative;
1087 width: 100%;
1089 #mw-js-message {
1090 font-size: 0.8em;
1092 div#bodyContent {
1093 line-height: 1.5em;
1096 /* Watch/Unwatch Icon Styling */
1097 #ca-unwatch.icon,
1098 #ca-watch.icon {
1099 margin-right:1px;
1101 #ca-unwatch.icon a,
1102 #ca-watch.icon a {
1103 margin: 0;
1104 padding: 0;
1105 outline: none;
1106 display: block;
1107 width: 26px;
1108 height: 2.5em;
1110 #ca-unwatch.icon a {
1111 background-image: url(images/watch-icons.png?1);
1112 background-position: -43px 60%;
1114 #ca-watch.icon a {
1115 background-image: url(images/watch-icons.png?1);
1116 background-position: 5px 60%;
1118 #ca-unwatch.icon a:hover {
1119 background-image: url(images/watch-icons.png?1);
1120 background-position: -67px 60%;
1122 #ca-watch.icon a:hover {
1123 background-image: url(images/watch-icons.png?1);
1124 background-position: -19px 60%;
1126 #ca-unwatch.icon a.loading,
1127 #ca-watch.icon a.loading {
1128 background-image: url(images/watch-icon-loading.gif?1);
1129 background-position: center 60%;
1131 #ca-unwatch.icon a span,
1132 #ca-watch.icon a span {
1133 display: none;
1135 div.vectorTabs ul {
1136 background-image:url(images/tab-break.png?1);
1137 background-position:right bottom;
1138 background-repeat:no-repeat;