MediaWiki:Common.css
From Grigbertz
(Difference between revisions)
m (1 revision(s)) |
Current revision (19:15, 25 August 2008) (view source) m (1 revision) |
||
(One intermediate revision not shown.) | |||
Line 3: | Line 3: | ||
* CSS for all skins | * CSS for all skins | ||
*******************/ | *******************/ | ||
+ | |||
+ | |||
+ | /* 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 */ | /* wikitable/prettytable class for skinning normal tables */ | ||
+ | /* includes some formatting for d20 tables */ | ||
+ | table.d20, | ||
table.wikitable, | table.wikitable, | ||
table.prettytable { | table.prettytable { | ||
Line 15: | Line 70: | ||
} | } | ||
+ | table.d20 th, table.d20 td, | ||
table.wikitable th, table.wikitable td, | table.wikitable th, table.wikitable td, | ||
table.prettytable th, table.prettytable td { | table.prettytable th, table.prettytable td { | ||
Line 21: | Line 77: | ||
} | } | ||
+ | table.d20 th, | ||
table.wikitable th, | table.wikitable th, | ||
table.prettytable th { | table.prettytable th { | ||
Line 27: | Line 84: | ||
} | } | ||
+ | table.d20 caption, | ||
table.wikitable caption, | table.wikitable caption, | ||
table.prettytable caption { | table.prettytable caption { | ||
Line 33: | Line 91: | ||
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 | + | 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 61: | Line 143: | ||
} | } | ||
} | } | ||
- | |||
/* Infobox template style */ | /* Infobox template style */ | ||
Line 104: | Line 185: | ||
} | } | ||
} | } | ||
+ | |||
+ | /* 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;} | ||
+ | |||
/*</pre>*/ | /*</pre>*/ |
Current revision
/*<pre> ******************* * CSS for all skins *******************/ /* 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;} /*</pre>*/