跳转到内容
打开/关闭菜单
  • 1 条目
  • 1 用户
  • 147 编辑
Anachronism
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css

MediaWiki界面页面
Ancimen​(留言 | 贡献)2026年9月27日 (日) 17:57的版本

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • 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-hover-grow {
    transition: transform 0.2s;
}
.fx-hover-grow:hover {
    transform: scale(1.08);
}
/* ============================================
		MediaWiki默认功能隐藏
   ============================================ */
 
/* ---- 禁用分类页面自动列出子项 ---- */
.ns-14 #mw-pages {
    display: none;
}