MediaWiki:Fandomdesktop.css

/* This temporary CSS was primarily created by User:Bongolium500 with some additions from User:Spongebob456 and User:SOTO. It aims to emulate the Oasis skin as much as possible and will likely be replaced by an entirely new style sometime in the near future. It is a mixture of imports of old stylesheets, direct copy-pastes of sections of old style sheets and slight edits of old stylesheets. */

/* Imports - these must be at the top to work. Most of the CSS imported here needs rewriting at some point soon but this will do for now */ @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Carousel.css|MediaWiki:TableGrid.css|MediaWiki:Mainpage.css|MediaWiki:Namespace.css|MediaWiki:Tardis.css|MediaWiki:TardisAdmin.css|MediaWiki:Themes.css|MediaWiki:Transmat.css|MediaWiki:UserWarning.css|MediaWiki:Infoboxes.css&only=styles"); /* Fonts */ @import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,700|Raleway:300,700&subset=latin-ext');

/* Gives section headers a decent font - I believe there is a better way to do this with variables */ .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family: rubik,helvetica,arial,sans-serif; }

/* Ensures bold links are bold */ .mw-parser-output b a { font-weight: bold; }

/* Used in making templates mobile friendly */ i.mobile-only-italics { font-style: normal; }

/* Super-basic Navboxes */ /* =================    NAVBOXES =================   This is for simple navigation, as with seasonal nav boxes, species nav boxes, etc.   ================= The core of this originally came from wowwiki.com, but it seemed to be a tweak of code originally taken from the English Wikipedia. ================== */

/* ++++++++++++++++    General tweak for navboxes +++++++++++++++++ */

.nowraplinks a { white-space: nowrap; }

/* ++++++++++++++++    NAVFRAME STUFF ++++++++++++++++   Standard Navigationsleisten, aka box hiding thingy from .de.wikipedia Documentation at    wikipedia:Wikipedia:NavFrame. ++++++++++++++++ */

div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; /* border: 1px solid #aaa; Border unnecessary and uncurved */ 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 { margin: 0px; padding: 5px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: red; 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:10px; font-weight:normal; font-size:smaller; margin-left:25px; }

.NavToggle .collapseButton, .NavToggle collapseButton { right:10px; font-weight:normal; font-size:smaller; text-align:right; margin-left:25px; }

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

/* +++++++++++++++    DEFAULT SKIN FOR NAVBOXES +++++++++++++++   =-=-=-=-=-=-=-=    Navbox container style =-=-=-=-=-=-=-= */

