FBC镜像站 - 用户贡献 [zh-cn]

用户讨论:Aread

2026-08-06T06:28:11Z

Aread：/* CSS咋修 */ 回复

== CSS咋修 ==

我改不来饿啊啊啊啊

以及集群ZH800那块怎么折叠也炸了 [[用户:Minceraft8nxs|Minceraft8nxs]]（[[用户讨论:Minceraft8nxs|留言]]） 2026年8月6日 (四) 14:06 (CST)

:我真不清楚，可能还是东西没搬完模块没弄完的问题。 [[用户:Aread|Aread]]（[[用户讨论:Aread|留言]]） 2026年8月6日 (四) 14:28 (CST)

MediaWiki:Common.js

2026-08-06T05:58:21Z

Aread：

/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
// 点击播放或暂停音频
(function () {
const eles = document.querySelectorAll('.js-action-play');
eles.forEach(function (e) {
const targetId = e.getAttribute('data-media-id');
if (!targetId) {
console.error('No data-media-id present on element', e);
return;
}
const target = document.getElementsByClassName('media-id-' + targetId)[0].getElementsByClassName("mw-file-element")[0];
if (!target) {
console.error('No element found with .media-id-' + targetId, e);
return;
}
e.addEventListener('click', function () {
console.log(target);
if (target.paused || target.ended) {
target.play();
} else {
target.pause();
}
});
});
})();

mw.loader.load(["mediawiki.util", "mediawiki.Title"]);
mw.hook("wikipage.content").add(function () {
// 单页内联CSS与CSS触发器
$("span.import-css").each(function () {
var css = mw.util.addCSS($(this).attr("data-css"));
$(css.ownerNode).addClass("import-css")
.attr("data-css-hash", $(this).attr("data-css-hash"))
.attr("data-from", $(this).attr("data-from"))
.attr("data-trigger", $(this).attr("data-trigger"));
var trigger = $(this).attr("data-trigger");
var triggerOpened = false;
if (trigger != "none") {
css.disabled = true;
$(".csstrigger-" + trigger).click(function () {
css.disabled = !css.disabled;
triggerOpened = true;
});
}
$(".css-toggler").click(function () {
if ((trigger != "none" && triggerOpened) || (trigger == "none")) css.disabled = !css.disabled;
});
});

// 播放或暂停所有音频
$(".audio-toggler").click(function () {
$("audio").get().forEach(function (audio) { if (audio.paused || audio.ended) { audio.play(); } else { audio.pause(); } });
});

// Button Audio修复
mw.hook("wikipage.content").add(function () {

$(".t-audio").each(function () {

var toggle = $(this).attr("data-toggle");

if (!toggle) return;

$(".t-audio-toggle-" + toggle).click(function () {

var audio = $(".t-audio-toggle-" + toggle + " audio")[0];

if (!audio) return;

if (audio.paused || audio.ended) {
audio.play();
} else {
audio.pause();
}

});

});

});

// 站点公告切换
$(".sitenotice-tab-container").each(function () {
var container = $(this);
function switchTab(offset) {
return function () {
var tabs = container.children(".sitenotice-tab").toArray();
var no = Number(container.find(".sitenotice-tab-no")[0].innerText) + offset;
var count = tabs.length;
if (no < 1) no = count;
else if (no > count) no = 1;
for (var i = 0; i < count; i++)
tabs[i].style.display = (i + 1 == no ? null : "none");
container.find(".sitenotice-tab-no")[0].innerText = no;
};
}
container.find(".sitenotice-tab-arrow.prev").click(switchTab(-1));
container.find(".sitenotice-tab-arrow.next").click(switchTab(1));
});
});

// 联立JS脚本页
$.getJSON(mw.util.wikiScript("index"), {
title: "MediaWiki:Custom-ImportScripts.json",
action: "raw"
}).done(function (result, status) {
if (status != "success" || typeof (result) != "object") return;
var scripts = result[mw.config.get("wgPageName")];
if (scripts) {
if (typeof (scripts) == "string") scripts = [scripts];
importArticles({ type: "script", articles: scripts }); // importArticles仅接受MediaWiki命名空间
}
});

// CSS页预览
(function () {
var page = mw.config.get('wgPageName') || '';
var model = mw.config.get('wgPageContentModel');
if (!page || model !== 'css') return;
var rawUrl = mw.util.getUrl(page, { action: 'raw', ctype: 'text/css' });
fetch(rawUrl, { credentials: 'same-origin' })
.then(function (res) {
if (!res.ok) throw new Error('HTTP ' + res.status);
return res.text();
})
.then(function (cssText) {
if (!cssText) return;
var style = document.createElement('style');
style.type = 'text/css';
style.setAttribute('data-injected-from', page);
style.appendChild(document.createTextNode(cssText));
document.head.appendChild(style);
})
.catch(function (err) {
console.error('加载CSS源失败: ', page, err);
});
}());

