MediaWiki:RPGC-vector.css: Difference between revisions

Latest revision as of 05:17, 11 July 2026

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

/* Responsive narrow-window layout */
@media screen and (max-width: 950px) {

    /* Hide the fixed legacy Vector sidebar and logo */
    #mw-panel,
    #p-logo {
        display: none !important;
    }

    /* Prevent article content from remaining offset or sliding underneath */
    .mw-body,
    body.rpgc-readable-width .mw-body,
    body.rpgc-full-width .mw-body {
        width: auto !important;
        max-width: none !important;

        margin-left: 12px !important;
        margin-right: 12px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Ensure the main content itself stays inside the viewport */
    #bodyContent {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        overflow-wrap: anywhere;
    }

    /* Remove Vector's reserved sidebar/header offset */
    #mw-head-base,
    #content {
        margin-left: 0 !important;
    }
}