MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

.messagebox { border:1px solid #a2a9b1; background-color:#f8f9fa; width:60%; margin:0 auto 1em auto; padding:.2em } .messagebox.merge { border:1px solid #c0b8cc; background-color:#f0e5ff; text-align:center } .messagebox.cleanup { border:1px solid #9f9fff; background-color:#efefff; text-align:center } .messagebox.standard-talk { border:1px solid #c0c090; background-color:#f8eaba; margin:4px auto } .mbox-inside .standard-talk, .messagebox.nested-talk { border:1px solid #c0c090; background-color:#f8eaba; width:100%; margin:2px 0; padding:2px } .messagebox.small { width:238px; font-size:85%; float:right; clear:both; margin:0 0 1em 1em; line-height:1.25em } .messagebox.small-talk { width:238px; font-size:85%; float:right; clear:both; margin:0 0 1em 1em; line-height:1.25em; background-color:#F8EABA } th.mbox-text, td.mbox-text { border:none; padding:0.25em 0.9em; width:100% } td.mbox-image { border:none; padding:2px 0 2px 0.9em; text-align:center } td.mbox-imageright { border:none; padding:2px 0.9em 2px 0; text-align:center } td.mbox-empty-cell { border:none; padding:0; width:1px } table.ambox { margin:0 20%; border:1px solid #a2a9b1; border-left:10px solid #36c; background-color:#fbfbfb; box-sizing:border-box } table.ambox + table.ambox { margin-top:-1px } .ambox th.mbox-text, .ambox td.mbox-text { padding:0.25em 0.5em } .ambox td.mbox-image { padding:2px 0 2px 0.5em } .ambox td.mbox-imageright { padding:2px 0.5em 2px 0 } table.ambox-notice { border-left:10px solid #36c } table.ambox-speedy { border-left:10px solid #b32424; background-color:#fee7e6 } table.ambox-delete { border-left:10px solid #b32424 } table.ambox-content { border-left:10px solid #f28500 } table.ambox-style { border-left:10px solid #fc3 } table.ambox-move { border-left:10px solid #9932cc } table.ambox-protection { border-left:10px solid #a2a9b1 } table.imbox { margin:4px 20%; border-collapse:collapse; border:3px solid #36c; background-color:#fbfbfb; box-sizing:border-box } .imbox .mbox-text .imbox { margin:0 -0.5em; display:block } .mbox-inside .imbox { margin:4px } table.imbox-notice { border:3px solid #36c } table.imbox-speedy { border:3px solid #b32424; background-color:#fee7e6 } table.imbox-delete { border:3px solid #b32424 } table.imbox-content { border:3px solid #f28500 } table.imbox-style { border:3px solid #fc3 } table.imbox-move { border:3px solid #9932cc } table.imbox-protection { border:3px solid #a2a9b1 } table.imbox-license { border:3px solid #88a; background-color:#f7f8ff } table.imbox-featured { border:3px solid #cba135 } table.cmbox { margin:3px 20%; border-collapse:collapse; border:1px solid #a2a9b1; background-color:#DFE8FF; box-sizing:border-box } table.cmbox-notice { background-color:#D8E8FF } table.cmbox-speedy { margin-top:4px; margin-bottom:4px; border:4px solid #b32424; background-color:#FFDBDB } table.cmbox-delete { background-color:#FFDBDB } table.cmbox-content { background-color:#FFE7CE } table.cmbox-style { background-color:#FFF9DB } table.cmbox-move { background-color:#E4D8FF } table.cmbox-protection { background-color:#EFEFE1 } table.ombox { margin:4px 20%; border-collapse:collapse; border:1px solid #a2a9b1; background-color:#f8f9fa; box-sizing:border-box } table.ombox-notice { border:1px solid #a2a9b1 } table.ombox-speedy { border:2px solid #b32424; background-color:#fee7e6 } table.ombox-delete { border:2px solid #b32424 } table.ombox-content { border:1px solid #f28500 } table.ombox-style { border:1px solid #fc3 } table.ombox-move { border:1px solid #9932cc } table.ombox-protection { border:2px solid #a2a9b1 } table.tmbox { margin:4px 20%; border-collapse:collapse; border:1px solid #c0c090; background-color:#f8eaba; min-width:80%; box-sizing:border-box } .tmbox.mbox-small { min-width:0 } .mediawiki .mbox-inside .tmbox { margin:2px 0; width:100% } .mbox-inside .tmbox.mbox-small { line-height:1.5em; font-size:100% } table.tmbox-speedy { border:2px solid #b32424; background-color:#fee7e6 } table.tmbox-delete { border:2px solid #b32424 } table.tmbox-content { border:2px solid #f28500 } table.tmbox-style { border:2px solid #fc3 } table.tmbox-move { border:2px solid #9932cc } table.tmbox-protection, table.tmbox-notice { border:1px solid #c0c090 } table.dmbox { clear:both; margin:0.9em 1em; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:transparent } table.fmbox { clear:both; margin:0.2em 0; width:100%; border:1px solid #a2a9b1; background-color:#f8f9fa; box-sizing:border-box } table.fmbox-system { background-color:#f8f9fa } table.fmbox-warning { border:1px solid #bb7070; background-color:#ffdbdb } table.fmbox-editnotice { background-color:transparent }

/* Infobox template style */ .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; } .infobox caption { font-size: 125%; font-weight: bold; padding: 0.2em; text-align: center; } .infobox td, .infobox th { vertical-align: top; /* @noflip */ text-align: left; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

.infobox.sisterproject { width: 20em; font-size: 90%; }

.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }

/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #a2a9b1; /* @noflip */ border-right: 1px solid #a2a9b1; }

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; /* @noflip */ border-right: 1px solid #a2a9b1; }

/* Styles for geography infoboxes, eg countries, country subdivisions, cities, etc.           */ .infobox.geography { border-collapse: collapse; line-height: 1.2em; font-size: 90%; }

.infobox.geography td, .infobox.geography th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.4em 0.6em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.2em 0.6em; }

.infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em 0.6em; }

.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: 1px solid #a2a9b1; padding: 0 0.6em 0.4em 0.6em; }

.infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; }

/* Normal font styling for wikitable row headers with scope="row" tag */ .wikitable.plainrowheaders th[scope=row] { font-weight: normal; /* @noflip */ text-align: left; }

/* Lists in wikitable data cells are always left-aligned */ .wikitable td ul, .wikitable td ol, .wikitable td dl { /* @noflip */ text-align: left; } /* ...unless they also use the hlist class */ .toc.hlist ul, .wikitable.hlist td ul, .wikitable.hlist td ol, .wikitable.hlist td dl { text-align: inherit; }
 * 1) toc.hlist ul,


 * root {

--color-common: #ffd; --color-uncommon: #dfb; --color-rare: #def; --color-veryrare: #fdf; --color-divine: #fd5; }

.trait_common { background-color: var(--color-common); text-transform: uppercase; } .trait_uncommon { background-color: var(--color-uncommon); text-transform: uppercase; } .trait_rare { background-color: var(--color-rare); text-transform: uppercase; }

.trait_veryrare { background-color: var(--color-veryrare); text-transform: uppercase; font-weight: bold; }

@keyframes divine_flash { from { color: #333; text-shadow: none; } to { color: #fff; text-shadow: 0px 0px 3px black; } }

.trait_divine { background-color: var(--color-divine); text-transform: uppercase; font-weight: bold; animation-duration: 0.5s; animation-name: divine_flash; animation-iteration-count: infinite; animation-delay: 0s; animation-direction: alternate; }

.vote-notice { font-size: 1em; }

.vote-notice p { margin: 0; }

.vote-notice .vote-box, .vote-notice .vote-action { height: 1em; }

.vote-notice .vote-box { padding: 0; height: 1.6em; }

.vote-notice .vote-number { line-height: 1.6em; font-size: 1em; }

.vote-notice .vote-action a { font-size: 1em; padding: 0 0.25em; }