// New JS 4 Wordrain
/* Word Rain System v2.1 - Fandom Optimized */
window.wordRainSystem = (function () {
'use strict';

const instances = new Map();
let styleAdded = false;

function addCoreStyles() {
if (styleAdded) return;

mw.util.addCSS(`
.word-drop {
position: fixed;
top: -50px;
opacity: 0.9;
animation: wordFall linear infinite;
pointer-events: none;
z-index: 9998;
white-space: nowrap;
text-shadow: 0 0 5px currentColor;
will-change: transform, opacity;
font-weight: bold;
}

@keyframes wordFall {
0% { transform: translateY(-100vh) translateX(-5px); }
100% { transform: translateY(100vh) translateX(5px); }
}

.word-rain-toggle[data-state="on"] {
background: rgba(0,255,0,0.2) !important;
border-color: #0f0 !important;
color: #0f0 !important;
text-shadow: 0 0 8px #0f0;
box-shadow: 0 0 12px #0f0;
}
`);
styleAdded = true;
}

function createDrop(instance) {
const drop = document.createElement('div');
drop.className = 'word-drop';

// 随机位置
const leftPos = 5 + Math.random() * 90;
drop.style.left = `${leftPos}vw`;

// 随机颜色
const colors = instance.config.colors;
drop.style.color = colors[Math.floor(Math.random() * colors.length)];

// 字体设置
drop.style.fontSize = `${instance.config.size + Math.floor(Math.random() * 6)}px`;
drop.style.fontFamily = instance.config.font;

// 随机词语
const words = instance.config.words;
drop.textContent = words[Math.floor(Math.random() * words.length)];

// 动画参数
const baseSpeed = 10000 - (instance.config.speed * 800);
const duration = (baseSpeed + Math.random() * 3000) / 1000;
drop.style.animation = `wordFall ${duration}s linear infinite`;

document.body.appendChild(drop);

// 自动清理
setTimeout(() => {
drop.remove();
}, duration * 1000);
}

return {
init: function () {
mw.hook('wikipage.content').add(function ($content) {
$content.find('.word-rain-widget').each(function () {
const $widget = $(this);
if ($widget.data('initialized')) return;

// 初始化配置
const config = {
words: $widget.data('words').split(','),
colors: $widget.data('colors').split(','),
font: $widget.data('font'),
size: parseInt($widget.data('size')) || 18,
speed: Math.min(10, Math.max(1, parseInt($widget.data('speed')) || 5)),
density: Math.min(50, Math.max(1, parseInt($widget.data('density')) || 30))
};

// 生成实例ID
const instanceId = `wordrain-${Date.now()}-${Math.random().toString(36).substr(2, 5)}`;

instances.set(instanceId, {
config: config,
interval: null,
active: false
});

// 标记初始化
$widget.data('initialized', true)
.data('instance-id', instanceId);

// 初始化按钮状态
const $btn = $widget.find('.word-rain-toggle');
$btn.data('instance-id', instanceId)
.attr('data-state', 'off')
.text($widget.data('button-off'));
});
});

// 全局点击处理
$(document).on('click', '.word-rain-toggle', function () {
const instanceId = $(this).data('instance-id');
const instance = instances.get(instanceId);

if (!instance) return;

if (!instance.active) {
// 启动特效
instance.active = true;
instance.interval = setInterval(
() => createDrop(instance),
Math.max(50, 1000 / instance.config.density)
);

$(this).attr('data-state', 'on')
.text($(this).closest('.word-rain-widget').data('button-on'));
} else {
// 停止特效
instance.active = false;
clearInterval(instance.interval);
instance.interval = null;
document.querySelectorAll('.word-drop').forEach(drop => drop.remove());

$(this).attr('data-state', 'off')
.text($(this).closest('.word-rain-widget').data('button-off'));
}
});

// 页面卸载时清理
window.addEventListener('beforeunload', () => {
instances.forEach(instance => {
clearInterval(instance.interval);
document.querySelectorAll('.word-drop').forEach(drop => drop.remove());
});
});

// 添加核心样式
addCoreStyles();
},

// 公共方法
getInstances: () => instances,
stopAll: () => {
instances.forEach(instance => {
clearInterval(instance.interval);
instance.active = false;
});
document.querySelectorAll('.word-drop').forEach(drop => drop.remove());
}
};
})();

// 初始化
mw.loader.using(['mediawiki.util', 'jquery']).then(function () {
wordRainSystem.init();
});

