MediaWiki:Common.css

/* In October 2021, this style sheet was reactivated, following Fandom's change to UCX. /* =============================  Version 6.0 October 2021 =============================

At Tardis, Common.css is the main CSS. Major iterations of the main CSS were seen a few times before 2012, but then in 2012, and 2017. Major revisions during the Whitaker era have been promulgated in 2018 by user:CzechOut, and in 2021 by user:SOTO, completing that original project. Minor additions and fixes have also been contributed by User:Bongolium500. */

/* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work =================== */

@import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Carousel.css|MediaWiki:Infoboxes.css|MediaWiki:TableGrid.css|MediaWiki:Mainpage.css|MediaWiki:Namespace.css|MediaWiki:Navbox.css|MediaWiki:Tardis.css|MediaWiki:TardisAdmin.css|MediaWiki:Themes.css|MediaWiki:Transmat.css|MediaWiki:Forum.css|MediaWiki:UserWarning.css&only=styles");

/* ===================	Variables ===================	These CSS variables complement the default ones set by	Theme Designer =================== */
 * root .theme-fandomdesktop-dark {

--bright-accent-color: #e5c076; --bright-accent-color--rgb: 229,192,118; --right-rail-background-color: #263958; /* #2b3f63 #35496b */ --highlight-secondary: #deb96d; }
 * root .theme-fandomdesktop-light {

--bright-accent-color: #012c57; --bright-accent-color--rgb: 1,44,87; --right-rail-background-color: #263958; /* #2b3f63 #35496b */ --highlight-secondary: #556375; /*temp*/ }

/* ===================    Font IMPORTS =================== */ @import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,700|Raleway:300,700&subset=latin-ext'); /* ===========    Page =========== */

.WikiaPage { border:0; } .WikiaPage .WikiaPageBackground { opacity:1; border:0; }

/* ============    General font matters ============ */

.WikiaArticle, .WikiaPage, .WikiaRail { font-family:"Rubik"; } .WikiaPageHeader { padding-bottom:0!important; } .banner-notification { border: solid white; } .page-content h2:first-of-type { clear: left; } .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. */ } .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-color:var(--bright-accent-color); 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; }
 * 1) WikiaPageHeader,
 * 1) PageHeader,

/* ================    COLOUR FIXES ================ */

.page__right-rail { background-color: var(--right-rail-background-color); }

.WikiaBarWrapper { background: var(--highlight-secondary); }

/* ================    BUTTON COLOURS ================ */

.theme-fandomdesktop-dark #content .wds-button { background-color: #c39e54; }

.theme-fandomdesktop-light .fandom-sticky-header .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--theme-accent-color)!important; border-color: var(--theme-accent-color); color: var(--theme-accent-label-color)!important; } .theme-fandomdesktop-dark .wds-button.wds-is-active, .theme-fandomdesktop-dark .wds-button:active, .theme-fandomdesktop-dark .wds-button:focus, .theme-fandomdesktop-dark .wds-button:hover, .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus, .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #bca77e; }

