MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Italicize titles */ cite { font-style:italic; }

/* General layout classes */ .align-left { text-align:left; } .align-right { text-align:right; } .clear-both { clear:both; } .clear-left { clear:left; } .clear-right { clear:right; } .float-left { float:left; } .float-right { float:right; } .nowrap { white-space:nowrap; } .container { position:relative; } .clearfix:after { content:""; display:block; height:0; clear:both; }

/* two-, three-, four-column classes to columnize an element */ /* Not supported in IE 9 or earlier, will need JS hack */ .two-column { -moz-column-count:2; -webkit-column-count:2; column-count:2; }

.three-column { -moz-column-count:3; -webkit-column-count:3; column-count:3; }

.four-column { -moz-column-count:4; -webkit-column-count:4; column-count:4; }

/* * Avoid column breaks inside: *  ordered/unordered list items ("#"/"*" in MediaWiki), *  definition terms (";" in MediaWiki), and *  definition descriptions (":" in MediaWiki) * Not yet supported in Firefox 31 */ .two-column li, .three-column li, .four-column li, .two-column dt, .three-column dt, .four-column dt, .two-column dd, .three-column dd, .four-column dd { -webkit-column-break-inside:avoid; break-inside:avoid; }

/* * Avoid column breaks inside  definition lists... */ .two-column dt, .three-column dt, .four-column dt, .two-column dd, .three-column dd, .four-column dd { -webkit-column-break-before:avoid; break-before:avoid; } /* * ...except before the first  definition term of a definition group * (i.e.  following a ) * Not yet supported in Firefox 31 */ .two-column dd + dt, .three-column dd + dt, .four-column dd + dt { -webkit-column-break-before:auto; break-before:auto; }

.circled, .level-circle { border-style:solid; border-width:1px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -icab-border-radius:50%; -o-border-radius:50%; border-radius:50%; width:2em; padding:0.1em 0.15em; box-sizing:content-box; text-align:center; font-size:small; } .circled a:hover { text-decoration:none; } .level-circle { margin:auto; padding:0.2em 0.3em; line-height:1.15em; font-size:50%; } .level-circle em { display:block; font-size:140%; font-style:inherit; }

/* Hatnote template style, about, main, redirect, see also, etc. */ .hatnote { font-style:italic; padding-left:1.6em; margin-bottom:0.5em; }

/* Elemental color styles for various templates */ .fire, .infobox.fire { border-color:#E00000; background-color:transparent; } .fire-text, .fire-text a { color:#E00000; } .fire .infobox-header, .fire .infobox-section-header, .fire .info-header { background-color:#F8A890; color:#222; } .water, .infobox.water { border-color:#3058F8; background-color:transparent; } .water-text, .water-text a { color:#3058F8; } .water .infobox-header, .water .infobox-section-header, .water .info-header { background-color:#B0E0F8; color:#222; } .wood, .infobox.wood { border-color:#00F000; background-color:transparent; } .wood-text, .wood-text a { color:#00F000; } .wood .infobox-header, .wood .infobox-section-header, .wood .info-header { background-color:#B8F098; color:#222; } .dark, .infobox.dark { border-color:#B028F0; background-color:transparent; } .dark-text, .dark-text a { color:#B028F0; } .dark .infobox-header, .dark .infobox-section-header, .dark .info-header { background-color:#D8C0F8; color:#222; }

/* Infobox styles */ .infobox-header { margin:-0.2em; text-align:center; } .infobox-section-header { clear:both; margin:-0.2em; padding-top:1em; text-align:center; } .infobox dl { clear:both; margin-bottom:0; } .infobox dt { clear:both; float:left; } .infobox dd { clear:right; float:right; margin-left:1em; } .infobox ~ h2:first-of-type { clear:right; }

/* Styles for granbo info template */ .granbo-info-container { float:left; width:10em; margin-right:1em; } .granbo-info { border-style:solid; border-width:1px; padding:0.2em; } .granbo-info .info-header { margin:-0.2em; min-height:30px; text-align:center; } .granbo-info .info-header .floatleft { margin-right:0.2em; } .granbo-info .info-sidebar { position:absolute; left:-0.2em; width:30px; border-right:1px solid; padding:1.8em 0; text-align:center; } .granbo-info .info-sidebar .level-circle { margin-bottom:2em; } .granbo-info dl { clear:both; margin-left:36px; margin-right:0.7em; } .granbo-info dt { clear:both; float:left; } .granbo-info dd { clear:right; float:right; margin-left:0; } .granbo-info ul { clear:both; list-style-position:inside; margin-left:0; font-size:small; }