/* Image Slider System */
window.imageSlider = (function () {
'use strict';

const sliders = new Map();

function initSlider(container) {
const images = container.dataset.images.split(',');
const captions = container.dataset.captions.split(',');
const track = container.querySelector('.slider-track');
let currentIndex = 0;
let autoPlayInterval = null;

// 动态生成幻灯片
images.forEach((image, index) => {
const slide = document.createElement('div');
slide.className = 'slide-item';
slide.style.backgroundImage = `url(${mw.config.get('wgScriptPath')}/images/${image.trim()})`;

const overlay = document.createElement('div');
overlay.className = 'image-overlay';
slide.appendChild(overlay);

const caption = document.createElement('div');
caption.className = 'slide-caption';
caption.textContent = (captions[index] || '').replace(/[{}]/g, ''); // 移除描述中的{}
slide.appendChild(caption);

// 确保每张图片的描述都能显示
slide.addEventListener('mouseenter', () => {
overlay.style.opacity = '0.7';
caption.style.bottom = '0';
});

slide.addEventListener('mouseleave', () => {
overlay.style.opacity = '0';
caption.style.bottom = '-50px';
});

track.appendChild(slide);
});

function goToSlide(index) {
currentIndex = (index + images.length) % images.length;
track.style.transform = `translateX(-${currentIndex * 100}%)`;
}

function startAutoPlay() {
if (container.dataset.autoplay === '1') {
autoPlayInterval = setInterval(() => {
goToSlide(currentIndex + 1);
}, parseInt(container.dataset.speed));
}
}

function stopAutoPlay() {
clearInterval(autoPlayInterval);
}

// 事件绑定
container.querySelector('.prev-slide').addEventListener('click', () => goToSlide(currentIndex - 1));
container.querySelector('.next-slide').addEventListener('click', () => goToSlide(currentIndex + 1));

// 悬停暂停
if (container.dataset.autoplay === '1') {
container.addEventListener('mouseenter', stopAutoPlay);
container.addEventListener('mouseleave', startAutoPlay);
}

startAutoPlay();
sliders.set(container, { goToSlide, stopAutoPlay });
}

return {
init: function () {
mw.hook('wikipage.content').add(function ($content) {
$content.find('.js-slider-container').each(function () {
if (!this.dataset.initialized) {
this.dataset.initialized = true;
initSlider(this);
}
});
});
}
};
})();

// 初始化
mw.loader.using('mediawiki.util').then(function () {
imageSlider.init();
});

// Flat3D
/* 3D Image Hover System */
window.image3DSystem = (function () {
'use strict';

function initImageCards(container) {
const images = container.dataset.images.split(',');
const captions = container.dataset.captions.split(',');
const grid = container.querySelector('.image-grid');

images.forEach((image, index) => {
const card = document.createElement('div');
card.className = 'image-card';

const content = document.createElement('div');
content.className = 'image-content';
content.style.backgroundImage = `url(${mw.config.get('wgScriptPath')}/images/${image.trim()})`;

const caption = document.createElement('div');
caption.className = 'caption';

// 解析Fandom内链
const captionText = (captions[index] || '').replace(/[{}]/g, '');
const linkMatch = captionText.match(/\[\[(.*?)\]\]/);
if (linkMatch) {
const linkParts = linkMatch[1].split('|');
const linkText = linkParts[1] || linkParts[0];
const linkHref = mw.util.getUrl(linkParts[0]);

const link = document.createElement('a');
link.href = linkHref;
link.textContent = linkText;
link.style.color = '#fff';
link.style.textDecoration = 'none';
caption.appendChild(link);
} else {
caption.textContent = captionText;
}

card.appendChild(content);
card.appendChild(caption);
grid.appendChild(card);

// 性能优化
card.style.willChange = 'transform';
});

// 移动端优化
if ('ontouchstart' in window) {
grid.querySelectorAll('.image-card').forEach(card => {
card.addEventListener('click', function () {
this.classList.toggle('hover-active');
});
});
}
}

return {
init: function () {
mw.hook('wikipage.content').add(function ($content) {
$content.find('.flat-3d-container').each(function () {
if (!this.dataset.initialized) {
this.dataset.initialized = true;
initImageCards(this);
}
});
});
}
};
})();

// 初始化
mw.loader.using('mediawiki.util').then(function () {
image3DSystem.init();
});

// Fandom Compass图标
$('.fandom-community-header__community-name-wrapper').append(
$('<a/>').addClass('compass-wiki-badge').attr('href', '//community.fandom.com/wiki/Fandom_Compass').append(
$('<img/>').css('height', '70px').css('position', 'relative').css('top', '20px')
.attr('src', 'https://static.wikia.nocookie.net/backrooms/images/c/ca/Fandom_Compass_dark.png/revision/latest?cb=20250412193710&format=original&path-prefix=zh').attr('title', '本站点已是Fandom Compass计划的成员之一。')
));

