https://mbwiki.stairwaygames.work/w/index.php?action=history&feed=atom&title=MediaWiki%3ANavigation.css 2026-04-06T15:41:08Z Revision history for this page on the wiki MediaWiki 1.39.3 https://mbwiki.stairwaygames.work/w/index.php?title=MediaWiki:Navigation.css&diff=28365&oldid=prev 2026-03-25T09:09:27Z

<p>Created page with &quot;<span dir="auto"><span class="autocomment">===== SIDEBAR &amp; HEADER NAVIGATION =====: </span> <span dir="auto"><span class="autocomment">Sidebar: </span> #mw-panel { position: fixed; top: 0; left: 0; width: 10em; padding: 0 0 1em 0; background: var(--theme-page-background-color--secondary); height: 100vh; overflow-y: auto; z-index: 100; border-right: 1px solid var(--theme-border-color); } <span dir="auto"><span class="autocomment">Scrollbar Styling: </span> #mw-panel::-webkit-scrollbar { width: 4px; } #mw-panel::-webkit-scrollbar-track { background: var(--theme-page-background-color--secondary);...&quot;</span></span></span></p> <p><b>New page</b></p><div>/* ===== SIDEBAR &amp; HEADER NAVIGATION ===== */<br /> <br /> /* Sidebar */<br /> #mw-panel {<br /> position: fixed;<br /> top: 0;<br /> left: 0;<br /> width: 10em;<br /> padding: 0 0 1em 0;<br /> background: var(--theme-page-background-color--secondary);<br /> height: 100vh;<br /> overflow-y: auto;<br /> z-index: 100;<br /> border-right: 1px solid var(--theme-border-color);<br /> }<br /> <br /> /* Scrollbar Styling */<br /> #mw-panel::-webkit-scrollbar { width: 4px; }<br /> #mw-panel::-webkit-scrollbar-track { background: var(--theme-page-background-color--secondary); }<br /> #mw-panel::-webkit-scrollbar-thumb { background: var(--teal-300); border-radius: var(--border-radius-full); }<br /> <br /> /* Logo */<br /> #p-logo {<br /> position: relative;<br /> width: 10em;<br /> height: 160px;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> #p-logo a {<br /> display: block;<br /> width: 10em;<br /> height: 160px;<br /> background-repeat: no-repeat;<br /> background-position: center center;<br /> background-size: contain;<br /> }<br /> <br /> /* Sidebar Sections */<br /> .mw-portlet { margin: 0 0 1.5em 0; }<br /> <br /> .vector-menu-heading {<br /> padding: 8px 12px;<br /> margin: 5px 0;<br /> font-size: 0.85em;<br /> font-weight: 600;<br /> text-transform: uppercase;<br /> letter-spacing: 0.5px;<br /> background: linear-gradient(90deg, var(--teal-700) 0%, var(--teal-900) 100%);<br /> color: white;<br /> border-radius: var(--border-radius-md);<br /> }<br /> <br /> /* Sidebar Links */<br /> .vector-menu-content-list {<br /> list-style: none;<br /> margin: 4px 0;<br /> padding: 4px 0;<br /> }<br /> <br /> .vector-menu-content-list .mw-list-item a {<br /> display: block;<br /> padding: 6px 12px;<br /> color: var(--theme-link-color);<br /> font-size: 0.85em;<br /> text-decoration: none;<br /> transition: all var(--transition-fast) ease;<br /> border-radius: var(--border-radius-sm);<br /> margin: 1px 4px;<br /> }<br /> <br /> .vector-menu-content-list .mw-list-item a:hover {<br /> background: rgba(79, 209, 199, 0.1);<br /> padding-left: 20px;<br /> color: var(--theme-link-color--hover);<br /> }<br /> <br /> .vector-menu-content-list .mw-list-item.selected a {<br /> background: rgba(79, 209, 199, 0.15);<br /> font-weight: 600;<br /> border-left: 3px solid var(--theme-accent-color);<br /> padding-left: 16px;<br /> }<br /> <br /> /* Main Content Area */<br /> .mw-body,<br /> .parsoid-body {<br /> background-color: var(--theme-page-background-color) !important;<br /> color: var(--theme-page-text-color);<br /> padding: 1em;<br /> margin-left: 10em;<br /> border-left: 3px solid var(--teal-400);<br /> }<br /> <br /> /* Personal Tools */<br /> #p-personal {<br /> position: absolute;<br /> top: 0.5em;<br /> right: 1em;<br /> z-index: 1000;<br /> }</div>

Ais