MediaWiki:Common.css

@import "http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css";

a:visited { color: #7078FF; }

.accent { border-color: #555; }

@font-face { font-family: LCD; src: url('http://img1.wikia.nocookie.net/__cb20161004075228/24wikia/images/d/db/LCD_ITC-Normal.otf') format('opentype'),url('http://img1.wikia.nocookie.net/__cb20161004075229/24wikia/images/a/a5/LCD_ITC-Normal.woff') format('woff'),url('http://img1.wikia.nocookie.net/__cb20161004075228/24wikia/images/1/1e/LCD_ITC-N0ormal.ttf') format('truetype') }

@font-face { font-family: LCD-Legacy; src: url('http://vignette1.wikia.nocookie.net/__cb20170201005332/24wikia/images/d/de/LCD-Legacy.otf') format('opentype'),          url('http://vignette2.wikia.nocookie.net/__cb20170201005332/24wikia/images/d/df/LCD-Legacy.woff') format('woff'), url('http://vignette2.wikia.nocookie.net/__cb20170201005331/24wikia/images/e/ed/LCD-Legacy.ttf') format('truetype') }

@font-face { font-family: BankGothic; src: url('http://vignette2.wikia.nocookie.net/24wikia/images/7/78/BankGothic.otf') format('opentype'), url('http://img1.wikia.nocookie.net/__cb20161004091533/24wikia/images/1/13/BankGothicLt.woff') format('woff'),url('http://img1.wikia.nocookie.net/__cb20161004091533/24wikia/images/5/57/BankGothicLt.ttf') format('truetype') }

.digital,.digital > *,.tally em,.cd-digits .amount { font-weight: normal !important; font-family: LCD; letter-spacing: -0.15em }

.credits,.tally span,.header-title h1,.WikiaRail .module h2,.mainpage-header,.cd-digits .units { font-family: BankGothic; font-weight: normal !important }

.credits { font-size: 120% }

.credits,.credits > * { font-style: normal; font-weight: normal }

.digital { margin-left: -0.25em }

.mw-headline .digital { font-size: 24px }

i > .digital,b > .digital,.digital > b,.digital > i { font-size: 18px; font-style: normal }

i > .digital > b { font-size: 24px }

.header-title h1,.mainpage-header { text-shadow: 0.05em 0.05em #000 }

.gold-text, .gold-text a, .tally, .mainpage-header b { color: #ffef80 !important; text-shadow: 0.05em 0.05em #000 }

.s1-s8,.s1-s8 a { color: #fbef9c !important; text-shadow: 0.05em 0.05em #000 }

.s9,.s9 a,.countdowndate,.countdowndate a { color: #dabd74; text-shadow: #953900 0.05em 0.05em 0,#953900 0 0 1em }

.s10.digital, .s10.digital > * { font-family: LCD-Legacy !important; letter-spacing: 0; -webkit-text-fill-color: transparent; color: #589bc5; background: linear-gradient(top, #397396 0%, #76b9e3 100%); background: -moz-linear-gradient(top, #397396 0%, #76b9e3 100%); background: -webkit-linear-gradient(top, #397396 0%,#76b9e3 100%); background: -o-linear-gradient(top, #397396 0%,#76b9e3 100%); -webkit-background-clip: text;

}

.s10.credits, .s10.credits a { color: #589bc5; text-shadow: 0.05em 0.05em #000 }

.tally em, .UserProfileMasthead .tally em { margin-right: 12px }

.tally span { font-size: 125% }

.countdowndate { display: table; margin: 0px auto; }

.cd-digits { float: left; display: table-cell; }

.cd-digits .units,.cd-digits .amount { display: block; }

.cd-digits .amount,.cd-digits:after { font-size: 43px }

.cd-digits .amount { text-align: left; padding: 0 0px }

.cd-digits .units { font-size: 18px; text-align: center; width: 50px; }

.cd-digits:not(:last-child) .amount:after { content: ":"; padding: 0 2px; }

.mainpage-header { background: #090909 none repeat scroll 0% 0%; border-bottom: medium none ! important; color: #fff; font-size: 29px ! important; margin: 0px ! important; padding: 7px 14px ! important; text-align: center }

.mainpage-header b { color: #ddc83b; font-weight: normal !important }

.mainpage-box { background: #161616 none repeat scroll 0% 0%; margin: 20px 0 0 }

.mainpage-box .container { padding: 20px }

.main-page-welcome { text-align: center }

.main-page-welcome .headline { font-size: 200% }

.main-page-welcome p .digital { font-size: 120%; margin-right: 6px }

.mainpage-box-news { float: left; width: 49% }

.mainpage-box-poll .header { text-align: center }

.mainpage-box-poll div.ajax-poll { border: none; padding: 0; margin-top: 0 }

.mainpage-box-poll.wide { width: 100%; }

.mainpage-box-poll.wide .pollAnswer { width: 48%; display: inline-block; padding: 0 2% 0 0 }

.mainpage-box-poll .pollAnswerName { padding-left: 0 }

.mainpage-box-poll .pollAnswerVotes { margin-left: 0 }

.mainpage-box-featured, .mainpage-box-interview, .mainpage-box-news, .mainpage-box-poll { width: 49% }

.mainpage-box-news,.mainpage-box-poll { float: left; }

.mainpage-box-interview,.mainpage-box-featured { float: right }

.mainpage-box-interview { background: #090909; box-shadow: #ffef80 0 0 18px; }

.mainpage-box-interview .container { border: 1px solid #ffef80; height: 100px; padding: 10px; }

.mainpage-box-interview h2 { padding: 0; margin: 0; position: relative; top: 25%; text-align: center; border-bottom: none !important; }

.mainpage-box-countdown .container { text-align: center }

.mainpage-box-countdown h3 { margin: 0 0 30px; font-size: 27px }

.mainpage-box-countdown figure.article-thumb { max-width: 100%; margin-bottom: 0 }

.mainpage-box-countdown figure.article-thumb img { max-width: 100%; height: auto }

.mainpage-box-countdown figure.article-thumb figcaption { display: none }

.mainpage-box-otd { text-align: center }

.mainpage-box-otd .otd-date { margin: 6px 0; font-size: 22px; }

.mainpage-box-otd .container dd { margin-left: 0 !important }

.otd-month { font-size: 16px }

.otd-number { font-size: 41px }

.mainpage-box-content { background: transparent; text-align: center }

.mainpage-box-content .content-col { min-width: 200px; width: 31%; display: inline-block; vertical-align: top }

.mainpage-box-content .content-col h4 { font-size: 160% }

.mainpage-box-featured img { max-width: 100%; height: auto }

.mainpage-box-twitter .container { padding: 0; }

abbr { border-bottom:1px dotted #999; }

/************************************* INFOBOXES ********************/

/* Sidebar formatting */ table.wiki-sidebar, table.sidebar { border: 1px solid #666; background-color: #222222; color: inherit; clear:right; float: right; margin-left: 5px; margin-top:0em; margin-left:1.5em; margin-right:0em; margin-bottom:1.3em; width:250px; } table.sidebar th.title { font-size: 140%; border: 1px solid transparent; text-align: center; } table.sidebar td { line-height:130%; text-align:left; white-space:normal; } table.sidebar td.left { width:33%; border:0; font-size:smaller; text-align:left; vertical-align:top; padding-right:0em; white-space:normal; } table.sidebar td.right { border:0; font-size:smaller; text-align:left; white-space:normal; }

.portable-infobox { background-color: #222; padding: 2px; border: 1px solid #666 }

.table-header, .portable-infobox .pi-title, .navbox-title, table.navbox th, table.sidebar th.title, table.wikitable > tr > th, table.wikitable > * > tr > th, table.fancy th, table.smaller th { background: #113a5e; /* Old browsers */ }

.portable-infobox .pi-title { text-align: center; line-height: 22px }

.portable-infobox .pi-secondary-background { background-color: #333 }

.pi-border-color { border-color: #222 }

.portable-infobox .pi-data-label { font-size: 12px !important; padding: 0 !important; }

.portable-infobox .pi-item-spacing { padding: 3px; }

.portable-infobox .pi-item-spacing.pi-tab-link { padding: 2px 8px }

ul.pi-image-collection-tabs li { border: 0 !important; font-size: 12px }

.pi-data-value { -moz-hyphens: none; hyphens: none; }

.pi-layout-stacked .pi-data-value { padding-left: 15px }

.pi-collapse-closed { border-bottom: 1px solid #777 }

.pi-data:not(:last-of-type) { border-bottom-width: 0 }

.portable-infobox .pi-data-value ol, .portable-infobox .pi-data-value ul { list-style-position: outside; padding-left: 10px; }

.pi-collapse > .pi-header { cursor: pointer }

.pi-collapse > .pi-header { transition: background 0.5s; }

.pi-collapse > .pi-header:hover { background: #525252; }

.pi-layout-stacked-partial .pi-group:not(:last-of-type) .pi-data { display: block }

.pi-layout-stacked-partial .pi-group:not(:last-of-type) .pi-data-value { padding-left: 15px }

.pi-layout-stacked-partial .pi-collapse-closed > *:nth-child(n+2) { display: none !important }

.portable-infobox.pi-theme-narrow .pi-image-thumbnail { max-width: 200px; max-height: 200px; width: auto; height: auto }

.portable-infobox.pi-theme-simple .pi-group:not(:last-of-type) .pi-header { display: none }

.portable-infobox.pi-theme-episode { width: 300px }

.portable-infobox.pi-theme-episode > .pi-item:nth-child(2) { padding: 0 }

.portable-infobox.pi-theme-episode .pi-image-thumbnail { max-width: 300px; }

.portable-infobox.pi-theme-episode .pi-data-label { flex-basis: 35% }

.portable-infobox.pi-theme-episode .pi-image { width: 100% }

.portable-infobox.pi-theme-episode .pi-navigation { text-align: center }

table.appearances { border: 1px solid #666; border-collapse: collapse; font-size: 11px; text-align: center }

table.appearances tr { background-color: #333333 }

table.appearances th { width: 18px; border-color: #666666; background-color: #2A2A2A }

table.appearances th.end { font-size: 150%; font-weight: bold }

table.appearances td { font-size: 180%; border-color: #666666; background-color: transparent }

table.appearances td.appears { background-color: #011f00 }

table.appearances td.dies { background-color: #410000 }

table.appearances td.voice { background-color: #112A44 }

table.appearances td.corpse { background-color: #586000 }

table.appearances td.video { background-color: #39716D }

/* Fancy table formatting */ table.fancy { width: 100%; border: 1px solid #606060; font-size: 95%; padding:1px; background-color: #202020; text-align: center; border-collapse:separate; } table.smaller { width: 100%; border: 1px solid #606060; font-size: 95%; padding:1px; background-color: #202020; text-align: center; border-collapse:separate; } table.fancy th, table.smaller th { padding-left: 1em; padding-right: 1em; color:#ffffff; text-align: center; margin: 0; } table.fancy td, table.smaller td { text-align: center; vertical-align: middle; margin: 0; padding:2px 5px; } tr.odd td { background-color:#333333; } tr.even td { background-color:transparent; } tr.info { height:21px; } table.fancy td.description, table.smaller td.description { text-align: left; vertical-align:middle; } table.fancy td.spacer { padding: 0px 0px; background-color: #113a5e; height:2px; } table.fancy td.image, table.simple td.image { padding:0px 0px; } table.left td { text-align:left; } table.center td { text-align:center; } table.top td { vertical-align:top; } table.middle td { vertical-align:middle; }

table.episodes { border: 2px solid #999; width: 500px; text-align: center; clear: both; font-size: 0.9em }

z-index: 3; background-color: #333; color: #FFF; border-color: #CCC; padding: 0 1em .2em!important }
 * 1) p-cactions li.selected a {

z-index: 3; text-decoration: none; background-color: #333; color: #FFF; border-color: #CCC }
 * 1) p-cactions li a:hover {

table.zebra tr:nth-child(2n-1) td { background-color: #333333 }

tr.even td { background-color: transparent }

tr.info { height: 21px }

td.description { text-align: left !important; vertical-align: middle }

td.spacer { padding: 0px 0px; background-color: #113a5e; height: 2px }

td.image, td.image { padding: 0px 0px }

table.left td { text-align: left }

table.center td { text-align: center }

table.top td { vertical-align: top }

table.middle td { vertical-align: middle }

background-color: #000 }
 * 1) allmessagestable th {

background-color: #003300 }
 * 1) allmessagestable tr.orig {

background-color: #999 }
 * 1) allmessagestable tr.new {

background-color: #333 }
 * 1) allmessagestable tr.def {

table.browser { background-color: #202020; border: 1px solid #606060; color: inherit; width: 100%; clear: both; margin: auto }

table.browser td { text-align: center; width: 33%; border: 1px solid transparent; background: #2f2f2f; line-height: 130%; vertical-align: middle }

table.browser th { border: 1px solid transparent; background-color: transparent; vertical-align: middle }

table.wikitable { background: #242424; border-collapse: collapse; border: 1px #575757 solid; color: #D5D4D4; margin: 1em 1em 1em 0 }

table.wikitable > tr > th,table.wikitable > tr > td,table.wikitable > * > tr > th,table.wikitable > * > tr > td { border: 1px #555 solid; padding: 0.2em }

table.wikitable.episodes tr:nth-child(2n) > td { background: #333; }

table.wikitable.episodes tr:nth-child(2n+1) > td { background: #242424; text-align: left !important; border-bottom: 4px solid #284d6f; }

width: 125px !important }
 * 1) column-google {

div#column-google div { color: #fff !important; background-color: #000 !important }

color: #00CCFF !important; background-color: transparent !important }
 * 1) column-google a,div#column-google a {

div#column-google a:visited { color: #0066FF !important }

.adText { color: white !important; background-color: transparent }

.adText a { color: #00CCFF !important }

.adText a:visited { color: #0066FF !important }

.adHeadline { color: white !important; background-color: transparent }

.adHeadline a { color: #00CCFF !important }

.adHeadline a:visited { color: #0066FF !important }

h2.wikiasearch,h2.searchtitle { color: #fff; border: 1px solid #AAAAAA; background-color: #2A2A2A; padding: 3px 0px 3px 3px }

div#userloginForm form,div#userlogin form#userlogin2 { clear: both; float: left; margin: 0 3em 1em 0; padding: 1.5em 2em; border: 1px solid #AAAAAA; background-color: #2A2A2A }

div#userloginForm table,div#userlogin form#userlogin2 table { background-color: #2A2A2A }

div#userlogin .captcha { border: 1px solid #bbb; padding: 1.5em 2em; width: 400px; color: #fff; background-color: #333 }

table.usa { float: right; margin: 0 0 0 15px; padding: 5px; border: 1px solid #333; font-size: 85%; background: #000 }

th.usa { background: #000; text-align: center; font-weight: bold }

td.usa { background: #333 !important; padding: 0 5px 2px 5px }

.forumheader { border: 1px solid #999999; background-color: #000000; margin-top: 1em; padding: 8px }

.forumlist td.forum_edited a { color: white }

table.mw_metadata th { background-color: #000; color: #FFF }

background-color: #333 !important }
 * 1) editcount table {

table.mw_metadata td { background-color: #222; color: #FFF }

div#mw-js-message { background: transparent }

h4.mw-specialpagesgroup { background-color: #222 }

table.navbox { border: 1px solid #606060; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px }

table.navbox + table.navbox { margin-top: -1px; }

.navbox-title,.navbox-abovebelow,table.navbox th { text-align: center; padding-left: 1em; padding-right: 1em }

.navbox-group { white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em }

.navbox,.navbox-subgroup { background: #202020; }

.navbox-list { border-color: #202020; }

.navbox-abovebelow,.navbox-group,.navbox-subgroup .navbox-title { background: #2f2f2f; }

.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow { background: #2c2c2c; }

.navbox-even { background: #242424; }

.navbox-odd { background: transparent; }

.collapseButton { float: right; font-weight: normal; text-align: right; width: auto }

.navbox .collapseButton { width: 6em; }

.topicon-container { position: absolute; top: -35px; right: 0px }

.topicon { display: inline-block; padding-left: 2px }

.WikiaArticle { overflow: visible }

/*********************************************************** .hiddenlist { display:none; } .visiblelist { display:block; }
 * Formatting for "hidden" Appearances section; by User:Bp

.listexpand { text-decoration: none; color: #66BBFF; } .listexpand:hover { text-decoration: underline; color: #66BBFF; }

.scroll { padding: 5px; overflow-y: scroll; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #555; height: 400px; }

@media print { }

/* cache key: 24dupe:resourceloader:filter:minify-css:7:11d016f3124d1e495ac81bc15a94f2a0 */

h3, h4, h5 { font-weight: bold !important; }

.WikiaPage h3 { font-size: 132%; }

.editsection { font-weight: normal !important; }

/***ADD A PHOTO BUTTON***/ /** Removes the "add a photo button" for galleries **/ .wikia-photogallery-add { display: none !important; }

/*********************************************************** .editpage-editarea textarea, textarea.csWikitext { color: #000000 !important; background-color: #FFFFFF !important; }
 * Making edit area white again

/*********************************************************** .wikia-menu-button ul { background:none repeat scroll 0 0 #222; border:2px solid #002E5B; } .wikia-menu-button ul a { color:#B7B1B1; background-color:#222; display:block; padding:4px 4px 2px; } .wikia-menu-button ul a:hover { background:none repeat scroll 00 #2E2E33; }
 * BUTTONS

/*** Category styling ***/

.article-categories { background-color:#222222; background-image: url("http://vignette3.wikia.nocookie.net/24wikia/images/5/50/Catback.png/revision/latest?cb=20101007003658"); border:1px solid #666; background-repeat: no-repeat; background-position: bottom right; clear:both; line-height:1.8em; }

/*** Mobile-only text ***/

.mobile-only,.mobile-only a { display: none; !important; }