.theme-fandomdesktop-dark .fandom-community-header .wds-button.wds-is-active, .theme-fandomdesktop-dark .fandom-community-header .wds-button:active, .theme-fandomdesktop-dark .fandom-community-header .wds-button:focus, .theme-fandomdesktop-dark .fandom-community-header .wds-button:hover { background-color: #57657e; } .theme-fandomdesktop-light .fandom-community-header .wds-button.wds-is-active, .theme-fandomdesktop-light .fandom-community-header .wds-button:active, .theme-fandomdesktop-light .fandom-community-header .wds-button:focus, .theme-fandomdesktop-light .fandom-community-header .wds-button:hover { background-color: #7384a2; color: #152b54; } .theme-fandomdesktop-light .fandom-sticky-header .wiki-tools .wds-button.wds-is-secondary:active, .theme-fandomdesktop-light .fandom-sticky-header .wiki-tools .wds-button.wds-is-secondary:focus, .theme-fandomdesktop-light .fandom-sticky-header .wiki-tools .wds-button.wds-is-secondary:hover { background-color: #61789f; } .theme-fandomdesktop-dark .page-header__actions .wds-button.wds-is-active, .theme-fandomdesktop-dark .page-header__actions .wds-button:active, .theme-fandomdesktop-dark .page-header__actions .wds-button:focus, .theme-fandomdesktop-dark .page-header__actions .wds-button:hover { background-color: #c39e54; color: #101f3d; }

/* ==================    THINGS TURNED OFF It's believed that turning these things off is allowed by the FANDOM Terms of Use ================== */ .WikiaArticle .editsection img, .category-gallery, .RelatedPagesModule, .picture-attribution, .WikiaArticle .article-thumb .attribution { display:none!important; /* this important seems necessary */ } /* ================    PRE ================ */

.WikiaArticle pre, .pre { background:#ececec!important; color:#000; border:1px solid var(--theme-accent-color); -moz-box-shadow:0 0 5px var(--theme-accent-color) inset; -webkit-box-shadow:0 0 5px var(--theme-accent-color) inset; -o-box-shadow:0 0 5px var(--theme-accent-color) inset; -ms-box-shadow:0 0 5px var(--theme-accent-color) inset; box-shadow:0 0 5px var(--theme-accent-color) inset; line-height:140%; width:auto; margin:10px auto; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: pre\9; } /* ================    FOOTER ================ */

/* This footer is the one at bottom of articles */

.WikiaArticleFooter { padding:0px; }

/* Footer in general */ /* This controls the whole horizontal strip that's found on the bottom of most pages. At a minimum, it includes the MyTools and Configuration sub menus, but many users will also have shortcuts to their favorite tools, like History and File Upload, in this area. */

.WikiaBarWrapper .toolbar, .WikiaFooter .toolbar { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:1.5px; z-index:1 } .WikiaBarWrapper .toolbar a:hover, .WikiaFooter .toolbar a:hover { font-weight:normal; background:none repeat scroll 0 0 transparent; border:none; text-transform:uppercase; letter-spacing:1.5px; } .WikiaFooter .recirculation-impact-footer h4 { color:inherit; } /* ==============    MYTOOLS MENU ==============

Those elements not specified in the .WikiaFooter .tools-menu range are inherited from .Wikifooter .toolbar range. Thus the font for the MyTools menu is currently specified above. It wouldn't have to be; if one wanted to make the font in MyTools menu different from that of the rest of the (horizontal) footer tools menu, one would merely define it in the group below. */

.WikiaBarWrapper .tools-menu, .WikiaFooter .tools-menu { background-color:#ECECEC; border:1px solid var(--theme-accent-color); -moz-box-shadow:0 0 40px var(--bright-accent-color); -webkit-box-shadow:0 0 40px var(--bright-accent-color); -ms-box-shadow:0 0 40px var(--bright-accent-color); -o-box-shadow:0 0 40px var(--bright-accent-color); box-shadow:0 0 40px var(--bright-accent-color); color:#000; text-transform:uppercase; font-family:"Rubik"; padding:3px; letter-spacing:1.5px; } .WikiaFooter .tools-menu > li a, .WikiaBarWrapper .tools-menu > li a, .WikiaFooter .tools-menu > li, .WikiaBarWrapper .tools-menu > li { color:#000; } .WikiaBarWrapper .tools-menu a,                                    .WikiaFooter .tools-menu a { color: #000!important; font-weight:normal; } .WikiaBarWrapper .tools-menu a:hover, .WikiaFooter .tools-menu a:hover { background-color:rgba(229, 192, 118, 0.4); font-weight:normal; color:#fff; } /* ===============    MYTOOLS CONFIGURATION ===============   That is, the thing that pops up     when you hit "configuration" on the footer tool bar. */

.MyToolsConfiguration .options-list, .MyToolsConfiguration .search-box { background-color: #ECECEC; color:#000; }

.MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:rgba(229, 192, 118, 0.4); color:#000; }

.MyToolsConfiguration .popular-tools-group { background-image:none; color:#000; background-color:#ECECEC; }

.MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: #D8DFE5; color:#000; font-weight:normal; }

/* This is the headline for all things in a modal wrapper — mainly the Customize and picture boxes. Another way of defining the headlines of the modal wrappers, is to be specific, as in   .MyToolsConfiguration h1 */

.modalWrapper > h1 { font-style:normal; font-size: 20px; line-height: 110%; text-align:left; margin-bottom:10px; padding-bottom:10px; margin-left:15px; font-family:Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; text-transform:none; font-style:normal; font-weight:normal; letter-spacing:0px; }

/* The "modal wrapper" is the whole of the customization "box" */

.modalWrapper { border:1px solid var(--theme-accent-color); -moz-box-shadow:0 0 40px var(--bright-accent-color); -webkit-box-shadow:0 0 40px var(--bright-accent-color); -ms-box-shadow:0 0 40px var(--bright-accent-color); -o-box-shadow:0 0 40px var(--bright-accent-color); box-shadow:0 0 40px var(--bright-accent-color); font-family: "Rubik"; text-transform:none; padding:3px; font-weight:normal; } /* Changing where the "edit section" button goes and what it looks like */

.editsection a { text-transform:lowercase; letter-spacing:1px; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; /*font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; */ font-size:70%; font-style:italic; font-weight:bold; color:var(--bright-accent-color); text-align: left; margin-left:-5px; } /* ===================    WIKIA NOTIFICATIONS ===================

Notifications are alerts that pop up when you get new messages or when community-corner is changed, or when FANDOM sends a global message to all users. */

.WikiaNotifications, right:185px; }
 * 1) WikiaNotifications {

.WikiaNotifications li { display:block; }

.WikiaNotifications li div { background: var(--bright-accent-color); /* We need to build a new gradient here background: -moz-linear-gradient(top, #012c57 0%, #012c57 35%, #4e7dab 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#012c57), color-stop(35%,#012c57), color-stop(100%,#4e7dab)); background: -webkit-linear-gradient(top, #012c57 0%,#012c57 35%,#4e7dab 100%); background: -o-linear-gradient(top, #012c57 0%,#012c57 35%,#4e7dab 100%); background: -ms-linear-gradient(top, #012c57 0%,#012c57 35%,#4e7dab 100%); background: linear-gradient(top, #012c57 0%,#012c57 35%,#4e7dab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012c57', endColorstr='#4e7dab',GradientType=0 );

overflow: visible; padding: 10px; position: relative; font-family:"Rubik"; text-transform:uppercase; letter-spacing:1.5px; border:1px #fff solid; line-height:110%; max-width:300px; min-width:300px; }

.WikiaNotifications li div a { color: #fff9d4; text-decoration:none; letter-spacing:0px; text-transform:none; font-style:italic; font-weight:bold; width:auto; line-height:110%; font-family: "Rubik"; display:inline-block; }

.WikiaNotifications li div a:hover { color:#fff9d4; background:none; }

.WikiaNotifications li div a:link.external { color: #fff9d4; }

.WikiaNotification li div p { color:#fff }

.WikiaNotifications li div a, .WikiaNotifications li div a:link { color:#fff9d4; font-weight:bold; text-transform:none; letter-spacing:none; }

.WikiaNotifications li div p { color:#fff }

.WikiaBadgeNotification { color:white; text-transform:none; letter-spacing:0px } .WikiaBadgeNotification p { letter-spacing:1px; font-size:110% }

.WikiaBadgeNotification p big { text-transform:uppercase; }

/* Not quite sure which of these is right, but it doesn't seem to be the WBN.n-d a, a:hover. Can't really test this too much cause I need the notification to appear to verify changes. This does at least change the color of the text, though. */

.WikiaNotifications .WikiaBadgeNotification .notification-details, .WikiaBadgeNotification .notification-details, .WikiaBadgeNotification .nofication-details:hover, .WikiaBadgeNotification .notification-details a, .WikiaBadgeNotification .notification-details a:hover { color:gold; }

/* ++++++++++++++++    SPONSORED LINKS ++++++++++++++++   It's a violation of    Terms of Use to    mark this display:none. We can restyle it, but we can't remove it   ++++++++++++++++ */

.SponsoredLinksModule { background-color:transparent; border:1px dashed var(--bright-accent-color); margin-top:2em; }

/* +++++++++++++++++++++    COMMUNITY PAGE MODULE +++++++++++++++++++++ */

.community-page-rail-module .avatars { z-index:1 }

/* ++++++++++++++++    ACHIEVEMENT MODULE Stuff having to do with The Game of Rassilon as seen in the right rail ++++++++++++++++ */

/* Styling of the heading in the boxes that pop up when you mouseover a badge icon */

.profile-hover wikia-tooltip h1, .profile-hover wikia-tooltip h2, .profile-hover-text { font-weight:normal; font-family: "Rubik"; }

/* Styling the text in the right rail badge module */

.badges strong { line-height:110%; /* This is the title of the award */ color:#000; font-family: "Rubik"; }

.badges .badge-text { line-height:110%; font-size:11pt; font-family: Rubik; }

.WikiaRail > div.UserProfileAchievementsModule ul li p { line-height:110%; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-size:90%; }

.WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER { background-image:none; background-color:transparent; }

.WikiaRail > div.UserProfileAchievementsModule .data .data-details, .WikiaRail > div.UserProfileAchievementsModule .data .data-details > p { font-family: "Rubik"; letter-spacing:2px; }

.WikiaRail > div.UserProfileAchievementsModule .data .tally { font-family: "Rubik"; color:#000; letter-spacing:2px; font-weight:bold; line-height:130%; text-align:center; }

/* Fix to restore 3-column layout to badges, post-Darwin */

.WikiaRail > div.AchievementsModule ul.badges-icons { zoom:.9 !important }

/* =================    The September 2011 "new editor" ================== */ .span.drop img { background-image:url(data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D) } .editpage-intro-wrapper { max-height:none!important; }

/* Trying to get rid of the blue in the newarticletext page */ .editpage-intro > .editpage-intro-wrapper > div { background-color:transparent }  background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none!important; -ms-box-shadow:none; -o-box-shadow:none; -box-shadow:none; display:block; border-right:2px solid white; border-left:2px solid white; border-bottom:2px solid white; padding-left:20px; padding-top:5px; position: relative; vertical-align: top; }    background:none; text-decoration:none; color:rgba(205, 178, 152, 0.76); }       width:500px; }    font-family: "Rubik"; font-weight:normal; font-style:italic; line-height:140%; padding:10px; } /* headers on the right rail of non-widescreen editor  */ /* placeholder */ }
 * 1) EditPageHeader {
 * 1) EditPageHeader > h1 > a:hover,
 * 2) EditPageHeader a:hover {
 * 1) EditPageHeader h1 {
 * 1) EditPageHeader > h1 > a {
 * 1) EditPage .module > h3 > span {

/* edit summary  */

editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on #EditPageRail .module_page_controls textarea { /* placeholder */ } /* preview */
 * 1) EditPage .module_page_controls textarea,

