MediaWiki:Common.js
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
$(function() {
// ========== 猫娘计数器 ==========
var PAD = 6;
var container = document.getElementById('neko-page-counter');
if (container) {
var total = 0;
$.ajax({
url: mw.util.wikiScript('api'),
data: {
action: 'query',
meta: 'siteinfo',
siprop: 'statistics',
format: 'json'
},
dataType: 'json',
async: false,
success: function(data) {
if (data.query && data.query.statistics && data.query.statistics.pages) {
total = data.query.statistics.pages;
}
}
});
if (!total) total = 0;
var digits = String(total).padStart(PAD, '0').split('');
container.innerHTML = '';
container.style.cssText = 'display:flex;align-items:flex-end;justify-content:center;gap:0;padding:10px;background:#0f0f1a;border-radius:8px;border:1px solid #2a2a40;min-height:100px;';
var parentW = container.parentElement ? container.parentElement.clientWidth : 600;
var imgW = Math.max(28, Math.min(100, Math.floor((parentW - 20) / PAD)));
var imgH = Math.round(imgW * 1.25);
var imageUrls = {
'0': 'https://wiki.meltfi.top/images/d/df/0.gif',
'1': 'https://wiki.meltfi.top/images/b/b5/1.gif',
'2': 'https://wiki.meltfi.top/images/2/27/2.gif',
'3': 'https://wiki.meltfi.top/images/0/06/3.gif',
'4': 'https://wiki.meltfi.top/images/8/8f/4.gif',
'5': 'https://wiki.meltfi.top/images/6/6a/5.gif',
'6': 'https://wiki.meltfi.top/images/b/bd/6.gif',
'7': 'https://wiki.meltfi.top/images/e/e7/7.gif',
'8': 'https://wiki.meltfi.top/images/4/40/8.gif',
'9': 'https://wiki.meltfi.top/images/3/30/9.gif',
};
digits.forEach(function(d) {
var img = document.createElement('img');
img.src = imageUrls[d];
img.alt = d;
img.style.cssText = 'width:' + imgW + 'px;height:' + imgH + 'px;object-fit:contain;image-rendering:pixelated;display:block;';
img.onerror = function() {
var fb = document.createElement('div');
fb.textContent = d;
fb.style.cssText = 'width:' + imgW + 'px;height:' + imgH + 'px;display:flex;align-items:center;justify-content:center;background:#333;color:#ff9ecd;font-size:' + Math.max(12, Math.floor(imgW * 0.4)) + 'px;font-weight:bold;font-family:monospace;border-radius:3px;';
if (img.parentNode) img.parentNode.replaceChild(fb, img);
};
container.appendChild(img);
});
}
// ========== RSCA 顶栏:直接插入到 body 最顶部 ==========
// 1. 隐藏所有 Vector 元素
var hideSelectors = [
'#mw-navigation', '#mw-navigation-head', '#mw-navigation-toggle',
'#mw-head', '#mw-head-base', '#mw-page-base',
'#mw-panel', '#p-logo', '#p-navigation', '#p-search', '#p-personal', '#p-tb', '#p-lang',
'#p-banner', '#siteNotice', '#centralNotice', '#footer', '#footer-info', '#footer-places', '#footer-icons',
'#catlinks', '.mw-editsection', '.mw-editsection-like', '.mw-indicators',
'#contentSub', '#contentSub2', '#jump-to-nav', '.breadcrumb', '.subpages',
'.toc', '.toctoggle', '.toctogglesearch', '#p-cactions', '.searchButton', '#mw-search-top-table',
'.vector-menu', '.vector-menu-tabs', '.vector-menu-tabs-legacy', '.vector-menu-content',
'.vector-menu-content-list', '.vector-menu-heading', '.vector-menu-heading-label',
'.vector-user-links', '.vector-user-links-legacy', '.vector-user-menu',
'.vector-user-menu-legacy', '.vector-user-menu-anon-editor',
'.vector-search-box', '.vector-search-box-input', '.vector-search-box-button',
'.firstHeading', '#firstHeading', '.mw-page-title', '.page-title'
];
hideSelectors.forEach(function(sel) {
var els = document.querySelectorAll(sel);
els.forEach(function(el) { el.style.display = 'none'; });
});
// 2. 隐藏所有 h1 标题(最后手段)
document.querySelectorAll('h1').forEach(function(h) { h.style.display = 'none'; });
// 3. 在 body 最前面插入 RSCA 顶栏
var rscaBar = document.createElement('div');
rscaBar.id = 'rsca-top-bar';
rscaBar.style.cssText = 'width:100%;background:#1a1a1a;border-bottom:2px solid #c41e3a;padding:0;margin:0;position:relative;top:0;left:0;z-index:99999;';
rscaBar.innerHTML =
'<div style="max-width:960px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;">' +
'<div style="display:flex;align-items:center;gap:14px;">' +
'<span style="font-size:1.6em;font-weight:900;letter-spacing:0.12em;color:#ccc;text-transform:uppercase;">RSCA</span>' +
'<span style="font-size:0.78em;color:#888;letter-spacing:0.06em;">Roblox Simplified Chinese Archives</span>' +
'</div>' +
'<div style="display:flex;gap:2px;">' +
'<a href="/index.php/帮助:入门" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;">入门</a>' +
'<a href="/index.php/帮助:联系我们" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;">联系</a>' +
'<a href="/index.php/特殊:随机" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;">随机</a>' +
'<a href="/index.php/特殊:最近更改" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;">最近更改</a>' +
'</div>' +
'</div>';
document.body.insertBefore(rscaBar, document.body.firstChild);
// 4. 确保顶栏之后的内容有顶部间距
document.body.style.paddingTop = '0';
document.body.style.marginTop = '0';
// 5. 移除可能遮挡顶栏的固定元素
var fixedEls = document.querySelectorAll('[style*="position: fixed"], [style*="position:fixed"]');
fixedEls.forEach(function(el) {
if (el.id !== 'rsca-top-bar') {
el.style.top = '60px';
}
});
});