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

/* ===== Final Fix: Remove top empty space in Vector 2022 header ===== */
/* Special:Version collapsible section toggle styling */
.mw-collapsible-toggle {
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 8px;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 4px;
}

.mw-collapsible-content {
    padding: 5px;
}

/* Remove unwanted padding in Vector 2022 */
.vector-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

.vector-header-container, .vector-sticky-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Logo wrapper adjustments */
.vector-header-start, .vector-header-logo, .mw-logo-icon {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Adjust logo image size */
.vector-header-logo, .mw-logo-icon {
    width: 120px !important;  /* Adjust as needed */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}


/* ===== Hide site title in Vector 2022 ===== */
.vector-header .vector-header-start .mw-logo-wordmark,
.vector-header .vector-header-start .vector-header-wiki-name {
    display: none !important;
}

/* Enable collapsible extensions section on Special:Version
mw.loader.using(['jquery', 'jquery.makeCollapsible'], function () {
    $(function () {
        if (mw.config.get('wgCanonicalSpecialPageName') === 'Version') {
            var $extSection = $('#mw-version-ext');
            if ($extSection.length) {
                $extSection.addClass('mw-collapsible mw-collapsed');
                $extSection.prepend(
                    $('<div>').addClass('mw-collapsible-toggle').text('Extensions (Click to Expand/Collapse)')
                );
            }
        }
    });
});