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

cite,
dfn {
	font-style: inherit;
}

/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */

div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #c5bcba;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}

/* 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:1px;
}
.theme-fandomdesktop-dark table.navbox {
    border-color: var(--theme-accent-color--hover);
}

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

/* Background color */
.navbox, 
.navbox-subgroup {
  background:#fff;
}
.navbox-list {
  border-color:#fff;   /* Must match background color */
}
.theme-fandomdesktop-dark .navbox, 
.theme-fandomdesktop-dark .navbox-subgroup {
  background: transparent;
}

/* Level 1 color */
.navbox-title, 
table.navbox th {
  background:#cfe2f3;
}
.theme-fandomdesktop-dark .navbox-title, 
.theme-fandomdesktop-dark table.navbox th {
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-title a, 
.theme-fandomdesktop-dark table.navbox th a {
    color: var(--theme-accent-label-color);
}

/* Level 2 color */
.navbox-abovebelow, 
.navbox-group, 
.navbox-subgroup .navbox-title {
  background:#bfd1e3;
}
.theme-fandomdesktop-dark .navbox-abovebelow, 
.theme-fandomdesktop-dark .navbox-group, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title {
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-abovebelow a, 
.theme-fandomdesktop-dark .navbox-group a, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title a {
    color: var(--theme-accent-label-color);
}

/* Level 3 color */
.navbox-subgroup .navbox-group, 
.navbox-subgroup .navbox-abovebelow {
  background:#dee0e1;     
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow {
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group a, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow a {
    color: var(--theme-accent-label-color);
}

/* Even row striping */
.navbox-even {
  background:#e7e7e8;
}
.theme-fandomdesktop-dark .navbox-even {
    background: var(--theme-page-accent-mix-color);
    color: var(--theme-accent-label-color);
}

/* Odd row striping */
.navbox-odd {
  background:transparent;
}
 
.collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */
    float: right;         /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
    font-weight: normal;  /* are styled here so they can be customised.              */
    text-align: right;
    width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */
    width: 6em;           /* [[Template:Tnavbar]], so they need to be the same width.      */
}

/* class for message box template styling */
.messagebox {
	clear:both;
	width:85%;
	margin:0px auto 3px auto;
	padding:3px;
	font-size:95%;
}

/* Infobox */
.portable-infobox.pi-background {
	border: 1px solid #326275;
	border-radius: 5px;
}

.portable-infobox .pi-border-color {
 border-color: #326275;
}

.portable-infobox .pi-title {
	text-align: center;
	background-color: #326275;
	font-weight: bold;
	color: white;
}

.portable-infobox .pi-header {
	text-align: center;
	background-color: #326275;
	font-weight: bold;
	color: white;
}

.pi-horizontal-group .pi-header {
	text-align: center;
}

.pi-data-label {
	flex-basis: 102px;
}

/*.portable-infobox .pi-media {
  border-bottom: 1px #326275 solid;
}*/

/* VeganCritter's whitespace reduction is in MediaWiki:Wikia.css */

/******************************************/
/*  Begin VeganCritter's "crtable" Class  */
/******************************************/
/* This is modelled after class="wikitable", but using the same colors
   as Infobox Character and Infobox Episode.                           */
table.crtable {
	margin:1em 1em 1em 0;
	border:1px #B5B7CF solid;
	border-collapse:collapse;
	color:black;
}

table.crtable th,
table.crtable td {
    border:1px #B5B7CF solid;
    border-collapse:collapse;
    padding:0.2em;
    background-color:#fcfcff;
}

table.crtable > tr > th,
table.crtable > * > tr > th {
    background-color:#EFF0FF;
    text-align:center;
}

table.crtable > caption {font-weight:bold;}
/*****************************************/
/*   End VeganCritter's "crtable" Class  */
/*****************************************/

/**************************************/
/*  Begin VeganCritter's Div Columns  */
/**************************************/
h2 + div.crdivcolumns > div > h3,
h3 + div.crdivcolumns > div > h4,
h4 + div.crdivcolumns > div > h5,
h5 + div.crdivcolumns > div > h6 { margin-top:0em; }
/**************************************/
/*   End VeganCritter's Div Columns   */
/**************************************/


/* Temporary fix for [[w:c:dev:LastEdited]] always showing an animated loading bar. */
div.lastEdited + div.lastEdited { display:none; }

/* --------------------------------------- */
/* ---- tables vertical scroll fix ------- */
.ooui-theme-fandomooui .article-table, 
.ooui-theme-fandomooui .WikiaTable, 
.ooui-theme-fandomooui .wikitable {
    box-sizing: border-box;
}
/* --------------------------------------- */


/* Ambox design */
	.ambox {
	    font-size: 95%;
	    width: auto; 
	    margin: 0 auto;
	    border: 1px #AAA solid;
	    border-left: 10px solid #228b22;
	    border-collapse: collapse;
	    background-color: var(--theme-page-background-color--secondary);
	    line-height:135%;
	}
	
	/* Ambox colours */
	.ambox-blue {
	    border-left: 10px solid #1e90ff;    /* Blue (notice) */
	}
	.ambox-red {
	    border-left: 10px solid #b22222;    /* Red (delete/serious) */
	}
	.ambox-orange {
	    border-left: 10px solid #f28500;    /* Orange (content) */
	}
	.ambox-yellow {
	    border-left: 10px solid #f4c430;    /* Yellow (style) */
	}
	.ambox-purple {
	    border-left: 10px solid #9932cc;    /* Purple (merge) */
	}
	.ambox-gray {
	    border-left: 10px solid #bba;        /* Gray (protection) */
	}
	.ambox-green {
	    border-left: 10px solid #228b22;    /* Green */
	}
	
	/* Ambox small text */
	.ambox-smalltext {
	    font-size: smaller;
	    margin-top: 0;
	    margin-left: 0.8em;
	    line-height: 135%;
	}
	
	/* Ambox image */
	.ambox-image {
	    width: 60px;
	    padding: 2px 0 2px 0.5em;
	    text-align: center;
	}
	
	/* no ambox when printing */
	@media print { .ambox { display: none; } }

/* WikiaTable and article-table import */
.WikiaTable,
.article-table {
 background:#f8f9fa;
 border:0 #a2a9b1;
 border-collapse:collapse;
 margin:1em 1em 1em 0
}
.WikiaTable td,
.WikiaTable th,
.article-table td,
.article-table th {
 border-bottom:1px solid #a2a9b1;
 padding:6px 12px
}
.WikiaTable th,
.article-table th {
 background:#eaecf0;
 text-align:left
}
.WikiaTable caption,
.article-table caption {
 font-weight:700
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0; /* don't trust the note that says margin doesn't work with inline
				* removing margin: 0 makes dds have margins again */
	display: inline;
}

/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
	display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}

/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}

/**
 * Note hlist style usage differs in Minerva and is defined in core as well!
 * Please check Minerva desktop (and Minerva.css) when changing
 * See https://phabricator.wikimedia.org/T213239
 */
.hlist dd:after,
.hlist li:after {
	content: " • ";
	font-weight: bold;
}

.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}

.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}

.hlist ol > li {
	counter-increment: listitem;
}

.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}