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

/* 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: #ccccff; 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; } 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; } .navbox, .navbox-subgroup { background:#fdfdfd;    /* Background color */ } .navbox-list { border-color:#fdfdfd;  /* Must match background color */ } .navbox-title, table.navbox th { background:#ccccff;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background:#ddddff;    /* 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 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%; }

/* VeganCritter's Combat Log Buttons: 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%); }

/* VeganCritter's Combat Log row-hover style */ .crcombatlog th:hover, .crcombatlog tr:hover { background-color: #e1e1e1; } .crcombatlog td:hover { background-color: #feffbd; }

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

/********************************************/ /* Begin VeganCritter's spacing adjustments */ /********************************************/ figure.article-thumb.tleft + p, p + figure.article-thumb.tleft, figure.article-thumb.tright + p, p + figure.article-thumb.tright, figure.article-thumb.tnone + p, p + figure.article-thumb.tnone { margin-top: 1.0em; }

h2 + figure.article-thumb.tleft + p, h3 + figure.article-thumb.tleft + p, h4 + figure.article-thumb.tleft + p, h5 + figure.article-thumb.tleft + p, h6 + figure.article-thumb.tleft + p, h2 + figure.article-thumb.tright + p, h3 + figure.article-thumb.tright + p, h4 + figure.article-thumb.tright + p, h5 + figure.article-thumb.tright + p, h6 + figure.article-thumb.tright + p { margin-top: 0em; }

.WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { margin-top: 1.25em; }

.WikiaArticle h2 + h3 { margin-top: 0.5em; } .WikiaArticle h3 + h4, .WikiaArticle h4 + h5, .WikiaArticle h5 + h6 { margin-top: 0.25em; }

.WikiaArticle h4 + p, .WikiaArticle h5 + p, .WikiaArticle h6 + p { margin-top: 0em; }

nav.toc { font-size: 90%; line-height:150%; }

sup.reference { font-size: 75%; }

.WikiaArticle p { white-space: pre-wrap; } /********************************************/ /* End VeganCritter's spacing adjustments  */ /********************************************/

/********************************************/ /* Begin VeganCritter's image adjustments  */ /********************************************/ /* Adds a colored frame around image thumbnails in articles, inspired by w:c:avatar. */ .WikiaArticle .article-thumb { background-color: #EFF0FF; border: 1px solid #B5B7CF; overflow: hidden; padding: 5px 7px 0px 5px; text-align: center; background-image: -moz-linear-gradient(center top ,#FFF8DC 0px,#FFF3C3 100%); } .WikiaArticle .article-thumb img { border: 1px solid #B5B7CF; }

/* Improves spacing of article thumbnails in relation to article text. */ .article-thumb.tright { margin: 0px 0px 5px 15px; } .article-thumb.tleft { margin: 0px 15px 5px 0px; } figure.article-thumb.tleft.show-info-icon, figure.article-thumb.tright.show-info-icon { margin-top:0.25em; } p + figure.article-thumb.tleft.show-info-icon, p + figure.article-thumb.tright.show-info-icon { margin-top:1.25em; }

.wikiaPhotoGallery-slider-body .nav p, div.WikiaPhotoGalleryPreview, div.WikiaPhotoGalleryPreview > div, div.WikiaPhotoGalleryPreview > div > div, div.WikiaPhotoGalleryPreview > div > div > ul, div.WikiaPhotoGalleryPreview > div > div > ul > li, div.WikiaPhotoGalleryPreview > div > div > ul > li > div, div.WikiaPhotoGalleryPreview > div > div > ul > li > div > a, div.WikiaPhotoGalleryPreview > div > div > ul > li > div > h2, div.WikiaPhotoGalleryPreview > div > div > ul > li > div > p { white-space:normal; } /********************************************/ /*  End VeganCritter's image adjustments   */ /********************************************/

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

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; margin:-10em; padding:10em; 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; }

/* 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 */ .portable-infobox.pi-theme-false, .portable-infobox.pi-theme-false .pi-horizontal-group-item { background-color: #EFF0FF; } .portable-infobox.pi-theme-false .pi-secondary-background, .portable-infobox.pi-theme-false .pi-title{ background-color: #E6E6FF; color: black; } .portable-infobox.pi-theme-false .pi-data, .portable-infobox.pi-theme-false .pi-caption { border-bottom: 1px solid #E6E6FF; }

/* 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 dropdown arrow */ .pi-europa .pi-collapse .pi-header::after, .pi-europa .pi-header.collapsible::after { border-color: #141419; }