MuhRO - User contributions [en]

MediaWiki:Common.js

2026-05-27T14:49:59Z

MuhRO maintenance: Restore floating expand collapse controls

/* Any JavaScript here will be loaded for all users on every page load. */
$('.copy-link').on('click', function() {

var link = $(this);
var copy_id = $(this).attr('id');
var text = $(this).text();
var clipboard = new ClipboardJS('#' + copy_id );
clipboard.on('success', function(e) {
link.text('Copied!');
setTimeout(function() {
link.text(''+text);
}, 2000);
});

});

(function () {
window.muhroGetFloatingTools = function () {
var $tools = $('#muhro-floating-tools');

if (!$tools.length) {
$tools = $('<div>')
.attr('id', 'muhro-floating-tools')
.addClass('muhro-floating-tools noprint');
$('body').append($tools);
}

return $tools;
};
}());

(function () {
function normalizeLegacyCollapsibles($root) {
var $legacy = $root.find('table.collapsible, div.collapsible, ul.collapsible, ol.collapsible')
.not('.mw-collapsible');

$legacy.each(function () {
var $element = $(this);

$element.addClass('mw-collapsible');
if ($element.hasClass('collapsed')) {
$element.addClass('mw-collapsed');
}
});

$legacy.makeCollapsible();
}

function findCollapsibles($root) {
return $root
.find('.mw-collapsible')
.add($root.filter('.mw-collapsible'));
}

function updateButtons($root, $expand, $collapse) {
var $items = findCollapsibles($root);
var collapsedCount = $items.filter('.mw-collapsed').length;

$expand.prop('disabled', $items.length === 0 || collapsedCount === 0);
$collapse.prop('disabled', $items.length === 0 || collapsedCount === $items.length);
}

function triggerFallback($element, collapse) {
if ($element.hasClass('mw-collapsed') === collapse) {
return;
}

$element.find('> .muhro-early-toggle, .muhro-early-toggle').first().trigger('click');
}

function setAll($root, collapse, $expand, $collapse) {
findCollapsibles($root).each(function () {
var $element = $(this);
var api = $element.data('mw-collapsible');

if ($element.hasClass('mw-collapsed') === collapse) {
return;
}

if (api) {
if (collapse) {
api.collapse();
} else {
api.expand();
}
} else {
triggerFallback($element, collapse);
}
});

window.setTimeout(function () {
updateButtons($root, $expand, $collapse);
}, 0);
}

function attachControls($root) {
if ($('#muhro-collapse-controls').length || !findCollapsibles($root).length) {
return false;
}

var $expand = $('<button>')
.attr('type', 'button')
.addClass('muhro-collapse-button')
.text('Expand all');
var $collapse = $('<button>')
.attr('type', 'button')
.addClass('muhro-collapse-button')
.text('Collapse all');
var $controls = $('<div>')
.attr({
id: 'muhro-collapse-controls',
role: 'group',
'aria-label': 'Collapsible content controls'
})
.addClass('muhro-collapse-controls')
.append($expand, $collapse);

$expand.on('click', function () {
setAll($root, false, $expand, $collapse);
});
$collapse.on('click', function () {
setAll($root, true, $expand, $collapse);
});
$root.on('click keydown', '.mw-collapsible-toggle', function () {
window.setTimeout(function () {
updateButtons($root, $expand, $collapse);
}, 0);
});

updateButtons($root, $expand, $collapse);
window.muhroGetFloatingTools().prepend($controls);
return true;
}

function addCollapsibleControls($content) {
var $root = $content.find('.mw-parser-output').first();
var attempts = 0;

if (!$root.length) {
$root = $content;
}

normalizeLegacyCollapsibles($root);

function tryAttach() {
attempts++;
if (attachControls($root) || attempts >= 40) {
return;
}
window.setTimeout(tryAttach, 250);
}

tryAttach();
}

mw.loader.using('jquery.makeCollapsible').then(function () {
mw.hook('wikipage.content').add(addCollapsibleControls);
});
}());

(function () {
function filterToc($panel, query) {
var normalized = query.trim().toLowerCase();

$panel.find('li').removeClass('muhro-toc-match muhro-toc-hidden muhro-toc-ancestor');

if (!normalized) {
return;
}

$panel.find('li').each(function () {
var $item = $(this);
var text = $item.children('a').first().text().toLowerCase();

if (text.indexOf(normalized) !== -1) {
$item.addClass('muhro-toc-match');
$item.parents('li').addClass('muhro-toc-ancestor');
}
});

$panel.find('li').each(function () {
var $item = $(this);
if (!$item.hasClass('muhro-toc-match') && !$item.hasClass('muhro-toc-ancestor')) {
$item.addClass('muhro-toc-hidden');
}
});
}

function addFloatingToc($content) {
var $toc = $content.find('#toc').first();
var $tocList;
var $button;
var $panel;
var $header;
var $filter;
var $body;
var $wrapper;

if ($('#muhro-floating-toc').length || !$toc.length) {
return;
}

$tocList = $toc.find('> ul, .toc > ul').first().clone(false);
if (!$tocList.length) {
$tocList = $toc.find('ul').first().clone(false);
}
if (!$tocList.length) {
return;
}

$tocList.find('[id]').removeAttr('id');
$tocList.find('.tocnumber').attr('aria-hidden', 'true');

$button = $('<button>')
.attr({
type: 'button',
'aria-expanded': 'false',
'aria-controls': 'muhro-floating-toc-panel'
})
.addClass('muhro-floating-toc-button')
.text('Contents');

$filter = $('<input>')
.attr({
type: 'search',
placeholder: 'Filter contents',
'aria-label': 'Filter contents'
})
.addClass('muhro-floating-toc-filter');

$header = $('<div>')
.addClass('muhro-floating-toc-header')
.append($filter);

$body = $('<div>')
.addClass('muhro-floating-toc-body')
.append($tocList);

$panel = $('<nav>')
.attr({
id: 'muhro-floating-toc-panel',
'aria-label': 'Page contents'
})
.addClass('muhro-floating-toc-panel')
.append($header, $body);

$wrapper = $('<div>')
.attr('id', 'muhro-floating-toc')
.addClass('muhro-floating-toc')
.append($button, $panel);

$button.on('click', function () {
var open = !$wrapper.hasClass('is-open');
$wrapper.toggleClass('is-open', open);
$button.attr('aria-expanded', open ? 'true' : 'false');
if (open) {
window.setTimeout(function () {
$filter.trigger('focus');
}, 0);
}
});

$filter.on('input', function () {
filterToc($panel, $filter.val());
});

$panel.on('click', 'a', function () {
if (window.matchMedia('(max-width: 720px)').matches) {
$wrapper.removeClass('is-open');
$button.attr('aria-expanded', 'false');
}
});

window.muhroGetFloatingTools().append($wrapper);
}

mw.hook('wikipage.content').add(addFloatingToc);
}());

