MediaWiki:Common.css: Difference between revisions

From Evidence Driven Dev
Jump to navigation Jump to search
No edit summary
Tag: Manual revert
No edit summary
Tag: Reverted
Line 1: Line 1:
/* ==========================================================================
/* 1. Force the Sidebar to the far left and lock width */
  SIDEBAR & LOGO (Narrow, Centered Column, Left-Aligned Content)
#mw-panel {
  ========================================================================== */
 
/* 1. Reset Sidebar Container */
#mw-panel {  
    width: 120px !important;
    padding-left: 0 !important;
     position: absolute !important;
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
}
    width: 120px !important;
 
    padding: 0 !important;
/* 2. Shift Layout to match 120px width */
     margin: 0 !important;
#content, #mw-head-base, #mw-page-base, #footer {
    text-align: left !important;
     margin-left: 120px !important;  
}
}


/* 3. Shift Header Tabs */
/* 2. Lock the content gap so it doesn't expand on Special Pages */
#left-navigation {  
body.skin-vector-legacy #content,
     margin-left: 120px !important;  
body.skin-vector-legacy #mw-head-base,
body.skin-vector-legacy #mw-page-base,
body.skin-vector-legacy #footer {
     margin-left: 120px !important;
}
}


/* 4. Logo: Positioned 10px from the left */
/* 3. Align the Logo to the left of the new 120px space */
#p-logo {
#p-logo {
     width: 120px !important;
     width: 120px !important;
     height: 110px !important;
     padding: 0 !important;
     display: block !important;
     margin: 0 !important;
}
}


.mw-wiki-logo {  
.mw-wiki-logo {
     width: 100px !important;  
     width: 100px !important;
     height: 100px !important;  
     height: 100px !important;
     background-size: contain !important;
     margin-left: 10px !important; /* Margin from the screen edge */
    background-position: left center !important; /* Left oriented */
     background-size: contain !important;
     background-repeat: no-repeat !important;
     background-position: left center !important;
     margin-left: 10px !important; /* The left gutter */
    display: block !important;
}
}


/* 5. Sidebar Links: Left-Aligned with 10px padding */
/* 4. Fix Link alignment inside the sidebar */
#mw-panel .portal {
#mw-panel .portal {
     margin: 0 !important;
     margin: 0 !important;
     padding: 0 0 0 10px !important; /* 10px padding on the left */
     padding: 0 0 0 10px !important; /* Indent links slightly from edge */
    text-align: left !important;
}
 
#mw-panel .portal h3 {
    font-size: 0.75em !important; /* Shrink headers to fit narrow lane */
    margin-bottom: 0.5em !important;
}
}


#mw-panel .portal .body ul {
#mw-panel .portal .body {
     margin: 0 !important;
     margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
}
#mw-panel .portal .body ul li {
    font-size: 0.8em !important; /* Shrink text to prevent ugly wrapping */
    line-height: 1.2em !important;
    margin: 0.4em 0 !important;
}
}

Revision as of 08:38, 7 January 2026

/* 1. Force the Sidebar to the far left and lock width */
#mw-panel {
    position: absolute !important;
    left: 0 !important;
    width: 120px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* 2. Lock the content gap so it doesn't expand on Special Pages */
body.skin-vector-legacy #content,
body.skin-vector-legacy #mw-head-base,
body.skin-vector-legacy #mw-page-base,
body.skin-vector-legacy #footer {
    margin-left: 120px !important;
}

/* 3. Align the Logo to the left of the new 120px space */
#p-logo {
    width: 120px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mw-wiki-logo {
    width: 100px !important;
    height: 100px !important;
    margin-left: 10px !important; /* Margin from the screen edge */
    background-size: contain !important;
    background-position: left center !important;
}

/* 4. Fix Link alignment inside the sidebar */
#mw-panel .portal {
    margin: 0 !important;
    padding: 0 0 0 10px !important; /* Indent links slightly from edge */
}

#mw-panel .portal .body {
    margin: 0 !important;
}