MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Dark and light mode-specific theming */ .theme-fandomdesktop-light { ---navbox-background-color-1: #C0E7AD; ---navbox-background-color-2: #CFFBBA; ---navbox-border-color: #4da132; ---navbox-link-color: #247900;

---customnotice-background-color: #CFFBBA; ---customnotice-border-color: #74d654; ---customnotice-text-color: #4da132;

---collapsibletemplate-background-color: #CFFBBA; ---collapsibletemplate-border-color: #4da132;

---staffpage-activity-green: lime; ---staffpage-activity-yellow: yellow; ---staffpage-activity-blue: cornflowerblue; ---staffpage-activity-red: lightcoral; }

.theme-fandomdesktop-dark { ---navbox-background-color-1: rgba(0,125,8,.45); ---navbox-background-color-2: rgba(0,0,0,.40); ---navbox-border-color: #002700; ---navbox-link-color: #e9a72c;

---customnotice-background-color: rgba(0,125,8,.45); ---customnotice-border-color: #002700; ---customnotice-text-color: #ffff;

---collapsibletemplate-background-color: #005005; ---collapsibletemplate-border-color: #002700;

---staffpage-activity-green: green; ---staffpage-activity-yellow: darkgoldenrod; ---staffpage-activity-blue: blue; ---staffpage-activity-red: red; }

.customnotice { background-color: var(---customnotice-background-color); border: 1.5px dashed var(---customnotice-border-color); color: var(---customnotice-text-color); }

.navboxprimary { background-color: var(---navbox-background-color-1); border: 1px solid var(---navbox-border-color);

}

.navboxsecondary { background-color: var(---navbox-background-color-2); }

.navboxlink { color: var(---navbox-link-color); }

.collapsibletemplate { background-color: var(---collapsibletemplate-background-color); border: 1px solid var(---collapsibletemplate-border-color); }

.staffpageactivitygreen { text-align: center; background-color: var(---staffpage-activity-green); }

.staffpageactivityyellow { text-align: center; background-color: var(---staffpage-activity-yellow); }

.staffpageactivityblue { text-align: center; background-color: var(---staffpage-activity-blue); }

.staffpageactivityred { text-align: center; background-color: var(---staffpage-activity-red); }

/* Dark mode page transparency for image background */ .theme-fandomdesktop-dark .page__main { background-color: rgba(var(--theme-page-background-color--rgb),.90); }

.theme-fandomdesktop-dark .page__right-rail { --right-rail-background-color: rgba(50,60,60,.90); }

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

/* Make portable infobox backgrounds transparent */ .pi-background{ background-color: transparent; }

/* Fix for large imagemaps not creating scroll bar when screen is smaller */ .large-imagemap > .noresize { overflow: auto; height: auto !important; width: 100% !important; }