MediaWiki:DarkMainpage.css

/* ======================  This CSS is specific to the front page, Doctor Who Wiki. It's necessary in order to force the front page to have the light text on dark background skin, regardless of whether the user has hit the colour-changer button.

Version 1.0 9 February 2014 Principal author: User:CzechOut ====================== */

/* Background of page itself */

body.mainpage div.WikiaPageContentWrapper { background-image:none; background-color:transparent; color:white; padding:10px; }

body.mainpage .WikiaPage .WikiaPageBackground { background-color: #012c57; opacity:1; border:2px solid #fff; -moz-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000; -ms-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; } body.mainpage #WikiaPageHeader, body.mainpage .WikiaPageHeader { padding: 0 50px 20px 50px; margin-bottom:50px; }

.mainpage .WikiaPage a, .mainpage .WikiaPage a:link, .mainpage .WikiaPage a:visited { color:#aecfff } /* This is probably disallowed by ToU past 4 October 2016

body.mainpage .global-navigation .cell-link, body.mainpage .global-navigation .cell-link a, body.mainpage .global-navigation .cell-link a:link, body.mainpage .global-navigation .cell-link a:visited, body.mainpage .cell-link .top-level a, body.mainpage .cell-link .top-level a:link, body.mainpage .cell-link .top-level a:visited { color:#656e78!important } .mainpage .WikiaPage a.new, #p-personal a-new, .mainpage .WikiaPage a.new:visited, #p-personal a.new:visited { color:#ffccff }

mainpage .WikiaPage a:hover { color:#fff9d4; background:none }

body.mainpage h1, body.mainpage h2, body.mainpage h3, body.mainpage h4, body.mainpage h5, body.mainpage h6 { color:#fff }

body.mainpage .WikiaSpotlightsModule p { line-height:80%; color:#fff }

body.mainpage .WikiaFooter .tools-menu, body.mainpage .WikiaBarWrapper .tools-menu { background:#012c57!important }

body.mainpage .article-thumb .caption { color:#fff!important } /* Lightboxes */ body.mainpage .LightboxModal .LightboxHeader, body.mainpage .LightboxModal .LightboxCarousel .content { background-color:#012c57; height:70px; color:#fff; font-size:12px; line-height:100% }

/* ==============  TALLY STUFF ============== */

body.mainpage .wikia-page-header .header-container { border-bottom:none; margin-bottom:10px; }

body.mainpage body.mainpage .WikiaPageHeader > .tally span, body.mainpage .WikiaPageHeader > .tally em, body.mainpage .WikiaPagesOnWikiModule .tally em, body.mainpage .tally span.fixedwidth, /* technically the bit next to Photo tally */ body.mainpage .tally span, body.mainpage .tally, body.mainpage .tally em, body.mainpage .tally.em, body.mainpage .tally em div.tally.mainpage-tally em { color:#FFF !important; }

/* ================  DIFFS ================ */ body.mainpage table.diff, body.mainpage td.diff-otitle, body.mainpage td.diff-ntitle { background-color:transparent; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } body.mainpage td.diff-addedline { border:2px solid white; background: #537d00 !important; color: black !important; padding:10px; line-height:120%; font-size:14px; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace !important; } body.mainpage td.diff-deletedline { border:2px solid white; background: #c34f31 !important; color: black !important; padding:10px; line-height:120%; font-size:14px; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace !important; } body.mainpage td.diff-context { background:transparent !important; color: #fff !important; border: none; font-weight:bold; font-size:12px; margin-bottom:5px; margin-top:5px; padding:10px; line-height:120%; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } body.mainpage span.diffchange { color:#fff; font-weight: bold; text-decoration: none; font-size:14px; } body.mainpage span.autocomment { color:#fff; font-family:'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; } body.mainpage .WikiaArticle #pagehistory li.selected { background-color:#aecfff; color:#012c57!important; } body.mainpage .WikiaArticle #pagehistory li.selected a { color:#012c57!important }

/* ================   GLOBAL AND ACCOUNT NAVIGATION ================  'Global' is links to other wikia wikis; 'Account' is log in/out and user account nav ================   This is the very top strip on every page, from the wikia logo to "log in/out" ================ */

body.mainpage .GlobalNavigation .subnav li > a, body.mainpage .AccountNavigation .subnav li > a, body.mainpage .GlobalNavigation .subnav, body.mainpage .AccountNavigation .subnav, body.mainpage .GlobalNavigation li, body.mainpage .AccountNavigation li { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#012c57 !important; font-weight:bold; } body.mainpage .GlobalNavigation > li > a, body.mainpage .AccountNavigation > li > a { color:white!important; font-weight:normal; } body.mainpage .GlobalNavigation .subnav li li a:hover, body.mainpage .AccountNavigation .subnav a:hover, body.mainpage .GlobalNavigation li:hover, body.mainpage .AccountNavigation li:hover { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color:#012c57!important; font-weight:bold; }

/**** FOOTER ****/ /* 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. */ body.mainpage .WikiaBarWrapper .toolbar, body.mainpage .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 !important }

body.mainpage .WikiaBarWrapper .toolbar a:hover, body.mainpage .WikiaFooter .toolbar a:hover { font-weight:normal; background:none repeat scroll 0 0 transparent !important; border:none !important; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:1.5px; }

body.mainpage .WikiaFooter .recirculation-impact-footer { background-color:transparent; }

/* =====================  CATLINKS ===================== */

body.mainpage .mw-hidden-catlinks { color:white!important; } body.mainpage #csAddCategorySwitch, body.mainpage div#csAddCategorySwitch, body.mainpage div#csAddCategorySwitch .noprint, body.mainpage div#csAddCategorySwitch .noprint a, body.mainpage #csAddCategorySwitch a { color:white!important; display:none; } body.mainpage div#csAddCategorySwitch .sprite-small.add { display:none; } body.mainpage #csCategoryInput { background:white; color:#012c57; border-radius:5px; display:none } body.mainpage .csaddCategory { background:white; color:#012c57; display:none } body.mainpage .CSitem { border-radius:5px; background:#ccdfff; } body.mainpage .CSitem:hover { color:#012c57; text-decoration:underline; } body.mainpage #mw-normal-catlinks > a, body.mainpage #mw-normal-catlinks > a:hover { color:#fff!important; } body.mainpage .CategorySelect.articlePage { /*     -moz-box-shadow:0 0 30px #fff; -o-box-shadow:0 0 30px #fff; -ms-box-shadow:0 0 30px #fff; -webkit-box-shadow:0 0 30px #fff; box-shadow:0 0 30px #fff;*/ border:2px solid white; background:transparent; }  body.mainpage .WikiaArticleInterlang h3 { color:#fff; } /* Fixing graphics that don't look right on dark background */ body.mainpage .WikiaArticle a.external:after, body.mainpage .WikiaArticle a[href^="gopher://"]:after { background-image:url("http://images.wikia.com/tardis/images/f/fb/ExternalLinkLight.png")!important; background-position:right top !important; background-repeat: no-repeat !important; }

/*  ==================     NAV BAR ================== */ body.mainpage .WikiHeader > nav a, body.mainpage .WikiHeader > nav a:link, body.mainpage .WikiHeader > nav a:visited, body.mainpage .WikiHeader > nav li, body.mainpage .WikiHeader > nav li a, body.mainpage .WikiHeader > nav li a:link, body.mainpage .WikiHeader > nav li a:visited { color:black; }

/*  ====================     POLLS ==================== */ body.mainpage div.ajax-poll { border:2px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color:#fff; padding:5px; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; letter-spacing:1px; text-align:left; margin:10px; width:auto }

/*  ========================     Galleries ======================== */

body.mainpage .wikia-gallery-item, body.mainpage div.wikia-gallery div.wikia-gallery-item { background:transparent; border:none!important; padding:2px; margin:2px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } /* =================  Social buttons ================= */ body.mainpage .page-share-toolbar svg { fill:#ffffff!important; }

/* =================  Standard font classes and IDs ================= */ body.mainpage .sf, body.mainpage .sfh, body.mainpage .ss, body.mainpage .ssh, body.mainpage .mn, body.mainpage #sf, body.mainpage #sfh, body.mainpage #ss, body.mainpage #ssh, body.mainpage { color:#fff }

body.mainpage .box, body.mainpage #box, body.mainpage #tech, body.mainpage .tech { border-color:white }

/* =====================  Wall notifications =====================   Probably disallowed post-4 October 2016

body.mainpage ul.notifications-for-wiki-list { background:#012c57; }  body.mainpage #GlobalNavigationWallNotifications .notification:hover h4, body.mainpage #GlobalNavigationWallNotifications .notification h4 { color:white; }  body.mainpage #GlobalNavigationWallNotifications .notification .notification-message p { color:white; }  body.mainpage #GlobalNavigationWallNotifications .notification time { color:#aecfff; }