MediaWiki:DarkMainpage.css

From Tardis Wiki, the free Doctor Who reference
Revision as of 15:45, 14 May 2017 by CzechOut (talk | contribs) (going for default colouring of message dropdown)
Clear your cache often around here

After changes are made to this site's CSS or Javascript, you have to bypass your browser's cache to see the changes. You can always do this by going to your browser's preferences panel. But many browsers also offer keyboard shortcuts to save you that trouble. The following shortcuts work in the versions of the browsers that Tardis currently supports. They may not work in earlier versions.

  • Firefox: hold down Shift while performing a page reload.
  • Opera offers no default keyboard shortcut, but you can create a custom keyboard shortcut with the value Clear disk cache
  • Safari users should simultaneously hold down ⌘ + Option + E. You may need to enable the Develop menu first
  • Chrome: press Ctrl + F5 or Shift + F5 while performing a page reload.
/* ======================
   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("http://images.wikia.com/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;
   }
Retrieved from "https://tardis.wiki/w/index.php?title=MediaWiki:DarkMainpage.css&oldid=2256540"