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)
250 background: transparent
;
251 padding: 0 1em 0 .5em;
254 text-transform: lowercase
;
261 border: 1px solid
#2f6fab;
262 border-style: solid solid none solid
;
263 padding: 0 1em 0 1em;
264 text-transform: lowercase
;
273 background-color: white
;
275 border-collapse: collapse
;
276 border: 1px solid
#aaa;
277 padding: 0 .8em .3em .5em;
288 list-style-type: square
;
290 list-style-image: url
(bullet.gif);
305 position: absolute
; /*needed to use z-index */
319 background-repeat: no-repeat
;
320 background-position: 35% 50% !important
;
321 text-decoration: none
;
346 padding: .5em .4em .4em .4em;
349 #p-search #searchform div div
{
354 ** the personal toolbar
375 #p-personal .portlet
,
384 /* this is the ul contained in the portlet */
389 padding: 0 2em 0 3em;
408 text-decoration: none
;
410 padding-bottom: .2em;
413 #p-personal li
a:hover
{
414 background-color: white
;
415 padding-bottom: .2em;
416 text-decoration: none
;
418 #p-personal li
.active
a:hover
{
419 background-color: transparent
;
421 /* the icon in front of the user name, single quotes
422 in bg url to hide it from iemac */
427 background: url
(user.gif) top left no-repeat
;
429 text-transform: none
;
432 text-transform: lowercase
;
434 #p-personal li
.active
{
438 ** the page-related actions- page/talk, edit etc
450 border-collapse: collapse
;
460 border: 1px solid
#aaa;
467 #p-cactions li
.selected
{
468 border-color: #fabd23;
473 background-color: #fbfbfb;
476 padding: 0 .8em .3em;
480 text-decoration: none
;
482 #p-cactions li
.selected a
{
484 background-color: white
;
489 #p-cactions li
a:hover
{
491 text-decoration: none
;
492 background-color: white
;
497 #p-cactions li
.istalk
{
500 #p-cactions li
.istalk a
{
503 #p-cactions #ca-addsection a
{
507 /* offsets to distinguish the tab groups */
519 background-color: transparent
;
521 border-collapse: inherit
;
526 text-transform: lowercase
;
534 /* Override text-transform on languages where capitalization is significant */
535 .capitalize-all-nouns
.portlet h5
,
536 .capitalize-all-nouns
.portlet h6
,
537 .capitalize-all-nouns #p-personal ul
,
538 .capitalize-all-nouns #p-cactions ul li a {
539 text-transform: none
;
542 /* TODO: #t-iscite is only used by the Cite extension, come up with some
543 * system which allows extensions to add to this file on the fly
545 #t-ispermalink, #t-iscite
{
552 background-color: white
;
553 border-top: 1px solid
#fabd23;
554 border-bottom: 1px solid
#fabd23;
555 margin: .6em 0 1em 0;
556 padding: .4em 0 1.2em 0;
564 #f-poweredbyico, #f-copyrightico
{
567 top: -2px; /* Bump it up just a tad */
578 .mw-htmlform-submit {
593 background-color: #f0f0f0;
597 margin: 1px -2px 1px 2px;
599 padding: 2px 0 3px 0;
600 border: 1px solid
#fff;
601 border-right-color: #716f64;
605 list-style-type: none
;
606 list-style-image: none
;
609 #preftoc li
.selected
{
611 background-color: #f9f9f9;
612 border: 1px solid
#aaa;
619 #preftoc > li
.selected
{
628 text-decoration: none
;
630 #preftoc li
.selected a
{
632 text-decoration: none
;
636 border: 1px solid
#aaa;
639 background-color: #F9F9F9;
647 .prefsection legend {
650 .prefsection table, .prefsection legend {
651 background-color: #F9F9F9;
664 margin-bottom: 1.5em;
675 border: 1px solid
#aaa;
678 background-color: #f9f9f9;
682 div#userloginForm table
,
683 div#userlogin table
{
684 background-color: #f9f9f9;
687 div#userloginForm h2
,
692 div#userlogin
.captcha
,
693 div#userloginForm
.captcha
{
694 border: 1px solid
#bbb;
696 background-color: white
;
699 #loginend, #signupend
{
703 #userloginprompt, #languagelinks
{
713 #userlogin .loginText
, #userlogin
.loginPassword
{
717 #userloginlink a
, #wpLoginattempt
, #wpCreateaccount
{
722 ** IE/Mac fixes, hope to find a validating way to move this
723 ** to a separate stylesheet. This would work but doesn't validate:
724 ** @import("IEMacFixes.css");
726 /* tabs: border on the a, not the div */
727 * > html #p-cactions li
{
730 * > html #p-cactions li a
{
731 border: 1px solid
#aaa;
734 * > html #p-cactions li
.selected a
{
735 border-color: #fabd23;
737 /* footer icons need a fixed width */
738 * > html #f-poweredbyico
,
739 * > html #f-copyrightico
{
742 * > html #bodyContent
,
743 * > html #bodyContent pre
{
746 padding-bottom: 25px;
750 /* float/negative margin brokenness */
754 * html div#column-content
{
758 #pagehistory li
.selected
{
762 /* Mac IE 5.0 fix; floated content turns invisible */
763 * > html div#column-content
{
766 * > html div#column-one
{
771 * > html div#footer
{
787 .sharedUploadNotice {
793 background-color: #0f0;
797 border: 1px solid gray
;
798 background-color: #ffffff;
805 .editExternallyHelp {
818 margin-right: 0.33em;
827 border: 1px solid
#ccc;
833 div#searchTargetContainer
{
844 border: solid
1px blue
;
847 div#searchTarget ul li
{
851 div#searchTarget ul
li:before
{
853 content: "\00BB \0020";
856 div#searchTargetHide
{
858 border: solid
1px black
;
867 div
.multipageimagenavbox
{
868 border: solid
1px silver
;
874 div
.multipageimagenavbox div
.thumb
{
880 div
.multipageimagenavbox hr
{
884 table
.multipageimage td
{
892 .mw-summary-preview {
896 /* Friendlier slave lag warnings */
897 div
.mw-lag-warn-normal
,
898 div
.mw-lag-warn-high
{
903 div
.mw-lag-warn-normal
{
904 border: 1px solid
#FFCC66;
905 background-color: #FFFFCC;
907 div
.mw-lag-warn-high
{
909 border: 2px solid
#FF0033;
910 background-color: #FFCCCC;
913 .MediaTransformError {
914 background-color: #ccc;
917 .MediaTransformError td {
919 vertical-align: middle
;
923 /* God-damned hack for the crappy layout */
928 /* Sometimes people don't want personal tools to be lowercase! */
930 text-transform: none
;
933 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */