MediaWiki:Fandomdesktop.css

/* Vars */ .portable-infobox, .mainpage-box, .infobox, .box { --box-border-color: #666; --box-header-color: #404040; --box-label-color: #262626; --box-data-color: #0D0D0D; }

/* Make legible against the old background */ .fandom-community-header .fandom-community-header__community-name, .fandom-community-header .wds-tabs__tab-label.first-level-item { overflow: visible; text-shadow: 0 2px 5px #000000; }

.fandom-community-header { --theme-body-text-color: #FFFFFF; --theme-body-text-color--hover: #CCCCCC; }

.fandom-community-header .first-level-item .navigation-item-icon { fill: var(--theme-body-text-color); }

/* Main Page dark mode */ .theme-fandomdesktop-dark .mainpage-box { background-color: var(--box-data-color); border-color: var(--box-border-color); }

.theme-fandomdesktop-dark .mainpage-box .box-contribute { background-color: var(--box-data-color) !important; /* override inline style */ }

/* Tables dark mode */ .theme-fandomdesktop-dark .box.colored.style-basic > tbody > tr > th { background-color: var(--box-label-color); }

.theme-fandomdesktop-dark .box.colored.style-basic td, .theme-fandomdesktop-dark .box.colored.style-basic th { background-color: var(--box-data-color); }

.theme-fandomdesktop-dark .box.innerbordered.style-basic > tbody > tr > td, .theme-fandomdesktop-dark .box.innerbordered.style-basic > tbody > tr > th { border-color: var(--box-border-color); }

/* NPI dark mode */ .theme-fandomdesktop-dark .box.colored > tbody > tr > .mainheader { background-color: var(--box-header-color); }

.theme-fandomdesktop-dark .box.innerbordered > tbody > tr > td, .theme-fandomdesktop-dark .box.innerbordered > tbody > tr > th, .theme-fandomdesktop-dark .box.bordered { border-color: var(--box-border-color); }

.theme-fandomdesktop-dark .box.innerbordered > tbody > tr > td, .theme-fandomdesktop-dark .box.innerbordered > tbody > tr > th, .theme-fandomdesktop-dark .box.colored td, .theme-fandomdesktop-dark .box.colored th { background-color: var(--box-data-color); }

.theme-fandomdesktop-dark .box.colored > tbody > tr > th { background-color: var(--box-label-color); }

/* Camera mask */ .portable-infobox .pi-title img[alt="Camera font awesome.svg"], .infobox .mainheader img[alt="Camera font awesome.svg"] { background: #000000; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-image: url("https://static.wikia.nocookie.net/naruto/images/d/d1/Camera_font_awesome.svg"); mask-image: url("https://static.wikia.nocookie.net/naruto/images/d/d1/Camera_font_awesome.svg"); object-position: -2000px 2000px; }

.theme-fandomdesktop-dark .portable-infobox .pi-title img[alt="Camera font awesome.svg"], .theme-fandomdesktop-dark .infobox .mainheader img[alt="Camera font awesome.svg"] { background: #FFFFFF; }

/* Dark mode compatibility for "Browser Information.svg" */

portable-infobox .pi-title img[alt="Browse Information.svg"], .infobox .mainheader img[alt="Browse Information.svg"] { background: #000000; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-image: url("https://static.wikia.nocookie.net/naruto/images/a/ab/Browse_Information.svg"); mask-image: url("https://static.wikia.nocookie.net/naruto/images/a/ab/Browse_Information.svg"); object-position: -2000px 2000px; } .theme-fandomdesktop-dark .portable-infobox .pi-title img[alt="Browse Information.svg"], .theme-fandomdesktop-dark .infobox .mainheader img[alt="Browse Information.svg"] { background: #FFFFFF; }

/* PI dark mode */ .theme-fandomdesktop-dark .portable-infobox { border-color: var(--box-border-color); color: var(--theme-page-text-color); }

.theme-fandomdesktop-dark .portable-infobox .pi-data-label:not(.pi-smart-data-label), .theme-fandomdesktop-dark .portable-infobox .pi-border-color, .theme-fandomdesktop-dark .portable-infobox .pi-header, .theme-fandomdesktop-dark .portable-infobox .pi-title { border-right-color: var(--box-border-color); border-bottom-color: var(--box-border-color); }

.theme-fandomdesktop-dark .portable-infobox .pi-data { border-top-color: var(--box-border-color); }

.theme-fandomdesktop-dark .portable-infobox .pi-data-value, .theme-fandomdesktop-dark .portable-infobox.pi-background { background-color: var(--box-data-color); }

.theme-fandomdesktop-dark .portable-infobox .pi-header, .theme-fandomdesktop-dark .portable-infobox .pi-title { background: var(--box-header-color); }

.theme-fandomdesktop-dark .portable-infobox .pi-data-label { background-color: var(--box-label-color); }

/* PI patch */ .portable-infobox .pi-data { column-gap: 0; }

.portable-infobox .plainlist li:before { display: none; }

/* Safari header patch */ .main-container .fandom-community-header__background::before { background-image: none; }