table.navbox { border: 1px solid #e5c076; background-color: transparent; color: #fff; padding: 5px; font-family: "Rubik"; text-align: left; line-height: 120%; margin-right: auto; margin-left: auto; width: 97%; }

/* =-=-=-=-=-=-=-=    Single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) =-=-=-=-=-=-=-= */

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

/* =-=-=-=-=-=-=-=-    Title and above/below styles =-=-=-=-=-=-=-=- */

.navbox-title, .navbox-abovebelow, table.navbox th { text-align:center; font-family: "Rubik"; padding:3px; font-weight:normal; line-height:1.2; letter-spacing:3px; text-transform:uppercase; padding-left:1em; padding-right:1em; }

.navbox-title, table.navbox th { color: #fff!important; padding: 5px; font-family: "Rubik"; text-align: left; line-height: 120%; margin-left: auto; margin-right: auto; margin-top: 5px; }

/* =-=--=-=-=-=-=-    Group style =-=-=-=-=-=-=-= */

.navbox-group { border: 1px solid #e5c076; white-space:nowrap; text-align:right; font-weight:normal; padding-left:1em; padding-right:1em; }

.navbox-list { border: 1px solid #e5c076; color: white; }

.navbox-title, table.navbox th { color:#000; padding:5px; font-family: "Rubik"; text-align:left; line-height:120%; margin-left:auto; margin-right:auto; margin-top:5px; } .navbox-subgroup .navbox-title { color: #fff; padding: 5px; font-family: "Rubik"; text-align: left; line-height: 120%; margin-left: auto; margin-right: auto; margin-top: 5px; }

.navbox-even { background-color:transparent; }

.navbox-odd { background-color:transparent; }

.navbox-list .navbox-even a:link, .navbox-even a:visited, .navbox-even a:link,

.navbox-odd a:visited, .navbox-odd a:link, .navbox-list .navbox-odd a:visited, @media print { .navbox { display: none; } }

/* Places the table of contents in the same location as Oasis and gives it some styling */ .page-content #toc { border: 1px solid var(--theme-border-color); margin: auto auto auto 18px; border: 1px solid #e5c076; } .toc .toctitle, .toc .toctitle h2 { border-bottom-color: #e5c076; } .toc { border-radius: 3px; display: table; float: right; clear: right; width: 250px; }

/* Makes page titles bold */ .page-header__title { font-size: 36px; letter-spacing: .25px; line-height: 1.25; overflow-wrap: break-word; word-break: break-word; font-weight: bold; }

/* Maintenance template tweaks and other temporary colour tests */

.theme-fandomdesktop-light .fandom-community-header { /* background: #86b0ef; */ /* Some abandoned styling based on Thirteen's shirt pattern... */   /* box-shadow: 0 9px 0px 60px #86b0ef, 0 9px 0 80px #7BA4E2; */ /* box-shadow: 0 9px 0px 60px #86b0ef, 0 9px 0 75px #7ba4e2, 0 9px 0 84px #6d83c3, 0 9px 0 90px #c4caff, 0 9px 0 93px #393652, 0 9px 0 122px #fff9ee, 0 9px 0 125px #7ba4e2; */ /* box-shadow: 0 25px 0px 30px #86b0ef, 0 18px 0 30px #7ba4e2, 0 6px 0 30px #6d83c3, 0 4px 0 30px #c4caff, 0 -2px 0 30px #393652, 0 -6px 0 30px #7ba4e2; */ }

.theme-fandomdesktop-light .fandom-sticky-header.is-visible { /* box-shadow: 0 1px 0 0 #7ba4e2, 0 2px 0 0 #f4ede3, 0 3px 0 0 #6d83c3, 0 5px 0 0 #c4caff; */ /* box-shadow: 0 1px 0 0 #7ba4e2, 0 2px 0 0 #f4ede3, 0 4px 0 0 #c4caff; */ /* background: #6d83c3; */ /* current background is #4f6bab */ }/* .theme-fandomdesktop-light.action-edit .fandom-sticky-header.is-visible { box-shadow: none; }*/

.theme-fandomdesktop-light .fandom-sticky-header .wds-button-group>.wds-button.wds-is-secondary:not(:last-child):hover { background: #86B1EF; color: white; } .theme-fandomdesktop-light .fandom-sticky-header .wiki-tools .wds-dropdown .wds-is-secondary:hover { color: white; } .theme-fandomdesktop-light .fandom-sticky-header .wds-dropdown:hover { color: #d5ddff; } .theme-fandomdesktop-light .fandom-sticky-header .first-level-item > a:active, .theme-fandomdesktop-light .fandom-sticky-header .first-level-item > a:focus, .theme-fandomdesktop-light .fandom-sticky-header .first-level-item > a:hover { color: white; } .theme-fandomdesktop-light .fandom-community-header__local-navigation .wds-dropdown__content { border-color: #4f6bab; box-shadow: inset 0 5px 0 1px #4f6bab, inset 0 -1.5px 0 0 #4f6bab; /* background: #b3ccf1; background: #ACBBFB; */ background: #d5ddff; } .theme-fandomdesktop-light .fandom-community-header__local-navigation .wds-dropdown::after { border-bottom-color: #d5ddff; } .theme-fandomdesktop-light .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { border-color: #4f6bab; background: #CCD4FF; box-shadow: inset -8px 0 0 1px #c4caff; }

.theme-fandomdesktop-light #article-type { background-color: #b8beff; border-color: #1c2692; border-radius: 10px; }

/* A few tweaks to infoboxes - in use */ .portable-infobox a { color: #000!important; } .portable-infobox .pi-data-label { background: #ececec; color: #000; padding-right: 10px; -ms-flex-preferred-size: 70%; -webkit-flex-basis: 70%; -moz-flex-basis: 69%; flex-basis: 70%; line-height: 120%; font-size: 11px; text-transform: none; letter-spacing: 0; background-color: #ececec; text-align: right; }

/* A few tweaks to infoboxes - currently not in use .story-nav { text-align: center; } .pi-horizontal-group .pi-header { display: table-caption; text-align: center; } .portable-infobox { --pi-background: var(--theme-page-background-color); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--label: var(--theme-accent-label-color); --pi-border-color: rgba(var(--theme-accent-color--rgb),0.5); border-radius: 3px; border-style: solid; border-width: 1px; clear: right; float: right; margin: 0 0 18px 18px; width: 295px; } */

/* Hides video titles */ .title { display: none; }

/* table edits */ .ooui-theme-fandomooui .mw-datatable>*>tr>th, .ooui-theme-fandomooui .mw-datatable>tr>th, .ooui-theme-fandomooui .mw-json>*>tr>th, .ooui-theme-fandomooui .mw-json>tr>th, .ooui-theme-fandomooui .wikitable>*>tr>th, .ooui-theme-fandomooui .wikitable>tr>th { background-color: #e5c076; border-color: var(--theme-border-color); padding-bottom: 9px; padding-top: 9px; }

/* Sets up the 'article-type' templates styling to match Oasis as closely as possible. Some styling here affects other stuff as well but its intent is to get these templates working */ div#article-type { border:1px solid #e5c076; padding:5px; letter-spacing:.5px; text-align:left; min-height:55px; margin:0px 0px 10px 0px; } div#type-title { margin-left: 205px; font-size: 18pt; line-height: 16pt; } div#article-type p { margin-left: 205px; line-height: 11px; font-size: 11px; text-align: left; font-weight: normal; font-style: normal; } .mw-parser-output p+p { margin: .5em 0; } .page-content p { margin-top: 12px; }

div.type-realworld { margin:auto auto auto auto; top:0px; max-height:55px; background: url(https://images.wikia.nocookie.net/tardis/images/d/d8/SmallClapper.jpg) no-repeat; z-index:5; } div.type-nc { max-height:55px; background: url(https://images.wikia.nocookie.net/tardistest/images/8/8c/NoncanonImage.jpg) no-repeat; z-index:5; } div.type-disambig { max-height:70px; background: #292832 url(https://images.wikia.nocookie.net/__cb20090426213327/tardis/images/a/af/Transferring.jpg) no-repeat; z-index:5; } div.type-inuse { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/e/e0/Inuse200px.jpg) no-repeat; z-index:5; } div.type-update { margin-left:180px; background: #292832 url(https://images.wikia.nocookie.net/tardis/images/3/37/Update200px.jpg) no-repeat; z-index:5; } div.type-cleanup { background: #292832 url(https://vignette.wikia.nocookie.net/tardis/images/3/3a/Explain_explain_Journey%27s_End.jpg) no-repeat; z-index:5; } div.type-delete { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/6/6b/Delete200px.jpg) no-repeat; z-index:5; } div.type-oou { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/6/63/Oou200px.jpg) no-repeat; z-index:5; } div.type-rename { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/1/1e/Rename200px.jpg) no-repeat; z-index:5; } div.type-spoiler { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/7/7f/Spoiler200px.jpg) no-repeat; z-index:5; } div.type-conjecture { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/c/c3/Conjecture200px.jpg) no-repeat; z-index:5; } div.type-talk { background: #292832 url(https://images.wikia.nocookie.net/__cb20110514204758/tardis/images/b/b4/Talk200px.jpg) no-repeat; z-index:5; } div.type-unprod { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/f/f2/Unprod.png) no-repeat; z-index:5; } div.type-doctorwhich { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/a/af/WhichDoctor.jpg) no-repeat; z-index:5; } div.type-nonfiction { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/2/26/Nonfiction.png) no-repeat; z-index:5; } div.type-prefix { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/d/d5/Prefix.png) no-repeat; z-index:5; background-size:200px 90px; background-position:left top; } div.type-merge { background-image: #292832 url(https://images.wikia.nocookie.net/__cb20100517214718/tardis/images/9/9c/Merge.png); background-repeat:no-repeat; background-size:200px 200px; background-position:0 0; z-index:5; } div.type-demonym { background: #292832 url(https://images.wikia.nocookie.net/tardis/images/c/c6/Demonym200px.jpg) no-repeat; z-index:5; background-position:0px -20px } div.type-trigger { /* WIP template, may not be kept. See User:Bongolium500/Sandbox 9 */ background: #292832 url(https://static.wikia.nocookie.net/tardis/images/7/79/Trigger_Template_200px.jpg) no-repeat; z-index: 5; }

/* The following is copied directly from MediaWiki:Wikia.css */ /* ============    General font matters ============ */

.WikiaArticle, .WikiaPage, .WikiaRail { font-family:"Rubik"; } .WikiaPageHeader { padding-bottom:0!important; } .banner-notification { border: solid white; } .WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { color:#e5c076; font-family: "Maven pro"; } .page-header, .WikiaPage .page-header__title, .WikiaPage .page-header__page-subtitle, span.page-header__categories-in { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important; /* This bit is super-important. It's explicitly stating the FANDOM font-stack, and !importanting it, so as to       make sure that we're in compliance with Sept 2017 guidelines about the header. The virtue of doing it this way is that we can make other changes without worrying if we're       falling out of sync with header guidelines. */ } .WikiaArticle li, .WikiaPage li { line-height:130%; } .not-patrolled { /* not quite sure why this has to be defined better after the 2018 retheme, but it does. Qualaroo wanted to set this as rgb(255, 255, 170) for some reason */ background:#e5c076; color:#000; padding:5px; } .not-patrolled:hover, .not-patrolled li:hover { background:#05e594!important; } .not-patrolled:hover, .not-patrolled:hover a, .not-patrolled:hover a.new { color:#555; } .not-patrolled a { text-decoration:underline; color:#000; } .not-patrolled a.new { color:#555; font-weight:bold; } /* =================  Spotify player ================= */ .spotify-thumb { float: right; clear: right; height: 76px; margin-bottom: 12px; margin-left: 12px; width: 250px; } .spotify-thumb iframe[data-wikia-widget="spotify"] { max-height: 200px; } .spotify-thumb#full-height { height: initial; } .spotify-thumb#full-height { height: 375px; } .spotify-thumb#height-280 { height: 275px; } .spotify-thumb#height-350 { height: 345px; } .spotify-thumb#full-height iframe[data-wikia-widget="spotify"], .spotify-thumb#height-280 iframe[data-wikia-widget="spotify"], .spotify-thumb#height-350 iframe[data-wikia-widget="spotify"] { max-height: initial; } /* =======================    VIDEOS ======================== */ /* Getting rid of video titles, since these often contain spoilers, in violation of local rules */ /* Note from Bongolium500: this doesn't seem to work. A fix to hide video titles from thumbnails in pages is near the top. */ .WikiaArticle .article-thumb .title { display:none; } /* =================    CATEGORY SORTKEY only works with Category Sorter/code.js   from Dev ================= */ .letters.sortkey { left:160px!important; /*fixes positioning post 2017*/ } /* =================    ADMIN DASHBOARD ================= */
 * 1) WikiaPageHeader,
 * 1) PageHeader,

.AdminDashboardChromedArticle h2 { margin-left:20px; margin-right:20px; text-transform:none; }

.AdminDashboardHeader { background-image:none; background-color:transparent; border:none; margin-top:35px; }

.AdminDashboardHeader h1 { font-family: "Rubik"; text-transform:uppercase; letter-spacing:3px; border:none }

/* ====================    Fix for wikitable sortable issues post MW 1.19 ==================== */ table.jquery-tablesorter th.headerSort { background-image: url("https://images.wikia.nocookie.net/__cb58381/resources/jquery/images/sort_none.gif"); background-position:right; padding-bottom:0px; background-repeat:no-repeat; }

/* ====================  PERMISSIONS ERRORS ==================== */ .PermissionsError > .editpage-intro > .editpage-intro-wrapper > div { background-color: #e5c076; border: 3px solid #fff; color: black; padding:20px; margin-top:150px; } /* =========================  SPOILER ALERT ========================= */ #SpoilerAlertText { font-size: 80; line-height:130%; margin:50px; } /* ====================   Stuff from Common.css ==================== */ /* ============================  Poetry ============================ */

div.poem { margin-left:20px; }

.pi-data-value .poem { /* I don't know if poems are used elsewhere so to play it safe this only affects infoboxes */ margin-left: 0; }

/* ======================    POLLS ====================== */

div.ajax-poll { border:1px solid #e5c076; color:#000; padding:5px; font-family: "Rubik"; letter-spacing:1px; text-align:left; margin:10px; width:auto }  /* Special Pages */

.mw-specialpagesgroup { background-color:transparent; border:1px solid #e5c076; }

/* ===================    Template documentation =================== */ .documentation { padding:3px; } .documentation .header, .documentation .footer { padding:.5em; margin:0; font-size:85%; border:#e5c076 solid 2px; background:#e5c076; color:#000; } .documentation .header a, .documentation .header a.link, .documentation .header a.visited, .documentation .footer a, .documentation .footer a.link, .documentation .footer a.visited { text-decoration:underline; color:#555; } .documentation .footer { text-align:right; } .documentation .description { padding:1em 1.5em 0 1.5em; margin:8px 0; border:wpx dashed #e5c076; background-color:transparent; }

/* ===================    DIFF RENDERING =================== */

table.diff, td.diff-otitle, td.diff-ntitle { background:none!important; background-color:transparent; font-family: "Rubik" }

td.diff-addedline { border:2px solid white; background: #bfbe30; color: black; padding:10px!important; line-height:120%; font-size:14px; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; } td.diff-deletedline { border:2px solid white; background: #c35858; color: black; padding:10px!important; line-height:120%; font-size:14px; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; } td.diff-context { background:#ececec; color: black; border: none; font-weight:normal; font-size:12px; margin-bottom:5px; margin-top:5px; padding:10px!important; line-height:120%; font-family:"Rubik"; }

.diffchange { color:blanchedalmond!important; background:none!important; }

span.diffchange { color:#fff; font-weight: bold; text-decoration: none; font-size:14px; }

span.autocomment { color:#000; font-family:"Rubik"; }

.WikiaArticle #pagehistory li.selected { background-color:#d5e9fe; color:#000; }

.WikiaArticle #pagehistory li.selected a { color:#000 }

/* ===================    QUOTATIONS =================== */ /* ---    SIMPLE QUOTATIONS powers template:sq --- */

/* .simplequote::before { content: "“"; float: left; height: 60px; margin-top: -20px; padding-top: 45px; margin-bottom: -50px; font-size: 200%; color: #fff; }

.simplequote::after { content: "”"; float: right; height: 25px; margin-top: 0px; padding-top: 20px; font-size: 200%; color: #fff; } .simplequote { font-family:Rubik; font-style:italic; margin:5%; font-size: 1.15em; line-height: 1.45em; }

.simplequote[cite]::after { display: block; text-align: right; content: "\2014\ " attr(cite); font-style: normal; font-size: 1.2em; color:#012c57; }

.simplequote span.author { position: relative; display: block; font-size:100%; line-height:90%; text-align: right; margin-top: 5px; color: #012c57; font-style:italic; top:10px; }   .simplequote span.author i { position: relative; font-size:100%; line-height:90%; background: #eee; font-style: italic; z-index: 5; padding:1%; border: solid .75px transparent; border-radius: 4px; } /* Makes a decorative line, but honestly this line only works on pages where there's no   infobox or image in the way. .simplequote span.author::before { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 35%; float:left; height: 1px; background: #ccc; z-index: 1; color:#012c57; } .simplequote span.author a, .simplequote span.author a:link { color:#012c57; }

/* Blockier way of doing quotes */

blockquote { position: relative; display: inline-block; background: #eee; padding: 40px 30px 30px 60px; border-radius: 10px; font-size:110%; line-height:120%; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; color: #333; text-align: left; box-shadow: 1px 1px 1px #012c57, 2px 2px 1px #012c57, 3px 3px 1px #012c57; transition-duration: .3s; margin: 20px; width:auto; } blockquote span.author { position: relative; display: block; font-size:100%; line-height:90%; text-align: right; margin-top: 5px; color: #999; font-style:italic; }   blockquote span.author i { position: relative; font-size:100%; line-height:90%; background: #eee; padding-left: 25px; font-style: italic; z-index: 5; } blockquote a, blockquote a:link { text-decoration:underline; color:#012c57; } blockquote span.author a, blockquote span.author a:link { color:#012c57; } blockquote span.author::before { display: block; content: "“"; position: absolute; top: 50%; left: 0; width: 100%; float:left; height: 1px; background: #ccc; z-index: 1; } blockquote:hover { box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57; } blockquote::before { display: block; position: absolute; top: 40px; left: 0px; content: "“"; font-family: "Rubik"; font-size: 150px; color: #012c57; z-index:6; } /* =======================    ARCHIVE TOOL ======================= */

background-color:transparent; color:#FFF; } .archstrip { background: #012c57; overflow: visible; padding: 10px 20px; position: relative; font-family:'Gill Sans', Verdana, sans-serif; text-transform:uppercase; letter-spacing:3px; border:2px #fff solid; float:right; line-height:110%; color:#fff; max-width:250px; }
 * 1) archstrip table, .archstrip table,
 * 2) archstrip td, .archstrip td {
 * 1) archstrip,

/* ==================  SEMANTIC MEDIAWIKI TABLES ================== */ .smwtable-exterior { color:#012c57; margin:5px auto 5px auto; padding:auto; }

table.wikitable, table.smwtable { font-family: "Rubik"; font-size: 12px; text-align: center; background-color:transparent; margin:10px auto 10px auto; width:auto; } th.headerSort, table.wikitable th, table.smwtable th { border: 0px solid #ffffff; color: #FFF; overflow:hidden; text-decoration:none; letter-spacing:0px; margin-right:4px; padding: 4px; vertical-align: middle; line-height:110%; font-size:125%; background-color:#012c57; background-color: -moz-linear-gradient(-45deg, #012C57 0%, #012c57 25%); background-color: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#012C57), color-stop(100%,#012c57)); background-color: -webkit-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background-color: -o-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background-color: -ms-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background-color: linear-gradient(-45deg, #012C57 0%,#012c57 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012C57', endColorstr='#012c57',GradientType=1 ); }
 * 1) smwtable,
 * 1) smwtable th,

table.wikitable> tr > th, table.wikitable> *> tr > th, table.smwtable> *> tr > th { background:#e5c076; color:#000; /* We'll need a new gradient background: -moz-linear-gradient(-45deg, #012C57 0%, #012c57 25%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#012C57), color-stop(100%,#012c57)); background: -webkit-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background: -o-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background: -ms-linear-gradient(-45deg, #012C57 0%,#012c57 25%); background: linear-gradient(-45deg, #012C57 0%,#012c57 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012C57', endColorstr='#012c57',GradientType=1 ); */ }
 * 1) smwtable tr > th,

table.wikitable tr, table.wikitable tbody tr, table.smwtable tr, table.smwtable tbody tr, table.wikitable td, table.wikitable tbody td, table.smwtable td, table.smwtable tbody td { text-align:center; vertical-align:middle; /* We'll need a new gradient background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78))); background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78))); background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); */ } table.wikitable tbody tr:hover td a, table.smwtable tbody tr:hover td a, table.wikitable tbody tr:hover td, table.smwtable tbody tr:hover td { background:#555; color:#FFF; }
 * 1) smwtable tr,
 * 2) smwtable tbody tr,
 * 1) smwtable td,
 * 2) smwtable tbody td,
 * 1) smwtable tbody tr:hover td a,
 * 1) smwtable tbody tr:hover td,

table.wikitable tbody tr td#series { background: #002244; font-size: 1.8em; vertical-align: top; } table.wikitable tbody tr td#series a { color: #aecfff; } /* Mainly used just at List of Doctor Who Television Stories */ table.wikitable .row-red td, div#block.row-red { background: #ff0000; color:#fff; } table.wikitable .row-red td a, table.wikitable .row-red td a.link, table.wikitable .row-red td a.visited, div#block.row-red a, div#block.row-red a.link div#block.row-red a.visited { color:#FFF; text-decoration:underline; }   table.wikitable .row-yellow td, div#block.row-yellow { background: #dfff00; color:#000; } table.wikitable .row-yellow td a, table.wikitable .row-yellow td a.link, table.wikitable .row-yellow td a.visited, div#block.row-yellow a, div#block.row-yellow a.link div#block.row-yellow a.visited { color:#000; text-decoration:underline; } /* This bit keeps working properly, that is, not intenting within a table table div.poem { margin-left: 0; }

.wikitable.uncat img { max-width: 250px; }

/* ====================    SMW property table ==================== */

div.smwfact { font-weight:normal; background:grey url(https://images.wikia.nocookie.net/tardistest/images/c/ce/70opacitywhite.png)!important; word-wrap:break-word; color:#000; font-family:"Rubik"; text-transform:uppercase; letter-spacing:2px; margin-bottom:10px; }

div.smwfact table { width:95% }

div.smwfact td, div.smwfact tr, div.smwfact table, font-family:"Rubik"; text-transform:none; letter-spacing:0; font-size:90%; background:grey url(https://images.wikia.nocookie.net/tardistest/images/c/ce/70opacitywhite.png)!important; }
 * 1) smwfacttable {

div.smwfact tr:hover { background-color:#D8DFe5 } span.smwrdflink { padding-left:5px; letter-spacing:0px; text-transform:lowercase; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-style:italic; font-size:60%; } span.smwfactboxhead { font-size: 70%!important; font-weight: bold; float: left; } /* =====================    NOARTICLE ===================== */

.WikiaArticle .noarticletext { border:none; } div.noarticle, .noarticle { color:#012C57; max-width:580px; width:580px; margin:0 0 5px 62px; padding-left:70px; padding-top:20px; padding-bottom:20px; padding-right:20px; background-color: #ececec; overflow:visible; background-repeat:no-repeat; background-position: 0px 20px; line-height:100%; } div.noarticle a:link, div.noarticle a:visited { color:#2f2cb8!important; } .noarticle p, div.noarticle p { padding:180px 0px 0px 0px; background:url('https://images.wikia.nocookie.net/__cb20120118211740/tardis/images/f/f6/Zeroroom.png') no-repeat; line-height:110%; color:#012c57; } div.noarticletext { background:none; border:none; }

/* ==================  Warning formatting ================== */

div.mw-edit-longpagewarning, div.mw-editinginterface, div.mw-warning-with-logexcerpt { color:#000; max-width:500px; width:500px; margin:0 0 5px 75px; padding-left:70px; padding-top:20px; padding-bottom:20px; padding-right:20px; overflow:visible; line-height:100%; background-position: 0px 2px; background: #ececec url(https://images.wikia.nocookie.net/tardis/images/1/17/Grey-warning-small.png) no-repeat; border:none; } div.mw-warning-with-logexcerpt p, div.mw-edit-longpagewarning p, div.mw-editinginterface p { color:#000!important; font-weight:600; } div.mw-warning-with-logexcerpt a, div.mw-edit-longpagewarning a, div.mw-editinginterface a { color:#000!important; } div.mw-warning-with-logexcerpt a.new, div.mw-edit-longpagewarning a.new, div.mw-editinginterface a.new { color:#aa1111!important; }

/* -=-=-=-=-=-=-=-=-=    "Lesser" warnings Styled as above, but with less alarming backgrounds. -=-=-=-=-=-=-=-=-=- */ div.sharedHelpEditInfo { border:2px solid #e5c076; color:#000; max-width:500px; width:500px; margin:0 0 5px 75px; padding:20px 20px 20px 70px; background-position: 10px 10px; background-repeat: no-repeat; background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), rgb(206,219,233); background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -moz-linear-gradient(left,  rgba(206,219,233,1) 0%, rgba(235,234,242,1) 0%, rgba(223,220,234,1) 67%, rgba(160,159,183,1) 100%, rgba(170,197,222,1) 100%, rgba(226,225,247,1) 100%); background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,219,233,1)), color-stop(0%,rgba(235,234,242,1)), color-stop(67%,rgba(223,220,234,1)), color-stop(100%,rgba(160,159,183,1)), color-stop(100%,rgba(170,197,222,1)), color-stop(100%,rgba(226,225,247,1))); background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -webkit-linear-gradient(left,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%); background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -o-linear-gradient(left,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%); background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), -ms-linear-gradient(left,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%); background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c9/WikiaLogoVertical.png), linear-gradient(to right,  rgba(206,219,233,1) 0%,rgba(235,234,242,1) 0%,rgba(223,220,234,1) 67%,rgba(160,159,183,1) 100%,rgba(170,197,222,1) 100%,rgba(226,225,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#e2e1f7',GradientType=1 ); line-height:100%; } div.sharedHelpEditInfo[style] { /* This is necessary to override some inline HTML style declarations */ margin:0 0 5px 75px; padding:10px 10px 10px 70px; color:#000; } div.sharedHelpEditInfo li { margin-left:75px; line-height:105%; }

/* =====================    TRICKS FOR INDIVIDUAL MW MESSAGES ===================== */ .our404image { background-image: url('https://images.wikia.nocookie.net/__cb20080704184806/tardis/images/thumb/1/1a/MagnifiedDoctor.jpg/600px-MagnifiedDoctor.jpg'); background-repeat:no-repeat; width:400px; } /* =====================    LOADING MESSAGE ===================== */ div.loading-message { letter-spacing: 1.5px; text-transform: uppercase; } /* This image needs to be replaced. Its transparency flaws are particularly visible after the 2018 redesign. background-image: url(https://images.wikia.nocookie.net/tardis/images/c/c6/TardisLoader.gif); background-size: 242px 200px; background-repeat:no-repeat; background-position:top center; background-color:transparent; overflow:visible; }
 * 1) EditPageEditor .loading-indicator .loading-message .loading-throbber {

/* CSS to support properly themed Wiki Notificaitons */ .loading { font-family:'Rubik'; font-size:175%; letter-spacing:2px; font-weight:bold; text-align:center; color:#000; padding:100px; text-transform:uppercase; } .ns-114 .wds-banner-notification__container, .ns-114 .banner-notifications-placeholder { display:none; position:inherit; } .wds-banner-notification { background-color: #e5c076; border:1px solid white; } .wds-warning .wds-banner-notification__icon { background-color:#e5c076; } .wds-banner-notification a, .wds-banner-notification a:link, .wds-banner-notification__container a, .wds-banner-notification__container a:link, .wds-banner-notification__text a, .wds-banner-notification__test a:link { color:black!important; text-decoration:none; font-family:Rubik; font-weight:600; }

/* Light theme fixes - feel free to edit! */ .theme-fandomdesktop-light #article-type { background-color:transparent; }

.theme-fandomdesktop-light #inline-box, .theme-fandomdesktop-light #inline-box p { color:black; }

.theme-fandomdesktop-light .navbox-title, .theme-fandomdesktop-light table.navbox th, .theme-fandomdesktop-light table.navbox, .theme-fandomdesktop-light .navbox-group, .theme-fandomdesktop-light .navbox-list { color:black !important; }

.theme-fandomdesktop-dark table.wikitable th { color:black; }

.theme-fandomdesktop-light table.navbox { background-color: white; }

.theme-fandomdesktop-light .wikia-gallery-captions-center .wikia-gallery-item .lightbox-caption, .wikia-gallery-captions-center .wikia-gallery-item .title { color: black; }

.theme-fandomdesktop-light .diffchange { color: #493f2f!important; }

.theme-fandomdesktop-light #license { color: #000; }

.theme-fandomdesktop-light .wikia-gallery .lightbox-caption { color: black; }