/* placeholder */ }   font-family: "Rubik"; font-weight:normal; text-transform:uppercase; }   font-family: "Rubik"; text-transform:none; } .editpage-notices { background:#000; padding: 0 0 0 10px; top:40%; color:white; } .NotificationsLink, .NotificationsLink > a, .NotificationsLink > a:link { /*placeholder*/ }
 * 1) EditPageDialog.modalWrapper.preview {
 * 1) EditPageDialog.modalWrapper.preview h1 {
 * 1) EditPageDialog.modalWrapper.preview h1.pagetitle {
 * 1) HelpLink a,
 * 2) HelpLink a:link,
 * 3) NotificationsLink,
 * 1) NotificationsLink > a,
 * 1) NotificationsLink > a:link,

/* ===============    STUBS ===============   This notion is original to tardis.fandom.com =============== */ .topbox { padding:1.5em; background:var(--bright-accent-color); } .stub-type, div#stub-type { float:left; margin-right:17px; margin-top:5px; } .stub-type + .stub-type + .stub-type, .stub-type + #stub-type + .stub-type, .stub-type + #stub-type + #stub-type, .stub-type + .stub-type + #stub-type { clear:left; }
 * 1) topbox,
 * 1) stub-type,
 * 1) stub-type + .stub-type + .stub-type,
 * 2) stub-type + #stub-type + .stub-type,
 * 3) stub-type + #stub-type + #stub-type,
 * 4) stub-type + .stub-type + #stub-type,

