Jump to content

MediaWiki:Vector.css: Difference between revisions

From KAVAN RC Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the Vector skin */
/* Keep header grid compact */
/* Allow logo to overflow the header */
.vector-header-container {
.mw-header {
     align-items: start;
     overflow: visible;
    height: 50px;
}
}


/* Prevent header height from expanding */
/* Remove logo from grid flow */
.mw-header-logo {
.vector-header-start {
     align-items: flex-start;
     position: relative;
}
}


/* Allow wordmark to overflow downward */
/* Absolutely position the logo */
.mw-logo-wordmark {
.vector-header-start .mw-logo-wordmark {
     position: relative;
     position: absolute;
     z-index: 10;
    top: 0;
    left: 0;
     z-index: 20;
}
}


/* Optional: shift logo downward */
/* Optional: push logo downward */
.mw-logo-wordmark img {
.vector-header-start .mw-logo-wordmark img {
     margin-top: 20px;
     margin-top: 0; /* or e.g. 20px */
}
.mw-body {
    padding-top: 40px;
}
}

Revision as of 07:04, 28 January 2026

/* Keep header grid compact */
.vector-header-container {
    align-items: start;
}

/* Remove logo from grid flow */
.vector-header-start {
    position: relative;
}

/* Absolutely position the logo */
.vector-header-start .mw-logo-wordmark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

/* Optional: push logo downward */
.vector-header-start .mw-logo-wordmark img {
    margin-top: 0; /* or e.g. 20px */
}