MediaWiki:Vector.css

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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ZelocoreCMS — MediaWiki:Vector.css — Vector 2022 specific overrides */

/* Sticky header */
.vector-sticky-header { background: rgba(10,14,26,0.9) !important; backdrop-filter: blur(16px) !important; border-bottom: 1px solid #1E2D40 !important; }

/* Pinned TOC sidebar */
.mw-table-of-contents-container { background: transparent !important; }
.vector-toc { background: #111827 !important; border: 1px solid #1E2D40 !important; border-radius: 12px !important; }
.vector-toc-link { color: #7A8FA6 !important; }
.vector-toc-link:hover { color: #00C8FF !important; }
.vector-toc-link--active { color: #00C8FF !important; font-weight: 600 !important; }

/* Client prefs */
.client-js .vector-feature-appearance-pinned-clientpref-1 .vector-page-toolbar { background: transparent !important; }

/* Toolbar */
.vector-page-toolbar { background: transparent !important; border-bottom: 1px solid #1E2D40 !important; }
.vector-page-toolbar-container { padding: 0 !important; }

/* Tab links */
.vector-menu-tabs .selected a { color: #00C8FF !important; border-bottom: 2px solid #00C8FF !important; }
.vector-menu-tabs a { color: #7A8FA6 !important; border-bottom: 2px solid transparent !important; transition: all 0.25s ease !important; }
.vector-menu-tabs a:hover { color: #F0F6FF !important; border-bottom-color: #1E2D40 !important; text-shadow: none !important; }

/* Dropdown menus */
.vector-menu-dropdown .vector-menu-content { background: #111827 !important; border: 1px solid #1E2D40 !important; border-radius: 8px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important; }
.vector-menu-dropdown .vector-menu-content li a { color: #7A8FA6 !important; padding: 8px 16px !important; }
.vector-menu-dropdown .vector-menu-content li a:hover { background: rgba(0,200,255,0.08) !important; color: #00C8FF !important; text-shadow: none !important; }

/* Column layout */
.mw-page-container { background: transparent !important; }
.mw-content-container { background: transparent !important; }