/* ==============    SECTION EDIT ============== */ .editsection { float: right; } /* ==============    THUMBNAILS Inspired by MemoryAlpha ============== */ .tleft { margin: 10px 10px 10px 0!important; border:none ; background:transparent; width:250px; } .tright { margin: 10px 0 10px 10px!important; border:none; background:transparent; width:250px; }

.page-content .tleft + .tright { margin-top: 14px!important; }

.WikiaArticle div.thumbinner { border:none; } .WikiaArticle .thumbinner { background-color:transparent; background-image:none; } .WikiaArticle .thumbcaption { font-family:"Raleway"; line-height:1.2em; font-size:.8em; font-weight:400; letter-spacing:.05em; } .thumb .thumbcaption p.title { display:none; } /* =================  Spotify player ================= */ .spotify-thumb { float: right; clear: right; height: 152px!important; margin-bottom: 12px; margin-left: 12px; } /*  ====================     GALLERIES ==================== */ div.wikia-gallery div.wikia-gallery-item { background:transparent; border:1px solid var(--theme-accent-color); padding:5px; margin:5px; } div.wikia-gallery div.wikia-gallery-item div.thumb { border:0; } /* =======================    VIDEOS ======================== */ /* Getting rid of video titles, since these often contain spoilers, in violation of local rules */ .WikiaArticle .article-thumb .title { display:none; } /* =================    Table of Contents =================   Note that right-clearing TOCs, which are somewhat unusual — and even scorned on some wikis — have been agreed by community consensus */

