MediaWiki:Common.css: Difference between revisions

/* ==========================================================================
   SIDEBAR & LOGO (Narrow, Centered Column, Left-Aligned Content)
   ========================================================================== */

/* 1. Reset Sidebar Container */
#mw-panel { 
    width: 120px !important; 
    padding-left: 0 !important;
    position: absolute !important;
    top: 0 !important;
}

/* 2. Shift Layout to match 120px width */
#content, #mw-head-base, #mw-page-base, #footer { 
    margin-left: 120px !important; 
}

/* 3. Shift Header Tabs */
#left-navigation { 
    margin-left: 120px !important; 
}

/* 4. Logo: Positioned 10px from the left */
#p-logo {
    width: 120px !important;
    height: 110px !important;
    display: block !important;
}

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

/* 5. Sidebar Links: Left-Aligned with 10px padding */
#mw-panel .portal {
    margin: 0 !important;
    padding: 0 0 0 10px !important; /* 10px padding on the left */
    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 {
    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;
}

/* THE HAMMER: Force 120px on the entire left column for Special Pages */

/* 1. Target the specific structural IDs used in Vector Special Layouts */
body.mw-special-Userlogin #mw-panel,
body.mw-special-CreateAccount #mw-panel,
body.mw-special-Userlogin #p-logo,
body.mw-special-CreateAccount #p-logo {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

/* 2. Kill any hidden padding or margins pushing the sidebar out */
body.mw-special-Userlogin #mw-panel .portal,
body.mw-special-CreateAccount #mw-panel .portal {
    width: 120px !important;
    margin-left: 0 !important;
}

/* 3. Force the content area to respect the 120px line */
body.mw-special-Userlogin #content,
body.mw-special-CreateAccount #content {
    margin-left: 120px !important;
}