MediaWiki:DarkMainpage.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
(moving over a snippet from common.css) |
m (CzechOut moved page MediaWiki:Mainpage.css to MediaWiki:DarkMainpage.css without leaving a redirect: This isn't actually used anymore, but it might be a useful basis for doing things in the future. Moving so that Mainpage.css can be used.) |
(No difference)
| |
Latest revision as of 01:04, 8 October 2018
/* ======================
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;
}
