|
|
| Line 1: |
Line 1: |
| /* ==========================================================================
| |
| 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;
| |
| }
| |