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

MediaWiki:Citizens.css:修订间差异

MediaWiki界面页面
将“编辑源代码”改为大括号样式
 
模板前置(测试)
标签手工回退
 
(未显示同一用户的3个中间版本)
第1行: 第1行:
/* 1. 重置“编辑源代码”图标为括号 */
/* --- 1. 基础重置:撤销皮肤的强制图标遮罩 --- */
.mw-editsection-code::before {
body.skin-citizens .mw-editsection a.citizen-editsection-icon::before {
     content: "{ }" !important; /* 强制替换为大括号 */
    -webkit-mask-image: none !important;
     font-family: monospace !important; /* 使用等宽字体让它更像代码 */
    mask-image: none !important;
     font-weight: bold;
    background: none !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: middle;
}
 
/* --- 2. 针对【编辑】按钮(链接包含 veaction) --- */
body.skin-citizens .mw-editsection a[href*="veaction=edit"]::before {
     content: "" !important;
    color: var(--color-primary) !important;
    margin-right: 4px;
}
 
/* --- 3. 针对【编辑源代码】按钮(链接包含 action=edit 且不含 veaction) --- */
/* 注意:这里利用属性选择器的排除逻辑或特定关键词 */
body.skin-citizens .mw-editsection a[href*="action=edit"]:not([href*="veaction"])::before {
    content: "{ }" !important;
     font-family: monospace !important;
     font-weight: bold !important;
    color: var(--color-base-70) !important;
     margin-right: 4px;
     margin-right: 4px;
    font-size: 1.1em; /* 稍微放大括号 */
    -webkit-mask-image: none !important; /* 关键:取消 Citizens 可能存在的图标遮罩 */
    background-color: transparent !important; /* 取消背景遮罩色 */
    display: inline-block;
}
}


/* 2. 可选:为“编辑源代码”添加特定的颜色区分 */
/* --- 4. 让它们长得完全不一样(样式美化) --- */
.mw-editsection-code {
 
     color: var(--color-base-60) !important; /* 使用稍浅的颜色 */
/* 源代码按钮:灰色圆角标签感 */
body.skin-citizens .mw-editsection a[href*="action=edit"]:not([href*="veaction"]) {
     background: var(--color-surface-2) !important;
    border: 1px solid var(--color-border) !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 0.9em;
}
 
/* 可视化编辑按钮:轻微着色 */
body.skin-citizens .mw-editsection a[href*="veaction=edit"] {
    padding: 2px 8px !important;
    color: var(--color-primary) !important;
    text-decoration: none !important;
}
}


/* 3. 如果你想让“编辑”也变成括号(例如中括号) */
/* 隐藏中间多余的竖线和括号 */
/*
.mw-editsection-divider, .mw-editsection-bracket {
.mw-editsection-visualeditor::before {
     display: none !important;
     content: "[ ]" !important;
    font-family: monospace !important;
    -webkit-mask-image: none !important;
}
}
*/

2026年4月14日 (二) 17:14的最新版本

/* --- 1. 基础重置:撤销皮肤的强制图标遮罩 --- */
body.skin-citizens .mw-editsection a.citizen-editsection-icon::before {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: middle;
}

/* --- 2. 针对【编辑】按钮(链接包含 veaction) --- */
body.skin-citizens .mw-editsection a[href*="veaction=edit"]::before {
    content: "✎" !important;
    color: var(--color-primary) !important;
    margin-right: 4px;
}

/* --- 3. 针对【编辑源代码】按钮(链接包含 action=edit 且不含 veaction) --- */
/* 注意:这里利用属性选择器的排除逻辑或特定关键词 */
body.skin-citizens .mw-editsection a[href*="action=edit"]:not([href*="veaction"])::before {
    content: "{ }" !important;
    font-family: monospace !important;
    font-weight: bold !important;
    color: var(--color-base-70) !important;
    margin-right: 4px;
}

/* --- 4. 让它们长得完全不一样(样式美化) --- */

/* 源代码按钮:灰色圆角标签感 */
body.skin-citizens .mw-editsection a[href*="action=edit"]:not([href*="veaction"]) {
    background: var(--color-surface-2) !important;
    border: 1px solid var(--color-border) !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 0.9em;
}

/* 可视化编辑按钮:轻微着色 */
body.skin-citizens .mw-editsection a[href*="veaction=edit"] {
    padding: 2px 8px !important;
    color: var(--color-primary) !important;
    text-decoration: none !important;
}

/* 隐藏中间多余的竖线和括号 */
.mw-editsection-divider, .mw-editsection-bracket {
    display: none !important;
}