MediaWiki:Common.css: Difference between revisions
Appearance
Content deleted Content added
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* ===== |
/* ===== Final Tested CSS to remove top-bottom white space under logo ===== */ |
||
/* |
/* Remove header extra space */ |
||
.vector-header-container { |
.vector-header, .vector-header-start, .vector-header-container { |
||
padding-top: 0 !important; |
padding-top: 0 !important; |
||
padding-bottom: 0 !important; |
padding-bottom: 0 !important; |
||
⚫ | |||
⚫ | |||
min-height: 0 !important; |
min-height: 0 !important; |
||
height: auto !important; |
height: auto !important; |
||
align-items: center !important; |
|||
} |
} |
||
/* |
/* Perfectly center the logo */ |
||
.vector-header- |
.vector-header-logo, .mw-logo-icon { |
||
⚫ | |||
⚫ | |||
display: flex !important; |
display: flex !important; |
||
align-items: center !important; |
align-items: center !important; |
||
justify-content: center !important; |
|||
⚫ | |||
⚫ | |||
/* Logo size and perfect centering */ |
|||
⚫ | |||
⚫ | |||
height: auto !important; |
height: auto !important; |
||
margin: 0 !important; |
margin: 0 !important; |
||
Line 27: | Line 24: | ||
background-repeat: no-repeat !important; |
background-repeat: no-repeat !important; |
||
background-position: center center !important; |
background-position: center center !important; |
||
⚫ | |||
/* Adjust inner container for alignment */ |
|||
⚫ | |||
display: flex !important; |
display: flex !important; |
||
align-items: center !important; |
align-items: center !important; |
||
justify-content: center !important; |
justify-content: center !important; |
||
height: 100% !important; |
|||
width: auto !important; |
|||
} |
} |
Revision as of 11:58, 13 July 2025
/* ===== Final Tested CSS to remove top-bottom white space under logo ===== */
/* Remove header extra space */
.vector-header, .vector-header-start, .vector-header-container {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
min-height: 0 !important;
height: auto !important;
align-items: center !important;
}
/* Perfectly center the logo */
.vector-header-logo, .mw-logo-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100px !important; /* आवश्यकता अनुसार 100, 120, 150 */
height: auto !important;
margin: 0 !important;
padding: 0 !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}
/* Adjust inner container for alignment */
.vector-header-start > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
width: auto !important;
}