更多操作
PasbellettiKikka(留言 | 贡献) 小 修改编辑按钮样式 |
PasbellettiKikka(留言 | 贡献) 小无编辑摘要 标签:已被回退 |
||
| 第32行: | 第32行: | ||
.mw-editsection a:hover { | .mw-editsection a:hover { | ||
border-bottom: 1px solid var(--color-primary); | border-bottom: 1px solid var(--color-primary); | ||
} | |||
/* 1. 基础间距优化 */ | |||
.mw-editsection-visualeditor, | |||
.mw-editsection-code { | |||
padding: 2px 8px !important; | |||
border-radius: 4px; | |||
margin: 0 2px; | |||
font-size: 0.85em; | |||
transition: background 0.2s, color 0.2s; | |||
} | |||
/* 2. 为“编辑”(可视化编辑)设置样式 - 蓝色系/笔触感 */ | |||
.mw-editsection-visualeditor { | |||
background-color: rgba(var(--color-primary-rgb), 0.1) !important; | |||
color: var(--color-primary) !important; | |||
border: 1px solid transparent; | |||
} | |||
.mw-editsection-visualeditor::before { | |||
content: "✎"; /* 铅笔图标 */ | |||
margin-right: 4px; | |||
font-size: 0.9em; | |||
} | |||
/* 3. 为“编辑源代码”设置样式 - 灰色系/代码感 */ | |||
.mw-editsection-code { | |||
background-color: var(--color-surface-2) !important; | |||
color: var(--color-base) !important; | |||
border: 1px solid var(--color-border) !important; | |||
} | |||
.mw-editsection-code::before { | |||
content: "{ }"; /* 代码大括号图标 */ | |||
margin-right: 4px; | |||
font-family: monospace; | |||
font-weight: bold; | |||
} | |||
/* 4. 移除中间难看的竖线分隔符(可选) */ | |||
.mw-editsection-divider { | |||
display: none; | |||
} | } | ||
2026年4月14日 (二) 06:15的版本
/* 这里放置的CSS将应用于所有皮肤 */
body {
font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
/* 隐藏“来自CitiZons Wiki”字样
#siteSub {
display: none;
}
*/
/* 修改编辑按钮样式 */
/* 平时变淡 */
.mw-editsection {
opacity: 0.3;
transition: opacity 0.3s;
}
h1:hover .mw-editsection,
h2:hover .mw-editsection,
h3:hover .mw-editsection {
opacity: 1;
}
/* 按钮样式微调 */
.mw-editsection a {
color: var(--color-primary) !important;
font-size: 0.8em;
border-bottom: 1px solid transparent;
}
.mw-editsection a:hover {
border-bottom: 1px solid var(--color-primary);
}
/* 1. 基础间距优化 */
.mw-editsection-visualeditor,
.mw-editsection-code {
padding: 2px 8px !important;
border-radius: 4px;
margin: 0 2px;
font-size: 0.85em;
transition: background 0.2s, color 0.2s;
}
/* 2. 为“编辑”(可视化编辑)设置样式 - 蓝色系/笔触感 */
.mw-editsection-visualeditor {
background-color: rgba(var(--color-primary-rgb), 0.1) !important;
color: var(--color-primary) !important;
border: 1px solid transparent;
}
.mw-editsection-visualeditor::before {
content: "✎"; /* 铅笔图标 */
margin-right: 4px;
font-size: 0.9em;
}
/* 3. 为“编辑源代码”设置样式 - 灰色系/代码感 */
.mw-editsection-code {
background-color: var(--color-surface-2) !important;
color: var(--color-base) !important;
border: 1px solid var(--color-border) !important;
}
.mw-editsection-code::before {
content: "{ }"; /* 代码大括号图标 */
margin-right: 4px;
font-family: monospace;
font-weight: bold;
}
/* 4. 移除中间难看的竖线分隔符(可选) */
.mw-editsection-divider {
display: none;
}