2 ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
3 ** Copyright Gabriel Wicke - http://wikidev.net/
4 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
6 ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
7 ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
8 ** Michael Zeltner and Geir Bækholt)
9 ** All you guys rock :)
15 margin: 0 0 .6em -12.2em;
19 margin: 2.8em 0 0 12.2em;
20 padding: 0 1em 1em 1em;
27 /* Hide, but keep accessible for screen-readers */
35 border: 1px solid
#aaa;
39 /* the left column width is specified in class .portlet */
42 ** We take advantage of keyword scaling- browsers won't go below 9px
43 ** More at http://www.w3.org/2003/07/30-font-size
44 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
48 font: x-small sans-serif
;
50 background: #f9f9f9 url
(headbg.jpg) 0 0 no-repeat
;
54 direction: ltr
; /* Needed for RTL flipping */
58 /* scale back up to a sane default */
79 list-style-type: square
;
81 list-style-image: url
(bullet.gif);
85 padding: 0 .3em .3em .3em !important
;
88 height: 1.7em !important
;
97 ** the main content area
113 ** classes for special content elements like town boxes
114 ** intended to be referenced directly from the wiki src
120 /* table standards */
139 ** keep the whitespace in front of the ^=, hides rule from konqueror
140 ** this is css3, the validator doesn't like it when validating as css2
142 #bodyContent a
.external
,
143 #bodyContent a
.external
[href ^
="gopher://"] {
145 background: url
(external-ltr
.png
) center right no-repeat
;
148 #bodyContent a
.external
[href ^
="https://"],
151 background: url
(lock_icon.gif) center right no-repeat
;
154 #bodyContent a
.external
[href ^
="mailto:"],
157 background: url
(mail_icon.gif) center right no-repeat
;
160 #bodyContent a
.external
[href ^
="news:"] {
162 background: url
(news_icon.png) center right no-repeat
;
165 #bodyContent a
.external
[href ^
="ftp://"],
168 background: url
(file_icon.gif) center right no-repeat
;
171 #bodyContent a
.external
[href ^
="irc://"],
172 #bodyContent a
.external
[href ^
="ircs://"],
175 background: url
(discussionitem_icon.gif) center right no-repeat
;
178 #bodyContent a
.external
[href $
=".ogg"], #bodyContent a
.external
[href $
=".OGG"],
179 #bodyContent a
.external
[href $
=".mid"], #bodyContent a
.external
[href $
=".MID"],
180 #bodyContent a
.external
[href $
=".midi"], #bodyContent a
.external
[href $
=".MIDI"],
181 #bodyContent a
.external
[href $
=".mp3"], #bodyContent a
.external
[href $
=".MP3"],
182 #bodyContent a
.external
[href $
=".wav"], #bodyContent a
.external
[href $
=".WAV"],
183 #bodyContent a
.external
[href $
=".wma"], #bodyContent a
.external
[href $
=".WMA"],
186 background: url
(audio.png) center right no-repeat
;
189 #bodyContent a
.external
[href $
=".ogm"], #bodyContent a
.external
[href $
=".OGM"],
190 #bodyContent a
.external
[href $
=".avi"], #bodyContent a
.external
[href $
=".AVI"],
191 #bodyContent a
.external
[href $
=".mpeg"], #bodyContent a
.external
[href $
=".MPEG"],
192 #bodyContent a
.external
[href $
=".mpg"], #bodyContent a
.external
[href $
=".MPG"],
195 background: url
(video.png) center right no-repeat
;
198 #bodyContent a
.external
[href $
=".pdf"], #bodyContent a
.external
[href $
=".PDF"],
199 #bodyContent a
.external
[href
*=".pdf#"], #bodyContent a
.external
[href
*=".PDF#"],
200 #bodyContent a
.external
[href
*=".pdf?"], #bodyContent a
.external
[href
*=".PDF?"],
203 background: url
(document.png) center right no-repeat
;
207 /* Interwiki Styling */
208 #bodyContent a
.extiw
,
209 #bodyContent a
.extiw:active
{
214 #bodyContent a
.external
{
219 ** Structural Elements
223 ** general portlet styles (elements in the quickbar)
234 background: transparent
;
235 padding: 0 1em 0 .5em;
238 text-transform: lowercase
;
245 background-color: white
;
247 border-collapse: collapse
;
248 border: 1px solid
#aaa;
249 padding: 0 .8em .3em .5em;
267 position: absolute
; /*needed to use z-index */
281 background-repeat: no-repeat
;
282 background-position: 35% 50% !important
;
283 text-decoration: none
;
308 padding: .5em .4em .4em .4em;
311 #p-search #searchform div div
{
316 ** the personal toolbar
337 #p-personal .portlet
,
346 /* this is the ul contained in the portlet */
351 padding: 0 2em 0 3em;
354 list-style-type: none
;
355 list-style-image: none
;
371 text-decoration: none
;
373 padding-bottom: .2em;
376 #p-personal li
a:hover
{
377 background-color: white
;
378 padding-bottom: .2em;
379 text-decoration: none
;
381 #p-personal li
.active
a:hover
{
382 background-color: transparent
;
384 /* The icon in front of the username / login link */
389 background: url
(user.gif) top left no-repeat
;
393 text-transform: lowercase
;
395 /* Don't lowercase username or IP addresses (IPv6) */
398 text-transform: none
;
400 #p-personal li
.active
{
404 ** the page-related actions- page/talk, edit etc
416 border-collapse: collapse
;
421 list-style-type: none
;
422 list-style-image: none
;
426 border: 1px solid
#aaa;
433 #p-cactions li
.selected
{
434 border-color: #fabd23;
439 background-color: #fbfbfb;
442 padding: 0 .8em .3em;
446 text-decoration: none
;
448 #p-cactions li
.selected a
{
450 background-color: white
;
455 #p-cactions li
a:hover
{
457 text-decoration: none
;
458 background-color: white
;
463 #p-cactions li
.istalk
{
466 #p-cactions li
.istalk a
{
469 #p-cactions #ca-addsection a
{
473 /* offsets to distinguish the tab groups */
485 background-color: transparent
;
487 border-collapse: inherit
;
492 text-transform: lowercase
;
500 /* Override text-transform on languages where capitalization is significant */
501 .capitalize-all-nouns
.portlet h3
,
502 .capitalize-all-nouns #p-personal ul
,
503 .capitalize-all-nouns #p-cactions ul li a {
504 text-transform: none
;
507 /* TODO: #t-iscite is only used by the Cite extension, come up with some
508 * system which allows extensions to add to this file on the fly
510 #t-ispermalink, #t-iscite
{
517 background-color: white
;
518 border-top: 1px solid
#fabd23;
519 border-bottom: 1px solid
#fabd23;
520 margin: .6em 0 1em 0;
521 padding: .4em 0 1.2em 0;
529 #f-poweredbyico, #f-copyrightico
{
532 top: -2px; /* Bump it up just a tad */
543 .mw-htmlform-submit {
558 background-color: #f0f0f0;
562 margin: 1px -2px 1px 2px;
564 padding: 2px 0 3px 0;
565 border: 1px solid
#fff;
566 border-right-color: #716f64;
570 list-style-type: none
;
571 list-style-image: none
;
574 #preftoc li
.selected
{
576 background-color: #f9f9f9;
577 border: 1px solid
#aaa;
584 #preftoc > li
.selected
{
593 text-decoration: none
;
595 #preftoc li
.selected a
{
597 text-decoration: none
;
601 border: 1px solid
#aaa;
604 background-color: #F9F9F9;
612 .prefsection legend {
615 .prefsection table, .prefsection legend {
616 background-color: #F9F9F9;
629 margin-bottom: 1.5em;
640 border: 1px solid
#aaa;
643 background-color: #f9f9f9;
647 div#userloginForm table
,
648 div#userlogin table
{
649 background-color: #f9f9f9;
652 div#userloginForm h2
,
657 div#userlogin
.captcha
,
658 div#userloginForm
.captcha
{
659 border: 1px solid
#bbb;
661 background-color: white
;
664 #loginend, #signupend
{
668 #userloginprompt, #languagelinks
{
678 #userlogin .loginText
, #userlogin
.loginPassword
{
682 #userloginlink a
, #wpLoginattempt
, #wpCreateaccount
{
687 ** IE/Mac fixes, hope to find a validating way to move this
688 ** to a separate stylesheet. This would work but doesn't validate:
689 ** @import("IEMacFixes.css");
691 /* tabs: border on the a, not the div */
692 * > html #p-cactions li
{
695 * > html #p-cactions li a
{
696 border: 1px solid
#aaa;
699 * > html #p-cactions li
.selected a
{
700 border-color: #fabd23;
702 /* footer icons need a fixed width */
703 * > html #f-poweredbyico
,
704 * > html #f-copyrightico
{
707 * > html #bodyContent
,
708 * > html #bodyContent pre
{
711 padding-bottom: 25px;
715 /* float/negative margin brokenness */
719 * html div#column-content
{
723 #pagehistory li
.selected
{
727 /* Mac IE 5.0 fix; floated content turns invisible */
728 * > html div#column-content
{
731 * > html div#column-one
{
736 * > html div#footer
{
748 .sharedUploadNotice {
754 background-color: #0f0;
758 border: 1px solid gray
;
759 background-color: #ffffff;
766 .editExternallyHelp {
779 margin-right: 0.33em;
788 border: 1px solid
#ccc;
794 div#searchTargetContainer
{
805 border: solid
1px blue
;
808 div#searchTarget ul li
{
809 list-style-type: none
;
810 list-style-image: none
;
813 div#searchTarget ul
li:before
{
815 content: "\00BB \0020";
818 div#searchTargetHide
{
820 border: solid
1px black
;
829 div
.multipageimagenavbox
{
830 border: solid
1px silver
;
836 div
.multipageimagenavbox div
.thumb
{
842 div
.multipageimagenavbox hr
{
846 table
.multipageimage td
{
854 .mw-summary-preview {
858 /* Friendlier slave lag warnings */
859 div
.mw-lag-warn-normal
,
860 div
.mw-lag-warn-high
{
865 div
.mw-lag-warn-normal
{
866 border: 1px solid
#FFCC66;
867 background-color: #FFFFCC;
869 div
.mw-lag-warn-high
{
871 border: 2px solid
#FF0033;
872 background-color: #FFCCCC;
875 .MediaTransformError {
876 background-color: #ccc;
879 .MediaTransformError td {
881 vertical-align: middle
;
885 /* God-damned hack for the crappy layout */
890 /* Sometimes people don't want personal tools to be lowercase! */
892 text-transform: none
;
895 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
900 /* mediawiki.notification */
901 .skin-monobook .mw-notification {
902 -webkit-box-shadow: 0 2px 5px 0 rgba
(0, 0, 0, 0.125);
903 -moz-box-shadow: 0 2px 5px 0 rgba
(0, 0, 0, 0.125);
904 box-shadow: 0 2px 5px 0 rgba
(0, 0, 0, 0.125);