MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* DARK MODE */
.skin-theme-clientpref-night body {
    background:
        linear-gradient(
            rgba(0, 0, 0, 0.65),
            rgba(0, 0, 0, 0.65)
        ),
        url("/resources/assets/agna.png") no-repeat center center fixed;
    background-size: cover;
}

/* LIGHT MODE */
.skin-theme-clientpref-day body {
    background:
        linear-gradient(
            rgba(255, 255, 255, 0.85),
            rgba(255, 255, 255, 0.85)
        ),
        url("/resources/assets/omashu.png") no-repeat center center fixed;
    background-size: cover;
}

.mw-body {
    background-color: rgba(10, 12, 16, 0.1) !important;
    border-radius: 12px;
}

/* CSS placed here will be applied to all skins */
/* Water Tribe theme */
.pi-theme-wt .pi-title,
.pi-theme-wt .pi-secondary-background {
  background-color: #275b8b;
  color: white;
}

/* Earth Kingdom theme */
.pi-theme-ek .pi-title,
.pi-theme-ek .pi-secondary-background {
  background-color: #317615;
  color: white;
}

/* Fire Nation theme */
.pi-theme-fn .pi-title,
.pi-theme-fn .pi-secondary-background {
  background-color: #760000;
  color: white;
}

/* Air Nomads theme */
.pi-theme-an .pi-title,
.pi-theme-an .pi-secondary-background {
  background-color: #e5cca3;
  color: white;
}

/* Sun Warriors theme */
.pi-theme-sw .pi-title,
.pi-theme-sw .pi-secondary-background {
  background-color: #e36424;
  color: white;
}

/* United Republic / Republic City theme */
.pi-theme-urn .pi-title,
.pi-theme-urn .pi-secondary-background {
  background-color: #7e579a;
  color: white;
}

/* Foggy Swamp Tribe theme */
.pi-theme-fst .pi-title,
.pi-theme-fst .pi-secondary-background {
  background-color: #008048;
  color: white;
}

/* Sand Tribes theme */
.pi-theme-st .pi-title,
.pi-theme-st .pi-secondary-background {
  background-color: #ba9e54;
  color: white;
}

.portable-infobox,
.pi-infobox {
	width: 360px;
	max-width: none;
}

/* Infobox styling */
.infobox-gallery {padding:4px; text-align:center; font-weight:bold}

/* DARK MODE */
.skin-theme-clientpref-night .stubbox {
    border-left: 5px solid #e36424;
    background: #2a1a14;
    color: #f5e9e5; /* light text for readability */
    padding: 10px 15px;
    margin-bottom: 15px;
    font-size: 0.95em;
}

/* LIGHT MODE */
.skin-theme-clientpref-day .stubbox {
    border-left: 5px solid #e36424;
    background: #fdf1eb; /* soft warm tint instead of dark brown */
    color: #2a1a14; /* dark text */
    padding: 10px 15px;
    margin-bottom: 15px;
    font-size: 0.95em;
}