打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css

MediaWiki界面页面
ContentBot2留言 | 贡献2026年7月19日 (日) 23:06的版本 (深色模式调暗:卡片 bg #101318 边框 #1e2430)

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

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
/* 隐藏页脚底部徽章和编辑提示,保留品牌链接 */
.citizen-footer__bottom { display:none; }
/* 浅色模式 */
.robuddy-infobox { float:right; margin-left:1em; margin-bottom:1em; width:280px; border:1px solid #c8ccd1; border-collapse:collapse; background:#fff; border-radius:8px; overflow:hidden; }
.robuddy-infobox-title { background:#2a4b8a; color:#fff; text-align:center; padding:10px 8px; font-weight:bold; }
.robuddy-infobox-image { text-align:center; padding:8px; }
.robuddy-infobox-row { background:#f6f7f9; }
.robuddy-infobox-row:nth-child(even) { background:#eef0f3; }
.robuddy-infobox-label { width:90px; font-weight:bold; padding:5px 10px; color:#333; }
.robuddy-infobox-value { padding:5px 10px; color:#222; }
.robuddy-infobox-en { font-size:smaller; color:#666; }
.robuddy-warning, .robuddy-note, .robuddy-danger { padding:10px 14px; margin:0.6em 0; border-radius:6px; border-left:4px solid; }
.robuddy-warning { background:#fffbf0; border-color:#e5a800; color:#5c4800; }
.robuddy-note { background:#f0f7ff; border-color:#3b82f6; color:#1e3a5f; }
.robuddy-danger { background:#fff0f0; border-color:#dc2626; color:#7f1d1d; }

/* 深色模式 - 手动切换(night) */
html.skin-theme-clientpref-night .robuddy-infobox { border-color:#333a44; background:#1c2028; }
html.skin-theme-clientpref-night .robuddy-infobox-title { background:#2e3a4e; color:#dce4f0; }
html.skin-theme-clientpref-night .robuddy-infobox-row { background:#222830; }
html.skin-theme-clientpref-night .robuddy-infobox-row:nth-child(even) { background:#1c2028; }
html.skin-theme-clientpref-night .robuddy-infobox-label { color:#a0aab8; }
html.skin-theme-clientpref-night .robuddy-infobox-value { color:#c8d0dc; }
html.skin-theme-clientpref-night .robuddy-infobox-en { color:#7a8494; }
html.skin-theme-clientpref-night .robuddy-warning { background:#2a2518; border-color:#c49a30; color:#d4b060; }
html.skin-theme-clientpref-night .robuddy-note { background:#182230; border-color:#4a90d9; color:#7ab8e8; }
html.skin-theme-clientpref-night .robuddy-danger { background:#2a1a1a; border-color:#c44040; color:#e08080; }

/* 深色模式 - 跟随系统(os) */
@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .robuddy-infobox { border-color:#333a44; background:#1c2028; }
  html.skin-theme-clientpref-os .robuddy-infobox-title { background:#2e3a4e; color:#dce4f0; }
  html.skin-theme-clientpref-os .robuddy-infobox-row { background:#222830; }
  html.skin-theme-clientpref-os .robuddy-infobox-row:nth-child(even) { background:#1c2028; }
  html.skin-theme-clientpref-os .robuddy-infobox-label { color:#a0aab8; }
  html.skin-theme-clientpref-os .robuddy-infobox-value { color:#c8d0dc; }
  html.skin-theme-clientpref-os .robuddy-infobox-en { color:#7a8494; }
  html.skin-theme-clientpref-os .robuddy-warning { background:#2a2518; border-color:#c49a30; color:#d4b060; }
  html.skin-theme-clientpref-os .robuddy-note { background:#182230; border-color:#4a90d9; color:#7ab8e8; }
  html.skin-theme-clientpref-os .robuddy-danger { background:#2a1a1a; border-color:#c44040; color:#e08080; }
}

/* === 深色模式(!important 覆盖内联样式) === */
/* night — 手动深色 */
html.skin-theme-clientpref-night [style*="color:#2a4b8a"] { color:#4a90d9 !important; }
html.skin-theme-clientpref-night [style*="color:#666"] { color:#777 !important; }
html.skin-theme-clientpref-night [style*="border:1px solid #e0e4ea"] { border-color:#1e2430 !important; }
html.skin-theme-clientpref-night [style*="background:#fff"] { background:#101318 !important; }
html.skin-theme-clientpref-night [style*="color:#1a1a2e"] { color:#c8ccd4 !important; }
html.skin-theme-clientpref-night [style*="color:#555"] { color:#888 !important; }
html.skin-theme-clientpref-night [style*="background:#f0f7ff"] { background:#11161e !important; }
html.skin-theme-clientpref-night [style*="border:1px solid #b8d4f0"] { border-color:#1e2a38 !important; }
/* os — 跟随系统 */
@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os [style*="color:#2a4b8a"] { color:#4a90d9 !important; }
  html.skin-theme-clientpref-os [style*="color:#666"] { color:#777 !important; }
  html.skin-theme-clientpref-os [style*="border:1px solid #e0e4ea"] { border-color:#1e2430 !important; }
  html.skin-theme-clientpref-os [style*="background:#fff"] { background:#101318 !important; }
  html.skin-theme-clientpref-os [style*="color:#1a1a2e"] { color:#c8ccd4 !important; }
  html.skin-theme-clientpref-os [style*="color:#555"] { color:#888 !important; }
  html.skin-theme-clientpref-os [style*="background:#f0f7ff"] { background:#11161e !important; }
  html.skin-theme-clientpref-os [style*="border:1px solid #b8d4f0"] { border-color:#1e2a38 !important; }
}
/* 渐变标题 — 仅现代浏览器 */
@supports (-webkit-background-clip: text) {
  .robuddy-hero-title { background:linear-gradient(135deg,#2a4b8a,#00b4d8) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; background-clip:text !important; color:transparent !important; }
  html.skin-theme-clientpref-night .robuddy-hero-title,
  html.skin-theme-clientpref-os .robuddy-hero-title { background:linear-gradient(135deg,#4a90d9,#00b4d8) !important; }
}