wiki - User contributions [en]

MediaWiki:Common.css

2026-07-13T20:54:21Z

Maintenance script: Make .cdx-button transparent (fixes Tools dropdown dark fill)

/* ===== Rumba Congolaise wiki — theme after frameinframe.nyc ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@400;500;700&display=swap');

:root {
--maroon: #4a0e11;
--maroon-dark: #2b0a0d;
--ivory: #f3ece0;
--mint: #45b87d;
--mint-soft: #8fcfa8;

/* Override Vector-2022 / Codex design tokens so every component (TOC,
buttons, sidebar panels) inherits the theme instead of staying white. */
--background-color-base: var(--maroon-dark) !important;
--background-color-base-fixed: var(--maroon-dark) !important;
--background-color-neutral: var(--maroon-dark) !important;
--background-color-neutral-subtle: var(--maroon-dark) !important;
--background-color-interactive: var(--maroon-dark) !important;
--background-color-interactive-subtle: var(--maroon-dark) !important;
--background-color-progressive-subtle: var(--maroon-dark) !important;
--background-color-disabled: var(--maroon-dark) !important;
--color-base: var(--mint) !important;
--color-emphasized: var(--ivory) !important;
--color-subtle: var(--mint-soft) !important;
--color-disabled: var(--mint-soft) !important;
--border-color-base: var(--mint) !important;
--border-color-muted: var(--mint) !important;
--border-color-subtle: var(--mint) !important;
--border-color-interactive: var(--mint) !important;
}

html { background-color: var(--maroon) !important; }

/* Belt-and-suspenders: components with hardcoded (non-token) white boxes */
.vector-pinnable-element,
.vector-menu-content-list,
#toc, .vector-toc, .vector-toc-contents, .vector-toc-list,
.sidebar-toc, .cdx-text-input__input {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
box-shadow: none !important;
}

/* Buttons (sidebar "hide", Tools dropdown label, watch star, etc.) —
outline-only, no fill, so they don't show a dark chip against the page. */
.cdx-button {
background-color: transparent !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
box-shadow: none !important;
}
.vector-toc-text, .vector-toc-level-1-to-2 { color: var(--mint) !important; }

