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

/* Bold page header */ .page .page-header__title { font-weight: 500; }

/* Tweak h1 headings */ .page-content h1 { border-bottom: 1px solid var(--theme-border-color); font-weight: 500; overflow: hidden; padding: 6px 0; }

/* Sets links weight from bold to inherit */ .page-content .mw-parser-output a { font-weight: inherit; }

/* Fix for the table styling, reducing line height */ .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { padding: 0.2em 0.4em; }

/* 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(--theme-border-color); } .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: rgba(225,84,103,0.35); border-color: #e15467; }

/* Dark theme table coloring */ .theme-fandomdesktop-dark .table-yes { background-color: #008000 !important; } .theme-fandomdesktop-dark .table-no { background-color: #800000 !important; } .theme-fandomdesktop-dark .table-na { background-color: #424242 !important; color: #E0E0E0 !important; } .theme-fandomdesktop-dark .table-no2 { background-color: #000091 !important; }

/* Adding shadow on header to contrast */ .fandom-community-header { filter: drop-shadow(0px 0px 2px #113ccf) drop-shadow(0px 0px 1px #113ccf) drop-shadow(0px 0px 1px #113ccf); z-index: 200; }

.theme-fandomdesktop-dark .fandom-community-header { /* Dark theme only */ filter: drop-shadow(0px 0px 2px #ff8000) drop-shadow(0px 0px 1px #ff8000) drop-shadow(0px 0px 1px #ff8000); }