MediaWiki:Mainpage.css

/* ======================  This CSS is specific to the front page, Doctor Who Wiki. Originally, it was necessary in order to force the front page to have the light text on dark background skin, regardless of whether the user hit the colour-changer button. These days it just houses the circular button design that we had active for many years.

Version 2.0 October 2018 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: transparent; 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; }

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

/**** 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: "Rubik"; 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: "Rubik"; 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 { 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; } background:transparent }
 * 1) recirculation-footer-index-container {

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