MediaWiki:Wikia.css

/* =============================  Version 4.1 September 2017 =============================

At Tardis, Wikia.css is a central "hub" CSS. Beginning in late 4Q 2012, we began pulling large chunks of this CSS file into their own separate files, because the amount of styling became a little too much to comprehend at once.

The CSS, and the others that are imported here, underwent further reduction and modification for the 50th anniversary of Doctor Who in late 2013.

In 2017 came another major modification in response to   FANDOM's alteration of its base code on the right rail and the header -- an effort otherwise known as   "Modernisation" and/or "Premiumisation". More specific rules on what could be altered on the no-longer-so-new header were promulgated in mid-September 2017, at which time we again revised the code to come into better alignment with those rules. */

/* ===================    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:Common.css|MediaWiki:WikiaButtons.css|MediaWiki:WallForum.css|MediaWiki:Namespace.css|MediaWiki:Transmat.css|MediaWiki:Infoboxes.css|MediaWiki:Themes.css|MediaWiki:UPM.css|MediaWiki:VisEd.css&only=styles");

/* ===========    Page =========== */

.WikiaPage { border:0; } .WikiaPage .WikiaPageBackground { background: #fff; opacity:1; border:0; }

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

.WikiaArticle, .WikiaPage { line-height:1.5em; font-size:1.2em; font-family:"Roboto Slab"; } .WikiaPageHeader { padding-bottom:0!important; } .banner-notification { border-radius: 0px 0 10px 10px; border: solid white!important; }
 * 1) WikiaPageHeader,

.WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { color:#012c57; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

h5 { font-size:16px } h6 { font-size:14px } .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. */ } div.page-header__categories-links { line-height:22px!important; } .WikiaArticle li, .WikiaPage li { line-height:130%; }
 * 1) PageHeader,

/* ==================    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 */ }

/* Fix for rewrite title */

