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.5 13 May 2017
   Principal author: [[User:CzechOut]]
   ====================== */

/* Background of page itself */


body.mainpage div.WikiaPageContentWrapper {
    border:none;
    padding-top:20px;
    padding-bottom:10px;
    background-color:transparent;
    color:#fff;
}

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;
       color:#fff;
} 
/*
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
}

.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 .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("https://images.wikia.nocookie.net/tardis/images/f/fb/ExternalLinkLight.png")!important;
  background-position:right top !important;
  background-repeat: no-repeat !important;
}
#recirculation-footer-index-container {
  background:transparent
}

/*   ==================
     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;
} 
/*   ========================
     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
}
/* ==================
   Another main page fix:
   this one to stop the 
   external link icon from 
   showing up
   =================== */
   body.mainpage .WikiaArticle a.external::after, 
   body.mainpage .WikiaArticle a[href^="gopher://"]::after {
   background-image:none !important
   }

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

   body.mainpage ul.notifications-for-wiki-list {
       background:inherit;
   }
   body.mainpage #GlobalNavigationWallNotifications .notification:hover h4,
   body.mainpage #GlobalNavigationWallNotifications .notification h4 {
       color:#000;
   }
   body.mainpage #GlobalNavigationWallNotifications .notification .notification-message p {
       color:#000;
   }
   body.mainpage #GlobalNavigationWallNotifications .notification time {
       color:inheritr;
   }

/*  ====================
    SLIDESHOWS
    ==================== */

body.mainpage .wikia-slideshow .wikia-slideshow-prev-next > a > span,
body.mainpage .wikia-slideshow .wikia-slideshow-prev-next > .wikia-slideshow-next > span,
body.mainpage .wikia-slideshow-prev-next > a > span {
    display:none;
}