MediaWiki:RPGC-layout.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.

html,
body {
    background: var(--rpgc-bg-deep) !important;
    color: var(--rpgc-text) !important;
}

body {
    background:
        radial-gradient(circle at top left, rgba(79,134,214,.13), transparent 34%),
        linear-gradient(#0b0d10, #06080a) !important;
}

a {
    color: #6fa8ff !important;
}

a:hover {
    color: #9fc4ff !important;
    text-shadow: 0 0 6px var(--rpgc-blue-glow);
}

/* Main article panel */
.mw-body {
    background: var(--rpgc-panel) !important;
    color: var(--rpgc-text) !important;
    border: 1px solid var(--rpgc-border) !important;
    box-shadow: 0 0 18px rgba(0,0,0,.45);
    box-sizing: border-box;
}

/* Inner article area: no visible nested box */
.vector-body,
#bodyContent,
.mw-body-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Breathing room inside the article */
#bodyContent {
    padding: 0 1.5rem 1.5rem 1.5rem !important;
    box-sizing: border-box;
}

/* Page title */
.firstHeading,
.mw-first-heading,
h1.firstHeading {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(79,134,214,.35);
    border-bottom: 1px solid #2a333d !important;
    padding-bottom: .35em;
    margin-bottom: .8em;
}

/* Section headings */
.mw-parser-output h1,
.mw-parser-output h2 {
    color: #ffffff !important;
    border-bottom: 2px solid var(--rpgc-blue-dark) !important;
    text-shadow: 0 0 8px rgba(79,134,214,.28);
}

.mw-parser-output h3 {
    color: #dddddd !important;
}

.mw-parser-output p,
.mw-parser-output li {
    color: var(--rpgc-text);
}

.mw-parser-output p {
    line-height: 1.6;
    margin: 0.8em 0;
}

/* TOC */
#toc,
.toc {
    background: #10151b !important;
    border: 1px solid var(--rpgc-border) !important;
    color: var(--rpgc-text) !important;
    box-shadow: inset 0 0 12px rgba(79,134,214,.08);
}

/* Categories */
.catlinks {
    background: #10151b !important;
    border-color: var(--rpgc-border) !important;
    color: var(--rpgc-muted) !important;
}