MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m Smaller footnotes. |
||
| (37 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/*<pre> | /*<pre> | ||
******************* | |||
* CSS | * CSS for all skins | ||
*******************/ | |||
/* | /* make the Cite extension list of references look smaller and highlight clicked reference in blue */ | ||
ol.references { font-size: 90%; } | |||
ol.references li:target { background-color: #ddeeff; } | |||
sup.reference:target { background-color: #ddeeff; } | |||
/* | /* Line height fix for <sup> */ | ||
sup | |||
{ | |||
vertical-align: top; font-size: 0.9em; | |||
} | |||
table.d20 | /* d20 tables */ | ||
table.d20 tr.even td | |||
{ | { | ||
background: #f9f9f9; | background: #f9f9f9; | ||
} | } | ||
table.d20 tr td | |||
{ | |||
background: #fff; | |||
} | |||
/* Messagebox templates */ | |||
.messagebox { | |||
{ | border: 1px solid #aaa; | ||
background-color: #f9f9f9; | |||
width: 80%; | |||
margin: 0 auto 1em auto; | |||
padding: .2em; | |||
} | |||
.messagebox.merge { | |||
border: 1px solid #c0b8cc; | |||
background-color: #f0e5ff; | |||
text-align: center; | |||
} | |||
/* Codex: cleanup changed to info */ | |||
.messagebox.info { | |||
border: 1px solid #9f9fff; | |||
background-color: #efefff; | |||
text-align: center; | |||
} | |||
.messagebox.standard-talk { | |||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
} | |||
.messagebox.nested-talk { | |||
border: 1px solid #c0c090; | |||
background-color: #f8eaba; | |||
width: 100%; | |||
margin: 2px 4px 2px 4px; | |||
} | } | ||
.messagebox.small-talk { | |||
width: 238px; | |||
font-size: 85%; | |||
float: right; | |||
clear: both; | |||
margin: 0 0 1em 1em; | |||
line-height: 1.25em; | |||
background: #F8EABA; | |||
} | |||
/* wikitable class for skinning normal tables */ | /* wikitable/prettytable class for skinning normal tables */ | ||
/* includes some formatting for d20 tables */ | |||
table.wikitable | table.d20, | ||
table.wikitable, | |||
table.prettytable { | |||
margin: 1em 1em 1em 0; | margin: 1em 1em 1em 0; | ||
background: #f9f9f9; | background: #f9f9f9; | ||
| Line 40: | Line 82: | ||
} | } | ||
table.wikitable th, table.wikitable td { | table.d20 th, table.d20 td, | ||
table.wikitable th, table.wikitable td, | |||
table.prettytable th, table.prettytable td { | |||
border: 1px #aaa solid; | border: 1px #aaa solid; | ||
padding: 0.2em; | padding: 0.2em; | ||
} | } | ||
table.wikitable th { | table.d20 th, | ||
table.wikitable th, | |||
table.prettytable th { | |||
background: #f2f2f2; | background: #f2f2f2; | ||
text-align: center; | text-align: center; | ||
} | } | ||
table.wikitable caption { | table.d20 caption, | ||
table.wikitable caption, | |||
table.prettytable caption { | |||
margin-left: inherit; | margin-left: inherit; | ||
margin-right: inherit; | margin-right: inherit; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* default skin for navigation boxes - Copied from wikipedia 2008-04-22 */ | |||
/* default skin for navigation boxes */ | /* default skin for navigation boxes */ | ||
table.navbox { | table.navbox { /* navbox container style */ | ||
border:1px solid #aaa; | |||
width:100%; | |||
margin:auto; | |||
clear:both; | |||
/* font-size:88%; */ | |||
text-align:center; | |||
padding:2px; | |||
} | } | ||
table.navbox + table.navbox { | |||
table.navbox th { | margin-top:-1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */ | ||
} | |||
.navbox-title, .navbox-abovebelow, table.navbox th { | |||
text-align:center; /* title and above/below styles */ | |||
padding-left:1em; | |||
padding-right:1em; | |||
} | |||
.navbox-group { /* group style */ | |||
white-space:nowrap; | |||
text-align:right; | |||
font-weight:bold; | |||
padding-left:1em; | |||
padding-right:1em; | |||
} | |||
.navbox, .navbox-subgroup { | |||
background:#fdfdfd; /* Background color */ | |||
} | |||
.navbox-title, table.navbox th { | |||
background:#ccccff; /* Level 1 color */ | |||
} | |||
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { | |||
background:#ddddff; /* Level 2 color */ | |||
} | |||
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { | |||
background:#e6e6ff; /* Level 3 color */ | |||
} | |||
.navbox-even { | |||
background:#f7f7f7; /* Even row striping */ | |||
} | } | ||
.navbox-odd { | |||
background:transparent; /* Odd row striping */ | |||
} | } | ||
@media print { | @media print { | ||
.navbox { | .navbox { | ||
| Line 83: | Line 155: | ||
} | } | ||
} | } | ||
/* Infobox template style */ | /* Infobox template style */ | ||
| Line 126: | Line 197: | ||
} | } | ||
} | } | ||
/* 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). */ | |||
.toclimit-2 .toclevel-2 {display:none;} | |||
.toclimit-3 .toclevel-3 {display:none;} | |||
.toclimit-4 .toclevel-4 {display:none;} | |||
.toclimit-5 .toclevel-5 {display:none;} | |||
.toclimit-6 .toclevel-6 {display:none;} | |||
.toclimit-7 .toclevel-7 {display:none;} | |||
/* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */ | |||
.nonumtoc .tocnumber { display:none; } | |||
.nonumtoc #toc ul, | |||
.nonumtoc .toc ul { | |||
line-height: 1.5em; | |||
list-style: none; | |||
margin: .3em 0 0; | |||
padding: 0; | |||
} | |||
.nonumtoc #toc ul ul, | |||
.nonumtoc .toc ul ul { | |||
margin: 0 0 0 2em; | |||
} | |||
/*</pre>*/ | /*</pre>*/ | ||
Latest revision as of 15:52, 23 August 2014
/*<pre>
*******************
* CSS for all skins
*******************/
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 90%; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Line height fix for <sup> */
sup
{
vertical-align: top; font-size: 0.9em;
}
/* d20 tables */
table.d20 tr.even td
{
background: #f9f9f9;
}
table.d20 tr td
{
background: #fff;
}
/* Messagebox templates */
.messagebox {
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
/* Codex: cleanup changed to info */
.messagebox.info {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 4px 2px 4px;
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
background: #F8EABA;
}
/* wikitable/prettytable class for skinning normal tables */
/* includes some formatting for d20 tables */
table.d20,
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
table.d20 th, table.d20 td,
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border: 1px #aaa solid;
padding: 0.2em;
}
table.d20 th,
table.wikitable th,
table.prettytable th {
background: #f2f2f2;
text-align: center;
}
table.d20 caption,
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
/* default skin for navigation boxes - Copied from wikipedia 2008-04-22 */
/* default skin for navigation boxes */
table.navbox { /* navbox container style */
border:1px solid #aaa;
width:100%;
margin:auto;
clear:both;
/* font-size:88%; */
text-align:center;
padding:2px;
}
table.navbox + table.navbox {
margin-top:-1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
text-align:center; /* title and above/below styles */
padding-left:1em;
padding-right:1em;
}
.navbox-group { /* group style */
white-space:nowrap;
text-align:right;
font-weight:bold;
padding-left:1em;
padding-right:1em;
}
.navbox, .navbox-subgroup {
background:#fdfdfd; /* Background color */
}
.navbox-title, table.navbox th {
background:#ccccff; /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
background:#ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background:#e6e6ff; /* Level 3 color */
}
.navbox-even {
background:#f7f7f7; /* Even row striping */
}
.navbox-odd {
background:transparent; /* Odd row striping */
}
@media print {
.navbox {
display: none;
}
}
/* Infobox template style */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
@media print {
.infobox.sisterproject {
display: none;
}
}
/* 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). */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}
/* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */
.nonumtoc .tocnumber { display:none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
line-height: 1.5em;
list-style: none;
margin: .3em 0 0;
padding: 0;
}
.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
margin: 0 0 0 2em;
}
/*</pre>*/