MediaWiki:Citizen.css：修订间差异
MediaWiki界面页面
更多操作
删除的内容 添加的内容
创建页面，内容为“→这里所有CSS都会加载给Citizen皮肤的用户： →修复移动端搜索结果被撑大： .mw-search-results-container { float: none; }” |
小 // Edit via Wikiplus |
||
| （未显示4个用户的30个中间版本） | |||
| 第1行： | 第1行： | ||
/* 这里所有CSS都会加载给Citizen皮肤的用户 */ |
/* 这里所有CSS都会加载给Citizen皮肤的用户 */ |
||
:root { |
|||
/* 调整主题色色相为青蓝色 */ |
|||
--color-progressive-oklch__h: 215; |
|||
/* 调亮背景 */ |
|||
--color-surface-0-oklch__l: 99%; |
|||
/* 较亮的颜色需要的饱和度比较暗的颜色更低，由于我们调亮了背景，故此处调低饱和度 */ |
|||
--color-surface-0-oklch__c: 0.006; |
|||
--color-surface-1-oklch__c: 0.013; |
|||
/* 对于青蓝色来说，皮肤计算色的色相超出sRGB色域，导致色域缩窄后的对比度偏低，故重设 */ |
|||
--color-link: #006cad; |
|||
/* 皮肤默认访问过的链接颜色与未访问时一致，此处重设 */ |
|||
--color-visited: #6a60b0; |
|||
/* 对不支持oklch的浏览器 */ |
|||
--color-progressive-hsl__h: 188.57; |
|||
--color-progressive-hsl__s: 100%; |
|||
--color-progressive-hsl__l: 32.94%; |
|||
--color-surface-0-hsl__l: 98.24%; |
|||
--color-surface-0-hsl__s: 77.78%; |
|||
--color-surface-1-hsl__l: 95.49%; |
|||
--color-surface-1-hsl__s: 65.22%; |
|||
--color-surface-2-hsl__l: 92.35%; |
|||
--color-surface-2-hsl__s: 58.97%; |
|||
/* TODO: 下面3行等更新Citizen 3.10后删除 */ |
|||
--color-surface-0-hsl__h: var(--color-progressive-hsl__h); |
|||
--color-surface-1-hsl__h: var(--color-progressive-hsl__h); |
|||
--oapcity-glass: var(--opacity-glass); |
|||
--font-family-base: var(--font-main); |
|||
--font-family-monospace: var(--font-mono); |
|||
} |
|||
/* TODO: 等更新Citizen 3.10后删除 */ |
|||
/* JSON内容模型查看器 */ |
|||
.mw-json-value, .mw-json-single-value, |
|||
/* 行内差异模式 */ |
|||
.diff-editfont-monospace .mw-diff-inline-added, |
|||
.diff-editfont-monospace .mw-diff-inline-deleted, |
|||
.diff-editfont-monospace .mw-diff-inline-moved, |
|||
.diff-editfont-monospace .mw-diff-inline-changed, |
|||
.diff-editfont-monospace .mw-diff-inline-context { |
|||
font-family: var(--font-mono); |
|||
} |
|||
.mw-body-content kbd { |
|||
padding: 2px 4px; |
|||
border-radius: var(--border-radius-base); |
|||
color: var(--color-emphasized); |
|||
background-color: var(--color-surface-2); |
|||
border: var(--border-width-base) solid var(--border-color-base); |
|||
border-bottom-width: var(--border-width-thick); |
|||
} |
|||
/* 凭什么不让复制标题 */ |
|||
.citizen-sections-enabled .citizen-section-heading:not(:active) { |
|||
user-select: initial; |
|||
} |
|||
/* 修复移动端搜索结果被撑大 */ |
/* 修复移动端搜索结果被撑大 */ |
||
.mw-search-results-container { |
.mw-search-results-container { |
||
float: none; |
|||
} |
|||
@media (min-width: 1120px) { |
|||
.mobileonly { |
|||
display: none !important; |
|||
} |
|||
} |
|||
@media not (min-width: 1120px) { |
|||
.nomobile { |
|||
display: none !important; |
|||
} |
|||
/* 修复移动端pagetool乱飞 */ |
|||
.page-actions { |
|||
bottom: calc(var(--header-size) + max(env(safe-area-inset-bottom), var(--space-xs))); |
|||
} |
|||
} |
|||
/* 移除无用的其他语言数量提示 */ |
|||
.citizen-page-languages .citizen-dropdown-summary::after { |
|||
content: none !important; |
|||
} |
|||
/* 侧边栏图标 */ |
|||
.mw-portlet a:not(:has(.citizen-ui-icon))::before { |
|||
display: block; |
|||
width: var(--size-icon); |
|||
min-width: var(--size-icon); |
|||
height: var(--size-icon); |
|||
min-height: var(--size-icon); |
|||
background-color: currentcolor; |
|||
-webkit-mask-repeat: no-repeat; |
|||
mask-repeat: no-repeat; |
|||
-webkit-mask-position: center; |
|||
mask-position: center; |
|||
-webkit-mask-size: contain; |
|||
mask-size: contain; |
|||
-webkit-mask-image: var(--image); |
|||
mask-image: var(--image); |
|||
} |
|||
#n-log a::before { |
|||
content: ""; |
|||
--image: url(/images/7/7f/Portlet-logs.svg); |
|||
} |
|||
#n-随机条目 a::before { |
|||
content: ""; |
|||
--image: url(/images/e/e3/Portlet-random.svg); |
|||
} |
|||
#n-随机歌曲 a::before { |
|||
content: ""; |
|||
--image: url(/images/5/5e/Portlet-dieSing.svg); |
|||
} |
|||
#n-随机P主 a::before { |
|||
content: ""; |
|||
--image: url(/images/b/bb/Portlet-dieAvatar.svg); |
|||
} |
|||
#n-帮助 a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/help-ltr.svg); |
|||
} |
|||
#n-讨论版 a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/speechBubbles-ltr.svg); |
|||
} |
|||
#n-公共沙盒 a::before { |
|||
content: ""; |
|||
--image: url(/images/e/e7/Portlet-sandbox.svg); |
|||
} |
|||
#n-待修改页面 a::before { |
|||
content: ""; |
|||
--image: url(/images/0/02/Portlet-toBeEdited.svg); |
|||
} |
|||
#n-批量上传文件 a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/upload.svg); |
|||
} |
|||
#t-replacetext a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/articlesSearch-ltr.svg); |
|||
} |
|||
#ca-purge a::before { |
|||
content: ""; |
|||
--image: url(/extensions/ConfirmEdit/resources/images/refresh.svg); |
|||
} |
|||
#ca-sync a::before { |
|||
content: ""; |
|||
--image: url(/images/b/b1/Portlet-sync.svg); |
|||
} |
|||
#ca-special-specialAssociatedNavigationLinks-link-0 > a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/eye.svg); |
|||
} |
|||
#ca-special-specialAssociatedNavigationLinks-link-1 > a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/listBullet-ltr.svg); |
|||
} |
|||
#ca-special-specialAssociatedNavigationLinks-link-2 > a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/edit.svg); |
|||
} |
|||
#ca-special-specialAssociatedNavigationLinks-link-3 > a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/trash.svg); |
|||
} |
|||
#t-needdelete a::before, #ca-lr-ffd a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/trash.svg); |
|||
} |
|||
#t-pagelog a::before { |
|||
content: ""; |
|||
--image: url(/images/7/7f/Portlet-logs.svg); |
|||
} |
|||
#t-log a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/userRights-ltr.svg); |
|||
} |
|||
#t-prefixindex a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/articles-rtl.svg); |
|||
} |
|||
#t-cite a::before { |
|||
content: ""; |
|||
--image: url(/resources/lib/ooui/themes/wikimediaui/images/icons/quotes-ltr.svg); |
|||
} |
|||
#Wikiplus-Edit-TopBtn a::before { |
|||
content: ""; |
|||
transform: scale(1.1); |
|||
--image: url(/images/b/bf/Wikiplus_icon.svg); |
|||
} |
|||
#ca-quick-edit a::before { |
|||
content: ""; |
|||
transform: scale(1.1); |
|||
--image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20style='width:%201em%3B%20height:%201em'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-pencil-bolt'%3E%3Cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M4%2020h4l10.5%20-10.5a2.828%202.828%200%201%200%20-4%20-4l-10.5%2010.5v4'/%3E%3Cpath%20d='M13.5%206.5l4%204'/%3E%3Cpath%20d='M19%2016l-2%203h4l-2%203'/%3E%3C/svg%3E"); |
|||
} |
|||
/* 页底logo */ |
|||
@media screen and (min-width: 640px) { |
|||
.citizen-footer__siteinfo { |
|||
flex-basis: 20rem; |
|||
flex-grow: 0; |
|||
} |
|||
} |
|||
#footer-sitetitle { |
|||
--logo-unit: 2.5px; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
gap: calc(6 * var(--logo-unit)); |
|||
} |
|||
#footer-sitetitle .mw-logo-icon { |
|||
width: calc(16 * var(--logo-unit)); |
|||
height: calc(16 * var(--logo-unit)); |
|||
} |
|||
#footer-sitetitle .mw-logo-wordmark { |
|||
height: calc(9 * var(--logo-unit)); |
|||
width: auto; |
|||
} |
} |
||