font-style: italic; }
 * 1) title-meta i {

/* ================    PRE needs to be different here than in monobook ================ */

.WikiaArticle pre, .pre { background:#ececec; color:#012c57; border:1px solid #012c57; -moz-box-shadow:0 0 5px #012c57 inset; -webkit-box-shadow:0 0 5px #012c57 inset; -o-box-shadow:0 0 5px #012c57 inset; -ms-box-shadow:0 0 5px #012c57 inset; box-shadow:0 0 5px #012c57 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; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:1.5px; }

.WikiaFooter .recirculation-impact-footer h4 { color:inherit; }

/* =====================  Wall notifications ===================== */

margin-top: 10px; border: 2px solid #012c57; padding: 10px; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }
 * 1) WallNotifications .subnav.show {

/* ==============    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 #012c57; -moz-box-shadow:0 0 40px #012c57; -webkit-box-shadow:0 0 40px #012c57; -ms-box-shadow:0 0 40px #012c57; -o-box-shadow:0 0 40px #012c57; box-shadow:0 0 40px #012c57; color:#012c57; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; padding:3px; letter-spacing:1.5px; }

.WikiaBarWrapper .tools-menu a,                                               .WikiaFooter .tools-menu a { color: #012c57; font-weight:normal; }

.WikiaBarWrapper .tools-menu a:hover, .WikiaFooter .tools-menu a:hover { background-color:#D8DFE5 ; font-weight:normal }

/* ===============    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:#012c57; }

.MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:#D8DFE5; color:#012c57; }

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

.MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: #D8DFE5; color:#012c57; 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; /*font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;*/ text-transform:none; font-style:normal; font-weight:normal; letter-spacing:0px; }

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

.modalWrapper { /*background:transparent url(https://images.wikia.nocookie.net/tardistest/images/6/6e/75opacitygrey.png); */ background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAyMSBNYXIgMjAxMyAwMzozNzoxOCAtMDYwMDD7FegAAAAHdElNRQfdAxUIJgiBBSKCAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAAtJREFUeNpj+H8GAALNAcxdVRF3AAAAAElFTkSuQmCC'); border:1px solid #012c57; -moz-box-shadow:0 0 40px #012c57; -webkit-box-shadow:0 0 40px #012c57; -ms-box-shadow:0 0 40px #012c57; -o-box-shadow:0 0 40px #012c57; box-shadow:0 0 40px #012c57; color:#012c57; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:none; font-size:11pt; padding:3px; font-weight:normal; } /* This is the bulk of the area INSIDE the configuration box, including everything but a small border, and the words "customize toolbox"

This is currently turned off, but I leave it behind just in case it   might prove useful in future

.MyToolsConfiguration form { }



.MyToolsConfiguration ul { border:1px solid #AAA; }

/* The following two lines referencing input was an attempt to change the input box in the configuration box. It doesn't appear to have worked, but it's not that crucial that I get it working. I'm leaving this as unsolved as of 13 Mar 11. */

.MyToolsConfiguration input[type="text"] { background-color: #ECECEC; color:#012c57; }

.MyToolsConfiguration input.placeholder[type="text"] { color:#012c57; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; }

/* The following creates a dropdown when text is entered in the search area. Matches other similar dropdowns on the wiki. */

.MyToolsConfiguration .autocomplete { background-color:#ECECEC; border:1px solid #012c57; color:#012c57; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; font-size:11pt; padding:3px; font-weight:bold; }

.MyToolsConfiguration .autocomplete .selected { background:none repeat scroll 0 0 #D8DFE5 ; color:#012c57; font-weight:bold; }

.MyToolsConfiguration li:hover { background:none repeat scroll 0 0 #D8DFE5 ; color:#012c57; font-weight:bold; }

/* 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:#1f1e38; text-align: left; margin-left:-10px; }

/* ===================    FANDOM 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: #012c57; 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:'Gill Sans', Verdana, sans-serif; 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: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; 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; }

/* +++++++++++++++    COMMUNITY CORNER +++++++++++++++ */

.CommunityCornerModule { background-color:transparent; background-image:none; border:1px dashed #012c57; line-height:110%; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; }

/* ++++++++++++++++    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 #012c57; 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 ++++++++++++++++ */

/* Trying to affect the 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: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

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

.badges strong { line-height:110%; /* This is the title of the award */ color:#012c57; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

.badges .badge-text { line-height:110%; font-size:11pt; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

.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: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:2px; }

.WikiaRail > div.UserProfileAchievementsModule .data .tally { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#012c57; 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-color:#012c57; 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; /*height: 85px;*/ padding-left:20px; padding-top:5px; position: relative; vertical-align: top; }    background:none; text-decoration:none; color:gold; }
 * 1) EditPageHeader {
 * 1) EditPageHeader > h1 > a:hover,
 * 2) EditPageHeader a:hover {

width:500px; }
 * 1) EditPageHeader h1 {

font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; font-weight:normal; font-style:italic; line-height:140%; padding:10px; }
 * 1) EditPageHeader > h1 > a {

/* headers on the right rail of non-widescreen editor  */

font-style:normal; font-weight:normal; color:#012c57; }
 * 1) EditPage .module > h3 > span {

/* edit summary  */

editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on #EditPageRail .module_page_controls textarea { color:#012c57; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }
 * 1) EditPage .module_page_controls textarea,

/* preview */

color:#000 }
 * 1) EditPageDialog.modalWrapper.preview {

font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; font-weight:normal; text-transform:uppercase; }
 * 1) EditPageDialog.modalWrapper.preview h1 {

font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; text-transform:none; }
 * 1) EditPageDialog.modalWrapper.preview h1.pagetitle {

.editpage-notices { background:#012c57; padding: 0 0 0 10px; top:40%; color:white; }

.NotificationsLink, .NotificationsLink > a, .NotificationsLink > a:link { color:#aecfff !important; }
 * 1) HelpLink a,
 * 2) HelpLink a:link,
 * 3) NotificationsLink,
 * 1) NotificationsLink > a,
 * 1) NotificationsLink > a:link,

/* +++++++++++++++    ACCOMMODATING PRELOADS +++++++++++++++ */

.editpage-sourcewidemode.mode-source #EditPageEditorWrapper { padding-top:45px }

.editpage-sourcewidemode-on #wpSummary { top:50px; left:55%; position:absolute; } .editpage-sourcewidemode-on label.wpminoredit, .editpage-sourcewidemode-on #wpMinoredit { top:65px; left:200%; position:absolute; } .editpage-sourcewidemode-on #stdSummaries { top:100px; left:55%; position:absolute; } .editpage-sourcewidemode-on #if-preload { top:120px; left:55%; position:absolute; } .editpage-sourcewidemode-on #if-preload-pagename-w { top:150px; left:55%; position:absolute; } /* div#if-preload { padding-top:25px; padding-left:10px; } /* ===============    STUBS ===============   This notion is original to tardis.wikia.com and was created by User:CzechOut ===============   This works differently in Wikia than Monobook. That's why it's   here and not in common.css. =============== */ .topbox { padding:1.5em; background:#012c57; } .stub-type, div#stub-type { float:left; margin-right:20px; margin-top:5px; }
 * 1) topbox,
 * 1) stub-type,

