MediaWiki:Vector-2022.css: Difference between revisions
Crazybobbles (talk | contribs) m Fixes old styles |
Crazybobbles (talk | contribs) m Clean rewrite: 19 ordered sections, !important 439→13 (only where Vector out-specifies us), fixed icon mask recolour, hero panel, selected-tab specificity, dropdown scoping, dedup |
||
| (22 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* MuseWiki Vector-2022.css */ | /* MuseWiki Vector-2022.css — clean rewrite */ | ||
/* | /* Light mode, deep-blue accents (The Wow! Signal palette). */ | ||
/* Single source of truth — Common.css should be empty. */ | |||
/* === | /* ============================================================ | ||
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); } | |||
} | |||
} | |||
} | |||
.vector- | /* 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 */ | |||
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 */ | ||
.infbox, .infbox td, .infbox tr, #memberbox, #memberbox td, #memberbox tr, #gigbox, #gigbox td, #gigbox tr, #gearbox, #gearbox td, #gearbox tr, #jambox, #jambox td, #jambox tr, #songbox, #songbox td, #songbox tr, .greytable, .greytable td, .greytable tr, .gigtable, .gigtable td, .gigtable tr, .discobox, .discobox td, .discobox tr { background-color: transparent; color: var(--mw-text); } | |||
.greytable, .greytable > tbody > tr > th, .greytable > tbody > tr > td, .gigtable, .gigtable > tbody > tr > th, .gigtable > tbody > tr > td, .infbox, .infbox > tbody > tr > th, .infbox > tbody > tr > td { border: none; padding: .2em .5em; } | |||
.infbox > tbody > tr > td:first-child { font-weight: bold; } | |||
#memberbox > tbody > tr > th { background: #AF2022; } | |||
#memberbox > tbody > tr:nth-child(2n+1) { background: #f0f0f0; } | |||
#gigbox > tbody > tr > th, .gigtable > tbody > tr > th { background: #82A63A; } | |||
#gigbox > tbody > tr:nth-child(2n+1), .gigtable > tbody > tr:nth-child(2n+1) { background: #f0f5e8; } | |||
#gearbox > tbody > tr > th, .greytable > tbody > tr > th { background: #656565; } | |||
#gearbox > tbody > tr:nth-child(2n+1), .greytable > tbody > tr:nth-child(2n+1) { background: #f0f0f0; } | |||
#jambox > tbody > tr > th, #songbox > tbody > tr > th { background: #0378AE; } | |||
#jambox > tbody > tr:nth-child(2n+1), #songbox > tbody > tr:nth-child(2n+1) { background: #e8f4fa; } | |||
#vidbox > tbody > tr > th { background: #E3AF1E; } | |||
.discobox > tbody > tr > th { background: #4D1F68; } | |||
.discobox > tbody > tr:nth-child(2n+1) { background: #f5f0f8; } | |||
.infbox > tbody > tr > th { color: #fff; } | |||
.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; } | |||
.disco-list, .infbox, .greytable, .gigtable, #pricetable, #speechtable, .tabulature-list, .thumbinner, .gallerybox > .thumb > div > .image > img { box-shadow: none; } | |||
.mw- | /* 9. CONTENT COMPONENTS */ | ||
.mw- | .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: .0781em var(--mw-border) solid; border-radius: .5em; border-spacing: 0; margin-bottom: 1em; } | |||
.disco-list > tbody, .tabulature-list > tbody, .video-list > tbody { border-collapse: collapse; } | |||
} | .disco-list > tbody > tr > th, .disco-list > tbody > tr > td { padding: .3125em .5em; } | ||
.tabulature-list > tbody > tr > th, .tabulature-list > tbody > tr > td, .video-list > tbody > tr > td { padding: .3125em; vertical-align: text-top; } | |||
.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 { border: 1px var(--mw-border) solid; border-collapse: collapse; border-radius: .5em; font-size: x-small; padding: 0; text-align: center; } | |||
.nav > tbody > tr > th { border: .1em solid transparent; border-radius: .5em .5em 0 0; color: #fff; padding: inherit; } | |||
#nav-gig > tbody > tr > th { background: #82A63A; } | |||
#nav-song > tbody > tr > th { background: #0378AE; } | |||
#nav-vid > tbody > tr > th { background: #E3AF1E; } | |||
.nav > tbody > tr:last-child { border: .1em solid transparent; } | |||
.nav > tbody > tr > td { padding: inherit; } | |||
.nav > tbody > tr > td:nth-child(2n+1) { transition: background-color 0.2s; width: 17em; } | |||
#nav-gig > tbody > tr > td:nth-child(2n+1):hover { background-color: #E0E6D3; } | |||
#nav-song > tbody > tr > td:nth-child(2n+1):hover { background-color: #C9DAE1; } | |||
.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: .0781em solid #AAA; border-radius: .5em; color: var(--mw-text); display: block; font-weight: bold; margin: .5em 10%; padding: .5em; text-align: center; width: 80%; } | |||
.colourbox > a { border-bottom: .0781em dotted; color: var(--mw-text); } | |||
.bluebackbox { background: #C9DAE1; } | |||
.greenbackbox { background: #E0E6D3; } | |||
.redbackbox { background: #D68485; } | |||
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); } | |||
.mw- | /* 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); } | |||
.mw- | /* 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; } | #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 */ | ||
.mw- | .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 > tbody > tr > th, .page-Reading_Little_John_s_Farm_2011_gig #gigbox > tbody > tr > th, .page-Leeds_Bramham_Park_2011_gig #nav-gig th, .page-Reading_Little_John_s_Farm_2011_gig #nav-gig th { background: #B04D48; } | ||
.page-Leeds_Bramham_Park_2011_gig #gigbox > tbody > tr:nth-child(2n+1), .page-Reading_Little_John_s_Farm_2011_gig #gigbox > tbody > tr:nth-child(2n+1) { background: #FFD1CF; } | |||
.page-Leeds_Bramham_Park_2011_gig #nav-gig > tbody > tr > td:nth-child(2n+1):hover, .page-Reading_Little_John_s_Farm_2011_gig #nav-gig > tbody > tr > td:nth-child(2n+1):hover { background-color: #FFD1CF; } | |||
/* | /* 19. PRINT */ | ||
@media print { #privacy, #about, #disclaimer { display: none; } } | |||
# | |||
# | |||
} | |||
} | |||
Latest revision as of 18:38, 20 June 2026
/* MuseWiki Vector-2022.css — clean rewrite */
/* Light mode, deep-blue accents (The Wow! Signal palette). */
/* Single source of truth — Common.css should be empty. */
/* ============================================================
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 */
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 */
.infbox, .infbox td, .infbox tr, #memberbox, #memberbox td, #memberbox tr, #gigbox, #gigbox td, #gigbox tr, #gearbox, #gearbox td, #gearbox tr, #jambox, #jambox td, #jambox tr, #songbox, #songbox td, #songbox tr, .greytable, .greytable td, .greytable tr, .gigtable, .gigtable td, .gigtable tr, .discobox, .discobox td, .discobox tr { background-color: transparent; color: var(--mw-text); }
.greytable, .greytable > tbody > tr > th, .greytable > tbody > tr > td, .gigtable, .gigtable > tbody > tr > th, .gigtable > tbody > tr > td, .infbox, .infbox > tbody > tr > th, .infbox > tbody > tr > td { border: none; padding: .2em .5em; }
.infbox > tbody > tr > td:first-child { font-weight: bold; }
#memberbox > tbody > tr > th { background: #AF2022; }
#memberbox > tbody > tr:nth-child(2n+1) { background: #f0f0f0; }
#gigbox > tbody > tr > th, .gigtable > tbody > tr > th { background: #82A63A; }
#gigbox > tbody > tr:nth-child(2n+1), .gigtable > tbody > tr:nth-child(2n+1) { background: #f0f5e8; }
#gearbox > tbody > tr > th, .greytable > tbody > tr > th { background: #656565; }
#gearbox > tbody > tr:nth-child(2n+1), .greytable > tbody > tr:nth-child(2n+1) { background: #f0f0f0; }
#jambox > tbody > tr > th, #songbox > tbody > tr > th { background: #0378AE; }
#jambox > tbody > tr:nth-child(2n+1), #songbox > tbody > tr:nth-child(2n+1) { background: #e8f4fa; }
#vidbox > tbody > tr > th { background: #E3AF1E; }
.discobox > tbody > tr > th { background: #4D1F68; }
.discobox > tbody > tr:nth-child(2n+1) { background: #f5f0f8; }
.infbox > tbody > tr > th { color: #fff; }
.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; }
.disco-list, .infbox, .greytable, .gigtable, #pricetable, #speechtable, .tabulature-list, .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: .0781em var(--mw-border) solid; border-radius: .5em; border-spacing: 0; margin-bottom: 1em; }
.disco-list > tbody, .tabulature-list > tbody, .video-list > tbody { border-collapse: collapse; }
.disco-list > tbody > tr > th, .disco-list > tbody > tr > td { padding: .3125em .5em; }
.tabulature-list > tbody > tr > th, .tabulature-list > tbody > tr > td, .video-list > tbody > tr > td { padding: .3125em; vertical-align: text-top; }
.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 { border: 1px var(--mw-border) solid; border-collapse: collapse; border-radius: .5em; font-size: x-small; padding: 0; text-align: center; }
.nav > tbody > tr > th { border: .1em solid transparent; border-radius: .5em .5em 0 0; color: #fff; padding: inherit; }
#nav-gig > tbody > tr > th { background: #82A63A; }
#nav-song > tbody > tr > th { background: #0378AE; }
#nav-vid > tbody > tr > th { background: #E3AF1E; }
.nav > tbody > tr:last-child { border: .1em solid transparent; }
.nav > tbody > tr > td { padding: inherit; }
.nav > tbody > tr > td:nth-child(2n+1) { transition: background-color 0.2s; width: 17em; }
#nav-gig > tbody > tr > td:nth-child(2n+1):hover { background-color: #E0E6D3; }
#nav-song > tbody > tr > td:nth-child(2n+1):hover { background-color: #C9DAE1; }
.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: .0781em solid #AAA; border-radius: .5em; color: var(--mw-text); display: block; font-weight: bold; margin: .5em 10%; padding: .5em; text-align: center; width: 80%; }
.colourbox > a { border-bottom: .0781em dotted; color: var(--mw-text); }
.bluebackbox { background: #C9DAE1; }
.greenbackbox { background: #E0E6D3; }
.redbackbox { background: #D68485; }
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 > tbody > tr > th, .page-Reading_Little_John_s_Farm_2011_gig #gigbox > tbody > tr > th, .page-Leeds_Bramham_Park_2011_gig #nav-gig th, .page-Reading_Little_John_s_Farm_2011_gig #nav-gig th { background: #B04D48; }
.page-Leeds_Bramham_Park_2011_gig #gigbox > tbody > tr:nth-child(2n+1), .page-Reading_Little_John_s_Farm_2011_gig #gigbox > tbody > tr:nth-child(2n+1) { background: #FFD1CF; }
.page-Leeds_Bramham_Park_2011_gig #nav-gig > tbody > tr > td:nth-child(2n+1):hover, .page-Reading_Little_John_s_Farm_2011_gig #nav-gig > tbody > tr > td:nth-child(2n+1):hover { background-color: #FFD1CF; }
/* 19. PRINT */
@media print { #privacy, #about, #disclaimer { display: none; } }