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

#mw-page-base {
    background: linear-gradient(#171b20, #0b0d10) !important;
}

#mw-panel,
.vector-menu-portal,
.vector-menu-content {
    background: #10151b !important;
    color: var(--rpgc-text) !important;
}

.vector-menu-heading {
    color: var(--rpgc-muted) !important;
    border-bottom: 1px solid var(--rpgc-border) !important;
}

#p-namespaces li,
#p-views li,
#p-cactions li {
    background: none !important;
}

#p-namespaces li a,
#p-views li a,
#p-cactions li a,
#p-cactions .vector-menu-heading {
    background: #171d24 !important;
    color: #d7dce3 !important;
    border: 0 !important;
    border-left: 1px solid var(--rpgc-border) !important;
    padding: 0.65em 0.85em !important;
    box-shadow: inset 0 -2px 0 var(--rpgc-border);
}

#p-namespaces li.selected a,
#p-views li.selected a {
    background: linear-gradient(#3e73bb, #315f9d) !important;
    color: #ffffff !important;
    box-shadow:
        inset 0 -2px 0 #6fa8ff,
        0 0 9px rgba(79,134,214,.25);
}

#p-namespaces li a:hover,
#p-views li a:hover,
#p-cactions li a:hover {
    background: #233044 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

#p-search input,
#searchInput {
    background: #161b21 !important;
    color: #eeeeee !important;
    border: 1px solid var(--rpgc-border) !important;
}

/* Fix top-right page action alignment */

#p-views ul,
#p-cactions ul,
#p-namespaces ul {
    display: flex !important;
    align-items: stretch !important;
}

#p-views li,
#p-cactions li,
#p-namespaces li {
    height: auto !important;
    margin: 0 !important;
}

#p-views li a,
#p-cactions li a,
#p-namespaces li a,
#p-cactions .vector-menu-heading {
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

/* Watch/star button */
#ca-watch,
#ca-unwatch {
    min-width: 42px !important;
}

#ca-watch a,
#ca-unwatch a {
    justify-content: center !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
    position: relative !important;
}

#ca-watch a::after,
#ca-unwatch a::after {
    content: "★";
    text-indent: 0 !important;
    position: absolute;
    color: #6fa8ff;
    font-size: 16px;
}