MediaWiki:Common.css

2026-05-27T14:44:26Z

MuhRO maintenance: Prevent floating page tool overlap

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@600;800&display=swap');

/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */

body {
font-family: "Baloo Paaji 2", cursive;
}

.copy-link{
cursor: pointer;
}

.mw-body {
background: #fff url(https://test.muhro.eu/flux/themes/th1/img/cowpattern.png) repeat;
}
#ca-viewsource { display: none !important; }
#footer-places-disclaimer { display: none; }

.muhro-early-collapsed > tbody > tr:not(:first-child),
.muhro-early-collapsed > thead + tbody,
.muhro-early-collapsed > tr:not(:first-child),
.muhro-early-collapsed > .mw-collapsible-content {
display: none;
}

.muhro-early-toggle {
float: right;
margin-left: 0.75rem;
border: 0;
background: transparent;
color: #36c;
cursor: pointer;
font: inherit;
padding: 0;
}

.muhro-early-toggle:hover,
.muhro-early-toggle:focus {
text-decoration: underline;
}

.muhro-floating-tools {
position: fixed;
top: 4.5rem;
right: 1rem;
z-index: 1002;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.45rem;
max-width: min(22rem, calc(100vw - 2rem));
}

.muhro-collapse-controls {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
justify-content: flex-end;
padding: 0.35rem;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.muhro-floating-toc {
max-width: min(22rem, calc(100vw - 2rem));
}

.muhro-floating-toc-button,
.muhro-collapse-button {
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #f8f9fa;
color: #202122;
cursor: pointer;
font: inherit;
line-height: 1.4;
}

.muhro-floating-toc-button {
float: right;
padding: 0.3rem 0.8rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.muhro-collapse-button {
padding: 0.25rem 0.75rem;
}

.muhro-floating-toc-button:hover,
.muhro-floating-toc-button:focus,
.muhro-collapse-button:hover:not(:disabled),
.muhro-collapse-button:focus:not(:disabled) {
border-color: #72777d;
background: #fff;
}

.muhro-collapse-button:disabled {
color: #72777d;
cursor: default;
opacity: 0.7;
}

.muhro-floating-toc-panel {
clear: both;
display: none;
width: 22rem;
max-width: calc(100vw - 2rem);
max-height: min(70vh, 44rem);
margin-top: 0.4rem;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
overflow: hidden;
}

.muhro-floating-toc.is-open .muhro-floating-toc-panel {
display: flex;
flex-direction: column;
}

.muhro-floating-toc-header {
position: sticky;
top: 0;
z-index: 1;
border-bottom: 1px solid #eaecf0;
background: #fff;
padding: 0.55rem 0.65rem;
}

.muhro-floating-toc-filter {
box-sizing: border-box;
width: 100%;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
color: #202122;
font: inherit;
line-height: 1.4;
padding: 0.3rem 0.45rem;
}

.muhro-floating-toc-filter:focus {
border-color: #36c;
outline: 1px solid #36c;
}

.muhro-floating-toc-body {
overflow: auto;
padding: 0.55rem 0.85rem 0.65rem;
}

.muhro-floating-toc-panel ul {
margin: 0;
padding-left: 1.2rem;
}

.muhro-floating-toc-panel > .muhro-floating-toc-body > ul {
padding-left: 0;
}

.muhro-floating-toc-panel li {
margin: 0.15rem 0;
list-style: none;
}

.muhro-floating-toc-panel a {
display: block;
color: #36c;
line-height: 1.25;
padding: 0.12rem 0;
text-decoration: none;
}

.muhro-floating-toc-panel a:hover,
.muhro-floating-toc-panel a:focus {
text-decoration: underline;
}

.muhro-floating-toc-panel .tocnumber {
color: #54595d;
margin-right: 0.35rem;
}

.muhro-floating-toc-panel .muhro-toc-hidden {
display: none;
}

.muhro-floating-toc-panel .muhro-toc-match > a {
border-radius: 3px;
background: #eaf3ff;
}

@media (max-width: 720px) {
.muhro-floating-tools {
top: 0.5rem;
right: 0.5rem;
max-width: calc(100vw - 1rem);
}

.muhro-floating-toc,
.muhro-floating-toc-panel {
width: calc(100vw - 1rem);
max-width: calc(100vw - 1rem);
}

.muhro-floating-toc-panel {
max-height: 55vh;
}

.muhro-collapse-button {
padding: 0.2rem 0.55rem;
}
}

MediaWiki:Common.js

2026-05-27T14:43:43Z

MuhRO maintenance: Use one floating page tools container

/* Any JavaScript here will be loaded for all users on every page load. */
$('.copy-link').on('click', function() {

var link = $(this);
var copy_id = $(this).attr('id');
var text = $(this).text();
var clipboard = new ClipboardJS('#' + copy_id );
clipboard.on('success', function(e) {
link.text('Copied!');
setTimeout(function() {
link.text(''+text);
}, 2000);
});

});

(function () {
window.muhroGetFloatingTools = function () {
var $tools = $('#muhro-floating-tools');

if (!$tools.length) {
$tools = $('<div>')
.attr('id', 'muhro-floating-tools')
.addClass('muhro-floating-tools noprint');
$('body').append($tools);
}

return $tools;
};
}());

(function () {
function normalizeLegacyCollapsibles($root) {
var $legacy = $root.find('table.collapsible, div.collapsible, ul.collapsible, ol.collapsible')
.not('.mw-collapsible');

$legacy.each(function () {
var $element = $(this);

$element.addClass('mw-collapsible');
if ($element.hasClass('collapsed')) {
$element.addClass('mw-collapsed');
}
});

$legacy.makeCollapsible();
}

function findCollapsibles($root) {
return $root
.find('.mw-collapsible.mw-made-collapsible')
.add($root.filter('.mw-collapsible.mw-made-collapsible'));
}

function updateButtons($root, $expand, $collapse) {
var $items = findCollapsibles($root);
var collapsedCount = $items.filter('.mw-collapsed').length;

$expand.prop('disabled', $items.length === 0 || collapsedCount === 0);
$collapse.prop('disabled', $items.length === 0 || collapsedCount === $items.length);
}

function setAll($root, collapse, $expand, $collapse) {
findCollapsibles($root).each(function () {
var $element = $(this);
var api = $element.data('mw-collapsible');

if (!api || $element.hasClass('mw-collapsed') === collapse) {
return;
}

if (collapse) {
api.collapse();
} else {
api.expand();
}
});

updateButtons($root, $expand, $collapse);
}

function attachControls($root) {
if ($('#muhro-collapse-controls').length || !findCollapsibles($root).length) {
return false;
}

var $expand = $('<button>')
.attr('type', 'button')
.addClass('muhro-collapse-button')
.text('Expand all');
var $collapse = $('<button>')
.attr('type', 'button')
.addClass('muhro-collapse-button')
.text('Collapse all');
var $controls = $('<div>')
.attr({
id: 'muhro-collapse-controls',
role: 'group',
'aria-label': 'Collapsible content controls'
})
.addClass('muhro-collapse-controls')
.append($expand, $collapse);

$expand.on('click', function () {
setAll($root, false, $expand, $collapse);
});
$collapse.on('click', function () {
setAll($root, true, $expand, $collapse);
});
$root.on('click keydown', '.mw-collapsible-toggle', function () {
window.setTimeout(function () {
updateButtons($root, $expand, $collapse);
}, 0);
});

updateButtons($root, $expand, $collapse);
window.muhroGetFloatingTools().prepend($controls);
return true;
}

function addCollapsibleControls($content) {
var $root = $content.find('.mw-parser-output').first();
var attempts = 0;

if (!$root.length) {
$root = $content;
}

normalizeLegacyCollapsibles($root);

function tryAttach() {
attempts++;
if (attachControls($root) || attempts >= 20) {
return;
}
window.setTimeout(tryAttach, 250);
}

tryAttach();
}

mw.loader.using('jquery.makeCollapsible').then(function () {
mw.hook('wikipage.content').add(addCollapsibleControls);
});
}());

(function () {
function filterToc($panel, query) {
var normalized = query.trim().toLowerCase();

$panel.find('li').removeClass('muhro-toc-match muhro-toc-hidden muhro-toc-ancestor');

if (!normalized) {
return;
}

$panel.find('li').each(function () {
var $item = $(this);
var text = $item.children('a').first().text().toLowerCase();

if (text.indexOf(normalized) !== -1) {
$item.addClass('muhro-toc-match');
$item.parents('li').addClass('muhro-toc-ancestor');
}
});

$panel.find('li').each(function () {
var $item = $(this);
if (!$item.hasClass('muhro-toc-match') && !$item.hasClass('muhro-toc-ancestor')) {
$item.addClass('muhro-toc-hidden');
}
});
}

function addFloatingToc($content) {
var $toc = $content.find('#toc').first();
var $tocList;
var $button;
var $panel;
var $header;
var $filter;
var $body;
var $wrapper;

if ($('#muhro-floating-toc').length || !$toc.length) {
return;
}

$tocList = $toc.find('> ul, .toc > ul').first().clone(false);
if (!$tocList.length) {
$tocList = $toc.find('ul').first().clone(false);
}
if (!$tocList.length) {
return;
}

$tocList.find('[id]').removeAttr('id');
$tocList.find('.tocnumber').attr('aria-hidden', 'true');

$button = $('<button>')
.attr({
type: 'button',
'aria-expanded': 'false',
'aria-controls': 'muhro-floating-toc-panel'
})
.addClass('muhro-floating-toc-button')
.text('Contents');

$filter = $('<input>')
.attr({
type: 'search',
placeholder: 'Filter contents',
'aria-label': 'Filter contents'
})
.addClass('muhro-floating-toc-filter');

$header = $('<div>')
.addClass('muhro-floating-toc-header')
.append($filter);

$body = $('<div>')
.addClass('muhro-floating-toc-body')
.append($tocList);

$panel = $('<nav>')
.attr({
id: 'muhro-floating-toc-panel',
'aria-label': 'Page contents'
})
.addClass('muhro-floating-toc-panel')
.append($header, $body);

$wrapper = $('<div>')
.attr('id', 'muhro-floating-toc')
.addClass('muhro-floating-toc')
.append($button, $panel);

$button.on('click', function () {
var open = !$wrapper.hasClass('is-open');
$wrapper.toggleClass('is-open', open);
$button.attr('aria-expanded', open ? 'true' : 'false');
if (open) {
window.setTimeout(function () {
$filter.trigger('focus');
}, 0);
}
});

$filter.on('input', function () {
filterToc($panel, $filter.val());
});

$panel.on('click', 'a', function () {
if (window.matchMedia('(max-width: 720px)').matches) {
$wrapper.removeClass('is-open');
$button.attr('aria-expanded', 'false');
}
});

window.muhroGetFloatingTools().append($wrapper);
}

mw.hook('wikipage.content').add(addFloatingToc);
}());

MediaWiki:Common.css

2026-05-27T14:42:12Z

MuhRO maintenance: Keep expand controls above floating contents

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@600;800&display=swap');

/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */

body {
font-family: "Baloo Paaji 2", cursive;
}

.copy-link{
cursor: pointer;
}

.mw-body {
background: #fff url(https://test.muhro.eu/flux/themes/th1/img/cowpattern.png) repeat;
}
#ca-viewsource { display: none !important; }
#footer-places-disclaimer { display: none; }

.muhro-early-collapsed > tbody > tr:not(:first-child),
.muhro-early-collapsed > thead + tbody,
.muhro-early-collapsed > tr:not(:first-child),
.muhro-early-collapsed > .mw-collapsible-content {
display: none;
}

.muhro-early-toggle {
float: right;
margin-left: 0.75rem;
border: 0;
background: transparent;
color: #36c;
cursor: pointer;
font: inherit;
padding: 0;
}

.muhro-early-toggle:hover,
.muhro-early-toggle:focus {
text-decoration: underline;
}

.muhro-floating-toc,
.muhro-collapse-controls {
position: fixed;
right: 1rem;
max-width: min(22rem, calc(100vw - 2rem));
}

.muhro-collapse-controls {
top: 4.5rem;
z-index: 1002;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
justify-content: flex-end;
padding: 0.35rem;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.muhro-floating-toc {
top: 7.2rem;
z-index: 1000;
}

.muhro-floating-toc-button,
.muhro-collapse-button {
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #f8f9fa;
color: #202122;
cursor: pointer;
font: inherit;
line-height: 1.4;
}

.muhro-floating-toc-button {
float: right;
padding: 0.3rem 0.8rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.muhro-collapse-button {
padding: 0.25rem 0.75rem;
}

.muhro-floating-toc-button:hover,
.muhro-floating-toc-button:focus,
.muhro-collapse-button:hover:not(:disabled),
.muhro-collapse-button:focus:not(:disabled) {
border-color: #72777d;
background: #fff;
}

.muhro-collapse-button:disabled {
color: #72777d;
cursor: default;
opacity: 0.7;
}

.muhro-floating-toc-panel {
clear: both;
display: none;
width: 22rem;
max-width: calc(100vw - 2rem);
max-height: min(70vh, 44rem);
margin-top: 0.4rem;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
overflow: hidden;
}

.muhro-floating-toc.is-open .muhro-floating-toc-panel {
display: flex;
flex-direction: column;
}

.muhro-floating-toc-header {
position: sticky;
top: 0;
z-index: 1;
border-bottom: 1px solid #eaecf0;
background: #fff;
padding: 0.55rem 0.65rem;
}

.muhro-floating-toc-filter {
box-sizing: border-box;
width: 100%;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
color: #202122;
font: inherit;
line-height: 1.4;
padding: 0.3rem 0.45rem;
}

.muhro-floating-toc-filter:focus {
border-color: #36c;
outline: 1px solid #36c;
}

.muhro-floating-toc-body {
overflow: auto;
padding: 0.55rem 0.85rem 0.65rem;
}

.muhro-floating-toc-panel ul {
margin: 0;
padding-left: 1.2rem;
}

.muhro-floating-toc-panel > .muhro-floating-toc-body > ul {
padding-left: 0;
}

.muhro-floating-toc-panel li {
margin: 0.15rem 0;
list-style: none;
}

.muhro-floating-toc-panel a {
display: block;
color: #36c;
line-height: 1.25;
padding: 0.12rem 0;
text-decoration: none;
}

.muhro-floating-toc-panel a:hover,
.muhro-floating-toc-panel a:focus {
text-decoration: underline;
}

.muhro-floating-toc-panel .tocnumber {
color: #54595d;
margin-right: 0.35rem;
}

.muhro-floating-toc-panel .muhro-toc-hidden {
display: none;
}

.muhro-floating-toc-panel .muhro-toc-match > a {
border-radius: 3px;
background: #eaf3ff;
}

@media (max-width: 720px) {
.muhro-floating-toc,
.muhro-collapse-controls {
right: 0.5rem;
max-width: calc(100vw - 1rem);
}

.muhro-collapse-controls {
top: 0.5rem;
}

.muhro-floating-toc {
top: 3.2rem;
}

.muhro-floating-toc-panel {
width: calc(100vw - 1rem);
max-width: calc(100vw - 1rem);
max-height: 55vh;
}

.muhro-collapse-button {
padding: 0.2rem 0.55rem;
}
}

MediaWiki:Common.css

2026-05-27T14:40:57Z

MuhRO maintenance: Improve long floating contents lists

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@600;800&display=swap');

/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */

body {
font-family: "Baloo Paaji 2", cursive;
}

.copy-link{
cursor: pointer;
}

.mw-body {
background: #fff url(https://test.muhro.eu/flux/themes/th1/img/cowpattern.png) repeat;
}
#ca-viewsource { display: none !important; }
#footer-places-disclaimer { display: none; }

.muhro-early-collapsed > tbody > tr:not(:first-child),
.muhro-early-collapsed > thead + tbody,
.muhro-early-collapsed > tr:not(:first-child),
.muhro-early-collapsed > .mw-collapsible-content {
display: none;
}

.muhro-early-toggle {
float: right;
margin-left: 0.75rem;
border: 0;
background: transparent;
color: #36c;
cursor: pointer;
font: inherit;
padding: 0;
}

.muhro-early-toggle:hover,
.muhro-early-toggle:focus {
text-decoration: underline;
}

.muhro-floating-toc,
.muhro-collapse-controls {
position: fixed;
right: 1rem;
z-index: 1000;
max-width: min(22rem, calc(100vw - 2rem));
}

.muhro-floating-toc {
top: 4.5rem;
}

.muhro-collapse-controls {
top: 7.2rem;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
justify-content: flex-end;
padding: 0.35rem;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.muhro-floating-toc-button,
.muhro-collapse-button {
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #f8f9fa;
color: #202122;
cursor: pointer;
font: inherit;
line-height: 1.4;
}

.muhro-floating-toc-button {
float: right;
padding: 0.3rem 0.8rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.muhro-collapse-button {
padding: 0.25rem 0.75rem;
}

.muhro-floating-toc-button:hover,
.muhro-floating-toc-button:focus,
.muhro-collapse-button:hover:not(:disabled),
.muhro-collapse-button:focus:not(:disabled) {
border-color: #72777d;
background: #fff;
}

.muhro-collapse-button:disabled {
color: #72777d;
cursor: default;
opacity: 0.7;
}

.muhro-floating-toc-panel {
clear: both;
display: none;
width: 22rem;
max-width: calc(100vw - 2rem);
max-height: min(70vh, 44rem);
margin-top: 0.4rem;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
overflow: hidden;
}

.muhro-floating-toc.is-open .muhro-floating-toc-panel {
display: flex;
flex-direction: column;
}

.muhro-floating-toc-header {
position: sticky;
top: 0;
z-index: 1;
border-bottom: 1px solid #eaecf0;
background: #fff;
padding: 0.55rem 0.65rem;
}

.muhro-floating-toc-filter {
box-sizing: border-box;
width: 100%;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
color: #202122;
font: inherit;
line-height: 1.4;
padding: 0.3rem 0.45rem;
}

.muhro-floating-toc-filter:focus {
border-color: #36c;
outline: 1px solid #36c;
}

.muhro-floating-toc-body {
overflow: auto;
padding: 0.55rem 0.85rem 0.65rem;
}

.muhro-floating-toc-panel ul {
margin: 0;
padding-left: 1.2rem;
}

.muhro-floating-toc-panel > .muhro-floating-toc-body > ul {
padding-left: 0;
}

.muhro-floating-toc-panel li {
margin: 0.15rem 0;
list-style: none;
}

.muhro-floating-toc-panel a {
display: block;
color: #36c;
line-height: 1.25;
padding: 0.12rem 0;
text-decoration: none;
}

.muhro-floating-toc-panel a:hover,
.muhro-floating-toc-panel a:focus {
text-decoration: underline;
}

.muhro-floating-toc-panel .tocnumber {
color: #54595d;
margin-right: 0.35rem;
}

.muhro-floating-toc-panel .muhro-toc-hidden {
display: none;
}

.muhro-floating-toc-panel .muhro-toc-match > a {
border-radius: 3px;
background: #eaf3ff;
}

@media (max-width: 720px) {
.muhro-floating-toc,
.muhro-collapse-controls {
right: 0.5rem;
max-width: calc(100vw - 1rem);
}

.muhro-floating-toc {
top: 0.5rem;
}

.muhro-collapse-controls {
top: 3.2rem;
}

.muhro-floating-toc-panel {
width: calc(100vw - 1rem);
max-width: calc(100vw - 1rem);
max-height: 55vh;
}

.muhro-collapse-button {
padding: 0.2rem 0.55rem;
}
}

MediaWiki:Common.js

2026-05-27T14:40:14Z

MuhRO maintenance: Add searchable floating contents panel

/* Any JavaScript here will be loaded for all users on every page load. */
$('.copy-link').on('click', function() {

var link = $(this);
var copy_id = $(this).attr('id');
var text = $(this).text();
var clipboard = new ClipboardJS('#' + copy_id );
clipboard.on('success', function(e) {
link.text('Copied!');
setTimeout(function() {
link.text(''+text);
}, 2000);
});

});

(function () {
function normalizeLegacyCollapsibles($root) {
var $legacy = $root.find('table.collapsible, div.collapsible, ul.collapsible, ol.collapsible')
.not('.mw-collapsible');

$legacy.each(function () {
var $element = $(this);

$element.addClass('mw-collapsible');
if ($element.hasClass('collapsed')) {
$element.addClass('mw-collapsed');
}
});

$legacy.makeCollapsible();
}

function findCollapsibles($root) {
return $root
.find('.mw-collapsible.mw-made-collapsible')
.add($root.filter('.mw-collapsible.mw-made-collapsible'));
}

function updateButtons($root, $expand, $collapse) {
var $items = findCollapsibles($root);
var collapsedCount = $items.filter('.mw-collapsed').length;

$expand.prop('disabled', $items.length === 0 || collapsedCount === 0);
$collapse.prop('disabled', $items.length === 0 || collapsedCount === $items.length);
}

function setAll($root, collapse, $expand, $collapse) {
findCollapsibles($root).each(function () {
var $element = $(this);
var api = $element.data('mw-collapsible');

if (!api || $element.hasClass('mw-collapsed') === collapse) {
return;
}

if (collapse) {
api.collapse();
} else {
api.expand();
}
});

updateButtons($root, $expand, $collapse);
}

function attachControls($root) {
if ($('#muhro-collapse-controls').length || !findCollapsibles($root).length) {
return false;
}

var $expand = $('<button>')
.attr('type', 'button')
.addClass('muhro-collapse-button')
.text('Expand all');
var $collapse = $('<button>')
.attr('type', 'button')
.addClass('muhro-collapse-button')
.text('Collapse all');
var $controls = $('<div>')
.attr({
id: 'muhro-collapse-controls',
role: 'group',
'aria-label': 'Collapsible content controls'
})
.addClass('muhro-collapse-controls noprint')
.append($expand, $collapse);

$expand.on('click', function () {
setAll($root, false, $expand, $collapse);
});
$collapse.on('click', function () {
setAll($root, true, $expand, $collapse);
});
$root.on('click keydown', '.mw-collapsible-toggle', function () {
window.setTimeout(function () {
updateButtons($root, $expand, $collapse);
}, 0);
});

updateButtons($root, $expand, $collapse);
$('body').append($controls);
return true;
}

function addCollapsibleControls($content) {
var $root = $content.find('.mw-parser-output').first();
var attempts = 0;

if (!$root.length) {
$root = $content;
}

normalizeLegacyCollapsibles($root);

function tryAttach() {
attempts++;
if (attachControls($root) || attempts >= 20) {
return;
}
window.setTimeout(tryAttach, 250);
}

tryAttach();
}

mw.loader.using('jquery.makeCollapsible').then(function () {
mw.hook('wikipage.content').add(addCollapsibleControls);
});
}());

(function () {
function filterToc($panel, query) {
var normalized = query.trim().toLowerCase();

$panel.find('li').removeClass('muhro-toc-match muhro-toc-hidden muhro-toc-ancestor');

if (!normalized) {
return;
}

$panel.find('li').each(function () {
var $item = $(this);
var text = $item.children('a').first().text().toLowerCase();

if (text.indexOf(normalized) !== -1) {
$item.addClass('muhro-toc-match');
$item.parents('li').addClass('muhro-toc-ancestor');
}
});

$panel.find('li').each(function () {
var $item = $(this);
if (!$item.hasClass('muhro-toc-match') && !$item.hasClass('muhro-toc-ancestor')) {
$item.addClass('muhro-toc-hidden');
}
});
}

function addFloatingToc($content) {
var $toc = $content.find('#toc').first();
var $tocList;
var $button;
var $panel;
var $header;
var $filter;
var $body;
var $wrapper;

if ($('#muhro-floating-toc').length || !$toc.length) {
return;
}

$tocList = $toc.find('> ul, .toc > ul').first().clone(false);
if (!$tocList.length) {
$tocList = $toc.find('ul').first().clone(false);
}
if (!$tocList.length) {
return;
}

$tocList.find('[id]').removeAttr('id');
$tocList.find('.tocnumber').attr('aria-hidden', 'true');

$button = $('<button>')
.attr({
type: 'button',
'aria-expanded': 'false',
'aria-controls': 'muhro-floating-toc-panel'
})
.addClass('muhro-floating-toc-button')
.text('Contents');

$filter = $('<input>')
.attr({
type: 'search',
placeholder: 'Filter contents',
'aria-label': 'Filter contents'
})
.addClass('muhro-floating-toc-filter');

$header = $('<div>')
.addClass('muhro-floating-toc-header')
.append($filter);

$body = $('<div>')
.addClass('muhro-floating-toc-body')
.append($tocList);

$panel = $('<nav>')
.attr({
id: 'muhro-floating-toc-panel',
'aria-label': 'Page contents'
})
.addClass('muhro-floating-toc-panel')
.append($header, $body);

$wrapper = $('<div>')
.attr('id', 'muhro-floating-toc')
.addClass('muhro-floating-toc noprint')
.append($button, $panel);

$button.on('click', function () {
var open = !$wrapper.hasClass('is-open');
$wrapper.toggleClass('is-open', open);
$button.attr('aria-expanded', open ? 'true' : 'false');
if (open) {
window.setTimeout(function () {
$filter.trigger('focus');
}, 0);
}
});

$filter.on('input', function () {
filterToc($panel, $filter.val());
});

$panel.on('click', 'a', function () {
if (window.matchMedia('(max-width: 720px)').matches) {
$wrapper.removeClass('is-open');
$button.attr('aria-expanded', 'false');
}
});

$('body').append($wrapper);
}

mw.hook('wikipage.content').add(addFloatingToc);
}());

MediaWiki:Common.css

2026-05-27T14:38:43Z

MuhRO maintenance: Group floating page controls

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@600;800&display=swap');

/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */

body {
font-family: "Baloo Paaji 2", cursive;
}

.copy-link{
cursor: pointer;
}

.mw-body {
background: #fff url(https://test.muhro.eu/flux/themes/th1/img/cowpattern.png) repeat;
}
#ca-viewsource { display: none !important; }
#footer-places-disclaimer { display: none; }

.muhro-early-collapsed > tbody > tr:not(:first-child),
.muhro-early-collapsed > thead + tbody,
.muhro-early-collapsed > tr:not(:first-child),
.muhro-early-collapsed > .mw-collapsible-content {
display: none;
}

.muhro-early-toggle {
float: right;
margin-left: 0.75rem;
border: 0;
background: transparent;
color: #36c;
cursor: pointer;
font: inherit;
padding: 0;
}

.muhro-early-toggle:hover,
.muhro-early-toggle:focus {
text-decoration: underline;
}

.muhro-floating-toc,
.muhro-collapse-controls {
position: fixed;
right: 1rem;
z-index: 1000;
max-width: min(22rem, calc(100vw - 2rem));
}

.muhro-floating-toc {
top: 4.5rem;
}

.muhro-collapse-controls {
top: 7.2rem;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
justify-content: flex-end;
padding: 0.35rem;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.muhro-floating-toc-button,
.muhro-collapse-button {
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #f8f9fa;
color: #202122;
cursor: pointer;
font: inherit;
line-height: 1.4;
}

.muhro-floating-toc-button {
float: right;
padding: 0.3rem 0.8rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.muhro-collapse-button {
padding: 0.25rem 0.75rem;
}

.muhro-floating-toc-button:hover,
.muhro-floating-toc-button:focus,
.muhro-collapse-button:hover:not(:disabled),
.muhro-collapse-button:focus:not(:disabled) {
border-color: #72777d;
background: #fff;
}

.muhro-collapse-button:disabled {
color: #72777d;
cursor: default;
opacity: 0.7;
}

.muhro-floating-toc-panel {
clear: both;
display: none;
width: 22rem;
max-width: calc(100vw - 2rem);
max-height: min(70vh, 44rem);
margin-top: 0.4rem;
overflow: auto;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
padding: 0.65rem 0.85rem;
}

.muhro-floating-toc.is-open .muhro-floating-toc-panel {
display: block;
}

.muhro-floating-toc-panel ul {
margin: 0;
padding-left: 1.2rem;
}

.muhro-floating-toc-panel > ul {
padding-left: 0;
}

.muhro-floating-toc-panel li {
margin: 0.15rem 0;
list-style: none;
}

.muhro-floating-toc-panel a {
display: block;
color: #36c;
line-height: 1.25;
padding: 0.12rem 0;
text-decoration: none;
}

.muhro-floating-toc-panel a:hover,
.muhro-floating-toc-panel a:focus {
text-decoration: underline;
}

.muhro-floating-toc-panel .tocnumber {
color: #54595d;
margin-right: 0.35rem;
}

@media (max-width: 720px) {
.muhro-floating-toc,
.muhro-collapse-controls {
right: 0.5rem;
max-width: calc(100vw - 1rem);
}

.muhro-floating-toc {
top: 0.5rem;
}

.muhro-collapse-controls {
top: 3.2rem;
}

.muhro-floating-toc-panel {
width: calc(100vw - 1rem);
max-width: calc(100vw - 1rem);
max-height: 55vh;
}

.muhro-collapse-button {
padding: 0.2rem 0.55rem;
}
}

MediaWiki:Common.css

2026-05-27T14:36:31Z

MuhRO maintenance: Style floating table of contents

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@600;800&display=swap');

/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */

body {
font-family: "Baloo Paaji 2", cursive;
}

.copy-link{
cursor: pointer;
}

.mw-body {
background: #fff url(https://test.muhro.eu/flux/themes/th1/img/cowpattern.png) repeat;
}
#ca-viewsource { display: none !important; }
#footer-places-disclaimer { display: none; }

.muhro-early-collapsed > tbody > tr:not(:first-child),
.muhro-early-collapsed > thead + tbody,
.muhro-early-collapsed > tr:not(:first-child),
.muhro-early-collapsed > .mw-collapsible-content {
display: none;
}

.muhro-early-toggle {
float: right;
margin-left: 0.75rem;
border: 0;
background: transparent;
color: #36c;
cursor: pointer;
font: inherit;
padding: 0;
}

.muhro-early-toggle:hover,
.muhro-early-toggle:focus {
text-decoration: underline;
}

.muhro-floating-toc {
position: fixed;
top: 4.5rem;
right: 1rem;
z-index: 1000;
max-width: min(22rem, calc(100vw - 2rem));
}

.muhro-floating-toc-button {
float: right;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #f8f9fa;
color: #202122;
cursor: pointer;
font: inherit;
line-height: 1.4;
padding: 0.3rem 0.8rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.muhro-floating-toc-button:hover,
.muhro-floating-toc-button:focus {
border-color: #72777d;
background: #fff;
}

.muhro-floating-toc-panel {
clear: both;
display: none;
width: 22rem;
max-width: calc(100vw - 2rem);
max-height: min(70vh, 44rem);
margin-top: 0.4rem;
overflow: auto;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
padding: 0.65rem 0.85rem;
}

.muhro-floating-toc.is-open .muhro-floating-toc-panel {
display: block;
}

.muhro-floating-toc-panel ul {
margin: 0;
padding-left: 1.2rem;
}

.muhro-floating-toc-panel > ul {
padding-left: 0;
}

.muhro-floating-toc-panel li {
margin: 0.15rem 0;
list-style: none;
}

.muhro-floating-toc-panel a {
display: block;
color: #36c;
line-height: 1.25;
padding: 0.12rem 0;
text-decoration: none;
}

.muhro-floating-toc-panel a:hover,
.muhro-floating-toc-panel a:focus {
text-decoration: underline;
}

.muhro-floating-toc-panel .tocnumber {
color: #54595d;
margin-right: 0.35rem;
}

.muhro-collapse-controls {
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 1000;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
max-width: calc(100vw - 2rem);
padding: 0.35rem;
border: 1px solid #a2a9b1;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.muhro-collapse-button {
border: 1px solid #a2a9b1;
border-radius: 3px;
background: #f8f9fa;
color: #202122;
cursor: pointer;
font: inherit;
line-height: 1.4;
padding: 0.25rem 0.75rem;
}

.muhro-collapse-button:hover:not(:disabled),
.muhro-collapse-button:focus:not(:disabled) {
border-color: #72777d;
background: #fff;
}

.muhro-collapse-button:disabled {
color: #72777d;
cursor: default;
opacity: 0.7;
}

@media (max-width: 720px) {
.muhro-floating-toc {
top: 0.5rem;
right: 0.5rem;
max-width: calc(100vw - 1rem);
}

.muhro-floating-toc-panel {
width: calc(100vw - 1rem);
max-width: calc(100vw - 1rem);
max-height: 55vh;
}

.muhro-collapse-controls {
right: 0.5rem;
bottom: 0.5rem;
max-width: calc(100vw - 1rem);
}

.muhro-collapse-button {
padding: 0.2rem 0.55rem;
}
}

MediaWiki:Common.js

2026-05-27T14:35:53Z

MuhRO maintenance: Add floating table of contents

/* Any JavaScript here will be loaded for all users on every page load. */
$('.copy-link').on('click', function() {

var link = $(this);
var copy_id = $(this).attr('id');
var text = $(this).text();
var clipboard = new ClipboardJS('#' + copy_id );
clipboard.on('success', function(e) {
link.text('Copied!');
setTimeout(function() {
link.text(''+text);
}, 2000);
});

});

(function () {
function normalizeLegacyCollapsibles($root) {
var $legacy = $root.find('table.collapsible, div.collapsible, ul.collapsible, ol.collapsible')
.not('.mw-collapsible');

$legacy.each(function () {
var $element = $(this);

$element.addClass('mw-collapsible');
if ($element.hasClass('collapsed')) {
$element.addClass('mw-collapsed');
}
});

$legacy.makeCollapsible();
}

function findCollapsibles($root) {
return $root
.find('.mw-collapsible.mw-made-collapsible')
.add($root.filter('.mw-collapsible.mw-made-collapsible'));
}

function updateButtons($root, $expand, $collapse) {
var $items = findCollapsibles($root);
var collapsedCount = $items.filter('.mw-collapsed').length;

$expand.prop('disabled', $items.length === 0 || collapsedCount === 0);
$collapse.prop('disabled', $items.length === 0 || collapsedCount === $items.length);
}

function setAll($root, collapse, $expand, $collapse) {
findCollapsibles($root).each(function () {
var $element = $(this);
var api = $element.data('mw-collapsible');

if (!api || $element.hasClass('mw-collapsed') === collapse) {
return;
}

if (collapse) {
api.collapse();
} else {
api.expand();
}
});

updateButtons($root, $expand, $collapse);
}

function attachControls($root) {
if ($('#muhro-collapse-controls').length || !findCollapsibles($root).length) {
return false;
}

var $expand = $('<button>')
.attr('type', 'button')
.addClass('muhro-collapse-button')
.text('Expand all');
var $collapse = $('<button>')
.attr('type', 'button')
.addClass('muhro-collapse-button')
.text('Collapse all');
var $controls = $('<div>')
.attr({
id: 'muhro-collapse-controls',
role: 'group',
'aria-label': 'Collapsible content controls'
})
.addClass('muhro-collapse-controls noprint')
.append($expand, $collapse);

$expand.on('click', function () {
setAll($root, false, $expand, $collapse);
});
$collapse.on('click', function () {
setAll($root, true, $expand, $collapse);
});
$root.on('click keydown', '.mw-collapsible-toggle', function () {
window.setTimeout(function () {
updateButtons($root, $expand, $collapse);
}, 0);
});

updateButtons($root, $expand, $collapse);
$('body').append($controls);
return true;
}

function addCollapsibleControls($content) {
var $root = $content.find('.mw-parser-output').first();
var attempts = 0;

if (!$root.length) {
$root = $content;
}

normalizeLegacyCollapsibles($root);

function tryAttach() {
attempts++;
if (attachControls($root) || attempts >= 20) {
return;
}
window.setTimeout(tryAttach, 250);
}

tryAttach();
}

mw.loader.using('jquery.makeCollapsible').then(function () {
mw.hook('wikipage.content').add(addCollapsibleControls);
});
}());

(function () {
function addFloatingToc($content) {
var $toc = $content.find('#toc').first();
var $tocList;
var $button;
var $panel;
var $wrapper;

if ($('#muhro-floating-toc').length || !$toc.length) {
return;
}

$tocList = $toc.find('> ul, .toc > ul').first().clone(false);
if (!$tocList.length) {
$tocList = $toc.find('ul').first().clone(false);
}
if (!$tocList.length) {
return;
}

$tocList.find('[id]').removeAttr('id');
$tocList.find('.tocnumber').attr('aria-hidden', 'true');

$button = $('<button>')
.attr({
type: 'button',
'aria-expanded': 'false',
'aria-controls': 'muhro-floating-toc-panel'
})
.addClass('muhro-floating-toc-button')
.text('Contents');

$panel = $('<nav>')
.attr({
id: 'muhro-floating-toc-panel',
'aria-label': 'Page contents'
})
.addClass('muhro-floating-toc-panel')
.append($tocList);

$wrapper = $('<div>')
.attr('id', 'muhro-floating-toc')
.addClass('muhro-floating-toc noprint')
.append($button, $panel);

$button.on('click', function () {
var open = !$wrapper.hasClass('is-open');
$wrapper.toggleClass('is-open', open);
$button.attr('aria-expanded', open ? 'true' : 'false');
});

$panel.on('click', 'a', function () {
if (window.matchMedia('(max-width: 720px)').matches) {
$wrapper.removeClass('is-open');
$button.attr('aria-expanded', 'false');
}
});

$('body').append($wrapper);
}

mw.hook('wikipage.content').add(addFloatingToc);
}());

MediaWiki:Common.css

2026-05-27T14:17:58Z

MuhRO maintenance: Support early collapsible controls under Rocket Loader

MediaWiki:Common.js

2026-05-27T14:14:31Z

MuhRO maintenance: Avoid reinitializing standard collapsible tables

MediaWiki:Common.js

2026-05-27T14:09:57Z

MuhRO maintenance: Fix global collapsible controls

MediaWiki:Common.css

2026-05-27T14:06:21Z

MuhRO maintenance: Float collapsible controls while scrolling

MediaWiki:Common.js

2026-05-27T14:06:03Z

MuhRO maintenance: Make collapsible controls available while scrolling

MediaWiki:Common.css

2026-05-27T13:59:03Z

MuhRO maintenance: Style global collapsible controls

MediaWiki:Common.js

2026-05-27T13:58:48Z

MuhRO maintenance: Add global collapsible expand/collapse controls