MediaWiki:Common.css: Difference between revisions
Appearance
Content deleted Content added
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 1: | Line 1: | ||
/* ===== Final Fix: Remove top |
/* ===== Final Fix: Remove top white space above logo in Vector 2022 ===== */ |
||
⚫ | |||
/* 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; |
|||
} |
|||
⚫ | |||
.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; |
||
⚫ | |||
min-height: 0 !important; |
min-height: 0 !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 { |
|||
⚫ | |||
⚫ | |||
/* 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 |
align-items: flex-start !important; /* Align logo to top */ |
||
justify-content: center !important; |
justify-content: center !important; |
||
padding |
padding: 0 !important; /* KEY: remove top padding */ |
||
⚫ | |||
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 |
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;
}