MediaWiki:Common.css

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

/*** Custom fonts ***/ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap');

/* 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:#f3f0f0; } .navbox-list { border-color:#f3f0f0;  /* Must match background color */ } .theme-fandomdesktop-dark .navbox, .theme-fandomdesktop-dark .navbox-subgroup { background: transparent; }

/* Level 1 color */ .navbox-title, table.navbox th { background:#c5bcba; } .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:#d9d0cf; } .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:#e1dad9; } .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:#e7e3e2; } .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%; }

/*******************************************/ /* Begin TOC Hidability Styles            */ /* Used by: Template:TOClimit             */ /*******************************************/ /* Allow limiting of which header levels are shown in a TOC; , for instance, will limit to  showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which  there shouldn't be according to the MoS). */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /*******************************************/ /*  End TOC Hidability Styles             */ /*******************************************/

/*******************************************/ /* Begin VeganCritter's Combat Log Style  */ /*******************************************/ /* ========= button-hover style ========== */ .wikia-menu-button.clbuttons:hover { background-color: #005f9c; background-image: -moz-linear-gradient(top,#007fcf 35%,#005f9c 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#007fcf),color-stop(65%,#005f9c)); background-image: -o-linear-gradient(top,#007fcf 35%,#005f9c 65%); background-image: -ms-linear-gradient(top,#007fcf 35%,#005f9c 65%); }

/* =========== row-hover style =========== */ .crcombatlog tr:hover > td, .crcombatlog tr:hover > th { color: #3a3a3a !important; background-color: transparent !important; } .crcombatlog th:hover, .crcombatlog tr:hover { background-color: #e1e1e1 !important; } .crcombatlog tr:hover > td:hover, .crcombatlog tr:hover > th:hover { color: #3a3a3a !important; background-color: #feffbd !important; } /*******************************************/ /*  End VeganCritter's Combat Log Style   */ /*******************************************/

/* 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 Portable Infobox Formatting                  */ /*******************************************************/ /* ALL INFOBOXES */ .pi-europa .pi-header, .pi-europa .pi-title, .pi-item-spacing.pi-header, .pi-item-spacing.pi-title { padding: 10px 10px; } .pi-europa .pi-caption { text-align: center; } .pi-europa .pi-item-spacing.pi-caption { padding-bottom: 10px; } .pi-europa .pi-item-spacing { padding: 5px 10px; }

/* Portable infobox formatting for Infobox Episode */ /* Unaired = true */ .portable-infobox.pi-theme-true, .portable-infobox.pi-theme-true .pi-horizontal-group-item { background-color: #FFEFEF; } .portable-infobox.pi-theme-true .pi-secondary-background, .portable-infobox.pi-theme-true .pi-title{ background-color: #EFC3B6; } .portable-infobox.pi-theme-true .pi-data, .portable-infobox.pi-theme-true .pi-caption{ border-bottom: 1px solid #EFC3B6; } /* Unaired = false */ /* Not currently in use */

/* Portable infobox formatting for Infobox Character */ .portable-infobox.pi-theme-character, .portable-infobox.pi-theme-character .pi-horizontal-group-item { background-color: #EFF0FF; } .portable-infobox.pi-theme-character .pi-secondary-background, .portable-infobox.pi-theme-character .pi-title { border-bottom: 1px solid #b8b8e5; background-color: #E6E6FF; color: black; } .portable-infobox.pi-theme-character .pi-data, .portable-infobox.pi-theme-character .pi-caption { border-bottom: 1px solid #CDCDFF; } .portable-infobox.pi-theme-character .pi-horizontal-group-item { padding-bottom: 0; }

/* Portable Infobox dropdown arrow */ .pi-europa .pi-collapse .pi-header::after, .pi-europa .pi-header.collapsible::after { border-color: #141419; }

/*******************************************************/ /*  End Portable Infobox Formatting                   */ /*******************************************************/

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

.mainbutton { display: inline-block; color: white; font-size:30px; margin:auto; border-radius:3px; box-shadow: 5px 5px 5px #a7a09c; font-family: Cambria, serif; text-align: center; padding-top: 15px; padding-bottom: 15px; position: relative; }

.mainbutton1 { background-color:#3a5472; border:5px solid #2d4766; }

.mainbutton2 { background-color:#45668b; border:5px solid #355477; }

.mainbutton3 { background-color:#947e79; border:5px solid #7b6763; }

.mainbutton4 { background-color:#897470; border:5px solid #73605c; } .mainbuttona { width: 33%; }

.mainbuttonb { width: 24.6%; }

.mainbuttonc { width:19.6%; }

.mainbuttond { width:24.6%; font-size:29px; line-height: 1; padding-top: 12px; padding-bottom: 12px; vertical-align:top; }

.mainbutton:hover { top: 5px; left: 3px; transform: scale(0.99); }

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

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