MediaWiki:Vector-2022.css: Difference between revisions

/* 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-text:        #0a1628;

--mw-on-dark-dim:  #4a7aaa;

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); }

/* 4. SIDEBAR */

#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; }

/* 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; }

.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 > tbody > tr > td:nth-child(2n+1) { transition: background-color 0.2s; width: 17em; }

#intro { list-style: none; }

.col > li { list-style-type: none; }

.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; }

.bluebackbox { background: #C9DAE1; }

fieldset { border-color: var(--mw-border); }

fieldset > hr { background-color: var(--mw-border); }

#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 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-list-item-active > .vector-toc-link { color: var(--mw-text); font-weight: 600 !important; }

#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); }

/* 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; }

/* 14. DIFF */

.diff-addedline { background: #d8f0e0; }

.diff-deletedline { background: #f8d8d8; }

.diff-context { background: var(--mw-surface); }

/* 16. SUPPORTER BADGE */

/* 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; }

/* 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; }