MediaWiki:Common.css: Difference between revisions

Revision as of 09:44, 18 November 2025

/* ============================================================
   EVERQUEST ONLINE ADVENTURERS ΓÇö WIKI THEME (PALETTE A)
   Forest / Teal / Gold + Strong Accent Gold (#8E6A22)
   ============================================================ */

/* ---------- PALETTE VARIABLES ---------- */
:root {
  --eqoa-bg: #0F2733;
  --eqoa-bg-light: #183A45;
  --eqoa-accent: #2A5F63;
  --eqoa-accent-strong: #8E6A22;  /* NEW ACCENT COLOR */
  --eqoa-highlight: #C48F33;
  --eqoa-text: #E4E7E7;
  --eqoa-muted: #A5B1A8;
}

/* ============================================================
   GLOBAL PAGE BACKGROUND & TEXT
   ============================================================ */
body,
#content,
body.skin-monobook {
  background: var(--eqoa-bg) !important;
  color: var(--eqoa-text) !important;
}

#content * {
  background: transparent !important;
  border-color: var(--eqoa-accent) !important;
}

/* ============================================================
   HEADINGS ΓÇö ALL SKINS
   ============================================================ */
h1, h2, h3, h4, h5, h6,
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
.firstHeading {
  color: var(--eqoa-highlight) !important;
  border-bottom: 1px solid var(--eqoa-accent) !important;
  font-family: "Georgia", "Times New Roman", serif !important;
}

.firstHeading {
  padding-bottom: 5px;
  font-size: 1.9em !important;
}

/* ============================================================
   LINKS
   ============================================================ */
a,
#content a,
.mw-body a {
  color: var(--eqoa-highlight) !important;
}

a:visited {
  color: #b57d2b !important;
}

a:hover,
a:active {
  color: #e5b561 !important;
}

/* ============================================================
   SIDEBAR / LEFT MENU (MonoBook)
   ============================================================ */
#sidebar,
#mw-panel,
#column-one {
  background: var(--eqoa-bg-light) !important;
  border-right: 2px solid var(--eqoa-accent) !important;
}

#p-navigation li a,
#p-tb a,
#p-cactions a,
#mw-panel a,
#column-one a {
  color: var(--eqoa-highlight) !important;
}

/* ============================================================
   CONTENT BOXES, INFOBOXES, PORTALS
   ============================================================ */
.infobox,
table.infobox,
.portal,
.toc,
.mw-message-box,
.mw-warning,
.mw-notification {
  background: var(--eqoa-bg-light) !important;
  border: 1px solid var(--eqoa-accent) !important;
  color: var(--eqoa-text) !important;
}

/* -------- BOX HEADER BACKGROUND (USES NEW ACCENT COLOR) -------- */
.infobox .infobox-header,
.portal .portal-title,
.toc .toctitle,
.mw-message-box .mbox-title,
.navbox-title,
.navbox-group {
  background: var(--eqoa-accent-strong) !important;
  color: #fff !important;
  border-bottom: 1px solid var(--eqoa-highlight) !important;
}

/* ============================================================
   TABLES
   ============================================================ */
table,
.wikitable {
  background: var(--eqoa-bg-light) !important;
  color: var(--eqoa-text) !important;
  border: 1px solid var(--eqoa-accent) !important;
}

/* -------- TABLE HEADER ROWS (USES NEW ACCENT COLOR) -------- */
.wikitable th {
  background: var(--eqoa-accent-strong) !important;
  color: #fff !important;
  border-bottom: 1px solid var(--eqoa-highlight) !important;
}

/* Alternating rows */
.wikitable tr:nth-child(even) {
  background: rgba(255,255,255,0.05) !important;
}

/* ============================================================
   NAVBOXES / FOOTERS / TEMPLATE BOXES
   ============================================================ */
.navbox,
.navbox-subgroup {
  background: var(--eqoa-bg-light) !important;
  color: var(--eqoa-text) !important;
  border-color: var(--eqoa-accent) !important;
}

/* ============================================================
   SEARCH BOX
   ============================================================ */
#searchInput {
  background: var(--eqoa-bg-light) !important;
  color: var(--eqoa-text) !important;
  border: 1px solid var(--eqoa-accent) !important;
}

/* ============================================================
   BUTTONS (tabs)
   ============================================================ */

#p-cactions li a,
#ca-edit a,
#ca-history a,
#ca-talk a,
#ca-view a,
#ca-nstab-main a {
  background: var(--eqoa-bg-light) !important;
  border: 1px solid var(--eqoa-accent) !important;
  color: var(--eqoa-highlight) !important;
}

#p-cactions li.selected a,
#ca-edit a:hover,
#ca-history a:hover {
  background: var(--eqoa-accent) !important;
  color: #fff !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
#footer,
#footer * {
  background: var(--eqoa-bg) !important;
  color: var(--eqoa-muted) !important;
  border: none !important;
}

/* ============================================================
   MISC ELEMENTS
   ============================================================ */
blockquote {
  border-left: 3px solid var(--eqoa-highlight) !important;
  background: rgba(196, 143, 51, 0.1) !important;
  color: var(--eqoa-text) !important;
}

pre,
code {
  background: #10262d !important;
  border: 1px solid var(--eqoa-accent) !important;
  color: var(--eqoa-highlight) !important;
}


/* ============================================================
   MAIN PAGE / SECTION BOX BACKGROUNDS (Option A Panel Color)
   ============================================================ */

.mainpage-box,
.mp-box,
.mp-section,
.mainpage-header,
body .box,
body .section,
body .mp,
body .MainPageBG,
body .mpwrapper,
body .mpouter,
body .mainpage-container,
body .mainpage-panel {
  background: #102F38 !important; /* NEW PANEL BG */
  border: 1px solid var(--eqoa-accent) !important;
  color: var(--eqoa-text) !important;
}

/* Titles in these boxes */
.mainpage-box h2,
.mp-box h2,
.mp-section h2,
.box h2,
.section h2,
.mainpage-header h2,
.mpouter h2,
.mainpage-panel h2 {
  background: var(--eqoa-accent-strong) !important;
  color: #fff !important;
  padding: 4px 8px;
  border-bottom: 1px solid var(--eqoa-highlight) !important;
}