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;
30 border: 1px solid
#aaa;
34 /* the left column width is specified in class .portlet */
37 ** We take advantage of keyword scaling- browsers won't go below 9px
38 ** More at http://www.w3.org/2003/07/30-font-size
39 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
43 font: x-small sans-serif
;
45 background: #f9f9f9 url
(headbg.jpg) 0 0 no-repeat
;
49 direction: ltr
; /* Needed for RTL flipping */
53 /* scale back up to a sane default */
75 list-style-image: url
(bullet.gif);
79 padding: 0 .3em .3em .3em !important
;
82 height: 1.7em !important
;
91 ** the main content area
106 /* currently unused, intended to be used by a metadata box
107 in the bottom-right corner of the content area */
108 .documentDescription {
109 /* The summary text describing the document */
124 ** classes for special content elements like town boxes
125 ** intended to be referenced directly from the wiki src
131 /* table standards */
150 ** keep the whitespace in front of the ^=, hides rule from konqueror
151 ** this is css3, the validator doesn't like it when validating as css2
153 #bodyContent a
.external
,
154 #bodyContent a
.external
[href ^
="gopher://"] {
156 background: url
(external-ltr
.png
) center right no-repeat
;
159 #bodyContent a
.external
[href ^
="https://"],
162 background: url
(lock_icon.gif) center right no-repeat
;
165 #bodyContent a
.external
[href ^
="mailto:"],
168 background: url
(mail_icon.gif) center right no-repeat
;
171 #bodyContent a
.external
[href ^
="news://"] {
173 background: url
(news_icon.png) center right no-repeat
;
176 #bodyContent a
.external
[href ^
="ftp://"],
179 background: url
(file_icon.gif) center right no-repeat
;
182 #bodyContent a
.external
[href ^
="irc://"],
183 #bodyContent a
.external
[href ^
="ircs://"],
186 background: url
(discussionitem_icon.gif) center right no-repeat
;
189 #bodyContent a
.external
[href $
=".ogg"], #bodyContent a
.external
[href $
=".OGG"],
190 #bodyContent a
.external
[href $
=".mid"], #bodyContent a
.external
[href $
=".MID"],
191 #bodyContent a
.external
[href $
=".midi"], #bodyContent a
.external
[href $
=".MIDI"],
192 #bodyContent a
.external
[href $
=".mp3"], #bodyContent a
.external
[href $
=".MP3"],
193 #bodyContent a
.external
[href $
=".wav"], #bodyContent a
.external
[href $
=".WAV"],
194 #bodyContent a
.external
[href $
=".wma"], #bodyContent a
.external
[href $
=".WMA"],
197 background: url
(audio.png) center right no-repeat
;
200 #bodyContent a
.external
[href $
=".ogm"], #bodyContent a
.external
[href $
=".OGM"],
201 #bodyContent a
.external
[href $
=".avi"], #bodyContent a
.external
[href $
=".AVI"],
202 #bodyContent a
.external
[href $
=".mpeg"], #bodyContent a
.external
[href $
=".MPEG"],
203 #bodyContent a
.external
[href $
=".mpg"], #bodyContent a
.external
[href $
=".MPG"],
206 background: url
(video.png) center right no-repeat
;
209 #bodyContent a
.external
[href $
=".pdf"], #bodyContent a
.external
[href $
=".PDF"],
210 #bodyContent a
.external
[href
*=".pdf#"], #bodyContent a
.external
[href
*=".PDF#"],
211 #bodyContent a
.external
[href
*=".pdf?"], #bodyContent a
.external
[href
*=".PDF?"],
214 background: url
(document.png) center right no-repeat
;
218 /* Interwiki Styling */
219 #bodyContent a
.extiw
,
220 #bodyContent a
.extiw:active
{
225 #bodyContent a
.external
{
230 ** Structural Elements
234 ** general portlet styles (elements in the quickbar)
244 html
> body
.portlet
{
248 /* recover IEMac (might be fine with the float, but usually it's close to IE */
259 background: transparent
;
260 padding: 0 1em 0 .5em;
263 text-transform: lowercase
;
270 border: 1px solid
#2f6fab;
271 border-style: solid solid none solid
;
272 padding: 0 1em 0 1em;
273 text-transform: lowercase
;
282 background-color: white
;
284 border-collapse: collapse
;
285 border: 1px solid
#aaa;
286 padding: 0 .8em .3em .5em;
297 list-style-type: square
;
299 list-style-image: url
(bullet.gif);
314 position: absolute
; /*needed to use z-index */
328 background-repeat: no-repeat
;
329 background-position: 35% 50% !important
;
330 text-decoration: none
;
355 padding: .5em .4em .4em .4em;
358 #p-search #searchform div div
{
363 ** the personal toolbar
384 #p-personal .portlet
,
393 /* this is the ul contained in the portlet */
398 padding: 0 2em 0 3em;
417 text-decoration: none
;
419 padding-bottom: .2em;
422 #p-personal li
a:hover
{
423 background-color: white
;
424 padding-bottom: .2em;
425 text-decoration: none
;
427 #p-personal li
.active
a:hover
{
428 background-color: transparent
;
430 /* the icon in front of the user name, single quotes
431 in bg url to hide it from iemac */
436 background: url
(user.gif) top left no-repeat
;
438 text-transform: none
;
441 text-transform: lowercase
;
443 #p-personal li
.active
{
447 ** the page-related actions- page/talk, edit etc
459 border-collapse: collapse
;
469 border: 1px solid
#aaa;
476 #p-cactions li
.selected
{
477 border-color: #fabd23;
482 background-color: #fbfbfb;
485 padding: 0 .8em .3em;
489 text-decoration: none
;
491 #p-cactions li
.selected a
{
493 background-color: white
;
498 #p-cactions li
a:hover
{
500 text-decoration: none
;
501 background-color: white
;
506 #p-cactions li
.istalk
{
509 #p-cactions li
.istalk a
{
512 #p-cactions #ca-addsection a
{
516 /* offsets to distinguish the tab groups */
528 background-color: transparent
;
530 border-collapse: inherit
;
535 text-transform: lowercase
;
543 /* Override text-transform on languages where capitalization is significant */
544 .capitalize-all-nouns
.portlet h5
,
545 .capitalize-all-nouns
.portlet h6
,
546 .capitalize-all-nouns #p-personal ul
,
547 .capitalize-all-nouns #p-cactions ul li a {
548 text-transform: none
;
551 /* TODO: #t-iscite is only used by the Cite extension, come up with some
552 * system which allows extensions to add to this file on the fly
554 #t-ispermalink, #t-iscite
{
561 background-color: white
;
562 border-top: 1px solid
#fabd23;
563 border-bottom: 1px solid
#fabd23;
564 margin: .6em 0 1em 0;
565 padding: .4em 0 1.2em 0;
573 #f-poweredbyico, #f-copyrightico
{
576 top: -2px; /* Bump it up just a tad */
587 .mw-htmlform-submit {
602 background-color: #f0f0f0;
606 margin: 1px -2px 1px 2px;
608 padding: 2px 0 3px 0;
609 border: 1px solid
#fff;
610 border-right-color: #716f64;
614 list-style-type: none
;
615 list-style-image: none
;
618 #preftoc li
.selected
{
620 background-color: #f9f9f9;
621 border: 1px solid
#aaa;
628 #preftoc > li
.selected
{
637 text-decoration: none
;
639 #preftoc li
.selected a
{
641 text-decoration: none
;
645 border: 1px solid
#aaa;
648 background-color: #F9F9F9;
656 .prefsection legend {
659 .prefsection table, .prefsection legend {
660 background-color: #F9F9F9;
673 margin-bottom: 1.5em;
684 border: 1px solid
#aaa;
687 background-color: #f9f9f9;
691 div#userloginForm table
,
692 div#userlogin table
{
693 background-color: #f9f9f9;
696 div#userloginForm h2
,
701 div#userlogin
.captcha
,
702 div#userloginForm
.captcha
{
703 border: 1px solid
#bbb;
705 background-color: white
;
708 #loginend, #signupend
{
712 #userloginprompt, #languagelinks
{
722 #userlogin .loginText
, #userlogin
.loginPassword
{
726 #userloginlink a
, #wpLoginattempt
, #wpCreateaccount
{
731 ** IE/Mac fixes, hope to find a validating way to move this
732 ** to a separate stylesheet. This would work but doesn't validate:
733 ** @import("IEMacFixes.css");
735 /* tabs: border on the a, not the div */
736 * > html #p-cactions li
{
739 * > html #p-cactions li a
{
740 border: 1px solid
#aaa;
743 * > html #p-cactions li
.selected a
{
744 border-color: #fabd23;
746 /* footer icons need a fixed width */
747 * > html #f-poweredbyico
,
748 * > html #f-copyrightico
{
751 * > html #bodyContent
,
752 * > html #bodyContent pre
{
755 padding-bottom: 25px;
759 /* float/negative margin brokenness */
763 * html div#column-content
{
767 #pagehistory li
.selected
{
771 /* Mac IE 5.0 fix; floated content turns invisible */
772 * > html div#column-content
{
775 * > html div#column-one
{
780 * > html div#footer
{
796 .sharedUploadNotice {
802 background-color: #0f0;
806 border: 1px solid gray
;
807 background-color: #ffffff;
814 .editExternallyHelp {
827 margin-right: 0.33em;
836 border: 1px solid
#ccc;
842 div#searchTargetContainer
{
853 border: solid
1px blue
;
856 div#searchTarget ul li
{
860 div#searchTarget ul
li:before
{
862 content: "\00BB \0020";
865 div#searchTargetHide
{
867 border: solid
1px black
;
876 div
.multipageimagenavbox
{
877 border: solid
1px silver
;
883 div
.multipageimagenavbox div
.thumb
{
889 div
.multipageimagenavbox hr
{
893 table
.multipageimage td
{
901 .mw-summary-preview {
905 /* Friendlier slave lag warnings */
906 div
.mw-lag-warn-normal
,
907 div
.mw-lag-warn-high
{
912 div
.mw-lag-warn-normal
{
913 border: 1px solid
#FFCC66;
914 background-color: #FFFFCC;
916 div
.mw-lag-warn-high
{
918 border: 2px solid
#FF0033;
919 background-color: #FFCCCC;
922 .MediaTransformError {
923 background-color: #ccc;
926 .MediaTransformError td {
928 vertical-align: middle
;
932 /* God-damned hack for the crappy layout */
937 /* Sometimes people don't want personal tools to be lowercase! */
939 text-transform: none
;
942 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */