MediaWiki:Common.css
Appearance
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Standard Navigation Bar, aka box hiding thingy
from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
/* @noflip */
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {
position: absolute;
top: 0;
/* @noflip */
right: 3px;
font-weight: normal;
font-size: 90%;
}
/* JavaScript tab styles */
.dbe-tab {
background-color: #f0f0f0;
border: 0.05em solid #aaa;
border-bottom-color: #f0f0f0;
border-radius: 0.3em 0.3em 0 0;
padding: 0.15em 0.4em 0.15em 0.4em;
display: inline-block;
margin-left: 0.3em;
outline: 0;
}
.dbe-tab-title {
font-weight: bold;
}
.dbe-tab-active {
background-color: #dedee2;
border-color: #666;
border-bottom-color: #dedee2;
}
/* Override notes list styling */
ol.references {
list-style-type: inherit;
}
/* Main Page Styles */
#main-page-banner {
background: #FFF url('/mediawiki/skins/Kanzenshuu/main_page_bg.png') no-repeat center left;
color: #FFF;
height: 170px;
border: 1px solid #000;
}
.main-page-stars {
background: transparent url('/mediawiki/skins/Kanzenshuu/main_page_stars.png') repeat-x center left;
height: 10px;
margin: 20px 0;
}
/* Main page fixes */
body.page-Main_Page #mp-topbanner {
clear: both;
}
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
font-weight: normal;
font-style: normal;
}
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
border: 1px #aaa solid;
text-align: center;
padding: 0.2em;
}
.wikitable th,
.prettytable th {
background: #f2f2f2;
text-align: center;
}
.wikitable caption,
.prettytable caption {
font-weight: bold;
}
table.biography img {
border: 2px solid #000;
border-radius: 6px;
}
table.animation img {
border: 2px solid #000;
}
table.animation td:first-of-type {
width: 130px;
}
table.animation small {
line-height:normal;
margin-top:5px;
display:block;
}
/* Default skin for navigation boxes */
table.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 0.9em;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
.navbox-inner {
width: 100%;
}
.navbox-group { /* Group style */
white-space: nowrap;
text-align: right !important;
font-weight: bold;
font-size: 1em;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
line-height:1.8em;
font-size: 1em;
border-color: #fdfdfd; /* Must match background color */
}
.navbox-title {
background: #dedee2; /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #e0e0e0; /* 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 */
}
.collapseButton { /* 'show'/'hide' buttons created dynamically */
float: right; /* by the CollapsibleTables javascript in */
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here */
text-align: right; /* so they can be customised. */
width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
width: 6em; /* the vde links from [[Template:Tnavbar]], */
} /* so they need to be the same width. */
.navbox .hlist td dl,.navbox .hlist td ol,.navbox .hlist td ul,.navbox td.hlist dl,.navbox td.hlist ol,.navbox td.hlist ul {padding:0.125em 0}
.navbox .hlist dd,.navbox .hlist dt,.navbox .hlist li {white-space:nowrap;white-space:normal !ie}
.navbox .hlist dd dl,.navbox .hlist dt dl,.navbox .hlist li ol,.navbox .hlist li ul {white-space:normal}
ol + table.navbox,ul + table.navbox {margin-top:0.5em}
.navbar{display:inline;font-size:1em;font-weight:normal}
.navbar ul{display:inline;white-space:nowrap}
.navbar li{word-spacing:-0.125em}
.navbox .navbar{display:block;}
.navbox-title .navbar{float:left;text-align:left;margin-right:0.5em;width:6em}
/* Infobox template style */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 0.9em;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox img {
border: 2px solid #000;
background-color: #FFF;
}
.infobox caption {
font-size: larger;
}
.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%;
}
.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 #aaa;
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: solid 1px #aaa;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: solid 1px #aaa;
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: solid 1px #aaa;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/* Prevent Logo Changing in Dark Mode */
html.skin-theme-clientpref-night .skin-invert-image img,html.skin-theme-clientpref-night .skin-invert,html.skin-theme-clientpref-night .oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert),html.skin-theme-clientpref-night .oo-ui-indicatorElement-indicator {
color-scheme: light;
filter: invert(0) !important;
}