Jump to content

MediaWiki:Common.css: Difference between revisions

From WikiGor
Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1: Line 1:
/* ===== Final Fix: Make logo touch the top in Vector 2022 ===== */
/* ===== Final Fix: Remove top empty space in Vector 2022 header ===== */


/* Remove all padding and margins in header */
/* Remove unwanted padding in Vector 2022 */
.vector-header,
.vector-header {
padding-top: 0 !important;
.vector-header-container,
padding-bottom: 0 !important;
.vector-sticky-header,
min-height: 0 !important;
.vector-header-start,
height: auto !important;
.vector-header-logo,
}
.mw-logo-icon {

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


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


/* Make logo touch the top and center it */
/* Adjust logo image size */
.vector-header-logo, .mw-logo-icon {
.vector-header-logo, .mw-logo-icon {
width: 100px !important; /* Adjust width as needed */
width: 120px !important; /* Adjust as needed */
background-size: contain !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
background-position: top center !important; /* KEY: align logo to the top */
background-position: center center !important;
display: flex !important;
align-items: flex-start !important; /* KEY: stick to top */
justify-content: center !important;
}
}



/* Ensure logo container aligns logo to top */
/* ===== Hide site title in Vector 2022 ===== */
.vector-header-start {
.vector-header .vector-header-start .mw-logo-wordmark,
display: flex !important;
.vector-header .vector-header-start .vector-header-wiki-name {
align-items: flex-start !important; /* KEY: stick to top */
justify-content: center !important;
display: none !important;
}
}

Revision as of 12:20, 13 July 2025

/* ===== Final Fix: Remove top empty space in Vector 2022 header ===== */

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