MediaWiki:Common.css: Difference between revisions
Appearance
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 */ | |||
} | } | ||
Latest revision as of 12:03, 30 January 2025
/* CSS placed here will be applied to all skins */
.mw-editsection {
float: right;
}
.mw-editsection-bracket {
color: #AAA;
}
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 */
}