.toc, .WikiaArticle .toc { border:1px solid var(--theme-accent-color); float:right; clear:right; width:250px; min-width:250px; color:var(--theme-link-dynamic-color-1); padding:5px; text-align:left; margin:auto auto auto 20px; background-color:var(--theme-accent-color); } .toclimit-2 .toc .toclevel-1 ul, .toclimit-3 .toc .toclevel-2 ul, .toclimit-4 .toc .toclevel-3 ul, .toclimit-5 .toc .toclevel-4 ul, .toclimit-6 .toc .toclevel-5 ul, .toclimit-7 .toc .toclevel-6 ul { display: none; } .toc a, .WikiaArticle .toc a, .toc a:link, .WikiaArticle .toc a:link, .toc .toctitle h2, .toc ul li a .tocnumber, .toctogglespan::after, .toctogglespan::before, label.toctogglelabel { color: var(--theme-link-dynamic-color-1)!important; } /* =================    CATEGORY SORTKEY only works with Category Sorter/code.js   from Dev ================= */ .letters.sortkey { left:160px!important; /*fixes positioning post 2017*/ } /* =================    ADMIN DASHBOARD ================= */
 * toc,
 * 1) toc a,
 * 1) toc a:link,

.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: var(--bright-accent-color); 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; }

/* Fixing output in infoboxes */ .portable-infobox div.poem { margin-left: 0; }

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

div.ajax-poll { border:1px solid var(--theme-accent-color); 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 var(--theme-accent-color); }

/* ===================    Template documentation =================== */ .documentation { padding:3px; } .documentation .header, .documentation .footer { padding:.5em; margin:0; font-size:85%; border:var(--bright-accent-color) solid 2px; background-color:var(--bright-accent-color); 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:2px dashed var(--bright-accent-color); background-color:transparent; }

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

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

