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); }

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

/* Fix underlined links problem on lead sections */ .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), .85); }
 * 1) mixed-content-footer {

.page__right-rail .rail-module { background: transparent; }

/* Shadows for contrast */ .fandom-community-header a.fandom-community-header__community-name, .fandom-community-header .fandom-community-header__local-navigation .wds-tabs__tab-label a, .fandom-community-header .page-counter { text-shadow: 2px 2px 4px rgba(0,0,0,.7); overflow: visible; } .fandom-community-header .fandom-community-header__local-navigation .first-level-item .wds-icon { filter: drop-shadow(2px 2px 4px black) } .fandom-community-header .wiki-tools .wds-button { filter: drop-shadow(2px 2px 4px rgba(0,0,0,.4)); }