/* ============    OTHER TAGS ============

This puts on the top left side of the page */

.wikipedia-info, div#wikipedia-info { float:left; margin-right:5px; margin-top:15px; } .image-link, div#image-link { float:left; margin-right:5px; margin-top:15px; }
 * 1) wikipedia-info,

/* This places  and underneath in case they're ever on the same page together. */ .protect, div#protect { float:left; margin-right:5px; margin-top:15px; } .type-of-article, div#type-of-article { float:left; margin-right:5px; margin-top:15px; }

/* ==============    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; } /* .WikiaArticle .tright, .WikiaArticle .tleft { clear:none; }*/

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

.spotify-thumb { float: right; clear: right; height: 76px; margin-bottom: 12px; margin-left: 12px; }

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

/*  ====================     GALLERIES ==================== */ div.wikia-gallery div.wikia-gallery-item { background:transparent; border:1px solid #012c57; padding:5px; margin:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

div.wikia-gallery div.wikia-gallery-item div.thumb { border:0px; } /* Getting rid of video titles, since these often contain spoilers, in violation of local rules */ .WikiaArticle .article-thumb .title { display:none; }

/* ======================    WMU UPLOAD BOX ======================   The upload box from that pops up when you click button in right column of new editor ====================== */

.ImageUploadRight { margin-top:60px }

/* =================    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 #012c57; float:right; clear:right; width:250px; min-width:250px; color:#012c57; padding:5px; text-align:left; margin:auto auto auto 20px; } .toc a, .WikiaArticle .toc a, .toc a:link, .WikiaArticle .toc a:link { color:#012c57 } /* =================    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: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:3px; border:none }

/* =================    Wikia-specific specialised template/box styling ==================   Most things are NOT specific to Wikia and should be in common.css so that both skins can use them. =================== */

font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:none; letter-spacing:0px; line-height:120%; word-break:normal; font-size:16px; }
 * 1) mosbox {

/* dabtag needs to be in both Wikia.css and Monobook.css because of the varying widths of the two skins */

.dabtag, border:2px solid #012c57; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; color:#012c57; overflow:hidden; font-size: 0.80em; line-height:.95em; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L', 'Nimbus Sans L', sans-serif; display:inline-block; /*max-width:calc(100% - 300px);*/ width:276px; /* this is precise width of two stub tags */ margin-top:10px; margin-bottom:10px; margin-right:17px!important; /*overrides the div.dabtag elsewhere */ float:left; line-height:130%; }
 * 1) dabtag {

/* ====================    Trying to figure out the 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; }

/* =================    CSS preview area ================= */

.WikiaArticle .mw-css { background-color:transparent; }

/*  ====================     Diffs from wall forum ==================== */

.WikiaGrid .grid-6 { background:#fff; padding-left:5px; }

/*  ====================     Chat-specific styling ==================== */

.Chat .continued, .Chat .inline-alert { background-color:#012c57; color:#fff!important } .Chat .message { color:#fff!important; }

.Chat .username .you, .Chat .username you, .span.username you, .span.username .you, .Chat .you .message, .Chat .you message, .Chat .message you, .Chat .you, .Chat .continued you { background-color:#0262b6; color:#fff; }

.Rail { background-color:#012c57; }

.Rail .User { color:white; background:#012c57; }

.Rail .User:hover { color:#012c57 }

.Chat .inline-alert { background-color:#012c57 } .Chat .message a, .Chat .inline-alert a { color:gold }

.Chat { background-color: #012c57; color:white; }

.ChatHeader { background-color: #012c57 }

.ChatHeader .User { color:#fff }

/* Seeing if these chat-specific declarations from Community Central make any difference to the post-Darwin chat */

body.page-Special_Chat .WikiaPage, body.page-Special_Chat .WikiaPageContentWrapper { position:absolute } body.page-Tardis_Chat #page_controls {display:none;} body.page-Tardis_Chat #page_tabs {display:none;} body.page-Tardis_Chat #articleFooterActions {display:none;}

/* ====================  PERMISSIONS ERRORS ==================== */

.PermissionsError > .editpage-intro > .editpage-intro-wrapper > div { background-color: #012c57; border: 3px solid #fff; color: white; padding:20px; margin-top:150px; }

/* ====================  main page redesign ==================== */

.lines { background-image: url("https://images.wikia.nocookie.net/tardistest/images/0/05/Lines.png"); width: 612px; height: 1351px; margin: auto; position: relative; }

.lines a:hover { background: transparent !important; } .button1 { width: 316px; height: 277px; position: absolute; left: 14px; background: url("https://images.wikia.nocookie.net/tardistest/images/1/19/Button1.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button1:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/7/77/Button1-hover.png"); } .button2 { width: 322px; height: 277px; position: absolute; top: 320px; background: url("https://images.wikia.nocookie.net/tardistest/images/8/8f/Button2.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button2:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/9/94/Button2-hover.png"); } .button3 { width: 280px; height: 288px; position: absolute; left: 15px; top: 640px; background: url("https://images.wikia.nocookie.net/tardistest/images/f/fd/Button3.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button3:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/a/ac/Button3-hover.png"); } .button4 { width: 281px; height: 279px; position: absolute; left: 15px; top: 960px; background: url("https://images.wikia.nocookie.net/tardistest/images/5/53/Button4.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button4:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/b/b8/Button4-hover.png"); } .button5 { width: 292px; height: 277px; position: absolute; left: 319px; top: 140px; background: url("https://images.wikia.nocookie.net/tardistest/images/5/55/Button5.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button5:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/9/9d/Button5-hover.png"); } .button6 { width: 280px; height: 280px; position: absolute; left: 319px; top: 460px; background: url("https://images.wikia.nocookie.net/tardistest/images/a/a0/Button6.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button6:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/8/88/Button6-hover.png"); } .button7 { width: 299px; height: 313px; position: absolute; left: 300px; top: 744px; background: url("https://images.wikia.nocookie.net/tardistest/images/1/1f/Button7.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button7:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/4/47/Button7-hover.png"); } .button8 { width: 280px; height: 277px; position: absolute; left: 319px; top: 1098px; background: url("https://images.wikia.nocookie.net/tardistest/images/d/d0/Button8.png"); transition: background 0.7s; -webkit-transition: background 0.7s; } .button8:hover { background: url("https://images.wikia.nocookie.net/tardistest/images/a/a8/Button8-hover.png"); }

/* ==================  MAIN PAGE FIX to make the right column work better when collapsed to   tablet width ================== */ @media screen and (max-width: 1023px) { /* .page-Doctor_Who_Wiki iframe { width: 49%; } */ .page-Doctor_Who_Wiki #twitter-widget-0 { float: right; width:48%;} .front-page-right-column { float:left; clear:left; margin-left:2em } }   .twitter-timeline { width:100%; float:right; clear:right; }

/* ========================  EMBEDDABLE DISCUSSIONS MODULE ======================== */

.embeddable-discussions-module .embeddable-discussions-post-detail { background-color:transparent } .embeddable-discussions-heading { font-size:16px; font-family:Raleway, sans-serif; } /* ========================  EMBEDDABLE TWITTER MODULE ======================== */ .timeline-Widget { color:white; background-color:transparent; } .timeline-Widget a, .timeline-Widget a:link, .timeline-Widget a:visited { color:#aecfff; } .timeline-Header-title { color:white; font-family:Raleway, sans-serif; } /* =========================  SPOILER ALERT ========================= */ #SpoilerAlertText { font-size: 80; line-height:130%; margin:50px; }