Jump to content

MediaWiki:Common.css: Difference between revisions

From WikiGor
Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* ===== Final Fix: Remove top empty space in Vector 2022 header ===== */
/* ===== Final Fix: Remove top white space above logo in Vector 2022 ===== */


/* Remove all padding and margin in header */
/* 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 and min-height in Vector 2022 header */
.vector-header,
.vector-header,
.vector-header-container,
.vector-header-container,
Line 23: Line 7:
padding: 0 !important;
padding: 0 !important;
margin: 0 !important;
margin: 0 !important;
height: auto !important;
min-height: 0 !important;
min-height: 0 !important;
height: auto !important;
}
}


/* Hide site title text */
/* Logo wrapper adjustments to align with search bar */
.vector-header .vector-header-start .mw-logo-wordmark,
.vector-header .vector-header-start .vector-header-wiki-name {
display: none !important;
}

/* Ensure logo container aligns logo to very top */
.vector-header-start {
.vector-header-start {
display: flex !important;
display: flex !important;
align-items: flex-start !important; /* Align logo to top inside container */
align-items: flex-start !important; /* Align logo to top */
justify-content: center !important;
justify-content: center !important;
padding-top: 10px !important; /* Adjust this value (8px, 10px, 12px) to align with search bar */
padding: 0 !important; /* KEY: remove top padding */
padding-bottom: 0 !important;
margin: 0 !important;
margin: 0 !important;
height: auto !important;
height: auto !important;
}
}


/* Adjust logo to touch the top and scale correctly */
/* Logo adjustments */
.vector-header-logo,
.vector-header-logo,
.mw-logo-icon {
.mw-logo-icon {
width: 120px !important; /* Adjust size as needed */
width: 120px !important; /* Adjust width if needed */
background-size: contain !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
background-position: top center !important;
background-position: top center !important; /* Align to top */
display: flex !important;
display: flex !important;
align-items: flex-start !important;
align-items: flex-start !important; /* Align image to top */
justify-content: center !important;
justify-content: center !important;
padding: 0 !important;
padding: 0 !important;
Line 52: Line 41:
height: auto !important;
height: auto !important;
}
}



/* Hide site title in Vector 2022 */
/* Hide site title in Vector 2022 */

Revision as of 18:11, 13 July 2025

/* ===== Final Fix: Remove top white space above logo in Vector 2022 ===== */

/* Remove all padding and margin in header */
.vector-header,
.vector-header-container,
.vector-sticky-header {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

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

/* Ensure logo container aligns logo to very top */
.vector-header-start {
    display: flex !important;
    align-items: flex-start !important;  /* Align logo to top */
    justify-content: center !important;
    padding: 0 !important;               /* KEY: remove top padding */
    margin: 0 !important;
    height: auto !important;
}

/* Adjust logo to touch the top and scale correctly */
.vector-header-logo,
.mw-logo-icon {
    width: 120px !important;                   /* Adjust width if needed */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important; /* Align to top */
    display: flex !important;
    align-items: flex-start !important;         /* Align image to top */
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
}


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