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 [[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: #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 clickable table cells  */
/************************************************/
/* Allows a table with class "clicktable" or a cell with class "clickcell" to be hyperlinkable through the entirety of the cell. */

table.clicktable {overflow: hidden;}

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

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

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

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

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

table.clicktable td:focus::after,
table.clicktable 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;}

/* Same as clicktable, but for a single cell only. */
td.clickcell {overflow: hidden}
td.clickcell a {margin: -1em; padding: 1em; display: block;}
td.clickcell a:hover {background-color: #ffa;}
/************************************************/
/*   End VeganCritter's 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;
    color: black;
}
.portable-infobox.pi-theme-character .pi-secondary-background,
.portable-infobox.pi-theme-character .pi-title{
    border-bottom: 1px solid #CDCDFF;
    background-color: #E6E6FF;
    color: black;
}
.portable-infobox.pi-theme-character .pi-data,
.portable-infobox.pi-theme-character .pi-caption {
    border-bottom: 1px solid #CDCDFF;
}