| blob | fd839bd49de7ecb78e3d723ee4071d5b5379e372 |
1 /*
2 * Any rules which should not be flipped automatically in right-to-left situations should be
3 * prepended with @noflip in a comment block. Images that should be embedded as base64 data-URLs
4 * should be prepended with @embed in a comment block.
5 *
6 * This style-sheet employs a few CSS trick to accomplish compatibility with a wide range of web
7 * browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using
8 * a rule that makes things work in IE6, and then following it with a rule that begins with
9 * "html > body" or use a child selector ">", which is ignored by IE6 because it does not support
10 * the child selector. You can spot this by looking for the "OVERRIDDEN BY COMPLIANT BROWSERS" and
11 * "IGNORED BY IE6" comments.
12 */
14 /* Framework */
15 html,
16 body {
22 }
23 body {
25 }
26 /* Content */
27 div#content {
30 /* Border on top, left, and bottom side */
33 /* Merge the border with tabs' one (in their background image) */
38 }
39 /* Hide, but keep accessible for screen-readers */
43 }
44 /* Head */
48 /* @embed */
52 }
57 }
58 div#mw-head {
63 }
64 div#mw-head h3,
65 div#mw-head h5 {
68 }
69 /* Hide empty portlets */
72 }
73 /* Personal */
78 /* Display on top of page tabs - bugs 37158, 48078 */
80 }
84 }
90 }
91 /* @noflip */
95 }
96 /* This one flips! */
102 }
103 /* Navigation Containers */
108 }
112 }
113 /* Navigation Labels */
119 }
120 /* Namespaces and Views */
121 /* @noflip */
125 }
127 /* @embed */
132 }
133 /* @noflip */
136 }
143 }
144 /* @noflip */
147 }
148 /* OVERRIDDEN BY COMPLIANT BROWSERS */
156 /* @embed */
161 }
162 /* IGNORED BY IE6 */
165 }
167 /* @embed */
169 }
170 /* OVERRIDDEN BY COMPLIANT BROWSERS */
179 }
180 /* IGNORED BY IE6 */
183 }
187 }
188 /* OVERRIDDEN BY COMPLIANT BROWSERS */
192 }
193 /* IGNORED BY IE6 */
194 /* @noflip */
198 }
201 /* @embed */
205 }
210 }
214 }
215 /* Variants and Actions */
216 /* @noflip */
220 /* @embed */
225 }
227 /* @embed */
230 }
231 /* @noflip */
234 }
235 /* OVERRIDDEN BY COMPLIANT BROWSERS */
236 /* @noflip */
240 /* @embed */
243 }
244 /* This will be flipped - unlike the one above it */
249 }
250 /* IGNORED BY IE6 */
254 }
264 }
265 /* OVERRIDDEN BY COMPLIANT BROWSERS */
266 /* @noflip */
273 /* @embed */
276 }
277 /* This will be flipped - unlike the one above it */
281 }
282 /* IGNORED BY IE6 */
286 }
292 }
293 /* OVERRIDDEN BY COMPLIANT BROWSERS */
294 /* @noflip */
297 }
298 /* IGNORED BY IE6 */
299 /* @noflip */
302 }
303 /* IGNORED BY IE6 */
304 /* Also fixes old versions of FireFox */
305 /* @noflip */
309 }
310 /* Enable forcing showing of the menu for accessibility */
314 }
326 }
327 /* Fixes old versions of FireFox */
331 }
332 /* Returns things back to normal in modern versions of FireFox */
337 }
343 }
344 /* OVERRIDDEN BY COMPLIANT BROWSERS */
352 }
353 /* IGNORED BY IE6 */
356 }
361 }
362 /* Search */
366 }
367 /* @noflip */
370 }
374 }
379 }
380 div#simpleSearch {
390 /* @embed */
394 }
395 div#simpleSearch label {
396 /*
397 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
398 * this from ever being shown anyways.
399 */
403 }
404 div#simpleSearch input {
407 }
410 }
413 }
416 }
419 }
422 }
423 div#simpleSearch input#searchInput {
435 /*
436 * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
437 * this from ever being shown anyways.
438 */
442 }
443 div#simpleSearch button#searchButton {
457 }
458 /* OVERRIDDEN BY COMPLIANT BROWSERS */
459 div#simpleSearch button#searchButton img {
464 }
465 /* IGNORED BY IE6 */
468 }
469 /* Panel */
470 div#mw-panel {
476 }
480 }
491 }
496 /* @embed */
500 }
506 }
514 }
517 }
520 }
521 /* Footer */
522 div#footer {
527 }
528 div#footer ul {
533 }
534 div#footer ul li {
541 }
542 div#footer #footer-icons {
544 }
545 /* @noflip */
548 }
549 div#footer #footer-info li {
551 }
552 div#footer #footer-icons li {
557 }
558 div#footer #footer-places li {
562 }
563 /* Logo */
570 }
578 }
580 /*
581 *
582 * The following code is highly modified from monobook. It would be nice if the
583 * preftoc id was more human readable like preferences-toc for instance,
584 * howerver this would require backporting the other skins.
585 */
587 /* Preferences */
589 /* Tabs */
595 /* @embed */
599 }
601 /* Tab */
610 /* @embed */
614 }
615 /* Sadly, IE6 won't understand this */
618 }
628 }
632 }
634 /* @embed */
640 }
649 }
653 }
658 }
661 }
664 }
668 }
673 }
676 }
679 }
681 /**
682 * The following code is slightly modified from monobook
683 */
684 div#content {
686 }
689 }
691 ul {
693 /* @embed */
695 }
699 }
701 /* Site Notice (includes notices from CentralNotice extension) */
704 }
709 }
712 /* @embed */
715 }
718 /* @embed */
721 }
724 /* @embed */
727 }
729 /* @embed */
732 }
735 /* @embed */
738 }
742 /* @embed */
745 }
753 /* @embed */
756 }
762 /* @embed */
765 }
770 /* @embed */
773 }
775 /* Icon for Usernames */
779 /* @embed */
781 /* SVG support using a transparent gradient to guarantee cross-browser
782 * compatibility (browsers able to understand gradient syntax support also SVG) */
783 /* @embed */
785 /* @embed */
788 }
792 }
796 }
801 }
802 div#bodyContent {
804 }
806 /* mediawiki.notification */
810 }
820 }
822 /* Watch/Unwatch Icon Styling */
830 /* This hides the text but shows the background image */
833 /* Only applied in IE6 */
837 /* @embed */
839 }
842 }
845 }
849 }
853 }
856 /* @embed */
859 }
863 }
865 /* @embed */
869 }
871 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
874 }
876 /* Animate between standard and high definition layouts */
884 }
891 }
897 }
903 }
909 }
915 }