Template:Robuddy-styles.css:修订间差异
模板页面
更多操作
ContentBot2(留言 | 贡献) 移除RobotModules标题下方竖线 |
ContentBot2(留言 | 贡献) 添加 SyntaxHighlight 深色模式修复 |
||
| 第135行: | 第135行: | ||
html.skin-theme-clientpref-night .rm-part { background:#222830; border-color:#2a3040; color:#c8d0dc; } | html.skin-theme-clientpref-night .rm-part { background:#222830; border-color:#2a3040; color:#c8d0dc; } | ||
html.skin-theme-clientpref-night .rm-part:hover { background:#1a3050; border-color:#4a90d9; color:#7ab8e8; } | html.skin-theme-clientpref-night .rm-part:hover { background:#1a3050; border-color:#4a90d9; color:#7ab8e8; } | ||
/* SyntaxHighlight 修复 */ | |||
.mw-highlight { background:#f8f8f8; border-radius:6px; padding:0.8em; overflow-x:auto; } | |||
.mw-highlight pre { background:transparent; border:none; margin:0; padding:0; } | |||
html.skin-theme-clientpref-night .mw-highlight { background:#1e1e1e; } | |||
html.skin-theme-clientpref-night .mw-highlight .c { color:#6A9955; } | |||
html.skin-theme-clientpref-night .mw-highlight .k, | |||
html.skin-theme-clientpref-night .mw-highlight .kd { color:#569CD6; } | |||
html.skin-theme-clientpref-night .mw-highlight .s { color:#CE9178; } | |||
html.skin-theme-clientpref-night .mw-highlight .o, | |||
html.skin-theme-clientpref-night .mw-highlight .n { color:#D4D4D4; } | |||
html.skin-theme-clientpref-night .mw-highlight .nb { color:#DCDCAA; } | |||
html.skin-theme-clientpref-night .mw-highlight .mi { color:#B5CEA8; } | |||
2026年7月17日 (五) 21:00的最新版本
/* Infobox */
.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; }
/* 首页 */
.robuddy-hero { text-align:center; padding:2em 0 1em; }
.robuddy-hero-title { font-size:1.8em; font-weight:700; color:#2a4b8a; }
.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; display:block; }
.robuddy-card:hover { transform:translateY(-4px); box-shadow:0 8px 30px rgba(42,75,138,0.15); border-color:#00b4d8; }
.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; }
/* 页脚隐藏 */
.citizen-footer__siteinfo { display:none; }
.citizen-footer__bottom { display:none; }
/* 深色 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; }
html.skin-theme-clientpref-night .robuddy-hero-title { color:#5b9bd5; }
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; }
/* Reflist */
.robuddy-reflist { margin:1em 0; padding:1em 1.2em; background:#f8f9fa; border:1px solid #e0e4ea; border-radius:8px; }
.robuddy-reflist-title { font-size:1.1em; font-weight:700; color:#1a1a2e; margin-bottom:0.5em; padding-bottom:0.4em; border-bottom:1px solid #e0e4ea; }
.robuddy-reflist ol { margin:0; padding-left:1.5em; }
.robuddy-reflist li { margin-bottom:0.3em; font-size:0.9em; line-height:1.6; color:#333; }
html.skin-theme-clientpref-night .robuddy-reflist { background:#1c2028; border-color:#2a3040; }
html.skin-theme-clientpref-night .robuddy-reflist-title { color:#e0e4ea; border-color:#2a3040; }
html.skin-theme-clientpref-night .robuddy-reflist li { color:#c8d0dc; }
/* SpecBox 元件参数卡片 */
.robuddy-specbox { display:inline-block; vertical-align:top; margin:0.5em 0.5em 0.5em 0; padding:0.8em 1em; border:1px solid #e0e4ea; border-radius:8px; background:#fff; min-width:180px; max-width:280px; }
.robuddy-specbox-name { font-weight:700; font-size:1em; color:#1a1a2e; margin-bottom:0.3em; }
.robuddy-specbox-row { font-size:0.85em; color:#555; line-height:1.6; }
.robuddy-specbox-label { font-weight:600; color:#2a4b8a; }
/* VersionBox 版本卡片 */
.robuddy-versionbox { margin:1em 0; padding:1em 1.2em; border:1px solid #e0e4ea; border-radius:8px; background:#fff; border-left:4px solid #2a4b8a; }
.robuddy-versionbox-title { font-weight:700; font-size:1.05em; color:#2a4b8a; margin-bottom:0.5em; }
.robuddy-versionbox ul { margin:0; padding-left:1.2em; }
.robuddy-versionbox li { font-size:0.9em; line-height:1.6; color:#333; margin-bottom:0.2em; }
.robuddy-versionbox-v2 { border-left-color:#00b4d8; }
.robuddy-versionbox-v2 .robuddy-versionbox-title { color:#00b4d8; }
/* TeamCard 成员网格 */
.robuddy-teamgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:0.8em; margin:1em 0; }
.robuddy-teamcard { text-align:center; padding:1em 0.8em; border:1px solid #e0e4ea; border-radius:10px; background:#fff; }
.robuddy-teamcard-avatar { width:48px; height:48px; border-radius:50%; background:#e8e8e8; margin:0 auto 0.5em; display:flex; align-items:center; justify-content:center; font-size:1.4em; }
.robuddy-teamcard-name { font-weight:700; font-size:0.95em; color:#1a1a2e; }
.robuddy-teamcard-role { font-size:0.8em; color:#2a4b8a; margin-top:0.2em; }
.robuddy-teamcard-dept { font-size:0.75em; color:#888; margin-top:0.15em; }
/* 深色 night */
html.skin-theme-clientpref-night .robuddy-specbox { background:#1c2028; border-color:#2a3040; }
html.skin-theme-clientpref-night .robuddy-specbox-name { color:#e0e4ea; }
html.skin-theme-clientpref-night .robuddy-specbox-row { color:#c8d0dc; }
html.skin-theme-clientpref-night .robuddy-specbox-label { color:#4a90d9; }
html.skin-theme-clientpref-night .robuddy-versionbox { background:#1c2028; border-color:#2a3040; }
html.skin-theme-clientpref-night .robuddy-versionbox-title { color:#5b9bd5; }
html.skin-theme-clientpref-night .robuddy-versionbox li { color:#c8d0dc; }
html.skin-theme-clientpref-night .robuddy-teamcard { background:#1c2028; border-color:#2a3040; }
html.skin-theme-clientpref-night .robuddy-teamcard-avatar { background:#2a3040; }
html.skin-theme-clientpref-night .robuddy-teamcard-name { color:#e0e4ea; }
html.skin-theme-clientpref-night .robuddy-teamcard-dept { color:#888; }
/* RobotModules 系统分解图 */
.rm-wrapper { margin:1.5em 0; font-family:system-ui,-apple-system,sans-serif; }
/* 顶层机器人 */
.rm-robot { text-align:center; padding:1.2em; margin-bottom:1em; background:linear-gradient(135deg,#1a2740,#2a4b8a); border-radius:12px; color:#fff; position:relative; }
.rm-robot-name { font-size:1.4em; font-weight:700; letter-spacing:0.05em; }
.rm-robot-sub { font-size:0.85em; color:rgba(255,255,255,0.7); margin-top:0.3em; }
/* 连接线 */
.rm-connector { width:2px; height:20px; background:#4a90d9; margin:0 auto; }
/* 模块网格 */
.rm-modules { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:1em; margin:0.5em 0; }
/* 模块卡片 */
.rm-module { border:1px solid #d0d4dc; border-radius:10px; background:#fff; overflow:hidden; transition:border-color 0.3s,box-shadow 0.3s; }
.rm-module:hover { border-color:#4a90d9; box-shadow:0 4px 20px rgba(74,144,217,0.15); }
.rm-module-head { padding:0.7em 1em; background:#f0f4f8; border-bottom:1px solid #e0e4ea; display:flex; align-items:center; gap:0.5em; }
.rm-module-icon { font-size:1.3em; width:32px; height:32px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:8px; border:1px solid #e0e4ea; }
.rm-module-name { font-weight:700; font-size:1em; color:#1a2740; }
.rm-module-body { padding:0.6em 1em; }
/* 零件标签 */
.rm-parts { display:flex; flex-wrap:wrap; gap:0.4em; }
.rm-part { display:inline-block; padding:0.25em 0.6em; background:#f0f4f8; border:1px solid #e0e4ea; border-radius:6px; font-size:0.8em; color:#333; transition:all 0.2s; }
.rm-part:hover { background:#e3f0ff; border-color:#4a90d9; color:#2a4b8a; }
.rm-part a { color:inherit; text-decoration:none; }
/* 深色 night */
html.skin-theme-clientpref-night .rm-robot { background:linear-gradient(135deg,#0d1520,#1a3050); }
html.skin-theme-clientpref-night .rm-module { background:#1c2028; border-color:#2a3040; }
html.skin-theme-clientpref-night .rm-module:hover { border-color:#4a90d9; box-shadow:0 4px 20px rgba(74,144,217,0.2); }
html.skin-theme-clientpref-night .rm-module-head { background:#222830; border-color:#2a3040; }
html.skin-theme-clientpref-night .rm-module-icon { background:#1c2028; border-color:#2a3040; }
html.skin-theme-clientpref-night .rm-module-name { color:#e0e4ea; }
html.skin-theme-clientpref-night .rm-part { background:#222830; border-color:#2a3040; color:#c8d0dc; }
html.skin-theme-clientpref-night .rm-part:hover { background:#1a3050; border-color:#4a90d9; color:#7ab8e8; }
/* SyntaxHighlight 修复 */
.mw-highlight { background:#f8f8f8; border-radius:6px; padding:0.8em; overflow-x:auto; }
.mw-highlight pre { background:transparent; border:none; margin:0; padding:0; }
html.skin-theme-clientpref-night .mw-highlight { background:#1e1e1e; }
html.skin-theme-clientpref-night .mw-highlight .c { color:#6A9955; }
html.skin-theme-clientpref-night .mw-highlight .k,
html.skin-theme-clientpref-night .mw-highlight .kd { color:#569CD6; }
html.skin-theme-clientpref-night .mw-highlight .s { color:#CE9178; }
html.skin-theme-clientpref-night .mw-highlight .o,
html.skin-theme-clientpref-night .mw-highlight .n { color:#D4D4D4; }
html.skin-theme-clientpref-night .mw-highlight .nb { color:#DCDCAA; }
html.skin-theme-clientpref-night .mw-highlight .mi { color:#B5CEA8; }