MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

mw.loader.using('mediawiki.util', function () {
    $(function () {
        if ($('#handwiki-topnav').length) {
            return;
        }

        var sidebarLinks = [];

        $('#mw-panel a').each(function () {
            var text = $(this).text().trim();
            var href = $(this).attr('href');

            if (text && href) {
                sidebarLinks.push({
                    text: text,
                    href: href
                });
            }
        });

        var sidebarMenu = $('<div class="handwiki-dropdown"></div>');
        sidebarMenu.append('<div class="handwiki-dropdown-button">Sidebar ▾</div>');

        var sidebarContent = $('<div class="handwiki-dropdown-content"></div>');

        sidebarLinks.forEach(function (link) {
            sidebarContent.append(
                $('<a></a>').attr('href', link.href).text(link.text)
            );
        });

        sidebarMenu.append(sidebarContent);

        var secondMenu = $('<div class="handwiki-dropdown"></div>');
        secondMenu.append('<div class="handwiki-dropdown-button">Second menu ▾</div>');

        var secondContent = $('<div class="handwiki-dropdown-content"></div>');
        secondContent.append('<a href="/index.php/Book:Quantum_Collection">Quantum Collection</a>');
        secondContent.append('<a href="/index.php/Book:Quantum_Collection/Matter_(by_scale)">Matter by scale</a>');
        secondContent.append('<a href="/index.php/Book:Quantum_Collection/Methods_and_tools">Methods and tools</a>');
        secondContent.append('<a href="/index.php/Special:RecentChanges">Recent changes</a>');
        secondContent.append('<a href="/index.php/Special:SpecialPages">Special pages</a>');

        secondMenu.append(secondContent);

        var topnav = $('<div id="handwiki-topnav"></div>');
        topnav.append(sidebarMenu);
        topnav.append(secondMenu);

        $('#content, .mw-body').first().before(topnav);
    });
});