MediaWiki:Fandomdesktop.css

/* CSS placed here will be applied to the FandomDesktop skin Even if the FandomDesktop skin is the only available, this page will still be used for fixes only to the dark theme. General wiki styling will go to Common.css

/* Add invert classes for each light/dark theme on FandomDesktop */ .theme-fandomdesktop-light .invlight img, .theme-fandomdesktop-dark .invdark img { filter: invert(1); }

/* Make the page title slightly bolder */ .page-header__title, .page-content h1 { font-weight: 500; }

/* Dark theme fixes */ /* Navboxes */ .theme-fandomdesktop-dark .navbox { border-color: var(--general-bg-color-2); } .theme-fandomdesktop-dark .navbox, .theme-fandomdesktop-dark .navbox .navbox-subgroup .navbox-gutter, .theme-fandomdesktop-dark .navbox .navbox-image, .theme-fandomdesktop-dark .navbox .navbox-list { background-color: var(--theme-page-background-color); } .theme-fandomdesktop-dark .navbox .navbox-group, .theme-fandomdesktop-dark .navbox .navbox-image-left, .theme-fandomdesktop-dark .navbox .navbox-image-right { border-color: var(--theme-page-background-color); }

.theme-fandomdesktop-dark .navbox .navbox-title { background-color: #0000a5; }

.theme-fandomdesktop-dark .navbox .navbox-above, .theme-fandomdesktop-dark .navbox .navbox-below, .theme-fandomdesktop-dark .navbox .navbox-group, .theme-fandomdesktop-dark .navbox .navbox-header { background-color: #000091; }

.theme-fandomdesktop-dark .navbox .alt > .navbox-list { background: var(--general-bg-color-1); }

/* Dark theme bounce image */ .theme-fandomdesktop-dark .bounceme { background-color: transparent; }

/* Deleted page warning red instead of orange (Credits to Jpop Wiki) */ .warningbox { background-color: #ffc7c7; border: none; border-radius: 10px; } .theme-fandomdesktop-dark .warningbox { background-color: #800000; }

/* Dark theme documentation */ .theme-fandomdesktop-dark .template-documentation { background-color: #104010; }

.theme-fandomdesktop-dark .template-documentation .template-documentation-header, .theme-fandomdesktop-dark .template-documentation .template-documentation-langs, .theme-fandomdesktop-dark .template-documentation .template-documentation-footer { background-color: #265326; }

/* Remove ugly underlines on links unless hovered */ .mw-parser-output a:not(:hover,:focus,:active) { text-decoration: none !important; }

/* Dark theme tables */ .theme-fandomdesktop-dark .table-yes { background-color: #008000 !important; } .theme-fandomdesktop-dark .table-no { background-color: #800000 !important; }

/* Transparent content area */ .page__main, .page__right-rail, background-color: rgba(var(--theme-page-background-color--rgb), .90); } .page__right-rail .rail-module { background: transparent; }
 * 1) mixed-content-footer {

/* == Table of Contents Background Color == */ .page-content #toc { background: var(--theme-page-background-color); }

/* == Article Table Background == */ .article-table .wikitable { background: var(--theme-page-background-color); }

/* Allowing the header to have contrast with the background */ .theme-fandomdesktop-light .fandom-community-header .fandom-community-header__top-container, .theme-fandomdesktop-light .fandom-community-header .fandom-community-header__local-navigation { filter: drop-shadow(0px 0px 2px #ff0080) drop-shadow(0px 0px 1px #ff0080) drop-shadow(0px 0px 1px #ff0080); z-index: 200; } .theme-fandomdesktop-dark .fandom-community-header .fandom-community-header__top-container, .theme-fandomdesktop-dark .fandom-community-header .fandom-community-header__local-navigation { filter: drop-shadow(0px 0px 2px #cc0000) drop-shadow(0px 0px 1px #cc0000) drop-shadow(0px 0px 1px #cc0000); z-index: 200; }