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. FORCE WIDTH ONLY (Global & Special Pages) */
/* 1. Reset the Logo and Panel width globally */
#p-logo,
#mw-panel,  
#mw-panel,  
.vector-legacy-sidebar,
.vector-legacy-sidebar {
#p-logo,
     width: 120px !important;
.skin-vector-legacy #mw-panel,
.skin-vector-legacy #p-logo {  
     width: 120px !important;  
     min-width: 120px !important;
     min-width: 120px !important;
    max-width: 120px !important;
}
}


/* 2. POSITIONING (Only apply to the main container, not the logo/links) */
/* 2. Shrink the actual logo image to fit the new 120px lane */
#mw-panel {
.mw-wiki-logo {
     position: absolute !important;
     width: 100px !important;
     top: 0 !important;
     height: 100px !important;
     padding-left: 0 !important;
     margin-left: 10px !important;
    background-size: contain !important;
}
}


/* 3. FORCE CONTENT ALIGNMENT */
/* 3. Force the vertical spacing of the logo container */
#content,
#mw-head-base,
#mw-page-base,
#footer,
#left-navigation,
.skin-vector-legacy #content,
body.ns-special #content,
body.mw-special-Userlogin #content,
body.mw-special-CreateAccount #content {
    margin-left: 120px !important;
}
 
/* 4. LOGO & SPACING */
#p-logo {
#p-logo {
     height: 110px !important;
     height: 110px !important;
     margin-bottom: 0 !important;
     margin-bottom: 0 !important;
    display: block !important;
}
}


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


/* 5. SIDEBAR LINKS (Vertical Stack) */
/* 5. Clean up Sidebar Links */
#mw-panel .portal {
#mw-panel .portal {
    padding-left: 10px !important;
     margin: 0 !important;
     margin: 0 !important;
    padding: 0 0 0 10px !important;
    text-align: left !important;
    display: block !important;
}
}


#mw-panel .portal h3 {
#mw-panel .portal h3 {
     font-size: 0.75em !important;
     font-size: 0.75em !important;
    margin: 0.5em 0 !important;
}
#mw-panel .portal .body ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#mw-panel .portal .body ul li {
    font-size: 0.8em !important;
    line-height: 1.2em !important;
    margin: 0.3em 0 !important;
}
}

Revision as of 08:21, 7 January 2026

/* 1. Reset the Logo and Panel width globally */
#p-logo, 
#mw-panel, 
.vector-legacy-sidebar {
    width: 120px !important;
    min-width: 120px !important;
}

/* 2. Shrink the actual logo image to fit the new 120px lane */
.mw-wiki-logo {
    width: 100px !important;
    height: 100px !important;
    margin-left: 10px !important;
    background-size: contain !important;
}

/* 3. Force the vertical spacing of the logo container */
#p-logo {
    height: 110px !important;
    margin-bottom: 0 !important;
}

/* 4. Force the content margin on EVERY page type (including Special) */
/* This kills the 160px gap */
body #content, 
body #mw-head-base, 
body #footer, 
body #left-navigation {
    margin-left: 120px !important;
}

/* 5. Clean up Sidebar Links */
#mw-panel .portal {
    padding-left: 10px !important;
    margin: 0 !important;
}

#mw-panel .portal h3 {
    font-size: 0.75em !important;
}