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 */
74 list-style-type: square
;
76 list-style-image: url
(bullet.gif);
80 padding: 0 .3em .3em .3em !important
;
83 height: 1.7em !important
;
92 ** the main content area
108 ** classes for special content elements like town boxes
109 ** intended to be referenced directly from the wiki src
115 /* table standards */
134 ** keep the whitespace in front of the ^=, hides rule from konqueror
135 ** this is css3, the validator doesn't like it when validating as css2
137 #bodyContent a
.external
,
138 #bodyContent a
.external
[href ^
="gopher://"] {
140 background: url
(external-ltr
.png
) center right no-repeat
;
143 #bodyContent a
.external
[href ^
="https://"],
146 background: url
(lock_icon.gif) center right no-repeat
;
149 #bodyContent a
.external
[href ^
="mailto:"],
152 background: url
(mail_icon.gif) center right no-repeat
;
155 #bodyContent a
.external
[href ^
="news:"] {
157 background: url
(news_icon.png) center right no-repeat
;
160 #bodyContent a
.external
[href ^
="ftp://"],
163 background: url
(file_icon.gif) center right no-repeat
;
166 #bodyContent a
.external
[href ^
="irc://"],
167 #bodyContent a
.external
[href ^
="ircs://"],
170 background: url
(discussionitem_icon.gif) center right no-repeat
;
173 #bodyContent a
.external
[href $
=".ogg"], #bodyContent a
.external
[href $
=".OGG"],
174 #bodyContent a
.external
[href $
=".mid"], #bodyContent a
.external
[href $
=".MID"],
175 #bodyContent a
.external
[href $
=".midi"], #bodyContent a
.external
[href $
=".MIDI"],
176 #bodyContent a
.external
[href $
=".mp3"], #bodyContent a
.external
[href $
=".MP3"],
177 #bodyContent a
.external
[href $
=".wav"], #bodyContent a
.external
[href $
=".WAV"],
178 #bodyContent a
.external
[href $
=".wma"], #bodyContent a
.external
[href $
=".WMA"],
181 background: url
(audio.png) center right no-repeat
;
184 #bodyContent a
.external
[href $
=".ogm"], #bodyContent a
.external
[href $
=".OGM"],
185 #bodyContent a
.external
[href $
=".avi"], #bodyContent a
.external
[href $
=".AVI"],
186 #bodyContent a
.external
[href $
=".mpeg"], #bodyContent a
.external
[href $
=".MPEG"],
187 #bodyContent a
.external
[href $
=".mpg"], #bodyContent a
.external
[href $
=".MPG"],
190 background: url
(video.png) center right no-repeat
;
193 #bodyContent a
.external
[href $
=".pdf"], #bodyContent a
.external
[href $
=".PDF"],
194 #bodyContent a
.external
[href
*=".pdf#"], #bodyContent a
.external
[href
*=".PDF#"],
195 #bodyContent a
.external
[href
*=".pdf?"], #bodyContent a
.external
[href
*=".PDF?"],
198 background: url
(document.png) center right no-repeat
;
202 /* Interwiki Styling */
203 #bodyContent a
.extiw
,
204 #bodyContent a
.extiw:active
{
209 #bodyContent a
.external
{
214 ** Structural Elements
218 ** general portlet styles (elements in the quickbar)
234 background: transparent
;
235 padding: 0 1em 0 .5em;
238 text-transform: lowercase
;
245 border: 1px solid
#2f6fab;
246 border-style: solid solid none solid
;
247 padding: 0 1em 0 1em;
248 text-transform: lowercase
;
257 background-color: white
;
259 border-collapse: collapse
;
260 border: 1px solid
#aaa;
261 padding: 0 .8em .3em .5em;
286 position: absolute
; /*needed to use z-index */
300 background-repeat: no-repeat
;
301 background-position: 35% 50% !important
;
302 text-decoration: none
;
327 padding: .5em .4em .4em .4em;
330 #p-search #searchform div div
{
335 ** the personal toolbar
356 #p-personal .portlet
,
365 /* this is the ul contained in the portlet */
370 padding: 0 2em 0 3em;
373 list-style-type: none
;
374 list-style-image: none
;
390 text-decoration: none
;
392 padding-bottom: .2em;
395 #p-personal li
a:hover
{
396 background-color: white
;
397 padding-bottom: .2em;
398 text-decoration: none
;
400 #p-personal li
.active
a:hover
{
401 background-color: transparent
;
403 /* the icon in front of the user name, single quotes
404 in bg url to hide it from iemac */
409 background: url
(user.gif) top left no-repeat
;
411 text-transform: none
;
414 text-transform: lowercase
;
416 #p-personal li
.active
{
420 ** the page-related actions- page/talk, edit etc
432 border-collapse: collapse
;
437 list-style-type: none
;
438 list-style-image: none
;
442 border: 1px solid
#aaa;
449 #p-cactions li
.selected
{
450 border-color: #fabd23;
455 background-color: #fbfbfb;
458 padding: 0 .8em .3em;
462 text-decoration: none
;
464 #p-cactions li
.selected a
{
466 background-color: white
;
471 #p-cactions li
a:hover
{
473 text-decoration: none
;
474 background-color: white
;
479 #p-cactions li
.istalk
{
482 #p-cactions li
.istalk a
{
485 #p-cactions #ca-addsection a
{
489 /* offsets to distinguish the tab groups */
501 background-color: transparent
;
503 border-collapse: inherit
;
508 text-transform: lowercase
;
516 /* Override text-transform on languages where capitalization is significant */
517 .capitalize-all-nouns
.portlet h5
,
518 .capitalize-all-nouns
.portlet h6
,
519 .capitalize-all-nouns #p-personal ul
,
520 .capitalize-all-nouns #p-cactions ul li a {
521 text-transform: none
;
524 /* TODO: #t-iscite is only used by the Cite extension, come up with some
525 * system which allows extensions to add to this file on the fly
527 #t-ispermalink, #t-iscite
{
534 background-color: white
;
535 border-top: 1px solid
#fabd23;
536 border-bottom: 1px solid
#fabd23;
537 margin: .6em 0 1em 0;
538 padding: .4em 0 1.2em 0;
546 #f-poweredbyico, #f-copyrightico
{
549 top: -2px; /* Bump it up just a tad */
560 .mw-htmlform-submit {
575 background-color: #f0f0f0;
579 margin: 1px -2px 1px 2px;
581 padding: 2px 0 3px 0;
582 border: 1px solid
#fff;
583 border-right-color: #716f64;
587 list-style-type: none
;
588 list-style-image: none
;
591 #preftoc li
.selected
{
593 background-color: #f9f9f9;
594 border: 1px solid
#aaa;
601 #preftoc > li
.selected
{
610 text-decoration: none
;
612 #preftoc li
.selected a
{
614 text-decoration: none
;
618 border: 1px solid
#aaa;
621 background-color: #F9F9F9;
629 .prefsection legend {
632 .prefsection table, .prefsection legend {
633 background-color: #F9F9F9;
646 margin-bottom: 1.5em;
657 border: 1px solid
#aaa;
660 background-color: #f9f9f9;
664 div#userloginForm table
,
665 div#userlogin table
{
666 background-color: #f9f9f9;
669 div#userloginForm h2
,
674 div#userlogin
.captcha
,
675 div#userloginForm
.captcha
{
676 border: 1px solid
#bbb;
678 background-color: white
;
681 #loginend, #signupend
{
685 #userloginprompt, #languagelinks
{
695 #userlogin .loginText
, #userlogin
.loginPassword
{
699 #userloginlink a
, #wpLoginattempt
, #wpCreateaccount
{
704 ** IE/Mac fixes, hope to find a validating way to move this
705 ** to a separate stylesheet. This would work but doesn't validate:
706 ** @import("IEMacFixes.css");
708 /* tabs: border on the a, not the div */
709 * > html #p-cactions li
{
712 * > html #p-cactions li a
{
713 border: 1px solid
#aaa;
716 * > html #p-cactions li
.selected a
{
717 border-color: #fabd23;
719 /* footer icons need a fixed width */
720 * > html #f-poweredbyico
,
721 * > html #f-copyrightico
{
724 * > html #bodyContent
,
725 * > html #bodyContent pre
{
728 padding-bottom: 25px;
732 /* float/negative margin brokenness */
736 * html div#column-content
{
740 #pagehistory li
.selected
{
744 /* Mac IE 5.0 fix; floated content turns invisible */
745 * > html div#column-content
{
748 * > html div#column-one
{
753 * > html div#footer
{
765 .sharedUploadNotice {
771 background-color: #0f0;
775 border: 1px solid gray
;
776 background-color: #ffffff;
783 .editExternallyHelp {
796 margin-right: 0.33em;
805 border: 1px solid
#ccc;
811 div#searchTargetContainer
{
822 border: solid
1px blue
;
825 div#searchTarget ul li
{
826 list-style-type: none
;
827 list-style-image: none
;
830 div#searchTarget ul
li:before
{
832 content: "\00BB \0020";
835 div#searchTargetHide
{
837 border: solid
1px black
;
846 div
.multipageimagenavbox
{
847 border: solid
1px silver
;
853 div
.multipageimagenavbox div
.thumb
{
859 div
.multipageimagenavbox hr
{
863 table
.multipageimage td
{
871 .mw-summary-preview {
875 /* Friendlier slave lag warnings */
876 div
.mw-lag-warn-normal
,
877 div
.mw-lag-warn-high
{
882 div
.mw-lag-warn-normal
{
883 border: 1px solid
#FFCC66;
884 background-color: #FFFFCC;
886 div
.mw-lag-warn-high
{
888 border: 2px solid
#FF0033;
889 background-color: #FFCCCC;
892 .MediaTransformError {
893 background-color: #ccc;
896 .MediaTransformError td {
898 vertical-align: middle
;
902 /* God-damned hack for the crappy layout */
907 /* Sometimes people don't want personal tools to be lowercase! */
909 text-transform: none
;
912 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
917 /* mediawiki.notification */
918 .skin-monobook .mw-notification {
919 -webkit-box-shadow: 0 2px 5px 0 rgba
(0, 0, 0, 0.125);
920 -moz-box-shadow: 0 2px 5px 0 rgba
(0, 0, 0, 0.125);
921 box-shadow: 0 2px 5px 0 rgba
(0, 0, 0, 0.125);