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


/* 2. Sidebar Positioning & Vertical Tightening */
/* 2. POSITIONING (Only apply to the main container, not the logo/links) */
#mw-panel {
#mw-panel {
     position: absolute !important;
     position: absolute !important;
Line 13: Line 17:
}
}


/* Fix the Logo Gap: Force height and remove bottom padding */
/* 3. FORCE CONTENT ALIGNMENT */
#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; /* Image (100px) + small 10px buffer */
     height: 110px !important;
     margin-bottom: 0 !important;
     margin-bottom: 0 !important;
     padding-bottom: 0 !important;
     display: block !important;
}
 
/* 3. Content Shift */
#content, #mw-head-base, #mw-page-base, #footer, #left-navigation,
.skin-vector-legacy #content {
    margin-left: 120px !important;  
}
}


/* 4. The Logo Image */
.mw-wiki-logo {  
.mw-wiki-logo {  
     width: 100px !important;  
     width: 100px !important;  
Line 37: Line 47:
}
}


/* 5. Sidebar Links: Remove the top gap */
/* 5. SIDEBAR LINKS (Vertical Stack) */
#mw-panel .portal {
#mw-panel .portal {
     margin: 0 !important;
     margin: 0 !important;
     padding: 5px 0 0 10px !important; /* Small 5px gap between logo and links */
     padding: 0 0 0 10px !important;
     text-align: left !important;
     text-align: left !important;
    display: block !important;
}
}


Line 47: Line 58:
     font-size: 0.75em !important;
     font-size: 0.75em !important;
     margin: 0.5em 0 !important;
     margin: 0.5em 0 !important;
    padding: 0 !important;
}
}



Revision as of 08:20, 7 January 2026

/* 1. FORCE WIDTH ONLY (Global & Special Pages) */
#mw-panel, 
.vector-legacy-sidebar, 
#p-logo, 
.skin-vector-legacy #mw-panel, 
.skin-vector-legacy #p-logo { 
    width: 120px !important; 
    min-width: 120px !important;
    max-width: 120px !important;
}

/* 2. POSITIONING (Only apply to the main container, not the logo/links) */
#mw-panel {
    position: absolute !important;
    top: 0 !important;
    padding-left: 0 !important;
}

/* 3. FORCE CONTENT ALIGNMENT */
#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 {
    height: 110px !important;
    margin-bottom: 0 !important;
    display: block !important;
}

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

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

#mw-panel .portal h3 {
    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;
}