MediaWiki:Common.css: Difference between revisions

Latest revision as of 10:59, 1 April 2026

/* 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;
}