//
$(document).ready(function () {
mw.hook('wikipage.content').add(function ($content) {
// 为每个播放器创建独立的控制器
$content.find('.player-container').each(function () {
const $player = $(this);
const playerState = {
isPlaying: false,
isDragging: false,
progress: $player.find('.progress'),
playBtn: $player.find('.play-btn'),
audio: new Audio($player.data('audio-src')),
volumeControl: $player.find('.volume-control'),
volumeContainer: $player.find('.volume-slider-container'),
volumeFill: $player.find('.volume-slider-fill'),
volumeThumb: $player.find('.volume-slider-thumb'),
volumeIcon: $player.find('.volume-icon')
};

// 设置专辑封面
const albumArt = $player.find('.album-art');
albumArt.css('background-image', `url(${$player.data('album-art')})`);
// 播放/暂停控制
playerState.playBtn.on('click', function () {
if (playerState.isPlaying) {
playerState.audio.pause();
playerState.isPlaying = false;
$(this).text('▶');
} else {
playerState.audio.play();
playerState.isPlaying = true;
$(this).text('⏸');
}
});
// 进度更新
$(playerState.audio).on('timeupdate', function () {
const percentage = (this.currentTime / this.duration) * 100;
playerState.progress.css('width', percentage + '%');
});
// 进度条点击
$player.find('.progress-bar').on('click', function (e) {
const percent = e.offsetX / $(this).width();
playerState.audio.currentTime = percent * playerState.audio.duration;
});
// 音量控制函数
function updateVolume(e) {
const rect = playerState.volumeContainer[0].getBoundingClientRect();
const x = e.clientX - rect.left;
const percentage = Math.max(0, Math.min(100, (x / rect.width) * 100));

playerState.volumeFill.css('transform', `scaleX(${percentage / 100})`);
playerState.volumeThumb.css('right', `${100 - percentage}%`);
playerState.audio.volume = percentage / 100;
updateVolumeIcon(percentage);
}
// 音量拖动事件
playerState.volumeContainer.on('mousedown', function (e) {
playerState.isDragging = true;
updateVolume(e);
});
$(document).on('mousemove', function (e) {
if (playerState.isDragging) {
updateVolume(e);
}
});
$(document).on('mouseup', function () {
playerState.isDragging = false;
});
// 更新音量图标
function updateVolumeIcon(value) {
if (value == 0) {
playerState.volumeIcon.text('🔇');
} else if (value < 50) {
playerState.volumeIcon.text('🔉');
} else {
playerState.volumeIcon.text('🔊');
}
}
// 音量图标双击事件
playerState.volumeIcon.on('dblclick', function () {
if (playerState.audio.volume > 0) {
playerState.audio.volume = 0;
playerState.volumeFill.css('transform', 'scaleX(0)');
playerState.volumeThumb.css('right', '100%');
playerState.volumeIcon.text('🔇');
} else {
playerState.audio.volume = 1;
playerState.volumeFill.css('transform', 'scaleX(1)');
playerState.volumeThumb.css('right', '0%');
playerState.volumeIcon.text('🔊');
}
});
});
});
});

