MediaWiki:Common.css

From EQOA Sandstorm Wiki
Revision as of 09:40, 18 November 2025 by RenodorDev (talk | contribs)
Jump to navigationJump to search

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* ============================================================
   EVERQUEST ONLINE ADVENTURERS ΓÇö WIKI THEME (PALETTE A)
   Forest / Teal / Gold
   Applies to ALL skins, including MonoBook
   ============================================================ */

/* ---------- PALETTE VARIABLES ---------- */
:root {
  --eqoa-bg: #0F2733;
  --eqoa-bg-light: #183A45;
  --eqoa-accent: #2A5F63;
  --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;
}

/* Remove harsh white backgrounds from random components */
#content * {
  background: transparent !important;
  border-color: var(--eqoa-accent) !important;
}

/* ============================================================
   HEADINGS ΓÇö TARGET *ALL* H1ΓÇôH6
   ============================================================ */
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;
}

/* First heading (page title) */
.firstHeading {
  padding-bottom: 5px;
  font-size: 1.9em !important;
}

/* ============================================================
   LINKS (All skins)
   ============================================================ */
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 compatible)
   ============================================================ */
#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;
}

/* TOC Headers */
.toc .toctitle,
.portal h3 {
  color: 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;
}

.wikitable th {
  background: var(--eqoa-accent) !important;
  color: var(--eqoa-text) !important;
}

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

/* ============================================================
   NAVBOXES / FOOTERS / TEMPLATE BOXES
   ============================================================ */
.navbox,
.navbox-subgroup,
.navbox-title,
.navbox-group {
  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 (edit, history, 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
   ============================================================ */

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

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