td.diff-deletedline { border:2px solid white; background: #c35858!important; border-color: #a94f4f!important; border-bottom: solid 4px #a34444!important; 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-addedline { border:2px solid white; background: #39a75d!important; border-color: #29974d!important; border-top: solid 4px #3a8f56!important; 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; } .theme-fandomdesktop-light .diff-deletedline { background: #ff7c7c!important; border-width: 3px 3px 2px 3px; border-color: #e35e5e!important; border-radius: 6px; } .theme-fandomdesktop-light .diff-addedline { background: #75c08e!important; border-width: 3px 3px 2px 3px; border-top-color: #5da174!important; border-radius: 6px; } 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"; }

span.diffchange { font-weight: bold; text-decoration: none; font-size:14px; } .theme-fandomdesktop-dark .diff-deletedline .diffchange { background: #c7aeae!important; color: black!important; } .theme-fandomdesktop-light .diff-deletedline .diffchange { background: #ffbdbd!important; color: black!important; } .theme-fandomdesktop-dark .diff-addedline .diffchange { background: #b0cdb9!important; color: black!important; } .theme-fandomdesktop-light .diff-addedline .diffchange { background: #bdeacb!important; color: black!important; }

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-right:20px; margin-left: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 { 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:var(--theme-accent-color); color:var(--theme-link-dynamic-color-1); /* 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 ); */ } .theme-fandomdesktop-dark table.wikitable> tr > th, .theme-fandomdesktop-dark table.wikitable> *> tr > th, .theme-fandomdesktop-dark #smwtable tr > th, .theme-fandomdesktop-dark table.smwtable> *> tr > th { background:var(--theme-link-color); }
 * 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; }

/* =======================    RED AND YELLOW CELLS ======================= While MAINLY just used over at List of Doctor Who television stories, these cells have also found use for pointing out different mediums, like novels and anthologies, as seen on Bernice Summerfield (series). */

table.wikitable .row-red td, div#block.row-red { background: #b53f3a; /* #b1312c */ color:#fff; } .theme-fandomdesktop-light table.wikitable .row-red td, .theme-fandomdesktop-light div#block.row-red { background: #f4bbb9; color: inherit; } 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; text-decoration-color:#e3bdbd; /*This will work in MOST modern browsers.*/ }   table.wikitable .row-yellow td, div#block.row-yellow { background: #e1ae4a; color:#000; } .theme-fandomdesktop-light table.wikitable .row-yellow td, .theme-fandomdesktop-light div#block.row-yellow { background: #fdd6a2; color: inherit; } 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, .theme-fandomdesktop-light table.wikitable .row-red td a, .theme-fandomdesktop-light table.wikitable .row-red td a.link, .theme-fandomdesktop-light table.wikitable .row-red td a.visited { color:#000; text-decoration:underline; text-decoration-color: #543f15; /*This will work in MOST modern browsers.*/ } /* This bit keeps working properly, that is, not indenting 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:500px; width:500px; 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 var(--bright-accent-color); 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: var(--bright-accent-color); border:1px solid white; } .wds-warning .wds-banner-notification__icon { background-color:var(--bright-accent-color); } .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; }

/* underline all links on hover */ .mw-parser-output a:hover { text-decoration: underline!important; /*important is necassary for some reason*/ }

/* remove the annoying 1px gap between the top of the sitcky nav and the edge of the viewport */ .fandom-sticky-header { top: -47; }

/* This temporary changes to the CSS were primarily created by User:Bongolium500 with some additions from User:Spongebob456 and User:SOTO, and readded by User:OncomingStorm12th. 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. */

/* 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: var(--theme-accent-color); border-color: var(--theme-border-color); padding-bottom: 9px; padding-top: 9px; }

/* get rid of the SMW-related loading bars that appear and cause pages to move up and down while loading */ .smw-indicator-vertical-bar-loader { display: none; }

/* make text in the searchbar on readable */ .pi-navigation .mw-inputbox-centered .searchbox .mw-ui-input.mw-ui-input-inline { color: black; }