|
|
| Line 1: |
Line 1: |
| (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';
| |
| })();
| |