User:One01/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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/*
Personal CSS for testing
*/

:root {
    --wiki-bg: #080d16;
    --wiki-surface: #0d1522;
    --wiki-surface-2: #111c2c;
    --wiki-border: #26364a;

    --wiki-text: #d7e0ea;
    --wiki-muted: #8495aa;

    --wiki-orange: #ff9d32;
    --wiki-yellow: #ffd166;
    --wiki-blue: #4da3ff;
}

body {
    background: var(--wiki-bg);
    color: var(--wiki-text);
}

.mw-body {
    background: linear-gradient(
        145deg,
        #0d1522 0%,
        #0a111c 100%
    );

    border: 1px solid #1d2b3d;
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}

.mw-body {
    border-top: 2px solid #d98225;
}

.mw-body h1,
.mw-body h2,
.mw-body h3 {
    color: #f1f5f9;
}

.mw-body h1 {
    border-bottom: 2px solid #d98225;
}

.mw-body h2 {
    border-bottom: 1px solid #70491f;
}

.mw-body h1::first-letter,
.mw-body h2::first-letter {
    color: var(--wiki-orange);
}

.mw-body a {
    color: #5fb0ff;
    text-decoration: none;
}

.mw-body a:hover {
    color: #ffd166;
    text-shadow: 0 0 8px rgba(255, 180, 60, 0.45);
}

.mw-body a:visited {
    color: #9b8cff;
}

.wikitable,
.infobox {
    background: #0c1522;
    border: 1px solid #2b3c50;
    color: #d7e0ea;
}

.wikitable th,
.infobox th {
    background: linear-gradient(
        90deg,
        #18283a,
        #101c2b
    );

    color: #ffd166;
    border-bottom: 1px solid #8a5a22;
}

.wikitable td,
.wikitable th,
.infobox td,
.infobox th {
    border-color: #26384c;
}

.infobox {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

.infobox th:first-child {
    color: #ffb347;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.vector-menu-portal {
    color: #aab8c8;
}

.vector-menu-portal h3 {
    color: #ffad42;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
}

.vector-menu-portal a {
    color: #aab8c8;
}

.vector-menu-portal a:hover {
    color: #ffd166;
    background: rgba(255, 157, 50, 0.08);
}

.vector-header-container {
    background:
        linear-gradient(
            90deg,
            #080d16 0%,
            #101d2d 50%,
            #080d16 100%
        );

    border-bottom: 1px solid #26384c;
}

.vector-header-container::after {
    content: "";
    display: block;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #ff9d32,
        #ffd166,
        #ff9d32,
        transparent
    );
}

body {
    background-color: #060b12;

    background-image:
        radial-gradient(
            rgba(90, 140, 190, 0.08) 1px,
            transparent 1px
        );

    background-size: 40px 40px;
}