MediaWiki:Common.js

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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

(function() {
    // Inject nav and banner matching main site
    var css = document.createElement('style');
    css.textContent = '.site-topnav{position:fixed;top:0;left:0;width:100%;height:72px;background:linear-gradient(to bottom,rgba(20,20,20,.98),rgba(5,5,5,.98));border-bottom:2px solid #7a5827;box-shadow:0 2px 18px rgba(0,0,0,.9);z-index:9999;display:flex;align-items:center;justify-content:center;gap:0}.site-topnav a{color:#D4A843;text-decoration:none;padding:0 18px;font-family:Georgia,serif;font-size:14px;letter-spacing:1px;text-transform:uppercase;line-height:72px}.site-topnav a:hover{color:#f0c060}.site-topnav a.active{color:#fff;border-bottom:2px solid #D4A843}.site-banner{margin-top:72px;width:100%;display:block}.site-banner img{width:100%;display:block;max-height:220px;object-fit:cover}';
    document.head.appendChild(css);

    var nav = document.createElement('div');
    nav.className = 'site-topnav';
    nav.innerHTML =
        '<a href="/index.html">Home</a>' +
        '<a href="/playnow.html">Play Now</a>' +
        '<a href="/wiki/" class="active">Player Guide</a>' +
        '<a href="/custom.html">Custom Content</a>' +
        '<a href="/forums-frame.html">Forums</a>' +
        '<a href="/lore.html">Lore</a>' +
        '<a href="/staff.html">Staff</a>' +
        '<a href="/media.html">Media</a>' +
        '<a href="/donate.html">Donate</a>';

    var banner = document.createElement('div');
    banner.className = 'site-banner';
    banner.innerHTML = '<img src="/images/banner.jpg" alt="UO Dark Ages Banner">';

    document.body.insertBefore(banner, document.body.firstChild);
    document.body.insertBefore(nav, document.body.firstChild);

    // Push wiki content down below nav + banner
    var content = document.getElementById('mw-page-base') || document.getElementById('content');
    document.body.style.paddingTop = '0';
})();