MediaWiki:Common.css
From EQOA Sandstorm Wiki
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;
}