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
Β 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ===== Final Fix: Remove top white space above logo in Vector 2022 ===== */
/* ===== Final Fix: Remove top empty space in Vector 2022 header ===== */
/* Special:Version collapsible section toggle styling */

.mw-collapsible-toggle {
/* Remove all padding and margin in header */
background: #f8f9fa;
.vector-header,
border: 1px solid #a2a9b1;
.vector-header-container,
padding: 8px;
.vector-sticky-header {
padding: 0 !important;
cursor: pointer;
margin: 0 !important;
font-weight: bold;
margin-bottom: 5px;
text-align: center;
border-radius: 4px;
}
.mw-collapsible-content {
padding: 5px;
}
/* Remove unwanted padding in Vector 2022 */
.vector-header {
padding-top: 0 !important;
padding-bottom: 0 !important;
min-height: 0 !important;
min-height: 0 !important;
height: auto !important;
height: auto !important;
}
}
.vector-header-container, .vector-sticky-header {

padding-top: 0 !important;
/* Hide site title text */
padding-bottom: 0 !important;
.vector-header .vector-header-start .mw-logo-wordmark,
height: auto !important;
.vector-header .vector-header-start .vector-header-wiki-name {
display: none !important;
min-height: 0 !important;
}
}
/* Logo wrapper adjustments */

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

.vector-header-logo, .mw-logo-icon {
/* Adjust logo to touch the top and scale correctly */
width: 120px !important; /* Adjust as needed */
.vector-header-logo,
.mw-logo-icon {
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; /* Align to top */
background-position: center center !important;
}
display: flex !important;

align-items: flex-start !important; /* Align image to top */
/* ===== Old Vector logo size fix ===== */
justify-content: center !important;
#p-logo a,
padding: 0 !important;
#p-logo a img {
margin: 0 !important;
max-width: 120px !important;
max-height: 120px !important;
width: auto !important;
height: 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 */
/* ===== Hide site title in Vector 2022 ===== */
.vector-header .vector-header-start .mw-logo-wordmark,
.vector-header .vector-header-start .mw-logo-wordmark,
.vector-header .vector-header-start .mw-logo-wiki-name {
.vector-header .vector-header-start .vector-header-wiki-name {
display: none !important;
display: none !important;
}
}

Latest revision as of 09:38, 23 July 2025

/* ===== Final Fix: Remove top empty space in Vector 2022 header ===== */
/* Special:Version 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 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;
}

/* ===== Old Vector logo size fix ===== */
#p-logo a,
#p-logo a img {
    max-width: 120px !important;
    max-height: 120px !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;
}