MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
创建页面,内容为“→这里放置的CSS将应用于所有皮肤: →隐藏分类页底部的自动页面列表: .ns-14 #mw-pages { display: none; }” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* | /* ============================================ | ||
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-hover-grow { | |||
transition: transform 0.2s; | |||
} | |||
.fx-hover-grow:hover { | |||
transform: scale(1.08); | |||
} | |||
/* ============================================ | |||
MediaWiki默认功能隐藏 | |||
============================================ */ | |||
/* ---- 禁用分类页面自动列出子项 ---- */ | |||
.ns-14 #mw-pages { | .ns-14 #mw-pages { | ||
display: none; | display: none; | ||
} | } | ||
2026年9月27日 (日) 17:57的版本
/* ============================================
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-hover-grow {
transition: transform 0.2s;
}
.fx-hover-grow:hover {
transform: scale(1.08);
}
/* ============================================
MediaWiki默认功能隐藏
============================================ */
/* ---- 禁用分类页面自动列出子项 ---- */
.ns-14 #mw-pages {
display: none;
}