MediaWiki:Common.css
MediaWiki界面页面
更多操作
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* ============================================
FX 效果类库
全站可调用:给任意元素加对应类名即可
============================================ */
/* ---- 边缘发光:静态 ---- */
.fx-glow {
box-shadow:
0 0 6px rgba(139, 26, 43, 0.7),
0 0 14px rgba(139, 26, 43, 0.5),
0 0 22px rgba(139, 26, 43, 0.3);
}
/* ---- 边缘发光:呼吸脉冲 ---- */
@keyframes fx-pulse-glow {
0%, 100% {
box-shadow:
0 0 6px rgba(139, 26, 43, 0.7),
0 0 14px rgba(139, 26, 43, 0.5),
0 0 22px rgba(139, 26, 43, 0.3);
}
50% {
box-shadow:
0 0 10px rgba(139, 26, 43, 1),
0 0 20px rgba(139, 26, 43, 0.7),
0 0 32px rgba(139, 26, 43, 0.5);
}
}
.fx-pulse {
animation: fx-pulse-glow 2s ease-in-out infinite;
}
/* ---- 图标切换:一显一隐 ---- */
.fx-swap {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
}
.fx-swap__a,
.fx-swap__b {
transition: opacity 0.3s ease, transform 0.3s ease;
line-height: 1;
}
.fx-swap__b {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.85);
opacity: 0;
}
.fx-swap:hover .fx-swap__a,
.fx-swap.is-active .fx-swap__a {
opacity: 0;
transform: scale(0.85);
}
.fx-swap:hover .fx-swap__b,
.fx-swap.is-active .fx-swap__b {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* ---- 文字边缘发光:静态 ---- */
.fx-text-glow {
text-shadow:
0 0 4px rgba(255, 200, 210, 0.9),
0 0 8px rgba(139, 26, 43, 0.8),
0 0 16px rgba(139, 26, 43, 0.6);
}
/* ---- 文字边缘发光:呼吸脉冲 ---- */
@keyframes fx-text-pulse {
0%, 100% {
text-shadow:
0 0 4px rgba(255, 200, 210, 0.7),
0 0 8px rgba(139, 26, 43, 0.5),
0 0 14px rgba(139, 26, 43, 0.3);
}
50% {
text-shadow:
0 0 6px rgba(255, 200, 210, 1),
0 0 14px rgba(139, 26, 43, 0.9),
0 0 24px rgba(139, 26, 43, 0.6);
}
}
.fx-text-pulse {
animation: fx-text-pulse 2s ease-in-out infinite;
}
/* ---- 悬停轻微放大 ---- */
.fx-hover-grow {
transition: transform 0.2s;
}
.fx-hover-grow:hover {
transform: scale(1.08);
}
/* ============================================
MediaWiki默认功能隐藏
============================================ */
/* ---- 禁用分类页面自动列出子项 ---- */
.ns-14 #mw-pages {
display: none;
}