MediaWiki:Vector-2022.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.
/* MuseWiki Vector-2022.css — clean rewrite */
/* Light mode, deep-blue accents (The Wow! Signal palette). */
/* Single source of truth — Common.css should be empty. */
/*
* !important policy: our site CSS loads AFTER Vector's bundled styles, so it
* already wins every specificity tie by cascade order. !important is therefore
* used ONLY where a Vector selector strictly out-specifies ours. Every such
* case was confirmed by live testing against the rendered DOM. Do not add
* !important to fight our own rules — raise the selector's specificity instead.
*/
/* 1. CUSTOM PROPERTIES */
:root {
--mw-page-bg:#e8f0f8; --mw-surface:#ffffff; --mw-border:#c8d8e8; --mw-cyan:#4fc8e0;
--mw-navy-dark:#0e2040; --mw-navy-mid:#1a3a6a; --mw-navy-bright:#2a5a9a;
--mw-text:#0a1628; --mw-text-mid:#3a5a7a; --mw-text-muted:#7a9ab8;
--mw-link:#0a7aaa; --mw-link-visited:#1a5a7a; --mw-gold:#b8720a;
--mw-on-dark:#8ab4d4; --mw-on-dark-dim:#4a7aaa;
}
/* 2. BASE */
html, body { background: var(--mw-page-bg); color: var(--mw-text); }
a { color: var(--mw-link); }
a:visited { color: var(--mw-link-visited); }
a.new { color: #c03030; }
pre { background-color: var(--mw-surface); border-color: var(--mw-border); color: var(--mw-text-mid); }
/* 3. HEADER */
.vector-header, .vector-header-container, .mw-header { background: var(--mw-navy-mid); border-bottom: 1px solid #0e2a4a; }
.vector-header { padding-top: 0; align-items: center; min-height: 50px; }
.mw-logo-wordmark { color: var(--mw-cyan); }
.vector-header .vector-icon, .vector-sticky-header .vector-icon { background-color: var(--mw-on-dark); }
.cdx-text-input__input { background: #0e2a4a; border-color: #1e3a5a; color: #d0eeff; }
.cdx-text-input__input::placeholder { color: var(--mw-on-dark-dim); }
.cdx-search-input__end-button { background: var(--mw-navy-mid); }
.vector-header .cdx-button, .cdx-search-input__end-button.cdx-button { background: #0e2a4a !important; border-color: #1e3a5a; color: var(--mw-on-dark); }
.vector-header .cdx-button:hover { background: var(--mw-navy-mid); color: var(--mw-cyan); }
.vector-user-links .cdx-button { background: transparent !important; border: 1px solid #2a5a8a !important; color: var(--mw-on-dark); }
.vector-user-links .cdx-button:hover { background: #0e2a4a; color: var(--mw-cyan); border-color: var(--mw-cyan) !important; }
#vector-main-menu-dropdown-label { border-color: #2a5a8a; color: var(--mw-on-dark); }
#vector-main-menu-dropdown-label:hover { background: #0e2a4a; color: var(--mw-cyan); }
#pt-userpage a, #pt-userpage-2 a { color: var(--mw-on-dark); }
/* 4. SIDEBAR */
.vector-main-menu-container, #vector-main-menu, #vector-main-menu-pinned-container, .vector-main-menu { background: var(--mw-navy-dark); }
.vector-column-start { background: transparent; border-right: none; }
.vector-main-menu { border-right: none; }
#vector-main-menu-pinned-container, .vector-main-menu { padding-top: 0.75rem; }
.vector-menu-heading { color: var(--mw-cyan) !important; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; border-color: #1e3a5a !important; }
.vector-main-menu .vector-menu-content-list li a { color: var(--mw-on-dark); }
.vector-main-menu .vector-menu-content-list li a:hover { color: var(--mw-cyan); }
.vector-main-menu-action a { color: var(--mw-on-dark-dim); font-size: 11px; }
.vector-main-menu .vector-pinnable-header { background: var(--mw-navy-dark); border-color: #1e3a5a; color: var(--mw-on-dark-dim); }
.vector-main-menu .vector-pinnable-header-toggle-button { color: var(--mw-on-dark-dim); background: #1e3a5a; border-color: #2a5a8a; }
.vector-main-menu-dropdown .vector-dropdown-content { background: var(--mw-navy-dark); border: 1px solid #1e3a5a; border-radius: 0 0 4px 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.3); padding: 0; min-width: 220px; overflow: hidden; }
.vector-main-menu-dropdown .vector-main-menu { padding: 0.25rem 0; border: none; }
.vector-main-menu-dropdown .vector-pinnable-header { background: var(--mw-navy-mid); border-bottom: 1px solid #1e3a5a; padding: 0.5rem 0.75rem; }
.vector-main-menu-dropdown .vector-pinnable-header-label { color: var(--mw-on-dark); font-size: 12px; }
.vector-main-menu-dropdown .vector-pinnable-header-toggle-button { background: #0e2a4a; color: var(--mw-on-dark); border: 1px solid #2a5a8a; border-radius: 4px; }
/* 5. PAGE TOOLBAR */
.vector-page-toolbar, .vector-page-toolbar-container { background: var(--mw-surface); border-bottom: 1px solid var(--mw-border); }
#left-navigation a, #right-navigation a, .vector-menu-tabs .vector-menu-content-list li a, .vector-dropdown-label { color: var(--mw-text-mid); }
.vector-menu-tabs .vector-menu-content-list li a { display: block; padding: 0.5rem 0.75rem !important; }
#ca-nstab-main, #p-associated-pages .vector-menu-content-list { padding-left: 8px; }
#left-navigation .selected a, #right-navigation .selected a, .vector-menu-tabs .selected a { color: var(--mw-link) !important; border-bottom: 2px solid var(--mw-cyan); }
#left-navigation a:hover, #right-navigation a:hover, .vector-dropdown-label:hover { color: var(--mw-link); }
/* 6. CONTENT */
.mw-body, #content, #mw-content-text, .mw-parser-output { background: var(--mw-page-bg); color: var(--mw-text); border: none; }
#firstHeading, .firstHeading, .mw-page-title-main { color: var(--mw-text); }
h1, h2, h3, h4, h5, h6 { color: var(--mw-text); }
h1, h2, #firstHeading { border-bottom: 1px solid var(--mw-border) !important; }
.vector-sticky-header-context-bar-primary .mw-page-title-main { color: #fff; }
.mw-editsection a { color: var(--mw-text-muted); font-size: 0.85em; }
.mw-editsection a:hover { color: var(--mw-link); }
#siteSub, #contentSub { color: var(--mw-text-muted); }
#contentSub { margin: 0; }
.mw-page-container, .mw-page-container-inner, .mw-content-container { background: var(--mw-page-bg); }
.mw-page-container { padding-bottom: 0; }
/* 7. TABLES (generic) */
th { background: var(--mw-navy-mid); color: #fff; text-transform: uppercase; }
.gallery, .gallery > tbody > tr > td, .gallerybox > .thumb { border-style: none; }
.gallerybox > .thumb { padding: 0; }
/* 8. INFOBOXES — slim-bar cards */
#gigbox, #songbox, #jambox, #gearbox, #memberbox, #vidbox,
.discobox, .infbox, .gigtable, .greytable {
background: var(--mw-surface); border: 1px solid #e6ecf3; border-radius: 10px;
overflow: hidden; box-shadow: 0 2px 8px rgba(10,22,40,.07);
border-collapse: separate; border-spacing: 0;
}
#gigbox > tbody > tr > th, #songbox > tbody > tr > th, #jambox > tbody > tr > th,
#gearbox > tbody > tr > th, #memberbox > tbody > tr > th, #vidbox > tbody > tr > th,
.discobox > tbody > tr > th, .infbox > tbody > tr > th,
.gigtable > tbody > tr > th, .greytable > tbody > tr > th {
background: var(--mw-surface); text-align: left; text-transform: uppercase;
letter-spacing: .07em; font-size: 11px; font-weight: 700; padding: 9px 14px 7px;
border-bottom: 1px solid #eef2f6;
}
#gigbox > tbody > tr > td, #songbox > tbody > tr > td, #jambox > tbody > tr > td,
#gearbox > tbody > tr > td, #memberbox > tbody > tr > td, #vidbox > tbody > tr > td,
.discobox > tbody > tr > td, .infbox > tbody > tr > td,
.gigtable > tbody > tr > td, .greytable > tbody > tr > td {
padding: 6px 14px; border-bottom: 1px solid #f3f6fa; color: var(--mw-text); background: transparent;
}
#gigbox > tbody > tr > td:first-child, #songbox > tbody > tr > td:first-child,
#jambox > tbody > tr > td:first-child, #gearbox > tbody > tr > td:first-child,
#memberbox > tbody > tr > td:first-child, #vidbox > tbody > tr > td:first-child,
.discobox > tbody > tr > td:first-child, .infbox > tbody > tr > td:first-child,
.gigtable > tbody > tr > td:first-child, .greytable > tbody > tr > td:first-child {
color: #6b7f96; font-weight: 600;
}
#gigbox, .gigtable { border-top: 5px solid #82A63A; }
#gigbox > tbody > tr > th, .gigtable > tbody > tr > th { color: #5d7728; }
#songbox, #jambox { border-top: 5px solid #0378AE; }
#songbox > tbody > tr > th, #jambox > tbody > tr > th { color: #036391; }
#gearbox, .greytable { border-top: 5px solid #656565; }
#gearbox > tbody > tr > th, .greytable > tbody > tr > th { color: #4a4a4a; }
#memberbox { border-top: 5px solid #AF2022; }
#memberbox > tbody > tr > th { color: #8e1a1c; }
#vidbox { border-top: 5px solid #E3AF1E; }
#vidbox > tbody > tr > th { color: #8a6a0a; }
.discobox { border-top: 5px solid #4D1F68; }
.discobox > tbody > tr > th { color: #4D1F68; }
.infbox { border-top: 5px solid var(--mw-navy-mid); }
.infbox > tbody > tr > th { color: var(--mw-navy-mid); }
.discobox-chron { text-align: center; }
.discobox-chron > div, .discobox-chron > a { display: inline-block; font-size: x-small; font-weight: normal; padding: 0 .5em; }
.discobox-chron-current { font-weight: bold; }
#pricetable, #speechtable, .thumbinner, .gallerybox > .thumb > div > .image > img { box-shadow: none; }
/* 9. CONTENT COMPONENTS */
.lyrics { background: linear-gradient(to bottom, #d9eaf3 0%, #fff 8%) 0 4px; background-size: 100% 20px; border: 1px solid #d2d2d2; border-radius: 3px; color: #444; font: normal 1.2em/1.5 "Lucida Grande", arial, sans-serif; line-height: 20px; padding: 6px 5px 4px 55px; position: relative; white-space: pre-wrap; width: 500px; }
.lyrics:before { border: 1px solid; border-color: transparent #efe4e4; bottom: 0; top: 0; left: 40px; content: ''; position: absolute; }
#backto-muse { border: 0.0781em var(--mw-border) solid; border-radius: .5em; margin: 1em 1em 1em 0; text-align: center; width: 20em; }
.disco-list, .tabulature-list, .video-list { border: 1px solid #e6ecf3; border-radius: 10px; border-collapse: separate; border-spacing: 0; overflow: hidden; box-shadow: 0 2px 8px rgba(10,22,40,.07); margin-bottom: 1em; }
.disco-list > tbody > tr > th, .tabulature-list > tbody > tr > th, .video-list > tbody > tr > th { background: #f5f8fb; color: #6b7f96; text-transform: uppercase; letter-spacing: .06em; font-size: 11px; font-weight: 700; padding: 10px 14px; text-align: left; border-bottom: 1px solid #e6ecf3; }
.disco-list > tbody > tr > td, .tabulature-list > tbody > tr > td, .video-list > tbody > tr > td { padding: 10px 14px; border-bottom: 1px solid #f3f6fa; vertical-align: top; }
.disco-list > tbody > tr:hover > td, .tabulature-list > tbody > tr:hover > td, .video-list > tbody > tr:hover > td { background: #f7fafd; }
.video-list { text-align: center; }
li.toclevel-1 > a, li.toclevel-2 > a, li.toclevel-3 > a, .video-list > tbody > tr > td > a { display: block; }
.gigindex { background: #e8f4f0; border: .0781em solid var(--mw-border); border-radius: .5em; display: inline-block; font-size: 1.2em; font-weight: bold; margin: 1em 0; padding: .2em; }
.gigindex > span { float: left; }
.gigindex > span > a { display: block; padding: .3125em; }
.columns-auto { column-width: 20em; }
.references { column-width: 32em; }
/* Nav templates — N1 split bar, bottom accent */
.nav { display: table; width: auto; min-width: 420px; max-width: 680px; background: var(--mw-surface); border: 1px solid #e6ecf3; border-bottom: 5px solid #ccc; border-radius: 10px; border-collapse: separate; border-spacing: 0; overflow: hidden; box-shadow: 0 2px 8px rgba(10,22,40,.07); font-size: 13px; text-align: left; margin: 1em 0; }
.nav > tbody > tr:first-child { display: none; }
.nav > tbody > tr > td { padding: 11px 16px; border: none; vertical-align: middle; }
.nav > tbody > tr > td:nth-child(2), .nav > tbody > tr > td:nth-child(4) { display: none; }
.nav > tbody > tr > td:nth-child(1) { width: 38%; }
.nav > tbody > tr > td:nth-child(3) { text-align: center; border-left: 1px solid #eef2f6; border-right: 1px solid #eef2f6; font-weight: 700; }
.nav > tbody > tr > td:nth-child(5) { text-align: right; width: 38%; }
.nav > tbody > tr > td:nth-child(1)::before, .nav > tbody > tr > td:nth-child(3)::before, .nav > tbody > tr > td:nth-child(5)::before { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: var(--mw-text-muted); margin-bottom: 2px; font-weight: 400; }
.nav > tbody > tr > td:nth-child(1)::before { content: '← Previous'; }
.nav > tbody > tr > td:nth-child(3)::before { content: 'Current'; }
.nav > tbody > tr > td:nth-child(5)::before { content: 'Next →'; }
.nav > tbody > tr > td a { color: var(--mw-link); font-weight: 600; text-decoration: none; }
#nav-gig { border-bottom-color: #82A63A; }
#nav-song { border-bottom-color: #0378AE; }
#nav-vid { border-bottom-color: #E3AF1E; }
.ytube > a { background: none !important; padding: 0 !important; }
#setlist > ul { margin-left: 3.2em; }
#intro { list-style: none; }
.col { list-style: none none; margin-left: 0; }
.col > .di { display: none; }
.col:hover > .di { display: block; }
.col > li { list-style-type: none; }
.col:hover > li > .gu { color: #669; }
.gu { display: inline; }
.mw-collapsible-toggle, .mw-collapsible-toggle a { background: var(--mw-page-bg); color: var(--mw-text-mid); border: 1px solid var(--mw-border); border-radius: 4px; padding: 1px 6px; }
.colourbox { border: 1px solid #e6ecf3; border-left: 4px solid var(--mw-text-muted); border-radius: 10px; background: #f7fafd; color: var(--mw-text); display: block; font-weight: 400; margin: 1em 0; padding: 12px 16px; text-align: left; box-shadow: 0 2px 8px rgba(10,22,40,.07); }
.colourbox > a { color: var(--mw-link); }
.bluebackbox { border-left-color: #0378AE; background: #eef6fb; }
.greenbackbox { border-left-color: #82A63A; background: #f2f7e8; }
.redbackbox { border-left-color: #c0392b; background: #fbeeee; }
li { list-style-image: none; }
.mw-parser-output ul > li { list-style: disc none; }
.horizontal-scroll > p { overflow-x: scroll; }
fieldset { border-color: var(--mw-border); }
fieldset > hr { background-color: var(--mw-border); }
#preferences { border: 0 none; background-image: none; }
#bodyContent > .hide-this { display: none; }
.forum-links { margin-left: 5em; }
.bold { font-weight: bold; } .normal { font-weight: normal; } .small { font-size: x-small; } .unknown { font-style: italic; }
.TextToUpper:first-letter { text-transform: uppercase; }
.sup { font-size: x-small; line-height: 0; vertical-align: super; }
.redirect-in-category, .allpagesredirect { font-style: italic; }
.reference:target, .references > li:target { background-color: #d8eef8; }
#file > a > img { background: url("https://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; }
.mw-message-box { background: var(--mw-surface); border-color: var(--mw-border); color: var(--mw-text); }
/* 10. TOC */
#vector-toc, .vector-toc { background: var(--mw-surface); border: 1px solid var(--mw-border); border-radius: 8px; overflow: hidden; }
.toclevel-1, .toclevel-2, .toclevel-3 { list-style-type: none; }
.vector-toc-pinnable-header { background: #f0f6fa; border-bottom: 1px solid var(--mw-border); padding: 0.4rem 0.75rem; }
.vector-toc-pinnable-header .vector-pinnable-header-label { color: var(--mw-text); }
.vector-toc-pinnable-header button { background: var(--mw-surface); color: var(--mw-text-mid); border: 1px solid var(--mw-border); border-radius: 4px; }
.vector-toc-pinnable-header button:hover { border-color: var(--mw-cyan); color: var(--mw-link); }
.vector-toc-contents { padding: 0.25rem 0; }
.vector-toc-link, .vector-toc-link:visited { color: var(--mw-link); text-decoration: none; }
.vector-toc-link:hover { color: var(--mw-cyan); }
.vector-toc-text { color: var(--mw-link); }
.vector-toc-numb { color: var(--mw-text-muted); }
.vector-toc-list-item-active > .vector-toc-link { color: var(--mw-text); font-weight: 600 !important; }
.vector-toc-toggle { background: transparent; border: none; color: var(--mw-text-muted); }
.vector-toc-toggle:hover { color: var(--mw-link); }
#mw-panel-toc, .mw-table-of-contents-container { background: transparent; }
.vector-column-start .vector-sticky-pinned-container { background: var(--mw-page-bg); border-right: 1px solid var(--mw-border); }
/* 11. TOOLS PANEL */
.vector-column-end { background: transparent; border-left: 1px solid var(--mw-page-bg); }
#vector-page-tools-pinned-container, #vector-page-tools, .vector-sticky-pinned-container { background: var(--mw-surface); }
#vector-page-tools-pinned-container { border-left: 1px solid var(--mw-page-bg); min-height: 100%; }
#vector-page-tools { border: none; box-shadow: none; }
.vector-sticky-pinned-container::after { background: none; }
#vector-page-tools .vector-pinnable-header { background: var(--mw-surface); border-bottom: 1px solid var(--mw-border); padding: 0.6rem 0.75rem; }
#vector-page-tools .vector-pinnable-header-label { color: var(--mw-text); font-size: 13px; font-weight: 600; }
#vector-page-tools .vector-pinnable-header-toggle-button { background: var(--mw-surface); color: var(--mw-text-mid); border: 1px solid var(--mw-border); border-radius: 4px; padding: 2px 8px; }
#vector-page-tools .vector-menu-heading { color: var(--mw-cyan); font-size: 10px; letter-spacing: 0.1em; padding: 0.75rem 0.75rem 0.2rem; border: none; }
#vector-page-tools a { color: var(--mw-text-mid); }
#vector-page-tools a:hover { color: var(--mw-link); text-decoration: underline; }
#vector-page-tools .vector-menu-content-list li a { padding: 0.25rem 0.75rem; font-size: 13px; }
#vector-page-tools-unpinned-container .vector-dropdown-content { background: var(--mw-surface); border: 1px solid var(--mw-border); }
#vector-page-tools-unpinned-container a { color: var(--mw-text-mid); }
#vector-page-tools-unpinned-container a:hover { color: var(--mw-link); }
/* 12. FOOTER */
.mw-footer-container, .mw-footer, #footer { background: #f0f4f8; border-top: 1px solid var(--mw-border); color: var(--mw-text-muted); padding: 1rem 1.5rem; margin-top: 2rem; }
.mw-footer a, #footer a { color: var(--mw-text-muted); }
.mw-footer a:hover, #footer a:hover { color: var(--mw-link); }
#footer-info, #footer-places { display: flex; gap: 1rem; font-size: 12px; margin: 0 0 0.25rem 0; }
#footer-icons { display: none; }
/* 13. STICKY HEADER */
.vector-sticky-header { background: var(--mw-navy-mid) !important; border-bottom: 1px solid #0e2a4a; }
.vector-sticky-header a { color: var(--mw-on-dark); }
/* 14. DIFF */
.diff { border-collapse: collapse; }
.diff-addedline { background: #d8f0e0; }
.diff-deletedline { background: #f8d8d8; }
.diff-context { background: var(--mw-surface); }
/* 15. CATEGORY LINKS */
#catlinks { background: #f0f6fa; border: 1px solid var(--mw-border); border-radius: 4px; color: var(--mw-text-mid); padding: 0.4rem 0.75rem; margin-top: 1.5rem; font-size: 13px; }
#catlinks a { color: var(--mw-link); }
#catlinks ul { display: inline; padding: 0; margin: 0; }
#catlinks li { display: inline; }
#catlinks li::after { content: ' | '; color: var(--mw-border); }
#catlinks li:last-child::after { content: none; }
/* 16. SUPPORTER BADGE */
a.mw-supporter, a.mw-supporter:visited, #pt-userpage a.mw-supporter, #pt-userpage-2 a.mw-supporter { color: var(--mw-gold); font-weight: 600; }
a.mw-supporter::before { content: '★ '; font-size: 0.75em; color: var(--mw-gold); vertical-align: middle; }
.mw-changeslist-history a.mw-supporter { color: inherit; font-weight: inherit; }
.mw-changeslist-history a.mw-supporter::before { content: none; }
/* 17. HOMEPAGE */
.page-MuseWiki #firstHeading { display: none; }
.page-MuseWiki #mw-hero { background: var(--mw-navy-mid); border-radius: 10px; padding: 1.5rem; margin-bottom: 1.25rem; }
.page-MuseWiki #mw-hero-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.15rem; }
.page-MuseWiki #mw-hero-title { font-size: 1.5rem; font-weight: 700; color: #fff; line-height: 1.2; }
.page-MuseWiki #mw-hero-sub { font-size: 0.85rem; color: #7aafc8; font-style: italic; }
.page-MuseWiki #mw-hero-stats { font-size: 0.72rem; color: var(--mw-on-dark-dim); text-align: right; white-space: nowrap; padding-top: 0.3rem; align-self: flex-end; }
.page-MuseWiki #mw-hero-stats a { color: var(--mw-cyan); }
.page-MuseWiki #mw-hero-nav ul { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; margin: 0.75rem 0 1rem; padding: 0; }
.page-MuseWiki #mw-hero-nav ul li { padding: 0; margin: 0; }
.page-MuseWiki #mw-hero-nav ul li a { background: var(--mw-navy-bright); border: 1px solid #3a7ac0; border-radius: 6px; padding: 0.5rem 0.6rem; font-size: 0.81rem; color: #c0e0f4; text-decoration: none; text-align: center; display: block; font-weight: 500; }
.page-MuseWiki #mw-hero-nav ul li a:hover { background: var(--mw-cyan); color: var(--mw-text); border-color: var(--mw-cyan); font-weight: 700; }
.page-MuseWiki #mw-hero-footer { padding-top: 0.7rem; border-top: 1px solid #2a4a7a; font-size: 0.76rem; color: var(--mw-on-dark-dim); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.page-MuseWiki #mw-hero-footer a { color: #6aaac8; }
.page-MuseWiki #mw-hero-footer-right { float: right; }
.page-MuseWiki #mw-homepage-row { display: grid; grid-template-columns: 3fr 2fr; gap: 1rem; margin-bottom: 1.25rem; }
.page-MuseWiki #mw-about-panel { background: var(--mw-surface); border: 1px solid var(--mw-border); border-radius: 8px; padding: 1rem 1.1rem; }
.page-MuseWiki #mw-about-panel h2 { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mw-cyan); border: none; margin-bottom: 0.5rem; padding: 0; }
.page-MuseWiki #mw-about-panel p, .page-MuseWiki #mw-about-panel li { color: #2a3a4a; font-size: 0.87rem; line-height: 1.65; }
.page-MuseWiki #mw-about-panel a { color: var(--mw-link); }
.page-MuseWiki #mw-support-panel { background: var(--mw-navy-bright); border-radius: 8px; padding: 1rem 1.1rem; }
.page-MuseWiki #mw-support-panel h2 { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.5); border: none; margin-bottom: 0.5rem; padding: 0; }
.page-MuseWiki #mw-support-panel p { color: #a0c8e0; font-size: 0.87rem; line-height: 1.65; }
.page-MuseWiki #mw-support-panel a.external { background: #FFDD00; color: #1a1400; border-radius: 6px; padding: 0.5rem 1.1rem; font-size: 0.83rem; font-weight: 700; text-decoration: none; display: inline-block; margin-top: 0.75rem; }
.page-MuseWiki .mw-parser-output > h2 { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #7aafc8; border-bottom: 1px solid var(--mw-border); border-top: none; padding-bottom: 0.35rem; margin-bottom: 0.75rem; }
.page-MuseWiki #mw-members { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 1.25rem; }
.page-MuseWiki .mw-member { background: var(--mw-surface); border: 1px solid var(--mw-border); border-radius: 8px; overflow: hidden; padding-bottom: 0.65rem; }
.page-MuseWiki .mw-member-img { border-bottom: 3px solid var(--mw-cyan); margin-bottom: 0.5rem; }
.page-MuseWiki .mw-member-img img { width: 100%; height: 160px; object-fit: cover; object-position: 50% 20%; display: block; }
.page-MuseWiki .mw-member a { font-size: 0.85rem; color: var(--mw-text); font-weight: 600; display: block; padding: 0 0.65rem 0.2rem; }
.page-MuseWiki .mw-member small { font-size: 0.71rem; color: var(--mw-text-muted); padding: 0 0.65rem; display: block; line-height: 1.4; }
.page-MuseWiki #mw-dyk { background: var(--mw-navy-bright); border-radius: 8px; padding: 1rem 1.25rem; margin-bottom: 1.25rem; }
.page-MuseWiki #mw-dyk-label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--mw-cyan); font-weight: 700; margin-bottom: 0.4rem; }
.page-MuseWiki #mw-dyk p { font-size: 0.9rem; color: #a0c8e0; }
.page-MuseWiki #mw-dyk a { color: var(--mw-cyan); }
.page-MuseWiki #mw-page-footer { padding-top: 0.75rem; border-top: 1px solid var(--mw-border); font-size: 0.74rem; color: #8aaac0; text-align: center; line-height: 2; }
.page-MuseWiki #mw-page-footer a { color: #4a8aaa; }
.page-MuseWiki #mw-hero-nav ul, .page-MuseWiki #mw-hero-nav ul li, .page-MuseWiki #mw-hero-footer, .page-MuseWiki #mw-hero-footer ul, .page-MuseWiki #mw-hero-footer li, .page-MuseWiki #mw-members, .page-MuseWiki #mw-members li { list-style: none; }
.page-MuseWiki #mw-hero-footer li::before, .page-MuseWiki #mw-hero-footer li::marker { content: none; }
/* 18. OOS ANNIVERSARY PAGES */
.page-Leeds_Bramham_Park_2011_gig, .page-Reading_Little_John_s_Farm_2011_gig { background: #FFF url('images/Origin_of_Symmetry_art_%E2%80%93_dark.jpg') repeat-x fixed; background-size: 100%; }
.page-Leeds_Bramham_Park_2011_gig #gigbox, .page-Reading_Little_John_s_Farm_2011_gig #gigbox { border-top-color: #B04D48; }
.page-Leeds_Bramham_Park_2011_gig #gigbox > tbody > tr > th, .page-Reading_Little_John_s_Farm_2011_gig #gigbox > tbody > tr > th { color: #B04D48; }
.page-Leeds_Bramham_Park_2011_gig #nav-gig, .page-Reading_Little_John_s_Farm_2011_gig #nav-gig { border-bottom-color: #B04D48; }
/* 19. PRINT */
@media print { #privacy, #about, #disclaimer { display: none; } }
/* ============================================================
20. CHROME — light theme (header/logo/sidebar/tools/TOC/footer/sticky)
Layered redesign: lightweight, transparent nav. Overrides the
navy chrome above by source order. (TODO: fold back into §3,4,10–13.)
============================================================ */
.vector-header, .vector-header-container, .mw-header{ background:#fff; border-bottom:1px solid var(--mw-border); }
.mw-logo-wordmark{ display:inline-flex; align-items:center; gap:10px; font-weight:700; font-size:1.4rem; line-height:1; color:var(--mw-navy-mid); }
.mw-logo-wordmark::before{ content:''; width:28px; height:28px; flex:none; background-color:#2aa7c4; -webkit-mask:center/contain no-repeat url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M4.9 4.9a10 10 0 0 0 0 14.2'/><path d='M7.8 7.8a6 6 0 0 0 0 8.4'/><circle cx='12' cy='12' r='2.2' fill='black' stroke='none'/><path d='M16.2 7.8a6 6 0 0 1 0 8.4'/><path d='M19.1 4.9a10 10 0 0 1 0 14.2'/></svg>"); mask:center/contain no-repeat url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M4.9 4.9a10 10 0 0 0 0 14.2'/><path d='M7.8 7.8a6 6 0 0 0 0 8.4'/><circle cx='12' cy='12' r='2.2' fill='black' stroke='none'/><path d='M16.2 7.8a6 6 0 0 1 0 8.4'/><path d='M19.1 4.9a10 10 0 0 1 0 14.2'/></svg>"); }
.cdx-text-input__input{ background:#f0f6fa; border:1px solid var(--mw-border); color:var(--mw-text); border-radius:8px; }
.cdx-text-input__input::placeholder{ color:var(--mw-text-muted); }
.vector-header .vector-icon{ background-color:var(--mw-text-mid); }
.vector-header .cdx-button{ background:transparent !important; border-color:var(--mw-border); color:var(--mw-text-mid); }
.vector-header .cdx-button:hover{ background:#f0f6fa !important; color:var(--mw-link); }
.cdx-search-input__end-button, .cdx-search-input__end-button.cdx-button{ background:var(--mw-navy-mid) !important; border-color:var(--mw-navy-mid); color:#fff; }
.vector-user-links .cdx-button{ background:transparent !important; border:1px solid var(--mw-border) !important; color:var(--mw-text-mid); }
.vector-user-links .cdx-button:hover{ background:#f0f6fa; border-color:var(--mw-cyan) !important; color:var(--mw-link); }
#vector-main-menu-dropdown-label{ border-color:var(--mw-border); color:var(--mw-text-mid); }
#pt-userpage a, #pt-userpage-2 a{ color:var(--mw-text-mid); }
/* sticky header light */
.vector-sticky-header{ background:#fff !important; border-bottom:1px solid var(--mw-border); box-shadow:0 1px 4px rgba(10,22,40,.06); }
.vector-sticky-header a{ color:var(--mw-text-mid); }
.vector-sticky-header .vector-icon{ background-color:var(--mw-text-mid); }
.vector-sticky-header-context-bar-primary .mw-page-title-main{ color:var(--mw-text); }
/* sidebar — transparent, lightweight */
.vector-main-menu-container, #vector-main-menu, #vector-main-menu-pinned-container, .vector-main-menu, .vector-column-start, .vector-column-start .vector-sticky-pinned-container{ background:transparent; border-right:none; }
.vector-main-menu .vector-pinnable-header{ background:transparent; border-color:transparent; }
.vector-main-menu .vector-pinnable-header-label{ color:var(--mw-text-mid); }
.vector-main-menu .vector-pinnable-header-toggle-button{ background:transparent; color:var(--mw-text-muted); border-color:var(--mw-border); }
.vector-menu-heading{ color:var(--mw-text-muted) !important; border-color:transparent !important; margin-top:8px; }
.vector-main-menu .vector-menu-content-list li a{ color:var(--mw-text-mid); display:flex; align-items:center; gap:10px; padding:7px 12px; margin:1px 8px; border-radius:7px; transition:background .12s,color .12s; }
.vector-main-menu .vector-menu-content-list li a:hover{ background:rgba(79,200,224,.14); color:var(--mw-link); text-decoration:none; }
.vector-main-menu-action a{ color:var(--mw-text-muted); }
.vector-main-menu a[href="/MuseWiki"]::before,.vector-main-menu a[href="/Special:RecentChanges"]::before,.vector-main-menu a[href="/Register"]::before,.vector-main-menu a[href="/Special:Random"]::before,.vector-main-menu a[href*="x.com"]::before,.vector-main-menu a[href*="Help:Contents"]::before,.vector-main-menu a[href="/Muse"]::before,.vector-main-menu a[href="/Discography"]::before,.vector-main-menu a[href="/Category:Songs"]::before,.vector-main-menu a[href="/Gigs"]::before,.vector-main-menu a[href="/Gear"]::before,.vector-main-menu a[href="/Tablature"]::before,.vector-main-menu a[href="/Videography"]::before,.vector-main-menu a[href="/Muse_Interviews"]::before{ content:''; width:18px; height:18px; flex:none; background-color:currentColor; -webkit-mask:center/18px no-repeat var(--ic); mask:center/18px no-repeat var(--ic); }
.vector-main-menu a[href="/MuseWiki"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 10l9-7 9 7v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/><path d='M9 21v-7h6v7'/></svg>");}.vector-main-menu a[href="/Special:RecentChanges"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>");}.vector-main-menu a[href="/Register"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21a8 8 0 0 1 16 0'/></svg>");}.vector-main-menu a[href="/Special:Random"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 4h4v4'/><path d='M20 4L4 20'/><path d='M16 20h4v-4'/><path d='M14 14l6 6'/><path d='M4 4l6 6'/></svg>");}.vector-main-menu a[href*="x.com"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 5l14 14'/><path d='M19 5L5 19'/></svg>");}.vector-main-menu a[href*="Help:Contents"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M9.5 9.2a2.5 2.5 0 1 1 3 2.3c-.8.3-1.3 1-1.3 1.8'/><path d='M12 17h.01'/></svg>");}.vector-main-menu a[href="/Muse"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l2.7 5.8 6.3.8-4.7 4.3 1.2 6.3L12 17.8 6.2 20.2l1.2-6.3L2.7 9.6l6.3-.8z'/></svg>");}.vector-main-menu a[href="/Discography"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='2'/></svg>");}.vector-main-menu a[href="/Category:Songs"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='6' cy='18' r='3'/><circle cx='17' cy='16' r='3'/><path d='M9 18V6l11-2v12'/></svg>");}.vector-main-menu a[href="/Gigs"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='3' width='6' height='10' rx='3'/><path d='M6 11a6 6 0 0 0 12 0'/><path d='M12 17v3'/></svg>");}.vector-main-menu a[href="/Gear"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3c4 0 7 2.5 7 6 0 4-4 12-7 12s-7-8-7-12c0-3.5 3-6 7-6z'/></svg>");}.vector-main-menu a[href="/Tablature"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='16' rx='2'/><path d='M3 9h18'/><path d='M3 14h18'/></svg>");}.vector-main-menu a[href="/Videography"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='6' width='13' height='12' rx='2'/><path d='M16 10l5-3v10l-5-3z'/></svg>");}.vector-main-menu a[href="/Muse_Interviews"]{--ic:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 14a2 2 0 0 1-2 2H8l-4 4V6a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2z'/></svg>");}
/* active page (class applied by Common.js gadget) */
.vector-main-menu .mw-list-item.sidebar-active > a{ color:var(--mw-text) !important; font-weight:600; border-left:3px solid #2aa7c4; border-radius:0; padding-left:9px; background:transparent !important; box-shadow:none !important; }
/* floating flyout / mobile — light card */
.vector-main-menu-dropdown .vector-dropdown-content{ background:#fff !important; border:1px solid var(--mw-border) !important; border-radius:0 0 10px 10px !important; box-shadow:0 8px 24px rgba(10,22,40,.15) !important; }
.vector-main-menu-dropdown .vector-main-menu{ background:transparent !important; }
.vector-main-menu-dropdown .vector-pinnable-header{ background:#f0f6fa !important; border-bottom:1px solid var(--mw-border) !important; }
.vector-main-menu-dropdown .vector-pinnable-header-label{ color:var(--mw-text-mid) !important; }
.vector-main-menu-dropdown .vector-pinnable-header-toggle-button{ background:#fff !important; color:var(--mw-text-mid) !important; border-color:var(--mw-border) !important; }
/* tools panel — transparent, airy */
#vector-page-tools-pinned-container, #vector-page-tools, .vector-sticky-pinned-container, .vector-column-end{ background:transparent !important; border-left:none !important; }
#vector-page-tools .vector-pinnable-header{ background:transparent !important; border-bottom:1px solid var(--mw-border) !important; }
#vector-page-tools .vector-pinnable-header-label{ color:var(--mw-text-mid) !important; }
#vector-page-tools .vector-menu-content-list li a{ color:var(--mw-text-mid) !important; display:block; padding:5px 10px !important; margin:1px 4px; border-radius:6px; }
#vector-page-tools .vector-menu-content-list li a:hover{ background:rgba(79,200,224,.12) !important; color:var(--mw-link) !important; }
/* TOC — transparent, rail active */
#vector-toc, .vector-toc{ background:transparent !important; border:none !important; }
.vector-toc-pinnable-header{ background:transparent !important; border-bottom:1px solid var(--mw-border) !important; }
.vector-toc-list-item-active > .vector-toc-link{ color:var(--mw-text) !important; font-weight:600 !important; box-shadow:inset 3px 0 0 #2aa7c4; }
/* footer — transparent, readable */
.mw-footer-container, .mw-footer, #footer{ background:transparent !important; border-top:1px solid var(--mw-border) !important; color:var(--mw-text-muted) !important; }
.mw-footer, #footer{ font-size:13px !important; }
#footer-info, #footer-places{ font-size:13px !important; gap:1.25rem !important; }
#footer-info li, #footer-places li{ font-size:13px !important; color:var(--mw-text-muted) !important; }
.mw-footer a, #footer a{ color:var(--mw-text-mid) !important; }
.mw-footer a:hover, #footer a:hover{ color:var(--mw-link) !important; }