MediaWiki:Navigation.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* ===== SIDEBAR & HEADER NAVIGATION ===== */
/* Sidebar */
#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);
}
/* Scrollbar Styling */
#mw-panel::-webkit-scrollbar { width: 4px; }
#mw-panel::-webkit-scrollbar-track { background: var(--theme-page-background-color--secondary); }
#mw-panel::-webkit-scrollbar-thumb { background: var(--teal-300); border-radius: var(--border-radius-full); }
/* Logo */
#p-logo {
position: relative;
width: 10em;
height: 160px;
margin: 0;
padding: 0;
}
#p-logo a {
display: block;
width: 10em;
height: 160px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
/* Sidebar Sections */
.mw-portlet { margin: 0 0 1.5em 0; }
.vector-menu-heading {
padding: 8px 12px;
margin: 5px 0;
font-size: 0.85em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
background: linear-gradient(90deg, var(--teal-700) 0%, var(--teal-900) 100%);
color: white;
border-radius: var(--border-radius-md);
}
/* Sidebar Links */
.vector-menu-content-list {
list-style: none;
margin: 4px 0;
padding: 4px 0;
}
.vector-menu-content-list .mw-list-item a {
display: block;
padding: 6px 12px;
color: var(--theme-link-color);
font-size: 0.85em;
text-decoration: none;
transition: all var(--transition-fast) ease;
border-radius: var(--border-radius-sm);
margin: 1px 4px;
}
.vector-menu-content-list .mw-list-item a:hover {
background: rgba(79, 209, 199, 0.1);
padding-left: 20px;
color: var(--theme-link-color--hover);
}
.vector-menu-content-list .mw-list-item.selected a {
background: rgba(79, 209, 199, 0.15);
font-weight: 600;
border-left: 3px solid var(--theme-accent-color);
padding-left: 16px;
}
/* Main Content Area */
.mw-body,
.parsoid-body {
background-color: var(--theme-page-background-color) !important;
color: var(--theme-page-text-color);
padding: 1em;
margin-left: 10em;
border-left: 3px solid var(--teal-400);
}
/* Personal Tools */
#p-personal {
position: absolute;
top: 0.5em;
right: 1em;
z-index: 1000;
}