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

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
已还原ContentBot2讨论)的编辑至最后由AdministerFu修订的版本
标签回退
ContentBot2留言 | 贡献
深色模式重写:属性选择器 !important 覆盖内联样式 + 渐变标题增强
第59行: 第59行:
.robuddy-notice a { color:#2a4b8a; font-weight:600; }
.robuddy-notice a { color:#2a4b8a; font-weight:600; }
/* 深色-night */
/* 深色-night */
html.skin-theme-clientpref-night .robuddy-hero-sub{color:#888}
 
html.skin-theme-clientpref-night .robuddy-card{background:#1c2028;border-color:#2a3040}
html.skin-theme-clientpref-night .robuddy-card:hover{box-shadow:0 8px 30px rgba(0,180,216,0.15);border-color:#00b4d8}
html.skin-theme-clientpref-night .robuddy-card-title{color:#e0e4ea}
html.skin-theme-clientpref-night .robuddy-card-desc{color:#888}
html.skin-theme-clientpref-night .robuddy-card-links a{color:#4a90d9}
html.skin-theme-clientpref-night .robuddy-notice{background:#182230;border-color:#2a3a50;color:#8ab4e0}
/* 深色-os */
/* 深色-os */
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .robuddy-hero-sub{color:#888}html.skin-theme-clientpref-os .robuddy-card{background:#1c2028;border-color:#2a3040}html.skin-theme-clientpref-os .robuddy-card:hover{box-shadow:0 8px 30px rgba(0,180,216,0.15);border-color:#00b4d8}html.skin-theme-clientpref-os .robuddy-card-title{color:#e0e4ea}html.skin-theme-clientpref-os .robuddy-card-desc{color:#888}html.skin-theme-clientpref-os .robuddy-card-links a{color:#4a90d9}html.skin-theme-clientpref-os .robuddy-notice{background:#182230;border-color:#2a3a50;color:#8ab4e0}}
@media(prefers-color-scheme:dark){}

2026年7月19日 (日) 23:03的版本

/* 隐藏页脚底部徽章和编辑提示,保留品牌链接 */
.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; }
}

/* === 首页卡片 === */
.robuddy-hero { text-align:center; padding:2em 0 1em; }
.robuddy-hero-title { font-size:1.8em; font-weight:700; background:linear-gradient(135deg,#2a4b8a,#00b4d8); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.robuddy-hero-sub { color:#666; margin-top:0.5em; font-size:1.05em; }
.robuddy-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.2em; margin:1.5em 0 2em; }
.robuddy-card { position:relative; padding:1.8em 1.5em; border-radius:12px; border:1px solid #e0e4ea; background:#fff; transition:all 0.3s ease; overflow:hidden; text-decoration:none; color:inherit; display:block; }
.robuddy-card:hover { transform:translateY(-4px); box-shadow:0 8px 30px rgba(42,75,138,0.15); border-color:#00b4d8; }
.robuddy-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#2a4b8a,#00b4d8); opacity:0; transition:opacity 0.3s; }
.robuddy-card:hover::before { opacity:1; }
.robuddy-card-icon { font-size:2em; margin-bottom:0.5em; }
.robuddy-card-title { font-size:1.2em; font-weight:700; color:#1a1a2e; margin-bottom:0.4em; }
.robuddy-card-desc { font-size:0.9em; color:#555; line-height:1.6; }
.robuddy-card-links { margin-top:0.8em; font-size:0.85em; }
.robuddy-card-links a { color:#2a4b8a; text-decoration:none; margin-right:0.8em; }
.robuddy-card-links a:hover { color:#00b4d8; text-decoration:underline; }
.robuddy-notice { text-align:center; margin:1em 0; padding:0.8em; border-radius:8px; background:#f0f7ff; border:1px solid #b8d4f0; font-size:0.9em; }
.robuddy-notice a { color:#2a4b8a; font-weight:600; }
/* 深色-night */

/* 深色-os */
@media(prefers-color-scheme:dark){}