// 投票偏移量
(function () {
if (typeof jQuery === 'undefined') return;
var $ = jQuery;
var _getJSON = $.getJSON;
function num(x) {
if (x === null || x === undefined) return 0;
var s = String(x).replace(/,/g, '').trim();
if (s === '') return 0;
var n = parseFloat(s);
return isNaN(n) ? 0 : n;
}
function collectOffsetsForThread(threadId) {
var offsets = [];
var totalOffset = 0;
$('tr[data-vote-id="' + threadId + '"]').each(function () {
var $tr = $(this);
var $table = $tr.closest('table');
if ($table.hasClass('talescon-table')) {
var ch = this.children;
var o0 = num(ch[2] && ch[2].textContent);
var o1 = num(ch[3] && ch[3].textContent);
var o2 = num(ch[4] && ch[4].textContent);
offsets[0] = (offsets[0] || 0) + o0;
offsets[1] = (offsets[1] || 0) + o1;
offsets[2] = (offsets[2] || 0) + o2;
totalOffset += (o0 + o1 + o2);
} else if ($table.hasClass('themedcon4-table')) {
var cells = this.children;
for (var i = 0; i <= 4; i++) {
var idx = 3 + i;
var o = num(cells[idx] && cells[idx].textContent);
offsets[i] = (offsets[i] || 0) + o;
totalOffset += o;
}
} else {
var i = 0;
while ($tr.attr('data-offset-' + i) !== undefined) {
var o = num($tr.attr('data-offset-' + i));
offsets[i] = (offsets[i] || 0) + o;
totalOffset += o;
i++;
}
}
});
return { offsets: offsets, totalOffset: totalOffset };
}
$.getJSON = function () {
var args = Array.prototype.slice.call(arguments);
var dataArg = null;
if (args.length >= 2 && typeof args[1] === 'object') {
dataArg = args[1];
} else if (args.length === 1 && typeof args[0] === 'object') {
dataArg = args[0];
}
var jq = _getJSON.apply($, args);
try {
if (dataArg && dataArg.controller === 'DiscussionThread' && dataArg.method === 'getThread' && dataArg.threadId) {
jq.done(function (result) {
try {
if (!result || !result.poll || !Array.isArray(result.poll.answers)) return;
var threadId = String(dataArg.threadId);
var collected = collectOffsetsForThread(threadId);
var offsets = collected.offsets || [];
var totalOffset = collected.totalOffset || 0;
var sumAdded = 0;
for (var i = 0; i < result.poll.answers.length; i++) {
var add = num(offsets[i]);
if (add) {
result.poll.answers[i].votes = (num(result.poll.answers[i].votes) + add);
sumAdded += add;
}
}
if (sumAdded) {
result.poll.totalVotes = num(result.poll.totalVotes) + sumAdded;
}
} catch (e) {
console.error('vote-offset-interceptor inner error', e);
}
});
}
} catch (e) {
console.error('vote-offset-interceptor attach error', e);
}
return jq;
};
})();

// 投票
var config = config || mw.config.get();
mw.hook("wikipage.content").add(function () {
if (!["view", "edit", "submit"].includes(config.wgAction)) return;
if (window.NervieJS) return;
window.NervieJS = true;
mw.loader.load("mediawiki.util");

$(".talescon-table tbody tr").each(function () {
var thisElement = this;
$.getJSON(mw.util.wikiScript("wikia"), {
controller: "DiscussionThread",
method: "getThread",
format: "json",
threadId: this.getAttribute("data-vote-id")
}).done(function (result) {
thisElement.children[2].textContent = result.poll.answers[0].votes;
thisElement.children[3].textContent = result.poll.answers[1].votes;
thisElement.children[4].textContent = result.poll.answers[2].votes;
thisElement.children[5].textContent = ((result.poll.answers[0].votes - result.poll.answers[2].votes) / result.poll.totalVotes).toFixed(4);
});
});

$(".themedcon4-table tbody tr").each(function () {
var cells = this.children;
$.getJSON(mw.util.wikiScript("wikia"), {
controller: "DiscussionThread",
method: "getThread",
format: "json",
threadId: this.getAttribute("data-vote-id")
}).done(function (result) {
cells[3].textContent = result.poll.answers[0].votes;
cells[4].textContent = result.poll.answers[1].votes;
cells[5].textContent = result.poll.answers[2].votes;
cells[6].textContent = result.poll.answers[3].votes;
cells[7].textContent = result.poll.answers[4].votes;
cells[8].textContent = (
(result.poll.answers[0].votes
+ result.poll.answers[1].votes / 2
- result.poll.answers[3].votes / 2
- result.poll.answers[4].votes) / result.poll.totalVotes
).toFixed(4);
});
});

$.getJSON(mw.util.wikiScript("index"), {
title: "User:HyperNervie/竞赛2.json",
action: "raw",
ctype: "application/json"
}).done(function (result, status) {
if (status != "success" || typeof (result) != "object") return;
var entries_loaded = 0;
mw.hook("pollLoader.loaded").add(function () {
if (++entries_loaded < result.length) return;
result.sort(function (a, b) { return b.rating - a.rating; });
$("table.contest-results tbody").empty();
result.forEach(function (entry, place) {
$("table.contest-results tbody").append(
"<tr>" +
"<td>" + (place + 1) + "</td>" +
"<td>" +
'<a href="' + mw.util.getUrl(entry.name) + '" ' +
'title="' + entry.name + '">' +
(entry.title || entry.name) +
"</a>" +
"</td>" +
"<td>" +
'<a href="' + mw.util.getUrl("User:" + entry.author) + '" ' +
'title="User:' + entry.author + '">' +
entry.author +
"</a>" +
"</td>" +
"<td>" + entry.upvote + "</td>" +
"<td>" + entry.novote + "</td>" +
"<td>" + entry.downvote + "</td>" +
"<td>" + entry.rating.toFixed(4) + "</td>" +
"</tr>"
);
});
$("table.contest-results").makeCollapsible();
});
result.forEach(function (entry) {
$.getJSON(mw.util.wikiScript("wikia"), {
controller: "DiscussionThread",
method: "getThread",
format: "json",
threadId: entry.poll_id
}).done(function (result, status) {
if (status != "success" || typeof (result) != "object") return;
entry.upvote = result.poll.answers[0].votes;
entry.novote = result.poll.answers[1].votes;
entry.downvote = result.poll.answers[2].votes;
entry.rating = (entry.upvote - entry.downvote) / result.poll.totalVotes;
mw.hook("pollLoader.loaded").fire();
});
});
});

$.getJSON(mw.util.wikiScript("api"), {
action: "query",
formatversion: 2,
format: "json",
meta: "siteinfo",
siprop: "interwikimap",
siinlanguagecode: config.wgUserVariant
}, function (result, status) {
if (status != "success" || typeof (result) != "object" || !result.batchcomplete) return;
$("table.global-interwiki tbody").empty();
$("table.local-interwiki tbody").empty();
$("table.interlang tbody").empty();
result.query.interwikimap.forEach(function (obj) {
if (!obj.local)
$("table.global-interwiki tbody").append(
"<tr>" +
"<td>" + obj.prefix.toLowerCase() + "</td>" +
"<td>" + obj.url + "</td>" +
"</tr>"
);
else if (obj.language)
$("table.interlang tbody").append(
"<tr>" +
"<td>" + obj.prefix + "</td>" +
"<td>" + obj.language + "</td>" +
"<td>" + obj.url + "</td>" +
"</tr>"
);
else
$("table.local-interwiki tbody").append(
"<tr>" +
"<td>" + obj.prefix.toLowerCase() + "</td>" +
"<td>" + obj.url + "</td>" +
"</tr>"
);
});
$("table.global-interwiki").makeCollapsible();
$("table.local-interwiki").makeCollapsible();
$("table.interlang").makeCollapsible();
});
});

