https://sandboxwiki.com/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-Navbar.js
MediaWiki:Gadget-Navbar.js - Revision history
2026-06-01T18:13:14Z
Revision history for this page on the wiki
MediaWiki 1.45.3
https://sandboxwiki.com/index.php?title=MediaWiki:Gadget-Navbar.js&diff=31&oldid=prev
Sandbox at 00:57, 16 May 2026
2026-05-16T00:57:01Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 08:57, 16 May 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>(function () {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>(function () {</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var style =</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> var style =</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> '.czn-navbar{position:absolute;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:9999;border-bottom:1px solid rgba(255,255,255,0.05)}' +</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> '.czn-navbar{position:absolute;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 40px<ins style="font-weight: bold; text-decoration: none;">;box-sizing:border-box</ins>;z-index:9999;border-bottom:1px solid rgba(255,255,255,0.05)<ins style="font-weight: bold; text-decoration: none;">; a:visited{color:#fff}</ins>}' +</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> '.czn-navbar__left,.czn-navbar__right{flex:1;display:flex;align-items:center}' +</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> '.czn-navbar__left,.czn-navbar__right{flex:1;display:flex;align-items:center}' +</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> '.czn-navbar__left{justify-content:flex-start}' +</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> '.czn-navbar__left{justify-content:flex-start}' +</div></td></tr>
<!-- diff cache key sandboxwiki:diff:1.41:old-28:rev-31:php=table -->
</table>
Sandbox
https://sandboxwiki.com/index.php?title=MediaWiki:Gadget-Navbar.js&diff=28&oldid=prev
Sandbox: Created page with "(function () { var style = '.czn-navbar{position:absolute;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:9999;border-bottom:1px solid rgba(255,255,255,0.05)}' + '.czn-navbar__left,.czn-navbar__right{flex:1;display:flex;align-items:center}' + '.czn-navbar__left{justify-content:flex-start}' + '.czn-navbar__center{display:flex;justify-content:center}' + '.cz..."
2026-05-16T00:49:30Z
<p>Created page with "(function () { var style = '.czn-navbar{position:absolute;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:9999;border-bottom:1px solid rgba(255,255,255,0.05)}' + '.czn-navbar__left,.czn-navbar__right{flex:1;display:flex;align-items:center}' + '.czn-navbar__left{justify-content:flex-start}' + '.czn-navbar__center{display:flex;justify-content:center}' + '.cz..."</p>
<p><b>New page</b></p><div>(function () {<br />
var style =<br />
'.czn-navbar{position:absolute;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:9999;border-bottom:1px solid rgba(255,255,255,0.05)}' +<br />
'.czn-navbar__left,.czn-navbar__right{flex:1;display:flex;align-items:center}' +<br />
'.czn-navbar__left{justify-content:flex-start}' +<br />
'.czn-navbar__center{display:flex;justify-content:center}' +<br />
'.czn-navbar__right{justify-content:flex-end;gap:20px}' +<br />
'.czn-navbar__logo-link{display:block}' +<br />
'.czn-navbar__logo{height:40px;width:auto;object-fit:contain;display:block}' +<br />
'.czn-navbar__search{position:relative}' +<br />
'.czn-navbar__search-form{display:flex;align-items:center;margin:0}' +<br />
'.czn-navbar__search-input{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:8px 85px 8px 15px;border-radius:20px;width:240px;outline:none;transition:all 0.3s;font-size:14px;box-sizing:border-box}' +<br />
'.czn-navbar__search-input::placeholder{color:rgba(255,255,255,0.4)}' +<br />
'.czn-navbar__search-input:focus{border-color:#ff540c;background:rgba(255,255,255,0.15)}' +<br />
'.czn-navbar__search-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:#ff540c;color:#fff;border:none;padding:5px 14px;border-radius:16px;cursor:pointer;font-size:12px;font-weight:bold;letter-spacing:1px;transition:all 0.3s}' +<br />
'.czn-navbar__search-button:hover{background:#ff6a2a}' +<br />
'.czn-navbar__menu{display:flex;list-style:none;gap:30px;margin:0;padding:0;height:100%;align-items:center}' +<br />
'.czn-navbar__item{position:relative;list-style:none}' +<br />
'.czn-navbar__link{text-decoration:none!important;display:flex;align-items:center;justify-content:center;padding:10px 0;color:#ffffff;font-size:14px;font-weight:bold;letter-spacing:2px;transition:color 0.3s}' +<br />
'.czn-navbar__item:hover>.czn-navbar__link,.czn-navbar__item--active>.czn-navbar__link{color:#ff540c}' +<br />
'.czn-navbar__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(15px);background:rgba(0,0,0,0.85);border-radius:8px;min-width:160px;padding:10px 0;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 10px 30px rgba(0,0,0,0.5);list-style:none;margin:0}' +<br />
'.czn-navbar__item:hover>.czn-navbar__dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}' +<br />
'.czn-navbar__dropdown .czn-navbar__link{padding:12px 20px;text-align:center;display:block;font-size:13px;letter-spacing:1px}' +<br />
'.czn-navbar__toggle{display:none;color:#fff;font-size:28px;cursor:pointer;z-index:10001;position:relative;background:none;border:none;padding:0;line-height:1}' +<br />
'@media(max-width:900px){' +<br />
'.czn-navbar{padding:0 20px}' +<br />
'.czn-navbar__logo-link{display:none}' +<br />
'.czn-navbar__search{display:none}' +<br />
'.czn-navbar__toggle{display:block}' +<br />
'.czn-navbar__menu{position:fixed;top:0;left:-100%;width:260px;height:100vh;background:rgba(15,15,15,0.98);flex-direction:column;gap:0;padding-top:80px;transition:left 0.4s ease-in-out;overflow-y:auto;border-right:1px solid rgba(255,255,255,0.1);z-index:10000;margin:0}' +<br />
'.czn-navbar__menu--open{left:0}' +<br />
'.czn-navbar__item{width:100%}' +<br />
'.czn-navbar__link{padding:15px 20px;justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,0.05)}' +<br />
'.czn-navbar__dropdown{position:static;transform:none!important;opacity:1;visibility:visible;box-shadow:none;background:transparent;padding:0;width:100%;border-radius:0}' +<br />
'.czn-navbar__dropdown .czn-navbar__link{padding-left:40px;background:rgba(255,255,255,0.02);text-align:left}' +<br />
'}';<br />
<br />
var BASE = 'https://sandboxwiki.com/index.php/';<br />
var ACTION_BASE = 'https://sandboxwiki.com/index.php';<br />
<br />
function wikiUrl(title) {<br />
return BASE + encodeURIComponent(title).replace(/%2F/g, '/').replace(/%3A/g, ':');<br />
}<br />
<br />
function actionUrl(title, action) {<br />
return ACTION_BASE + '?title=' + encodeURIComponent(title) + '&action=' + action;<br />
}<br />
<br />
var navHtml =<br />
'<nav class="czn-navbar">' +<br />
'<div class="czn-navbar__left">' +<br />
'<button class="czn-navbar__toggle" id="czn-navbar-toggle" type="button">☰</button>' +<br />
'<a href="' + wikiUrl('Main_Page') + '" class="czn-navbar__logo-link">' +<br />
'<img src="https://sandboxwiki.com/images/e/ed/Bi_chaos_zero_nightmare.png" alt="bi_chaos_zero_nightmare.png" class="czn-navbar__logo">' +<br />
'</a>' +<br />
'</div>' +<br />
'<div class="czn-navbar__center">' +<br />
'<ul class="czn-navbar__menu" id="czn-navbar-menu">' +<br />
'<li class="czn-navbar__item czn-navbar__item--active">' +<br />
'<a href="' + wikiUrl('Main_Page') + '" class="czn-navbar__link">HOME</a>' +<br />
'<ul class="czn-navbar__dropdown">' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Main_Page') + '" class="czn-navbar__link">BACK</a></li>' +<br />
'<li class="czn-navbar__item"><a href="' + actionUrl('Main_Page', 'purge') + '" class="czn-navbar__link">PURGE</a></li>' +<br />
'</ul>' +<br />
'</li>' +<br />
'<li class="czn-navbar__item">' +<br />
'<a href="#" class="czn-navbar__link">WIKI</a>' +<br />
'<ul class="czn-navbar__dropdown">' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Combatant') + '" class="czn-navbar__link">COMBATANT</a></li>' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Partner') + '" class="czn-navbar__link">PARTNER</a></li>' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Card') + '" class="czn-navbar__link">CARD</a></li>' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Relic') + '" class="czn-navbar__link">RELIC</a></li>' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Encounter') + '" class="czn-navbar__link">ENCOUNTER</a></li>' +<br />
'</ul>' +<br />
'</li>' +<br />
'<li class="czn-navbar__item">' +<br />
'<a href="#" class="czn-navbar__link">DATA</a>' +<br />
'<ul class="czn-navbar__dropdown">' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Fate') + '" class="czn-navbar__link">FATE</a></li>' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Item') + '" class="czn-navbar__link">ITEM</a></li>' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Art') + '" class="czn-navbar__link">ART</a></li>' +<br />
'</ul>' +<br />
'</li>' +<br />
'<li class="czn-navbar__item">' +<br />
'<a href="#" class="czn-navbar__link">TOOLS</a>' +<br />
'<ul class="czn-navbar__dropdown">' +<br />
'<li class="czn-navbar__item"><a href="' + wikiUrl('Deck_Builder') + '" class="czn-navbar__link">DECK BUILDER</a></li>' +<br />
'</ul>' +<br />
'</li>' +<br />
'</ul>' +<br />
'</div>' +<br />
'<div class="czn-navbar__right">' +<br />
'<div class="czn-navbar__search">' +<br />
'<form action="' + ACTION_BASE + '" method="get" class="czn-navbar__search-form">' +<br />
'<input type="hidden" name="title" value="Special:Search">' +<br />
'<input type="text" name="search" placeholder="Search WIKI..." class="czn-navbar__search-input">' +<br />
'<button type="submit" name="go" class="czn-navbar__search-button">SEARCH</button>' +<br />
'</form>' +<br />
'</div>' +<br />
'</div>' +<br />
'</nav>';<br />
<br />
function q(s) { return document.querySelector(s); }<br />
<br />
function initNav() {<br />
if (q('.czn-navbar')) return;<br />
<br />
var styleTag = document.createElement('style');<br />
styleTag.type = 'text/css';<br />
if (styleTag.styleSheet) {<br />
styleTag.styleSheet.cssText = style;<br />
} else {<br />
styleTag.appendChild(document.createTextNode(style));<br />
}<br />
document.getElementsByTagName('head')[0].appendChild(styleTag);<br />
<br />
var body = document.body || document.getElementsByTagName('body')[0];<br />
body.insertAdjacentHTML('afterbegin', navHtml);<br />
<br />
var mobileBtn = document.getElementById('czn-navbar-toggle');<br />
var navMenu = document.getElementById('czn-navbar-menu');<br />
<br />
if (mobileBtn && navMenu) {<br />
mobileBtn.addEventListener('click', function (e) {<br />
e.stopPropagation();<br />
navMenu.classList.toggle('czn-navbar__menu--open');<br />
mobileBtn.innerHTML = navMenu.classList.contains('czn-navbar__menu--open') ? '✕' : '☰';<br />
});<br />
<br />
document.addEventListener('click', function (e) {<br />
if (window.innerWidth <= 900) {<br />
if (!navMenu.contains(e.target) && !mobileBtn.contains(e.target)) {<br />
navMenu.classList.remove('czn-navbar__menu--open');<br />
mobileBtn.innerHTML = '☰';<br />
}<br />
}<br />
});<br />
}<br />
}<br />
<br />
initNav();<br />
})();</div>
Sandbox