MediaWiki:Common.css: Difference between revisions
for collapsible tables |
tweak panel alignment |
||
| (47 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
=== | |||
.mw-editsection { | |||
. | float: right; | ||
} | |||
.mw-editsection-bracket { | |||
text-align: right; | color: #AAA; | ||
width: | } | ||
span.OpenID { | |||
background: url(/extensions/OpenID/skin/icons/openid-inputicon.png) no-repeat 0% 0%; | |||
padding-left: 20px; | |||
text-transform: none; | |||
} | |||
.openid_small_btn:hover { | |||
border-bottom: 1px solid black; | |||
} | |||
.openid_large_btn:hover, | |||
.openid_selected:hover, | |||
#userloginForm a:hover { | |||
border-bottom: 2px solid black; | |||
} | |||
pre { | |||
background-color: #fbfbfb; | |||
font-size: 105%; | |||
line-height: 1.26em; | |||
overflow: auto; | |||
} | |||
code { | |||
background-color: #FFFFFF; | |||
border: 1px dotted #e6e6e6; | |||
font-size: 105%; | |||
line-height: 1.26em; | |||
overflow: auto; | |||
} | |||
tt { | |||
background-color: #FFFFFF; | |||
font-size: 105%; | |||
line-height: 1.26em; | |||
overflow: auto; | |||
} | |||
#p-Google\ translations { | |||
text-align: center; | |||
margin-left: 0px; | |||
} | |||
abbr[title], acronym, .explain[title] { | |||
cursor: url(/images/f/fe/HelpSmall.cur), help; | |||
} | |||
map area, | |||
div.locallink a, | |||
span.locallink a, | |||
span.locallink a:hover, | |||
.mw-ui-checkbox-label, | |||
.mw-ui-button { | |||
cursor: url(/images/f/fc/PointerSmall.cur), pointer; | |||
} | |||
div.weblink a, | |||
span.weblink a, | |||
span.weblink a:hover, | |||
#footer a.external:hover, | |||
#footer-icons li a:hover, | |||
#content a.external:hover, | |||
#content a.extiw:hover, | |||
div#f-poweredbyico a:hover, | |||
div#f-copyrightico a:hover { | |||
cursor: url(/images/3/31/WebSmall.cur), pointer; | |||
} | |||
#content a[href ^="http://flossmanuals.net"], | |||
#content a[href ^="http://en.flossmanuals.net"], | |||
#content a[href ^="http://www.flossmanuals.net"], | |||
#content a[href ^="http://translate.flossmanuals.net"] { | |||
background: url(http://en.flossmanuals.net/_templates/fm_resources/fl2.ico) center right no-repeat; | |||
padding: 2px 18px 0 0; | |||
} | |||
#content a[href^="irc://"], #content a.extiw[href^="irc://"], .link-irc { | |||
padding: 2px 18px 0 0; | |||
} | |||
#content a.external[href$=".pdf"], #content a.external[href$=".PDF"], #content a.external[href*=".pdf#"], #content a.external[href*=".PDF#"], #content a.external[href*=".pdf?"], #content a.external[href*=".PDF?"], .link-document { | |||
padding: 2px 18px 0 0; | |||
} | |||
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */ | |||
.redirect-in-category, .allpagesredirect { | |||
font-style: italic; | |||
} | |||
span.mw-collapsible-toggle { float: left; } | |||
/* When <div class="numtoc"> is used on the table of contents, | |||
the ToC will display with numbers | |||
. | |||
copied here 08 Nov 2009 by [[User:FGrose]] from [[wikipedia:MediaWiki:Common.css]] | |||
edited to default to float on the right with nonumbers 26 July 2010 | |||
*/ | |||
.toc { | |||
float: right; | |||
clear: right; | |||
margin-top: 0.5em; | |||
margin-left: 1.4em; | |||
margin-bottom: .5em; | |||
background-color: #f9f9f9; | |||
width: auto; | |||
white-space: nowrap; | |||
} | |||
.tocnumber { display: none; } | |||
#toc li, .toc li, | |||
.numtoc #toc li, | |||
.numtoc .toc li { | |||
padding: 0em 0.3em 0em 0.3em; | |||
} | |||
#toc ul, | |||
.toc ul { | |||
line-height: 1.5em; | |||
list-style: none; | |||
margin: .3em 0 0; | |||
padding: 0; | |||
} | |||
#toc ul ul, | |||
.toc ul ul { | |||
margin: 0 0 0 2em; | |||
} | |||
.numtoc .tocnumber { display: inline; } | |||
.numtoc #toc ul, | |||
.numtoc .toc ul { | |||
line-height: 1.5em; | |||
list-style: none; | |||
margin: .3em 0 0; | |||
padding: 0; | |||
} | |||
.numtoc #toc ul ul, | |||
.numtoc .toc ul ul { | |||
margin: 0 0 0 2em; | |||
} | |||
/* Allow limiting of which header levels are shown in a TOC; | |||
<div class="toclimit-3">, for instance, will limit to | |||
showing ==headings== and ===headings=== but no further | |||
(as long as there are no =headings= on the page, which | |||
there shouldn't be according to the MoS). | |||
updated 12 Nov 2009 by [[User:FGrose]] modeled after [[wikipedia:MediaWiki:Common.css]] | |||
but extended to 10 levels as demonstrated | |||
in [[Template:TOCright]]. | |||
updated 19 May 2010 by [[User:FGrose]] [[wikipedia:MediaWiki_talk:Common.css#on_toclimits]] | |||
*/ | |||
.toclimit-2 .toclevel-2 ul, | |||
.toclimit-3 .toclevel-3 ul, | |||
.toclimit-4 .toclevel-4 ul, | |||
.toclimit-5 .toclevel-5 ul, | |||
.toclimit-6 .toclevel-6 ul, | |||
.toclimit-7 .toclevel-7 ul, | |||
.toclimit-8 .toclevel-8 ul, | |||
.toclimit-9 .toclevel-9 ul, | |||
.toclimit-10 .toclevel-10 ul { display: none; } | |||
/* | |||
* The following styles have been imported from [[MediaWiki:Common.css]] for [[Template:Mbox]] and related templates -- [[User:Bernie]] | |||
*/ | |||
/** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow **/ | |||
table.mbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #aaa; /* Default "notice" gray */ | |||
background: #f9f9f9; | |||
} | |||
table.mbox-wide { | |||
margin: 4px 0; | |||
} | |||
th.mbox-text, td.mbox-text { /* The message body cell(s) */ | |||
border: none; | |||
padding: 0.25em 0.9em; /* 0.9em left/right */ | |||
width: 100%; /* Make all mboxes the same width regardless of text length */ | |||
} | |||
td.mbox-image { /* The left image cell */ | |||
border: none; | |||
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ | |||
text-align: center; | |||
} | |||
td.mbox-imageright { /* The right image cell */ | |||
border: none; | |||
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ | |||
text-align: center; | |||
} | |||
td.mbox-empty-cell { /* An empty narrow cell */ | |||
border: none; | |||
padding: 0px; | |||
width: 1px; | |||
} | |||
/* These mbox-small classes must be placed after all other | |||
ambox/tmbox/ombox etc classes. "body.mediawiki" is so | |||
they override "table.ambox + table.ambox" above. */ | |||
body.mediawiki table.mbox-small { /* For the "small=yes" option. */ | |||
clear: right; | |||
float: right; | |||
margin: 4px 0 4px 1em; | |||
width: 238px; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */ | |||
margin: 4px 1em 4px 0; | |||
width: 238px; | |||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
/* These are the same colours as the enwiki | |||
'cmbox' styles; just with different names. */ | |||
table.mbox-critical { | |||
border: 4px solid #b22222; /* Red */ | |||
background: #FFDBDB; /* Pink */ | |||
} | |||
table.mbox-important { | |||
background: #FFDBDB; /* Red */ | |||
} | |||
table.mbox-warning { | |||
background: #FFE7CE; /* Orange */ | |||
} | |||
table.mbox-caution { | |||
background: #FFF9DB; /* Yellow */ | |||
} | |||
table.mbox-notice { | |||
background: #D8E8FF; /* Blue */ | |||
} | |||
table.mbox-move { | |||
background: #E4D8FF; /* Purple */ | |||
} | |||
table.mbox-protection { | |||
background: #EFEFE1; /* Gray-gold */ | |||
} | } | ||