// 这是一个假的用户登录框，仅仅用于页面的演出效果，这意味着这个用户登陆框不会记录用户的任何密码或用户名信息，也不会对用户的信息安全造成任何威胁。使用这些代码的页面创建者会在当页自定义一个假的用户名和密码。如果用户不想，这个假的用户登录框不会泄露用户的任何真实信息。
// This is a fake user login From, only used for the page's visual effect. It means that this login box won't record any user's password or username information, nor will it pose any threat to user information security. The page creator using this code can customize a fake username and password on the page. If users don't want to, this fake login Form won't leak any real information about them.
// This has NOTHING to do with Fandom Login Forms.
mw.loader.using(['mediawiki.util']).then(function () {
var THEME_KEYS = {
bg: '--fl-bg',
panel: '--fl-panel',
accent: '--fl-accent',
text: '--fl-text',
muted: '--fl-muted',
danger: '--fl-danger',
border: '--fl-border',
radius: '--fl-radius',
font: '--fl-font',
titleSize: '--fl-title-size',
width: '--fl-width',
pad: '--fl-pad',
inputBg: '--fl-input-bg',
inputBorder: '--fl-input-border',
buttonText: '--fl-button-text'
};

function addStyles() {
if (document.getElementById('fandom-login-gate-style')) return;
var style = document.createElement('style');
style.id = 'fandom-login-gate-style';
style.textContent = [
'.fandom-login-gate{',
' --fl-bg:#1a1f2e;',
' --fl-panel:#243044;',
' --fl-accent:#5b9fd4;',
' --fl-text:#e8eef5;',
' --fl-muted:#9aa8bc;',
' --fl-danger:#e07070;',
' --fl-border:1px solid #3a4a63;',
' --fl-radius:0;',
' --fl-font:Georgia,"Noto Serif SC",serif;',
' --fl-title-size:1.35em;',
' --fl-width:420px;',
' --fl-pad:1.5em 1.4em 1.3em;',
' --fl-input-bg:var(--fl-panel);',
' --fl-input-border:1px solid #4a5d7a;',
' --fl-button-text:#0f1724;',
' max-width:var(--fl-width);',
' margin:1.5em auto;',
' font-family:var(--fl-font);',
'}',
'.fandom-login-panel{',
' background:linear-gradient(160deg,color-mix(in srgb,var(--fl-panel) 85%,white),var(--fl-bg));',
' border:var(--fl-border);',
' border-radius:var(--fl-radius);',
' padding:var(--fl-pad);',
' color:var(--fl-text);',
'}',
'.fandom-login-title{font-size:var(--fl-title-size);letter-spacing:.04em;margin-bottom:1em;text-align:center}',
'.fandom-login-form label{display:block;font-size:.85em;color:var(--fl-muted);margin:.75em 0 .35em}',
'.fandom-login-form input{',
' width:100%;box-sizing:border-box;',
' background:var(--fl-input-bg);',
' border:var(--fl-input-border);',
' border-radius:var(--fl-radius);',
' color:var(--fl-text);',
' padding:.55em .7em;outline:none;',
' font-family:inherit;',
'}',
'.fandom-login-form input:focus{border-color:var(--fl-accent)}',
'.fandom-login-form button{',
' display:block;width:100%;margin-top:1.1em;padding:.65em;',
' background:var(--fl-accent);border:0;',
' border-radius:var(--fl-radius);',
' color:var(--fl-button-text);font-weight:700;cursor:pointer;',
' font-family:inherit;',
'}',
'.fandom-login-form button:hover{filter:brightness(1.08)}',
'.fandom-login-error{color:var(--fl-danger);text-align:center;margin:.8em 0 0;font-size:.9em}',
'.fl-expect-user,.fl-expect-pass,.fl-theme{display:none!important}',
'.fandom-login-gate:not(.is-unlocked) .fandom-login-secret{display:none!important}',
'.fandom-login-gate.is-unlocked .fandom-login-panel{display:none!important}',
'.fandom-login-gate.is-unlocked .fandom-login-secret{display:block!important}'
].join('');
document.head.appendChild(style);
}

function readCred($gate, name) {
var $node = $gate.find('.fl-expect-' + name).first();
if ($node.length) return $.trim($node.text());
return String($gate.attr('data-' + name) || '');
}

function applyTheme($gate) {
var el = $gate.get(0);
if (!el) return;
Object.keys(THEME_KEYS).forEach(function (key) {
var raw = $gate.attr('data-fl-' + key.toLowerCase()) || $gate.attr('data-fl-' + key);
if (raw) el.style.setProperty(THEME_KEYS[key], raw);
});
var themeText = $.trim($gate.find('.fl-theme').first().text() || '');
if (themeText) {
themeText.split(/[;\n]/).forEach(function (pair) {
var m = $.trim(pair).match(/^([a-zA-Z]+)\s*:\s*(.+)$/);
if (!m) return;
var key = m[1];
var val = $.trim(m[2]);
var map = {
bg: 'bg', panel: 'panel', accent: 'accent', text: 'text', muted: 'muted',
danger: 'danger', border: 'border', radius: 'radius', font: 'font',
width: 'width', pad: 'pad',
titlesize: 'titleSize', 'title-size': 'titleSize', titleSize: 'titleSize',
inputbg: 'inputBg', 'input-bg': 'inputBg', inputBg: 'inputBg',
inputborder: 'inputBorder', 'input-border': 'inputBorder', inputBorder: 'inputBorder',
buttontext: 'buttonText', 'button-text': 'buttonText', buttonText: 'buttonText'
};
var normalized = map[key] || map[key.toLowerCase()];
if (normalized && THEME_KEYS[normalized]) {
el.style.setProperty(THEME_KEYS[normalized], val);
}
});
}
}

function bindGates($root) {
addStyles();
$root.find('.fandom-login-gate').addBack('.fandom-login-gate').each(function () {
var $gate = $(this);
if (!$gate.hasClass('fandom-login-gate') || $gate.data('bound')) return;
$gate.data('bound', true);
applyTheme($gate);
var user = readCred($gate, 'user');
var pass = readCred($gate, 'pass');
var $form = $gate.find('.fandom-login-form');
var $error = $gate.find('.fandom-login-error');

$form.empty().append(
$('<label>').text('用户名').append(
$('<input type="text" class="fl-user" autocomplete="off" spellcheck="false">')
),
$('<label>').text('密码').append(
$('<input type="password" class="fl-pass" autocomplete="off">')
),
$('<button>', { type: 'button', 'class': 'fl-submit', text: '解锁' })
);

function tryUnlock() {
if ($form.find('.fl-user').val() === user && $form.find('.fl-pass').val() === pass) {
$error.hide();
$gate.addClass('is-unlocked');
} else {
$error.show();
}
}
$form.on('click', '.fl-submit', tryUnlock);
$form.on('keydown', 'input', function (e) {
if (e.key === 'Enter') tryUnlock();
});
});
}

mw.hook('wikipage.content').add(bindGates);
bindGates($(document));
});