body,
.mw-page-container,
.mw-body,
#content,
.vector-body,
.mw-body-content {
background-color: var(--maroon) !important;
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

#content p,
#content li,
#content dd,
#content dt,
#content td,
#content th,
.mw-body-content p,
.mw-body-content li {
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

/* Headings — bold condensed display face, like the wordmark */
h1, h2, h3, h4, h5, h6,
.firstHeading,
#firstHeading {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
font-weight: 400 !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.firstHeading, #firstHeading { border-bottom: 3px solid var(--mint); padding-bottom: 0.2em; }

/* Site title / logo area, echoing the wordmark treatment */
.mw-logo-wordmark, #p-logo-text, .mw-logo-container {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
}

/* Links */
a, a:visited { color: var(--mint) !important; font-weight: 700 !important; }
a:hover, a:focus { color: var(--mint-soft) !important; text-decoration: underline; }
a.new, a.new:visited { color: #c98a4a !important; }

/* Nav / sidebar / header bars — the darker maroon band, like the top nav */
#mw-panel, .vector-menu-content, .mw-portlet,
.mw-header, .vector-header, #p-logo,
.vector-pinnable-header {
background-color: var(--maroon-dark) !important;
}
.vector-menu-heading, .mw-portlet-body h3 {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.vector-menu-content a, #mw-panel a { color: var(--mint) !important; font-weight: 500 !important; }

/* Page tab bars (Main Page/Discussion, Read/Edit/Edit source/View history) —
these are also .vector-menu-content internally, so un-set the dark band
the rule above gives them; blend into the page background instead. */
#left-navigation, #right-navigation,
#left-navigation .vector-menu-content, #right-navigation .vector-menu-content,
#p-associated-pages, #p-views, #p-cactions,
#left-navigation .vector-menu-content-list,
#right-navigation .vector-menu-content-list,
#left-navigation li, #right-navigation li,
#left-navigation li.selected, #right-navigation li.selected,
#left-navigation a, #right-navigation a {
background-color: transparent !important;
background: transparent !important;
}

/* Right-hand column (Tools / General / Appearance) — same treatment,
blend into the page background instead of the darker band. */
.vector-column-end,
#vector-page-tools, #vector-appearance,
#p-tb, #p-cactions,
.vector-column-end .vector-menu-content,
.vector-column-end .mw-portlet {
background-color: transparent !important;
}

/* Dropdown popovers (the "Tools" tab dropdown, language-variant dropdown,
user-menu dropdown, etc.) — separate floating panel, not covered above. */
.vector-dropdown-content {
background-color: transparent !important;
box-shadow: none !important;
border-color: var(--mint) !important;
}

/* Tables — Cargo output, wikitables */
table.wikitable, table.cargoTable, table.cargoDynamicTableFormat {
background-color: var(--maroon-dark) !important;
border: 2px solid var(--mint) !important;
color: var(--mint) !important;
}
/* NOTE: prefixed with #content so specificity beats the generic
"#content th { color: mint }" rule above — otherwise header labels
render as mint-on-mint (invisible), since ID beats class regardless
of !important or source order when specificity differs. */
#content table.wikitable th, #content table.cargoTable th,
#content table[style*="float:right"] th {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
background-color: var(--mint) !important;
color: var(--maroon-dark) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
table.wikitable td, table.cargoTable td { border-color: var(--mint) !important; }

/* Infoboxes from Group/Artist/Album/Place/Label templates */
table[style*="float:right"] { border: 2px solid var(--mint) !important; }

/* Category strip */
#catlinks {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

/* Footer — blend into the page background, no dark band */
#footer, .mw-footer {
background-color: transparent !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

MediaWiki:Common.css

2026-07-13T20:51:03Z

Maintenance script: Remove background from Tools dropdown popover

/* ===== Rumba Congolaise wiki — theme after frameinframe.nyc ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@400;500;700&display=swap');

:root {
--maroon: #4a0e11;
--maroon-dark: #2b0a0d;
--ivory: #f3ece0;
--mint: #45b87d;
--mint-soft: #8fcfa8;

/* Override Vector-2022 / Codex design tokens so every component (TOC,
buttons, sidebar panels) inherits the theme instead of staying white. */
--background-color-base: var(--maroon-dark) !important;
--background-color-base-fixed: var(--maroon-dark) !important;
--background-color-neutral: var(--maroon-dark) !important;
--background-color-neutral-subtle: var(--maroon-dark) !important;
--background-color-interactive: var(--maroon-dark) !important;
--background-color-interactive-subtle: var(--maroon-dark) !important;
--background-color-progressive-subtle: var(--maroon-dark) !important;
--background-color-disabled: var(--maroon-dark) !important;
--color-base: var(--mint) !important;
--color-emphasized: var(--ivory) !important;
--color-subtle: var(--mint-soft) !important;
--color-disabled: var(--mint-soft) !important;
--border-color-base: var(--mint) !important;
--border-color-muted: var(--mint) !important;
--border-color-subtle: var(--mint) !important;
--border-color-interactive: var(--mint) !important;
}

html { background-color: var(--maroon) !important; }

/* Belt-and-suspenders: components with hardcoded (non-token) white boxes */
.vector-pinnable-element,
.vector-menu-content-list,
#toc, .vector-toc, .vector-toc-contents, .vector-toc-list,
.sidebar-toc, .cdx-button, .cdx-text-input__input {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
box-shadow: none !important;
}
.vector-toc-text, .vector-toc-level-1-to-2 { color: var(--mint) !important; }

body,
.mw-page-container,
.mw-body,
#content,
.vector-body,
.mw-body-content {
background-color: var(--maroon) !important;
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

#content p,
#content li,
#content dd,
#content dt,
#content td,
#content th,
.mw-body-content p,
.mw-body-content li {
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

/* Headings — bold condensed display face, like the wordmark */
h1, h2, h3, h4, h5, h6,
.firstHeading,
#firstHeading {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
font-weight: 400 !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.firstHeading, #firstHeading { border-bottom: 3px solid var(--mint); padding-bottom: 0.2em; }

/* Site title / logo area, echoing the wordmark treatment */
.mw-logo-wordmark, #p-logo-text, .mw-logo-container {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
}

/* Links */
a, a:visited { color: var(--mint) !important; font-weight: 700 !important; }
a:hover, a:focus { color: var(--mint-soft) !important; text-decoration: underline; }
a.new, a.new:visited { color: #c98a4a !important; }

/* Nav / sidebar / header bars — the darker maroon band, like the top nav */
#mw-panel, .vector-menu-content, .mw-portlet,
.mw-header, .vector-header, #p-logo,
.vector-pinnable-header {
background-color: var(--maroon-dark) !important;
}
.vector-menu-heading, .mw-portlet-body h3 {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.vector-menu-content a, #mw-panel a { color: var(--mint) !important; font-weight: 500 !important; }

/* Page tab bars (Main Page/Discussion, Read/Edit/Edit source/View history) —
these are also .vector-menu-content internally, so un-set the dark band
the rule above gives them; blend into the page background instead. */
#left-navigation, #right-navigation,
#left-navigation .vector-menu-content, #right-navigation .vector-menu-content,
#p-associated-pages, #p-views, #p-cactions,
#left-navigation .vector-menu-content-list,
#right-navigation .vector-menu-content-list,
#left-navigation li, #right-navigation li,
#left-navigation li.selected, #right-navigation li.selected,
#left-navigation a, #right-navigation a {
background-color: transparent !important;
background: transparent !important;
}

/* Right-hand column (Tools / General / Appearance) — same treatment,
blend into the page background instead of the darker band. */
.vector-column-end,
#vector-page-tools, #vector-appearance,
#p-tb, #p-cactions,
.vector-column-end .vector-menu-content,
.vector-column-end .mw-portlet {
background-color: transparent !important;
}

/* Dropdown popovers (the "Tools" tab dropdown, language-variant dropdown,
user-menu dropdown, etc.) — separate floating panel, not covered above. */
.vector-dropdown-content {
background-color: transparent !important;
box-shadow: none !important;
border-color: var(--mint) !important;
}

/* Tables — Cargo output, wikitables */
table.wikitable, table.cargoTable, table.cargoDynamicTableFormat {
background-color: var(--maroon-dark) !important;
border: 2px solid var(--mint) !important;
color: var(--mint) !important;
}
/* NOTE: prefixed with #content so specificity beats the generic
"#content th { color: mint }" rule above — otherwise header labels
render as mint-on-mint (invisible), since ID beats class regardless
of !important or source order when specificity differs. */
#content table.wikitable th, #content table.cargoTable th,
#content table[style*="float:right"] th {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
background-color: var(--mint) !important;
color: var(--maroon-dark) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
table.wikitable td, table.cargoTable td { border-color: var(--mint) !important; }

/* Infoboxes from Group/Artist/Album/Place/Label templates */
table[style*="float:right"] { border: 2px solid var(--mint) !important; }

/* Category strip */
#catlinks {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

/* Footer — blend into the page background, no dark band */
#footer, .mw-footer {
background-color: transparent !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

MediaWiki:Common.css

2026-07-13T20:44:52Z

Maintenance script: Fix tab background: correct portlet id + selected-tab state

/* ===== Rumba Congolaise wiki — theme after frameinframe.nyc ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@400;500;700&display=swap');

:root {
--maroon: #4a0e11;
--maroon-dark: #2b0a0d;
--ivory: #f3ece0;
--mint: #45b87d;
--mint-soft: #8fcfa8;

/* Override Vector-2022 / Codex design tokens so every component (TOC,
buttons, sidebar panels) inherits the theme instead of staying white. */
--background-color-base: var(--maroon-dark) !important;
--background-color-base-fixed: var(--maroon-dark) !important;
--background-color-neutral: var(--maroon-dark) !important;
--background-color-neutral-subtle: var(--maroon-dark) !important;
--background-color-interactive: var(--maroon-dark) !important;
--background-color-interactive-subtle: var(--maroon-dark) !important;
--background-color-progressive-subtle: var(--maroon-dark) !important;
--background-color-disabled: var(--maroon-dark) !important;
--color-base: var(--mint) !important;
--color-emphasized: var(--ivory) !important;
--color-subtle: var(--mint-soft) !important;
--color-disabled: var(--mint-soft) !important;
--border-color-base: var(--mint) !important;
--border-color-muted: var(--mint) !important;
--border-color-subtle: var(--mint) !important;
--border-color-interactive: var(--mint) !important;
}

html { background-color: var(--maroon) !important; }

/* Belt-and-suspenders: components with hardcoded (non-token) white boxes */
.vector-pinnable-element,
.vector-menu-content-list,
#toc, .vector-toc, .vector-toc-contents, .vector-toc-list,
.sidebar-toc, .cdx-button, .cdx-text-input__input {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
box-shadow: none !important;
}
.vector-toc-text, .vector-toc-level-1-to-2 { color: var(--mint) !important; }

body,
.mw-page-container,
.mw-body,
#content,
.vector-body,
.mw-body-content {
background-color: var(--maroon) !important;
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

#content p,
#content li,
#content dd,
#content dt,
#content td,
#content th,
.mw-body-content p,
.mw-body-content li {
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

/* Headings — bold condensed display face, like the wordmark */
h1, h2, h3, h4, h5, h6,
.firstHeading,
#firstHeading {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
font-weight: 400 !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.firstHeading, #firstHeading { border-bottom: 3px solid var(--mint); padding-bottom: 0.2em; }

/* Site title / logo area, echoing the wordmark treatment */
.mw-logo-wordmark, #p-logo-text, .mw-logo-container {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
}

/* Links */
a, a:visited { color: var(--mint) !important; font-weight: 700 !important; }
a:hover, a:focus { color: var(--mint-soft) !important; text-decoration: underline; }
a.new, a.new:visited { color: #c98a4a !important; }

/* Nav / sidebar / header bars — the darker maroon band, like the top nav */
#mw-panel, .vector-menu-content, .mw-portlet,
.mw-header, .vector-header, #p-logo,
.vector-pinnable-header {
background-color: var(--maroon-dark) !important;
}
.vector-menu-heading, .mw-portlet-body h3 {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.vector-menu-content a, #mw-panel a { color: var(--mint) !important; font-weight: 500 !important; }

/* Page tab bars (Main Page/Discussion, Read/Edit/Edit source/View history) —
these are also .vector-menu-content internally, so un-set the dark band
the rule above gives them; blend into the page background instead. */
#left-navigation, #right-navigation,
#left-navigation .vector-menu-content, #right-navigation .vector-menu-content,
#p-associated-pages, #p-views, #p-cactions,
#left-navigation .vector-menu-content-list,
#right-navigation .vector-menu-content-list,
#left-navigation li, #right-navigation li,
#left-navigation li.selected, #right-navigation li.selected,
#left-navigation a, #right-navigation a {
background-color: transparent !important;
background: transparent !important;
}

/* Right-hand column (Tools / General / Appearance) — same treatment,
blend into the page background instead of the darker band. */
.vector-column-end,
#vector-page-tools, #vector-appearance,
#p-tb, #p-cactions,
.vector-column-end .vector-menu-content,
.vector-column-end .mw-portlet {
background-color: transparent !important;
}

/* Tables — Cargo output, wikitables */
table.wikitable, table.cargoTable, table.cargoDynamicTableFormat {
background-color: var(--maroon-dark) !important;
border: 2px solid var(--mint) !important;
color: var(--mint) !important;
}
/* NOTE: prefixed with #content so specificity beats the generic
"#content th { color: mint }" rule above — otherwise header labels
render as mint-on-mint (invisible), since ID beats class regardless
of !important or source order when specificity differs. */
#content table.wikitable th, #content table.cargoTable th,
#content table[style*="float:right"] th {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
background-color: var(--mint) !important;
color: var(--maroon-dark) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
table.wikitable td, table.cargoTable td { border-color: var(--mint) !important; }

/* Infoboxes from Group/Artist/Album/Place/Label templates */
table[style*="float:right"] { border: 2px solid var(--mint) !important; }

/* Category strip */
#catlinks {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

/* Footer — blend into the page background, no dark band */
#footer, .mw-footer {
background-color: transparent !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

MediaWiki:Common.css

2026-07-13T20:43:52Z

Maintenance script: Remove dark band from right sidebar (Tools/General/Appearance)

/* ===== Rumba Congolaise wiki — theme after frameinframe.nyc ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@400;500;700&display=swap');

:root {
--maroon: #4a0e11;
--maroon-dark: #2b0a0d;
--ivory: #f3ece0;
--mint: #45b87d;
--mint-soft: #8fcfa8;

/* Override Vector-2022 / Codex design tokens so every component (TOC,
buttons, sidebar panels) inherits the theme instead of staying white. */
--background-color-base: var(--maroon-dark) !important;
--background-color-base-fixed: var(--maroon-dark) !important;
--background-color-neutral: var(--maroon-dark) !important;
--background-color-neutral-subtle: var(--maroon-dark) !important;
--background-color-interactive: var(--maroon-dark) !important;
--background-color-interactive-subtle: var(--maroon-dark) !important;
--background-color-progressive-subtle: var(--maroon-dark) !important;
--background-color-disabled: var(--maroon-dark) !important;
--color-base: var(--mint) !important;
--color-emphasized: var(--ivory) !important;
--color-subtle: var(--mint-soft) !important;
--color-disabled: var(--mint-soft) !important;
--border-color-base: var(--mint) !important;
--border-color-muted: var(--mint) !important;
--border-color-subtle: var(--mint) !important;
--border-color-interactive: var(--mint) !important;
}

html { background-color: var(--maroon) !important; }

/* Belt-and-suspenders: components with hardcoded (non-token) white boxes */
.vector-pinnable-element,
.vector-menu-content-list,
#toc, .vector-toc, .vector-toc-contents, .vector-toc-list,
.sidebar-toc, .cdx-button, .cdx-text-input__input {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
box-shadow: none !important;
}
.vector-toc-text, .vector-toc-level-1-to-2 { color: var(--mint) !important; }

body,
.mw-page-container,
.mw-body,
#content,
.vector-body,
.mw-body-content {
background-color: var(--maroon) !important;
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

#content p,
#content li,
#content dd,
#content dt,
#content td,
#content th,
.mw-body-content p,
.mw-body-content li {
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

/* Headings — bold condensed display face, like the wordmark */
h1, h2, h3, h4, h5, h6,
.firstHeading,
#firstHeading {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
font-weight: 400 !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.firstHeading, #firstHeading { border-bottom: 3px solid var(--mint); padding-bottom: 0.2em; }

/* Site title / logo area, echoing the wordmark treatment */
.mw-logo-wordmark, #p-logo-text, .mw-logo-container {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
}

/* Links */
a, a:visited { color: var(--mint) !important; font-weight: 700 !important; }
a:hover, a:focus { color: var(--mint-soft) !important; text-decoration: underline; }
a.new, a.new:visited { color: #c98a4a !important; }

/* Nav / sidebar / header bars — the darker maroon band, like the top nav */
#mw-panel, .vector-menu-content, .mw-portlet,
.mw-header, .vector-header, #p-logo,
.vector-pinnable-header {
background-color: var(--maroon-dark) !important;
}
.vector-menu-heading, .mw-portlet-body h3 {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.vector-menu-content a, #mw-panel a { color: var(--mint) !important; font-weight: 500 !important; }

/* Page tab bars (Main Page/Discussion, Read/Edit/Edit source/View history) —
these are also .vector-menu-content internally, so un-set the dark band
the rule above gives them; blend into the page background instead. */
#left-navigation, #right-navigation,
#left-navigation .vector-menu-content, #right-navigation .vector-menu-content,
#p-namespaces, #p-views, #p-cactions {
background-color: transparent !important;
}

/* Right-hand column (Tools / General / Appearance) — same treatment,
blend into the page background instead of the darker band. */
.vector-column-end,
#vector-page-tools, #vector-appearance,
#p-tb, #p-cactions,
.vector-column-end .vector-menu-content,
.vector-column-end .mw-portlet {
background-color: transparent !important;
}

/* Tables — Cargo output, wikitables */
table.wikitable, table.cargoTable, table.cargoDynamicTableFormat {
background-color: var(--maroon-dark) !important;
border: 2px solid var(--mint) !important;
color: var(--mint) !important;
}
/* NOTE: prefixed with #content so specificity beats the generic
"#content th { color: mint }" rule above — otherwise header labels
render as mint-on-mint (invisible), since ID beats class regardless
of !important or source order when specificity differs. */
#content table.wikitable th, #content table.cargoTable th,
#content table[style*="float:right"] th {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
background-color: var(--mint) !important;
color: var(--maroon-dark) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
table.wikitable td, table.cargoTable td { border-color: var(--mint) !important; }

/* Infoboxes from Group/Artist/Album/Place/Label templates */
table[style*="float:right"] { border: 2px solid var(--mint) !important; }

/* Category strip */
#catlinks {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

/* Footer — blend into the page background, no dark band */
#footer, .mw-footer {
background-color: transparent !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

MediaWiki:Common.css

2026-07-13T20:42:56Z

Maintenance script: Remove dark band from tab bars and footer

/* ===== Rumba Congolaise wiki — theme after frameinframe.nyc ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@400;500;700&display=swap');

:root {
--maroon: #4a0e11;
--maroon-dark: #2b0a0d;
--ivory: #f3ece0;
--mint: #45b87d;
--mint-soft: #8fcfa8;

/* Override Vector-2022 / Codex design tokens so every component (TOC,
buttons, sidebar panels) inherits the theme instead of staying white. */
--background-color-base: var(--maroon-dark) !important;
--background-color-base-fixed: var(--maroon-dark) !important;
--background-color-neutral: var(--maroon-dark) !important;
--background-color-neutral-subtle: var(--maroon-dark) !important;
--background-color-interactive: var(--maroon-dark) !important;
--background-color-interactive-subtle: var(--maroon-dark) !important;
--background-color-progressive-subtle: var(--maroon-dark) !important;
--background-color-disabled: var(--maroon-dark) !important;
--color-base: var(--mint) !important;
--color-emphasized: var(--ivory) !important;
--color-subtle: var(--mint-soft) !important;
--color-disabled: var(--mint-soft) !important;
--border-color-base: var(--mint) !important;
--border-color-muted: var(--mint) !important;
--border-color-subtle: var(--mint) !important;
--border-color-interactive: var(--mint) !important;
}

html { background-color: var(--maroon) !important; }

/* Belt-and-suspenders: components with hardcoded (non-token) white boxes */
.vector-pinnable-element,
.vector-menu-content-list,
#toc, .vector-toc, .vector-toc-contents, .vector-toc-list,
.sidebar-toc, .cdx-button, .cdx-text-input__input {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
box-shadow: none !important;
}
.vector-toc-text, .vector-toc-level-1-to-2 { color: var(--mint) !important; }

body,
.mw-page-container,
.mw-body,
#content,
.vector-body,
.mw-body-content {
background-color: var(--maroon) !important;
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

#content p,
#content li,
#content dd,
#content dt,
#content td,
#content th,
.mw-body-content p,
.mw-body-content li {
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

/* Headings — bold condensed display face, like the wordmark */
h1, h2, h3, h4, h5, h6,
.firstHeading,
#firstHeading {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
font-weight: 400 !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.firstHeading, #firstHeading { border-bottom: 3px solid var(--mint); padding-bottom: 0.2em; }

/* Site title / logo area, echoing the wordmark treatment */
.mw-logo-wordmark, #p-logo-text, .mw-logo-container {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
}

/* Links */
a, a:visited { color: var(--mint) !important; font-weight: 700 !important; }
a:hover, a:focus { color: var(--mint-soft) !important; text-decoration: underline; }
a.new, a.new:visited { color: #c98a4a !important; }

/* Nav / sidebar / header bars — the darker maroon band, like the top nav */
#mw-panel, .vector-menu-content, .mw-portlet,
.mw-header, .vector-header, #p-logo,
.vector-pinnable-header {
background-color: var(--maroon-dark) !important;
}
.vector-menu-heading, .mw-portlet-body h3 {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.vector-menu-content a, #mw-panel a { color: var(--mint) !important; font-weight: 500 !important; }

/* Page tab bars (Main Page/Discussion, Read/Edit/Edit source/View history) —
these are also .vector-menu-content internally, so un-set the dark band
the rule above gives them; blend into the page background instead. */
#left-navigation, #right-navigation,
#left-navigation .vector-menu-content, #right-navigation .vector-menu-content,
#p-namespaces, #p-views, #p-cactions {
background-color: transparent !important;
}

/* Tables — Cargo output, wikitables */
table.wikitable, table.cargoTable, table.cargoDynamicTableFormat {
background-color: var(--maroon-dark) !important;
border: 2px solid var(--mint) !important;
color: var(--mint) !important;
}
/* NOTE: prefixed with #content so specificity beats the generic
"#content th { color: mint }" rule above — otherwise header labels
render as mint-on-mint (invisible), since ID beats class regardless
of !important or source order when specificity differs. */
#content table.wikitable th, #content table.cargoTable th,
#content table[style*="float:right"] th {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
background-color: var(--mint) !important;
color: var(--maroon-dark) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
table.wikitable td, table.cargoTable td { border-color: var(--mint) !important; }

/* Infoboxes from Group/Artist/Album/Place/Label templates */
table[style*="float:right"] { border: 2px solid var(--mint) !important; }

/* Category strip */
#catlinks {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

/* Footer — blend into the page background, no dark band */
#footer, .mw-footer {
background-color: transparent !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

Template:Artist

2026-07-13T19:50:44Z

Maintenance script: Fix: image and Died row broken by ParserFunctions pipe-splitting bug

<noinclude>
This template stores data about a person (musician) in the '''Artists''' Cargo table.

Usage:
<pre>
{{Artist
|name=
|born=
|died=
|birthplace=
|instruments=
|roles=
|groups=
|image=
}}
</pre>
{{#cargo_declare:_table=Artists
|name=String
|born=Date
|died=Date
|birthplace=String
|city=String
|instruments=List (,) of String
|roles=List (,) of String
|groups=List (,) of String
}}
[[Category:Templates]]
</noinclude><includeonly>{{#cargo_store:_table=Artists
|name={{{name|{{PAGENAME}}}}}
|born={{{born|}}}
|died={{{died|}}}
|birthplace={{{birthplace|}}}
|city={{{city|}}}
|instruments={{{instruments|}}}
|roles={{{roles|}}}
|groups={{{groups|}}}
}}{| class="wikitable" style="float:right; width:23em; font-size:90%; margin:0 0 1em 1em"
|-
! colspan="2" style="background:#1d3f8f; color:#fff; font-size:115%" | {{{name|{{PAGENAME}}}}}
{{#if:{{{image|}}}|<tr><td colspan="2" style="text-align:center; padding:4px">[[File:{{{image}}}|220px]]</td></tr>}}
|-
! style="text-align:left" | Born
| {{{born|}}}{{#if:{{{city|}}}|<br>[[{{{city}}}]]|{{#if:{{{birthplace|}}}|<br>{{{birthplace}}}|}}}}
{{#if:{{{died|}}}|<tr><th style="text-align:left">Died</th><td>{{{died}}}</td></tr>}}
|-
! style="text-align:left" | Instruments
| {{{instruments|}}}
|-
! style="text-align:left" | Roles
| {{{roles|}}}
|-
! style="text-align:left" | Groups
| {{#if:{{{groups|}}}|{{#arraymap:{{{groups}}}|,|@@|[[@@]]|, }}|}}
|}
[[Category:Artists]]</includeonly>

Mbilia Bel

2026-07-13T19:47:32Z

Maintenance script: Add musician photos (Wikimedia Commons, freely licensed)

{{Artist
|name=Mbilia Bel
|born=1959
|birthplace=Kinshasa, Democratic Republic of the Congo
|city=Kinshasa
|instruments=Vocals
|roles=Singer
|groups=Afrisa International
|image=Mbilia_Bel.jpg
}}
'''Mbilia Bel''' (born 1959) is a Congolese singer who became the first major female star of [[Congolese rumba]]. She rose to fame in the early 1980s as the lead female vocalist of [[Afrisa International]] alongside [[Tabu Ley Rochereau]].

[[Category:Artists]]

Dr Nico

2026-07-13T19:47:30Z

Maintenance script: Add musician photos (Wikimedia Commons, freely licensed)

{{Artist
|name=Nicolas Kasanda (Dr Nico)
|born=1939-07-07
|died=1985-09-22
|instruments=Guitar
|roles=Guitarist, Composer
|groups=African Jazz
|image=Dr_Nico.jpg
}}
'''Dr Nico''' (Nicolas Kasanda wa Mikalay, 7 July 1939 – 22 September 1985) was a virtuoso guitarist often hailed as the "God of the guitar". A star of [[African Jazz]], he later co-founded African Fiesta with [[Tabu Ley Rochereau]] in 1963, shaping the melodic lead-guitar style at the heart of Congolese rumba.

[[Category:Artists]]

Vicky Longomba

2026-07-13T19:47:29Z

Maintenance script: Add musician photos (Wikimedia Commons, freely licensed)

{{Artist
|name=Vicky Longomba
|born=1934
|died=1988
|instruments=Vocals
|roles=Singer
|groups=OK Jazz
|image=Vicky_Longomba.jpg
}}
'''Vicky Longomba''' (1934–1988) was a Congolese singer and one of the co-founders of [[OK Jazz]] in 1956, sharing lead vocals with [[Franco Luambo]] during the orchestra's early years.

[[Category:Artists]]

Tabu Ley Rochereau

2026-07-13T19:47:28Z

Maintenance script: Add musician photos (Wikimedia Commons, freely licensed)

{{Artist
|name=Tabu Ley Rochereau
|born=1937-11-13
|died=2013-11-30
|birthplace=Bagata, Belgian Congo
|city=Bagata
|instruments=Vocals
|roles=Bandleader, Singer, Composer
|groups=African Jazz, Afrisa International
|image=Tabu_Ley_Rochereau.jpg
}}
'''Tabu Ley Rochereau''' (born Pascal-Emmanuel Sinamoyi Tabu, 13 November 1937 – 30 November 2013) was one of Africa's most prolific and influential singers and composers, credited with well over a thousand songs. He rose to fame in [[African Jazz]], co-founded African Fiesta with [[Dr Nico]] in 1963, and then led [[Afrisa International]]. In 1970 he became the first African musician to headline the Olympia in Paris.

== Discography ==
{{#cargo_query:
tables=Albums
|fields=_pageName=Album, year=Year, band=With, label=Label
|where=artist='Tabu Ley Rochereau'
|order by=year
|format=table
}}

[[Category:Artists]]

Joseph Kabasele

2026-07-13T19:47:28Z

Maintenance script: Add musician photos (Wikimedia Commons, freely licensed)

{{Artist
|name=Joseph Kabasele Tshamala
|born=1930-12-16
|died=1983-02-11
|birthplace=Matadi, Belgian Congo
|city=Matadi
|instruments=Vocals
|roles=Bandleader, Singer, Composer
|groups=African Jazz
|image=Joseph_Kabasele.jpg
}}
'''Joseph Kabasele Tshamala''' (16 December 1930 – 11 February 1983), known as '''Le Grand Kallé''', is often called the father of modern Congolese music. In 1953 he founded [[African Jazz]], the first professional Congolese orchestra, and in 1960 he wrote and recorded "[[Indépendance Cha Cha]]", which became a pan-African anthem of independence. He mentored many of the musicians who would go on to define the genre.

== Discography ==
{{#cargo_query:
tables=Albums
|fields=_pageName=Album, year=Year, band=With, label=Label
|where=artist='Joseph Kabasele'
|order by=year
|format=table
}}

[[Category:Artists]]

Franco Luambo

2026-07-13T19:47:27Z

Maintenance script: Add musician photos (Wikimedia Commons, freely licensed)

{{Artist
|name=Franco Luambo Makiadi
|born=1938-07-06
|died=1989-10-12
|birthplace=Sona-Bata, Belgian Congo
|city=Sona-Bata
|instruments=Guitar, Vocals
|roles=Bandleader, Guitarist, Singer, Composer
|groups=OK Jazz
|image=Franco_Luambo.jpg
}}
'''Franco Luambo Makiadi''' (6 July 1938 – 12 October 1989), known simply as '''Franco''' or "Le Grand Maître", was a Congolese guitarist, singer and bandleader, and the towering figure of [[Congolese rumba]]. He co-founded [[OK Jazz]] in 1956 and led it — as TPOK Jazz — until his death, composing hundreds of songs ranging from dance numbers to sharp social and political commentary. His late hit "[[Attention na SIDA]]" (1987) was one of the first African records to confront the AIDS epidemic.

== Discography ==
{{#cargo_query:
tables=Albums
|fields=_pageName=Album, year=Year, band=With, label=Label
|where=artist='Franco Luambo'
|order by=year
|format=table
}}

[[Category:Artists]]

Template:Artist

2026-07-13T19:47:24Z

Maintenance script: Add musician photos (Wikimedia Commons, freely licensed)

<noinclude>
This template stores data about a person (musician) in the '''Artists''' Cargo table.

Usage:
<pre>
{{Artist
|name=
|born=
|died=
|birthplace=
|instruments=
|roles=
|groups=
|image=
}}
</pre>
{{#cargo_declare:_table=Artists
|name=String
|born=Date
|died=Date
|birthplace=String
|city=String
|instruments=List (,) of String
|roles=List (,) of String
|groups=List (,) of String
}}
[[Category:Templates]]
</noinclude><includeonly>{{#cargo_store:_table=Artists
|name={{{name|{{PAGENAME}}}}}
|born={{{born|}}}
|died={{{died|}}}
|birthplace={{{birthplace|}}}
|city={{{city|}}}
|instruments={{{instruments|}}}
|roles={{{roles|}}}
|groups={{{groups|}}}
}}{| class="wikitable" style="float:right; width:23em; font-size:90%; margin:0 0 1em 1em"
|-
! colspan="2" style="background:#1d3f8f; color:#fff; font-size:115%" | {{{name|{{PAGENAME}}}}}
{{#if:{{{image|}}}|
|-
| colspan="2" style="text-align:center; padding:4px" | [[File:{{{image}}}|220px]]
}}
|-
! style="text-align:left" | Born
| {{{born|}}}{{#if:{{{city|}}}|<br>[[{{{city}}}]]|{{#if:{{{birthplace|}}}|<br>{{{birthplace}}}|}}}}
|-
{{#if:{{{died|}}}|! style="text-align:left" | Died
| {{{died}}}
|-|}}! style="text-align:left" | Instruments
| {{{instruments|}}}
|-
! style="text-align:left" | Roles
| {{{roles|}}}
|-
! style="text-align:left" | Groups
| {{#if:{{{groups|}}}|{{#arraymap:{{{groups}}}|,|@@|[[@@]]|, }}|}}
|}
[[Category:Artists]]</includeonly>

File:Vicky Longomba.jpg

2026-07-13T19:45:32Z

Maintenance script: Vicky Longomba, Actualités Africaines, 9 October 1960, Léopoldville. == Summary == '''Author''': unknown, Actualités Africaines '''Date''': 1960-10-09 '''Source''': [https://commons.wikimedia.org/wiki/File:Vicky_Longomba.jpg Wikimedia Commons] '''License''': Public domain (per Wikimedia Commons). Category:Artists

Vicky Longomba, Actualités Africaines, 9 October 1960, Léopoldville.

== Summary ==
'''Author''': unknown, Actualités Africaines
'''Date''': 1960-10-09
'''Source''': [https://commons.wikimedia.org/wiki/File:Vicky_Longomba.jpg Wikimedia Commons]
'''License''': Public domain (per Wikimedia Commons).

[[Category:Artists]]

File:Tabu Ley Rochereau.jpg

2026-07-13T19:45:32Z

Maintenance script: Tabu Ley Rochereau performing in San Francisco, 1980. == Summary == '''Author''': Philip Gould / The Rosebud Agency '''Date''': 1980 '''Source''': [https://commons.wikimedia.org/wiki/File:Press_photo_of_Tabu_Ley_Rochereau_in_San_Francisco_(1980).jpg Wikimedia Commons] '''License''': Public domain (per Wikimedia Commons). Category:Artists

Tabu Ley Rochereau performing in San Francisco, 1980.

== Summary ==
'''Author''': Philip Gould / The Rosebud Agency
'''Date''': 1980
'''Source''': [https://commons.wikimedia.org/wiki/File:Press_photo_of_Tabu_Ley_Rochereau_in_San_Francisco_(1980).jpg Wikimedia Commons]
'''License''': Public domain (per Wikimedia Commons).

[[Category:Artists]]

File:Mbilia Bel.jpg

2026-07-13T19:45:32Z

Maintenance script: Mbilia Bel, 1990s. == Summary == '''Author''': GrabinMatendo (own work) '''Date''': 1990s '''Source''': [https://commons.wikimedia.org/wiki/File:Maman_Mbilia_Bel.jpg Wikimedia Commons] '''License''': CC0 1.0 Universal — public domain dedication. Category:Artists

Mbilia Bel, 1990s.

== Summary ==
'''Author''': GrabinMatendo (own work)
'''Date''': 1990s
'''Source''': [https://commons.wikimedia.org/wiki/File:Maman_Mbilia_Bel.jpg Wikimedia Commons]
'''License''': CC0 1.0 Universal — public domain dedication.

[[Category:Artists]]

File:Joseph Kabasele.jpg

2026-07-13T19:45:32Z

Maintenance script: Joseph Kabasele, Opika Records promotional photo, Léopoldville, c. 1949–1955. == Summary == '''Author''': unknown, Opika Records '''Date''': between 1949 and 1955 '''Source''': [https://commons.wikimedia.org/wiki/File:Joseph_Kabasele_promotional_photo.jpg Wikimedia Commons] '''License''': Public domain (per Wikimedia Commons). Category:Artists

Joseph Kabasele, Opika Records promotional photo, Léopoldville, c. 1949–1955.

== Summary ==
'''Author''': unknown, Opika Records
'''Date''': between 1949 and 1955
'''Source''': [https://commons.wikimedia.org/wiki/File:Joseph_Kabasele_promotional_photo.jpg Wikimedia Commons]
'''License''': Public domain (per Wikimedia Commons).

[[Category:Artists]]

File:Franco Luambo.jpg

2026-07-13T19:45:32Z

Maintenance script: Franco Luambo Makiadi with guitar, Léopoldville, 1956. == Summary == '''Author''': Jean Depara '''Date''': 1956 '''Source''': [https://commons.wikimedia.org/wiki/File:Franco_Luambo_%C3%A0_L%C3%A9opoldville.jpg Wikimedia Commons] '''License''': Creative Commons Attribution-ShareAlike 4.0 International ([https://creativecommons.org/licenses/by-sa/4.0 CC BY-SA 4.0]). Attribution: Jean Depara. Category:Artists

Franco Luambo Makiadi with guitar, Léopoldville, 1956.

== Summary ==
'''Author''': Jean Depara
'''Date''': 1956
'''Source''': [https://commons.wikimedia.org/wiki/File:Franco_Luambo_%C3%A0_L%C3%A9opoldville.jpg Wikimedia Commons]
'''License''': Creative Commons Attribution-ShareAlike 4.0 International ([https://creativecommons.org/licenses/by-sa/4.0 CC BY-SA 4.0]). Attribution: Jean Depara.

[[Category:Artists]]

File:Dr Nico.jpg

2026-07-13T19:45:32Z

Maintenance script: Docteur Nico (Nicolas Kasanda), portrait, Léopoldville, c. 1963–1968. == Summary == '''Author''': unknown, Ngoma '''Date''': between 1963 and 1968 '''Source''': [https://commons.wikimedia.org/wiki/File:Docteur_Nico_portrait.jpg Wikimedia Commons] '''License''': Public domain (per Wikimedia Commons). Category:Artists

Docteur Nico (Nicolas Kasanda), portrait, Léopoldville, c. 1963–1968.

== Summary ==
'''Author''': unknown, Ngoma
'''Date''': between 1963 and 1968
'''Source''': [https://commons.wikimedia.org/wiki/File:Docteur_Nico_portrait.jpg Wikimedia Commons]
'''License''': Public domain (per Wikimedia Commons).

[[Category:Artists]]

MediaWiki:Common.css

2026-07-13T19:40:04Z

Maintenance script: Fix invisible table header text (CSS specificity bug)

/* ===== Rumba Congolaise wiki — theme after frameinframe.nyc ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@400;500;700&display=swap');

:root {
--maroon: #4a0e11;
--maroon-dark: #2b0a0d;
--ivory: #f3ece0;
--mint: #45b87d;
--mint-soft: #8fcfa8;

/* Override Vector-2022 / Codex design tokens so every component (TOC,
buttons, sidebar panels) inherits the theme instead of staying white. */
--background-color-base: var(--maroon-dark) !important;
--background-color-base-fixed: var(--maroon-dark) !important;
--background-color-neutral: var(--maroon-dark) !important;
--background-color-neutral-subtle: var(--maroon-dark) !important;
--background-color-interactive: var(--maroon-dark) !important;
--background-color-interactive-subtle: var(--maroon-dark) !important;
--background-color-progressive-subtle: var(--maroon-dark) !important;
--background-color-disabled: var(--maroon-dark) !important;
--color-base: var(--mint) !important;
--color-emphasized: var(--ivory) !important;
--color-subtle: var(--mint-soft) !important;
--color-disabled: var(--mint-soft) !important;
--border-color-base: var(--mint) !important;
--border-color-muted: var(--mint) !important;
--border-color-subtle: var(--mint) !important;
--border-color-interactive: var(--mint) !important;
}

html { background-color: var(--maroon) !important; }

/* Belt-and-suspenders: components with hardcoded (non-token) white boxes */
.vector-pinnable-element,
.vector-menu-content-list,
#toc, .vector-toc, .vector-toc-contents, .vector-toc-list,
.sidebar-toc, .cdx-button, .cdx-text-input__input {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
box-shadow: none !important;
}
.vector-toc-text, .vector-toc-level-1-to-2 { color: var(--mint) !important; }

body,
.mw-page-container,
.mw-body,
#content,
.vector-body,
.mw-body-content {
background-color: var(--maroon) !important;
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

#content p,
#content li,
#content dd,
#content dt,
#content td,
#content th,
.mw-body-content p,
.mw-body-content li {
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

/* Headings — bold condensed display face, like the wordmark */
h1, h2, h3, h4, h5, h6,
.firstHeading,
#firstHeading {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
font-weight: 400 !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.firstHeading, #firstHeading { border-bottom: 3px solid var(--mint); padding-bottom: 0.2em; }

/* Site title / logo area, echoing the wordmark treatment */
.mw-logo-wordmark, #p-logo-text, .mw-logo-container {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
}

/* Links */
a, a:visited { color: var(--mint) !important; font-weight: 700 !important; }
a:hover, a:focus { color: var(--mint-soft) !important; text-decoration: underline; }
a.new, a.new:visited { color: #c98a4a !important; }

/* Nav / sidebar / header bars — the darker maroon band, like the top nav */
#mw-panel, .vector-menu-content, .mw-portlet,
.mw-header, .vector-header, #p-logo,
.vector-pinnable-header {
background-color: var(--maroon-dark) !important;
}
.vector-menu-heading, .mw-portlet-body h3 {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.vector-menu-content a, #mw-panel a { color: var(--mint) !important; font-weight: 500 !important; }

/* Tables — Cargo output, wikitables */
table.wikitable, table.cargoTable, table.cargoDynamicTableFormat {
background-color: var(--maroon-dark) !important;
border: 2px solid var(--mint) !important;
color: var(--mint) !important;
}
/* NOTE: prefixed with #content so specificity beats the generic
"#content th { color: mint }" rule above — otherwise header labels
render as mint-on-mint (invisible), since ID beats class regardless
of !important or source order when specificity differs. */
#content table.wikitable th, #content table.cargoTable th,
#content table[style*="float:right"] th {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
background-color: var(--mint) !important;
color: var(--maroon-dark) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
table.wikitable td, table.cargoTable td { border-color: var(--mint) !important; }

/* Infoboxes from Group/Artist/Album/Place/Label templates */
table[style*="float:right"] { border: 2px solid var(--mint) !important; }

/* Category strip, footer */
#catlinks, #footer, .mw-footer {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

MediaWiki:Common.css

2026-07-13T19:37:39Z

Maintenance script: Fix white boxes: override Codex design tokens

/* ===== Rumba Congolaise wiki — theme after frameinframe.nyc ===== */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Condensed:wght@400;500;700&display=swap');

:root {
--maroon: #4a0e11;
--maroon-dark: #2b0a0d;
--ivory: #f3ece0;
--mint: #45b87d;
--mint-soft: #8fcfa8;

/* Override Vector-2022 / Codex design tokens so every component (TOC,
buttons, sidebar panels) inherits the theme instead of staying white. */
--background-color-base: var(--maroon-dark) !important;
--background-color-base-fixed: var(--maroon-dark) !important;
--background-color-neutral: var(--maroon-dark) !important;
--background-color-neutral-subtle: var(--maroon-dark) !important;
--background-color-interactive: var(--maroon-dark) !important;
--background-color-interactive-subtle: var(--maroon-dark) !important;
--background-color-progressive-subtle: var(--maroon-dark) !important;
--background-color-disabled: var(--maroon-dark) !important;
--color-base: var(--mint) !important;
--color-emphasized: var(--ivory) !important;
--color-subtle: var(--mint-soft) !important;
--color-disabled: var(--mint-soft) !important;
--border-color-base: var(--mint) !important;
--border-color-muted: var(--mint) !important;
--border-color-subtle: var(--mint) !important;
--border-color-interactive: var(--mint) !important;
}

html { background-color: var(--maroon) !important; }

/* Belt-and-suspenders: components with hardcoded (non-token) white boxes */
.vector-pinnable-element,
.vector-menu-content-list,
#toc, .vector-toc, .vector-toc-contents, .vector-toc-list,
.sidebar-toc, .cdx-button, .cdx-text-input__input {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
box-shadow: none !important;
}
.vector-toc-text, .vector-toc-level-1-to-2 { color: var(--mint) !important; }

body,
.mw-page-container,
.mw-body,
#content,
.vector-body,
.mw-body-content {
background-color: var(--maroon) !important;
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

#content p,
#content li,
#content dd,
#content dt,
#content td,
#content th,
.mw-body-content p,
.mw-body-content li {
color: var(--mint) !important;
font-family: 'Roboto Condensed', 'Segoe UI', Arial, sans-serif !important;
font-weight: 400;
}

/* Headings — bold condensed display face, like the wordmark */
h1, h2, h3, h4, h5, h6,
.firstHeading,
#firstHeading {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
font-weight: 400 !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.firstHeading, #firstHeading { border-bottom: 3px solid var(--mint); padding-bottom: 0.2em; }

/* Site title / logo area, echoing the wordmark treatment */
.mw-logo-wordmark, #p-logo-text, .mw-logo-container {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
}

/* Links */
a, a:visited { color: var(--mint) !important; font-weight: 700 !important; }
a:hover, a:focus { color: var(--mint-soft) !important; text-decoration: underline; }
a.new, a.new:visited { color: #c98a4a !important; }

/* Nav / sidebar / header bars — the darker maroon band, like the top nav */
#mw-panel, .vector-menu-content, .mw-portlet,
.mw-header, .vector-header, #p-logo,
.vector-pinnable-header {
background-color: var(--maroon-dark) !important;
}
.vector-menu-heading, .mw-portlet-body h3 {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
color: var(--ivory) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.vector-menu-content a, #mw-panel a { color: var(--mint) !important; font-weight: 500 !important; }

/* Tables — Cargo output, wikitables */
table.wikitable, table.cargoTable, table.cargoDynamicTableFormat {
background-color: var(--maroon-dark) !important;
border: 2px solid var(--mint) !important;
color: var(--mint) !important;
}
table.wikitable th, table.cargoTable th {
font-family: 'Anton', 'Arial Narrow', sans-serif !important;
background-color: var(--mint) !important;
color: var(--maroon-dark) !important;
text-transform: uppercase;
letter-spacing: 0.02em;
}
table.wikitable td, table.cargoTable td { border-color: var(--mint) !important; }

/* Infoboxes from Group/Artist/Album/Place/Label templates */
table[style*="float:right"] { border: 2px solid var(--mint) !important; }
table[style*="float:right"] th { font-family: 'Anton', 'Arial Narrow', sans-serif !important; }

/* Category strip, footer */
#catlinks, #footer, .mw-footer {
background-color: var(--maroon-dark) !important;
color: var(--mint) !important;
border-color: var(--mint) !important;
}

MediaWiki:Common.css

2026-07-13T19:35:53Z

Maintenance script: Site theme: frameinframe.nyc-inspired maroon/mint

Graph

2026-07-13T18:23:39Z

Maintenance script: Add Timeline & Graph views

This '''knowledge graph''' maps every artist, orchestra, album, place and label in the wiki and the connections between them — much like the graph view in Obsidian. Drag nodes to explore, scroll to zoom, and click any node to open its page.

<div id="rumba-graph-embed" style="min-height:78vh; padding:1em; border:1px dashed #99a; border-radius:10px">
[https://wiki.juanfortun.ch/rumba/graph.html ▶ Open the interactive graph]  <small>(loading the embedded view…)</small>
</div>

; Legend
: 🔴 Orchestra   🔵 Artist   🟡 Album   🟢 Place   🟣 Label

[[Category:Views]]

Timeline

2026-07-13T18:23:39Z

Maintenance script: Add Timeline & Graph views

An interactive '''timeline''' of [[Congolese rumba]] — the active years of each orchestra, the lifespans of the musicians, and the release years of the albums. Drag sideways to pan, scroll to zoom, and click any bar to open its page.

<div id="rumba-timeline-embed" style="min-height:70vh; padding:1em; border:1px dashed #99a; border-radius:10px">
[https://wiki.juanfortun.ch/rumba/timeline.html ▶ Open the interactive timeline]  <small>(loading the embedded view…)</small>
</div>

[[Category:Views]]

MediaWiki:Common.js

2026-07-13T18:23:38Z

Maintenance script: Add Timeline & Graph views

/* Embed the Rumba interactive views (timeline + knowledge graph). */
$(function(){
function embed(id, src){
var el = document.getElementById(id);
if(!el) return;
var f = document.createElement('iframe');
f.src = src;
f.setAttribute('loading','lazy');
f.setAttribute('style','width:100%;height:78vh;border:1px solid #33363d;'
+ 'border-radius:10px;background:#16181d');
el.innerHTML = '';
el.appendChild(f);
}
embed('rumba-graph-embed', '/rumba/graph.html');
embed('rumba-timeline-embed', '/rumba/timeline.html');
});

Main Page

2026-07-13T18:23:38Z

Maintenance script: Add Timeline & Graph views

<div style="font-size:120%; padding:0.5em 0">
Welcome to the '''Rumba Congolaise Wiki''' — a catalogue of [[Congolese rumba]]: its orchestras, its artists, and their records.
</div>

<div style="text-align:center; margin:0.6em 0; font-size:108%">
📅 '''[[Timeline]]'''  ·  🕸 '''[[Graph]]'''  ·  [[Special:AllPages|All pages]]
</div>

== Orchestras ==
{{#cargo_query:
tables=Groups
|fields=_pageName=Orchestra, founded=Founded, origin=Origin
|order by=founded
|format=table
}}

== Artists ==
{{#cargo_query:
tables=Artists
|fields=_pageName=Artist, roles=Roles, groups=Groups
|order by=_pageName
|format=table
}}

== Albums ==
{{#cargo_query:
tables=Albums
|fields=_pageName=Album, artist=Artist, year=Year, label=Label
|order by=year
|format=table
}}

== Places ==
{{#cargo_query:
tables=Places
|fields=_pageName=Place, country=Country
|order by=_pageName
|format=list
}}

== Labels ==
{{#cargo_query:
tables=Labels
|fields=_pageName=Label, country=Country
|order by=_pageName
|format=list
}}

<small>Seeded with example data — edit freely to expand.</small>

Main Page

2026-07-13T12:50:44Z