MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
(17 intermediate revisions by the same user not shown)
Line 1:
/* ===== Final Fix: MakeRemove logotop touchempty the topspace in Vector 2022 header ===== */
/* Special:Version collapsible section toggle styling */
 
.mw-collapsible-toggle {
/* Remove all padding and margins in header */
background: #f8f9fa;
.vector-header,
border: 1px solid #a2a9b1;
.vector-header-container,
padding: 8px;
.vector-sticky-header,
cursor: pointer;
.vector-header-start,
font-weight: bold;
.vector-header-logo,
margin-bottom: 5px;
.mw-logo-icon {
paddingtext-align: 0 !importantcenter;
marginborder-radius: 0 !important4px;
}
.mw-collapsible-content {
padding: 5px;
}
/* Remove allunwanted padding andin margins inVector header2022 */
.vector-header, {
displaypadding-top: flex0 !important;
displaypadding-bottom: flex0 !important;
justifymin-contentheight: center0 !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-startlogo, .mw-logo-wordmark,icon {
/* Remove site title text */
margin: 0 !important;
.vector-header .vector-header-start .mw-logo-wordmark,
padding: 0 !important;
.vector-header .vector-header-start .vector-header-wiki-name {
displayheight: noneauto !important;
display: flex !important;
align-items: flex-startcenter !important; /* KEY: stick to top */
justify-content: center !important;
}
/* Adjust logo image size */
 
/* Make logo touch the top and center it */
.vector-header-logo, .mw-logo-icon {
width: 100px120px !important; /* Adjust width as needed */
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: topcenter center !important; /* KEY: align logo to the top */
display: flex !important;
align-items: flex-start !important; /* KEY: stick to top */
justify-content: center !important;
}
 
/* Ensure===== logoOld containerVector alignslogo logosize tofix top===== */
#p-logo a,
.vector-header-start {
.mw#p-logo-icon a img {
display: flex !important;
alignmax-itemswidth: flex-start120px !important; /* KEY: stick to top */
justifymax-contentheight: center120px !important;
width: auto !important;
height: auto !important;
}
 
/* Mobile-responsive infobox */
@media only screen and (max-width: 600px) {
.infobox {
width: 100% !important;
float: none !important;
margin: 0 0 1em 0 !important;
}
.infobox th, .infobox td {
padding: 0.3em !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;
}