MediaWiki:Common.css

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

/* Theme colors */ body { background: #e8ecec; }

.mw-body { background-color: #FFFFF0; }

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

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at 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 darkgray; border-radius: 5px; }

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

.portable-infobox .pi-header { text-align: center; }

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

/* 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 hoverable/clickable table cells  */ /**********************************************************/ /* Allows a table with class "hovertable" to highlight the row and column over which the cursor is hovering, and allows a table with class "clicktable" or a cell with class "clickcell" to be hyperlinkable throughout the entirety of the cell. */

table.hovertable {overflow: hidden;}

table.hovertable td, table.hovertable th { position: relative; }

table.hovertable caption {background-color:#fff;} table.hovertable {border-right-width:2px; border-bottom-width:1px;} table.hovertable tr > td {background-color:transparent !important;}

table.hovertable tr:hover {background-color: #e1e1e1 !important;} table.hovertable tr a:hover {background-color: #e1e1e1 !important;} table.hovertable td:hover {background-color: #ffa !important;} table.hovertable td a:hover {background-color: #ffa !important;}

table.hovertable td:hover::after, table.hovertable th:not(:empty):hover::after, table.hovertable td:focus::after, table.hovertable th:not(:empty):focus::after { content: ''; height: 10000px; left: 0; position: absolute; top: -5000px; width: 100%; z-index: -1; }

table.hovertable td:hover::after, table.hovertable th:hover::after { background-color: #e1e1e1 !important; }

table.hovertable td:focus::after, table.hovertable th:focus::after { background-color: lightblue !important; }

table.clicktable td a, table.clicktable td a:hover, table.clicktable td a:hover::after, table.clicktable td a:focus::before { display:block; height:100%; width:100%; overflow:hidden; }

table.clicktable td sup a, table.clicktable td sup a:hover, table.clicktable td sup a:hover::after, table.clicktable td sup a:focus::before { display:inline; margin:0; padding:0; }

/* Same as clicktable, but for a single cell only. */ td.clickcell {overflow: hidden;} td.clickcell a {margin: -1em; padding: 1em; display: block;} td.clickcell sup a {margin: 0; padding: 0; display: inline;} td.clickcell a:hover {background-color: #ffa;} /**********************************************************/ /*  End VeganCritter's hoverable/clickable table cells   */ /**********************************************************/

/***********************************************/ /* Begin VeganCritter's Critical Role Quotes  */ /***********************************************/ .crquotebox + .crquotebox, .crquotebox + p, p + .crquotebox, dl + .crquotebox, ol + .crquotebox, ul + .crquotebox, pre + .crquotebox, p + figure + .crquotebox, p + figure + .crquotebox + p, .crinfoboxchar + .crquotebox, .crinfoboxep + .crquotebox { margin-top:1em; }

h2 + div.crquoteboxleft + p, h2 + div.crquoteboxright + p, h3 + div.crquoteboxleft + p, h3 + div.crquoteboxright + p, h4 + div.crquoteboxleft + p, h4 + div.crquoteboxright + p, h5 + div.crquoteboxleft + p, h5 + div.crquoteboxright + p, h6 + div.crquoteboxleft + p, h6 + div.crquoteboxright + p { margin-top:0em; }

div.crquoteboxleft + div.crquoteboxcenter, div.crquoteboxright + div.crquoteboxcenter { padding-top:0.5em; }

div.clrleft + div.crquoteboxleft, div.clrboth + div.crquoteboxleft, div.clrright + div.crquoteboxright, div.clrboth + div.crquoteboxright { margin-top:1em; }

div.crquoteboxquote p:first-child { margin-top:0; } div.crquoteboxquote p:last-child { margin-bottom:0; } div.crquoteboxquote > p { margin-top:1em; }

.crquoteboxleft + .crquoteboxleft, .crquoteboxleft + .crquoteboxright, .crquoteboxright + .crquoteboxleft, .crquoteboxright + .crquoteboxright, figure.article-thumb.tleft.show-info-icon + .crquoteboxright, figure.article-thumb.tright.show-info-icon + .crquoteboxleft { margin-top: 1em; }

.crquoteboxwithimage figure.article-thumb.tright.show-info-icon { display:inline-table; margin:10px 0; padding-right:5px; padding-bottom:5px; background-color:white; }

.crquoteboxwithimage figcaption { display:table-row; }

.crquoteboxwithimage .article-thumb p.caption:last-child { padding-bottom:0; }

.crquotebox-nsfw span.mw-collapsible-toggle { margin-right: -3.65em; font-size: 75%; margin-bottom: 2.25em; margin-top: -0.5em; } /***********************************************/ /*  End VeganCritter's Critical Role Quotes   */ /***********************************************/

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

/*******************************************************/ /* Begin mainbutton formatting                        */ /*******************************************************/

.flex-container { display: flex; height: 4rem; justify-content:space-around; margin: 0.2rem; } .flex-container > div { background-color: transparent; border: none; box-shadow: none; padding: 0.2rem; }

.flex-container > div:hover { top: 0; left: 0; transform: scale(1); }

.flex-container .mainbutton .mainbutton a{	flex-grow: 1; }

.mainbuttona { width: 16.5rem; }

.mainbuttonb { width: 12.3rem; }

.mainbuttonc { width:9.8rem; }

.mainbuttond { width:12.3rem; } .mainbuttone { width:9.8rem; }

.mainbutton a { display: inline-block; color: white; font-size:1.5rem; position: relative; border-radius:0.3rem; box-shadow: 0.25rem 0.25rem 0.25rem #a7a09c; font-family: Cambria, serif; text-align: center; width: 100%; text-decoration: none; padding: 1rem 0; line-height: 1; }

.mainbutton1 a{ background-color:#3a5472; border:0.175rem solid #2d4766; }

.mainbutton2 a{ background-color:#45668b; border:0.175rem solid #355477; }

.mainbutton3 a{ background-color:#947e79; border:0.175rem solid #7b6763; }

.mainbutton4 a{ background-color:#897470; border:0.175rem solid #73605c; }

.mainbuttond a{	font-size:1.25rem; padding: 0.5rem 0; }

.mainbuttone a{	font-size:1.25rem; padding: 0.5rem 0; }

.mainbutton a:hover { position: relative; top: 0.25rem; left: 0.15rem; transform: scale(0.99); }

@media screen and (max-width:1100px) { .flex-container { height: 3.3rem; }

.mainbutton a { font-size: 1rem; padding: 0.9rem 0; } .mainbuttond a{    font-size:0.9rem;

padding: 0.5rem 0; }

.mainbuttone a{   font-size:0.9rem;

padding: 0.5rem 0; } }

@media screen and (max-width:900px) { .flex-container { height: 2.9rem; } .mainbutton a { font-size: 0.6rem; padding: 0.8rem 0; } .mainbuttond a{    font-size:0.6rem; padding: 0.5rem 0; }

.mainbuttone a{   font-size:0.6rem; padding: 0.5rem 0; } }

@media screen and (max-width:750px) { .flex-container { height: 2.5rem; }

.mainbutton a { font-size: 0.5rem; padding: 0.7rem 0; } .mainbuttond a{    font-size:0.5rem; padding: 0.45rem 0; }

.mainbuttone a{   font-size:0.5rem; padding: 0.45rem 0; } }

@media screen and (min-width:2000px) { .flex-container { height: 4rem; } .mainbutton a { font-size: 1.3rem; padding: 1rem 0; } .mainbuttond a{    font-size:1.1rem;

padding: 0.5rem 0; }

.mainbuttone a{   font-size:1.1rem;

padding: 0.5rem 0; } }

@media screen and (min-width:3000px) { .mainbutton a { font-size: 1rem; padding: 1rem 0; } .mainbuttond a{    font-size:0.9rem;

padding: 0.65rem 0; }

.mainbuttone a{   font-size:0.9rem;

padding: 0.65rem 0; } }

/*******************************************************/ /* End mainbutton formatting                          */ /*******************************************************/

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

/* Template:Plainlist */ .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ul li { margin-bottom: 0; }

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