MediaWiki:Common.css: Difference between revisions

From Evidence Driven Dev
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* 1. Reset the Logo and Panel width globally */
/* 1. Global Width Force - Matches the 'Vector Legacy' grid priority */
#p-logo,
.skin-vector-legacy #mw-panel,
#mw-panel,  
.skin-vector-legacy #p-logo {
.vector-legacy-sidebar {
     width: 120px !important;
     width: 120px !important;
    min-width: 120px !important;
}
}


/* 2. Shrink the actual logo image to fit the new 120px lane */
/* 2. Alignment Fix - Force the content gap to 120px on all pages */
.mw-wiki-logo {
.skin-vector-legacy #content,
    width: 100px !important;
.skin-vector-legacy #mw-head-base,
    height: 100px !important;
.skin-vector-legacy #footer,
     margin-left: 10px !important;
.skin-vector-legacy #left-navigation {
    background-size: contain !important;
     margin-left: 120px !important;
}
}


/* 3. Force the vertical spacing of the logo container */
/* 3. Logo Scaling - Shrinks the image and the container height */
#p-logo {
.skin-vector-legacy #p-logo {
     height: 110px !important;
     height: 110px !important;
     margin-bottom: 0 !important;
     margin-bottom: 0 !important;
}
}


/* 4. Force the content margin on EVERY page type (including Special) */
.skin-vector-legacy .mw-wiki-logo {
/* This kills the 160px gap */
    width: 100px !important;
body #content,
    height: 100px !important;
body #mw-head-base,
    margin-left: 10px !important;
body #footer,
    background-size: contain !important;
body #left-navigation {
     background-position: center left !important;
     margin-left: 120px !important;
    background-repeat: no-repeat !important;
    display: block !important;
}
}


/* 5. Clean up Sidebar Links */
/* 4. Link Spacing - Keeps them in a vertical list with a 10px gutter */
#mw-panel .portal {
.skin-vector-legacy #mw-panel .portal {
    padding-left: 10px !important;
     margin: 0 !important;
     margin: 0 !important;
    padding: 0 0 0 10px !important;
}
}


#mw-panel .portal h3 {
.skin-vector-legacy #mw-panel .portal h3 {
     font-size: 0.75em !important;
     font-size: 0.75em !important;
    margin: 0.5em 0 !important;
}
}

Revision as of 08:22, 7 January 2026

/* 1. Global Width Force - Matches the 'Vector Legacy' grid priority */
.skin-vector-legacy #mw-panel,
.skin-vector-legacy #p-logo {
    width: 120px !important;
}

/* 2. Alignment Fix - Force the content gap to 120px on all pages */
.skin-vector-legacy #content,
.skin-vector-legacy #mw-head-base,
.skin-vector-legacy #footer,
.skin-vector-legacy #left-navigation {
    margin-left: 120px !important;
}

/* 3. Logo Scaling - Shrinks the image and the container height */
.skin-vector-legacy #p-logo {
    height: 110px !important;
    margin-bottom: 0 !important;
}

.skin-vector-legacy .mw-wiki-logo {
    width: 100px !important;
    height: 100px !important;
    margin-left: 10px !important;
    background-size: contain !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
    display: block !important;
}

/* 4. Link Spacing - Keeps them in a vertical list with a 10px gutter */
.skin-vector-legacy #mw-panel .portal {
    margin: 0 !important;
    padding: 0 0 0 10px !important;
}

.skin-vector-legacy #mw-panel .portal h3 {
    font-size: 0.75em !important;
    margin: 0.5em 0 !important;
}