MediaWiki:Citizen.css:修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* ========================================================================== | /* ========================================================================== | ||
MsUpload | MsUpload 图标重影终极净化 (针对 Citizen 皮肤优化) | ||
========================================================================== */ | ========================================================================== */ | ||
/* 1. | /* 1. 全局清理:剥夺该组件内所有元素的“绘图权” */ | ||
#msupload-select | #msupload-select, | ||
#msupload-select *, | |||
#msupload-select *::before, | |||
#msupload-select *::after { | |||
background-image: none !important; | background-image: none !important; | ||
-webkit-mask-image: none !important; | -webkit-mask-image: none !important; | ||
mask-image: none !important; | mask-image: none !important; | ||
content: none !important; | content: none !important; | ||
background-color: transparent !important; | |||
} | } | ||
/* | /* 2. 局部重建:只给最内层的图标元素恢复单次渲染 */ | ||
#msupload-select span.oo-ui-icon-upload.oo-ui-iconElement-icon { | |||
#msupload-select .oo-ui-iconElement-icon { | |||
display: block !important; | display: block !important; | ||
/* 强制指定图标路径 (使用系统标准路径) */ | |||
-webkit-mask-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/upload.svg) !important; | |||
mask-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/upload.svg) !important; | |||
/* 【核心修正】禁止重复,居中显示 */ | |||
-webkit-mask-repeat: no-repeat !important; | |||
mask-repeat: no-repeat !important; | |||
-webkit-mask-position: center center !important; | |||
mask-position: center center !important; | |||
-webkit-mask-size: contain !important; | -webkit-mask-size: contain !important; | ||
mask-size: contain !important; | mask-size: contain !important; | ||
background-color: | |||
/* 设置图标颜色:Citizen 默认图标颜色 */ | |||
background-color: #202122 !important; | |||
width: 20px !important; | |||
height: 20px !important; | |||
margin: auto !important; | |||
} | |||
/* 3. 暗色模式适配:如果你的维基开启了暗色模式,图标需要变白 */ | |||
.mw-layout-context-dark #msupload-select span.oo-ui-icon-upload.oo-ui-iconElement-icon { | |||
background-color: #f8f9fa !important; | |||
} | } | ||
/* 4. | /* 4. 容器对齐修正 */ | ||
#msupload-select .oo-ui-buttonElement-button { | #msupload-select .oo-ui-buttonElement-button { | ||
display: flex !important; | display: flex !important; | ||
align-items: center; | align-items: center !important; | ||
justify-content: center; | justify-content: center !important; | ||
} | } | ||
2026年4月2日 (四) 21:53的版本
/* ==========================================================================
MsUpload 图标重影终极净化 (针对 Citizen 皮肤优化)
========================================================================== */
/* 1. 全局清理:剥夺该组件内所有元素的“绘图权” */
#msupload-select,
#msupload-select *,
#msupload-select *::before,
#msupload-select *::after {
background-image: none !important;
-webkit-mask-image: none !important;
mask-image: none !important;
content: none !important;
background-color: transparent !important;
}
/* 2. 局部重建:只给最内层的图标元素恢复单次渲染 */
#msupload-select span.oo-ui-icon-upload.oo-ui-iconElement-icon {
display: block !important;
/* 强制指定图标路径 (使用系统标准路径) */
-webkit-mask-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/upload.svg) !important;
mask-image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/upload.svg) !important;
/* 【核心修正】禁止重复,居中显示 */
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center center !important;
mask-position: center center !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
/* 设置图标颜色:Citizen 默认图标颜色 */
background-color: #202122 !important;
width: 20px !important;
height: 20px !important;
margin: auto !important;
}
/* 3. 暗色模式适配:如果你的维基开启了暗色模式,图标需要变白 */
.mw-layout-context-dark #msupload-select span.oo-ui-icon-upload.oo-ui-iconElement-icon {
background-color: #f8f9fa !important;
}
/* 4. 容器对齐修正 */
#msupload-select .oo-ui-buttonElement-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}