MediaWiki:RPGC-layout.css: Difference between revisions

Latest revision as of 18:22, 5 July 2026

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;
}

/* Classic article TOC placement */
#toc,
.toc {
    float: left;
    clear: left;
    width: 285px;
    margin: 0.5rem 1.5rem 1rem 0 !important;
    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);
}

/* Blue TOC title strip, closer to old forum mockup */
#toc .toctitle,
.toc .toctitle {
    background: linear-gradient(#4f86d6, #315f9d);
    margin: -1px -1px 0 -1px;
    padding: 6px 10px;
    color: #fff;
}

/* Keep TOC from wrecking mobile */
@media (max-width: 850px) {
    #toc,
    .toc {
        float: none;
        width: auto;
        margin: 1rem 0 !important;
    }
}

/* Let text flow beside the TOC */
.rpgc-toc-flow {
    overflow: hidden;
}

.rpgc-toc-flow #toc,
.rpgc-toc-flow .toc {
    float: left;
    width: 285px;
    margin: 0.25rem 1.5rem 1rem 0 !important;
}

.rpgc-toc-flow p {
    margin-top: 0 !important;
}