MediaWiki:Common.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* ============================================================
   EQOA: Sandstorm WIKI THEME ΓÇö OPTION D (Classic EQ UI Palette)
   Applies to ALL pages, ALL namespaces, ALL skins (MonoBook primary)
   ============================================================ */

:root {
  /* BASE */
  --midnight: #0F1626;      /* Deep EQ-style indigo */
  --sand: #B9C4D1;          /* Soft blue-gray parchment */

  /* ACCENTS */
  --gold: #E3B44A;          /* Classic EverQuest gold */
  --sky: #6DA5E7;           /* EQ link blue */

  /* STATUS COLORS */
  --evergreen: #3E6B52;     /* success */
  --ember: #9A2E1E;         /* danger */

  /* BOX HEADER ACCENT */
  --box-header: #1C2B44;    /* EQ-style header blue */
}

/* ============================================================
   GLOBAL PAGE BACKGROUND & TEXT
   ============================================================ */

body {
  background: var(--midnight) !important;
  color: var(--sand) !important;
  font-family: "Georgia", "Times New Roman", serif;
}

#content,
#bodyContent,
#mw-content-text {
  color: var(--sand) !important;
}

/* ============================================================
   HEADINGS (GLOBAL OVERRIDES)
   ============================================================ */

h1, h2, h3, h4, h5, h6,
#firstHeading, .mw-first-heading,
.mw-body h1, .mw-body h2, .mw-body h3,
.mw-body h4, .mw-body h5, .mw-body h6 {
  color: var(--gold) !important;
  font-family: "Georgia", "Times New Roman", serif !important;
  font-weight: 700 !important;
  border: none !important;
}

/* Section header underline */
.mw-parser-output > h2 {
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
}

/* ============================================================
   LINKS
   ============================================================ */

a {
  color: var(--sky) !important;
}

a:visited {
  color: #5E8BC0 !important;
}

a:hover {
  color: var(--gold) !important;
}

/* ============================================================
   TABLES, ROWS, LISTS
   ============================================================ */

table,
.wikitable {
  background: #0A1420 !important;
  border: 1px solid var(--gold) !important;
}

.wikitable th {
  background: var(--box-header) !important;
  color: var(--gold) !important;
}

.wikitable td {
  color: var(--sand) !important;
  border-color: var(--gold) !important;
}

/* Alternating row accent */
tr:nth-child(even) {
  background: #121E30 !important;
}

/* ============================================================
   CUSTOM BOXES / PORTALS / HOMEPAGE SECTIONS
   ============================================================ */

.portal,
.navbox,
.multicol,
.mainpage-box,
.mainpage-header,
div.center-box,
div.portal,
#mp-topbanner,
#mp-left,
#mp-right {
  background: #0A1420 !important;
  border: 1px solid var(--gold) !important;
  color: var(--sand) !important;
}

/* Box headers */
.portal .portal-header,
.mainpage-header,
div.center-box .header,
h2.box-header,
.box-header {
  background: var(--box-header) !important;
  padding: 6px 10px !important;
  color: var(--gold) !important;
  font-size: 1.25em !important;
  text-align: center;
  border-bottom: 1px solid var(--gold) !important;
}

/* ============================================================
   SIDEBAR (MonoBook)
   ============================================================ */

#p-logo {
  background: transparent !important;
}

#p-navigation,
#p-interaction,
#p-tb,
#p-search {
  background: #0A1420 !important;
  border: 1px solid var(--gold) !important;
  color: var(--sand) !important;
}

#p-navigation h3,
#p-interaction h3,
#p-tb h3,
#p-search h3 {
  background: var(--box-header) !important;
  color: var(--gold) !important;
  padding: 4px 6px !important;
}

/* ============================================================
   INPUTS / SEARCH BOX
   ============================================================ */

input,
textarea {
  background: #142233 !important;
  color: var(--sand) !important;
  border: 1px solid var(--gold) !important;
}

/* ============================================================
   NOTICES / TEMPLATES
   ============================================================ */

.success,
.notice-success {
  background: var(--evergreen) !important;
  color: #DFF2E4 !important;
}

.warning,
.notice-warning {
  background: #3F2E00 !important;
  color: #FFDD8A !important;
}

.error,
.notice-error {
  background: var(--ember) !important;
  color: #F9D0C8 !important;
}

/* ============================================================
   FOOTER
   ============================================================ */

#footer {
  background: #0A1420 !important;
  color: var(--sand) !important;
  border-top: 1px solid var(--gold) !important;
}

/* ============================================================
   END OF THEME
   ============================================================ */