//67890

//这是一个假的用户登录框，仅仅用于页面的演出效果，这意味着这个用户登陆框不会记录用户的任何密码或用户名信息，也不会对用户的信息安全造成任何威胁。使用这些代码的页面创建者会在当页自定义一个假的用户名和密码。如果用户不想，这个假的用户登录框不会泄露用户的任何真实信息。
//This is a fake user login From, only used for the page's visual effect. It means that this login box won't record any user's password or username information, nor will it pose any threat to user information security. The page creator using this code can customize a fake username and password on the page. If users don't want to, this fake login Form won't leak any real information about them.
//This has NOTHING to do with Fandom Login Forms.

模板:CSS

2026-08-06T05:55:52Z

Aread：创建页面，内容为“{{#invoke:CSS|import_css}}”

模板:Blurimage

2026-08-06T05:54:57Z

Aread：创建页面，内容为“<center><div class="marginblock" style="display: inline-flex; box-shadow: 2px 2px 6px rgba(0,0,0,0.6); width:{{{width|300px}}}; overflow: hidden; z-index: 4; position:relative; float:{{{align|right}}}; padding:0; flex-direction: column; clear:{{{align|right}}};margin-{{{align|right}}}:0.5rem !important;"> <div class="no-margin-p fit-image" style="margin:0;box-shadow: 0px 0px 10px rgba(0,0,0,0.6);">File:{{{file|Lvl10.jpg}}}|{{{hovertext|}}}|alt={{{alt|}}}|link…”

<center><div class="marginblock" style="display: inline-flex; box-shadow: 2px 2px 6px rgba(0,0,0,0.6); width:{{{width|300px}}}; overflow: hidden; z-index: 4; position:relative; float:{{{align|right}}}; padding:0; flex-direction: column; clear:{{{align|right}}};margin-{{{align|right}}}:0.5rem !important;">
<div class="no-margin-p fit-image" style="margin:0;box-shadow: 0px 0px 10px rgba(0,0,0,0.6);">[[File:{{{file|Lvl10.jpg}}}|{{{hovertext|}}}|alt={{{alt|}}}|link=]]</div>
<div class="blurbehind" style="background: rgba(0,0,0,0.2);padding: 1rem 1em;position:relative; font-size: {{{font-size|90%}}}; font-weight: bold; text-shadow: 0px 0px 3px black; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); z-index: 5; float:right; margin:0;">{{{caption|这个小玩意比原来的那个图像块漂亮多了。为什么不用用呢？}}}</div>
<div class="mobile-hidden cover-image" style="position: absolute; top:{{{top|0}}}; {{{bg-align|left}}}:0; z-index: -1;">[[File:{{{file|Lvl10.jpg}}}|link=]]</div>
</div></center>

MediaWiki:ImportJS

2026-08-06T05:32:21Z

Aread：清空全部内容

MediaWiki:ImportJS

2026-08-06T05:32:03Z

Aread：test

dev:AjaxRC.js
dev:AjaxPoll.js
dev:AllPagesHideRedirect/code.js
dev:Accordion.js
dev:BackToTopButton/code.js
dev:BalancedTabber.js
dev:BilibiliVideo.js
dev:CatFilter/code.js
dev:CategoryMaintenanceTables.js
dev:CategorySorter.js
dev:Countdown/code.js
dev:DataTables.js
dev:DeleteTalkpage.js
dev:DivEditor/code.js
dev:EditConflictAlert/code.js
dev:EditLeaderboard.js
dev:FastFileDelete.js
dev:FileTools.js
dev:FirstEditDate.js
dev:HTML5AudioPlayer/code.js
dev:ImageCompare.js
dev:ImportJSPage/code.js
dev:InactiveUsers/code.js
dev:InputUsername/code.js
dev:LinkPreview/code.js
dev:MassEdit/code.js
dev:Medals/code.js
dev:MarkBlocked.js
dev:ModernLeaderboard.js
dev:MediaWikiBacklink/code.js
dev:MessageWallUserTags/code.js
dev:OrganizedSocialActivity.js
dev:ProtectionIcons.js
dev:ProfileTags.js
dev:QuickPurge.js
dev:RedirectManagement/code.js
dev:ReferencePopups/code.js
dev:ReferencePopups/custom.js
dev:RevisionDelete.js
dev:SandboxTab/code.js
dev:SearchSuggest/code.js
dev:SeeMoreActivityButton/code.js
dev:SelectContent.js
dev:ShortUrl.js
dev:SketchfabIntegrator.js
dev:Toggler.js
dev:User Avatar Finder/code.js
dev:UserAvatarLink.js
dev:UserFunctions.js
dev:UndeleteBacklink.js

MediaWiki:Common.js

2026-08-06T05:29:06Z

Aread：清空全部内容

MediaWiki:Common.js

2026-08-06T05:19:52Z

Aread：测试，如有异常将立刻回退。

用户:Aread

2026-08-06T01:54:29Z

Aread：

正版面包是我1111