MediaWiki:Wikia.css

/* ===================    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");

@import url("http://fonts.googleapis.com/css?family=Anton|Vollkorn|Lato|Quicksand|Josefin+Sans|Oswald|Raleway:100,200,400,700,800,900|Droid+Serif|Droid+Sans|Merriweather:400,400italic,700,700italic,900,300,300italic|Gentium+Basic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext");

/* Version 4.0 June 2017

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. This will hopefully pave the way for a general cleaning of the code, in preparation for re-integration and minifying into a leaner, faster-loading version

--CzechOut, principal author

===========   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,

/* Roping off WPH h1-6

.WikiaPageHeader h1 { font-family:"Raleway", sans-serif; font-weight:400; font-size:2.5em; text-transform:none; line-height:120%; letter-spacing:-.0125em; padding-bottom:0 } .WikiaPageHeader h2 { border: medium none; font-size: .8em; font-family: "Raleway", sans-serif; text-transform: uppercase; font-style: normal; letter-spacing:2px; margin-left: 3px; color: #012c57; } .WikiaPageHeader h2 a { color:#012c57 }

.WikiaArticle h2, .WikiaArticle h3 { font-family:Raleway, sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:3px; }

.WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { font-family:"Raleway", sans-serif; font-weight:600; text-transform:none; letter-spacing:2px }

.WikiaArticle li, .WikiaPage li { line-height:130%; }

/* ==================    THINGS TURNED OFF It's believed that turning these things off is allowed by the FANDOM Terms of Use ================== */

.WikiaArticle .editsection img, .category-gallery, /*.WikiaPage .categories,*/ .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 {

/* ============    MAIN PAGE STUFF ============ */

.tally em, div.tally.mainpage-tally em { font-family: 'Futura', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:3px; color:#012c57; font-size:24px; }

.tally span { color:#012c57 }

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

/* =====================  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(http://images.wikia.com/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; }

/* ===============    VIDEOS IN GENERAL =============== */ /* Due to the fact that video titles can in fact contain spoilers (see for instance    ) and because videos can appear on    every page of the wikia via the RV module, we need to turn video titles off. */ .info-overlay-duration, .info-overlay-title { display:none!important }

/* +++++++++++++++    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; }

/* ++++++++++++++++    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:10px; 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 }
 * toc,
 * 1) toc a,
 * 1) toc a:link,

/* =================    ADMIN DASHBOARD ================= */

.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:266px; /* this is precise width of two stub tags */ margin-top:10px; margin-bottom:10px; margin-right:10px!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("http://slot1.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; }

/* =================    Notification after deletion ================= */

.wikia-grid .global-notification { background: red; color: white; } .wikia-grid .global-notification a { color:white; }

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

/* ==================  SPECIAL:CSS ================== */  .mw-special-CSS .WikiaArticle pre { -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; }  .mw-special-CSS .css-side-bar .community-updates blockquote { font-size:.8em; font-family:monaco, 'andale mono', monospace; padding:1em; }  .mw-special-CSS blockquote:before { display:none; }  .mw-special-CSS blockquote { background-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; } /* ========================  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; } /* ============================  Italics ============================ */

.ital { font-style:italic; }