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

MediaWiki:Citizen.css

MediaWiki界面页面
Amero留言 | 贡献2025年10月23日 (四) 23:35的版本 (为了大多数浏览器的体验,委屈一下Firefox吧)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl + F5Ctrl + R(Mac为 R
  • Google Chrome:Ctrl + Shift + R(Mac为 Shift R
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl + F5
/* 这里所有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;
}

/* 凭什么不让复制标题 */
.citizen-sections-enabled .citizen-section-heading:not(:active) {
	user-select: initial;
}

/* 修复移动端搜索结果被撑大 */
.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 {
	flex-direction: row;
	align-items: center;
	--logo-unit: 2.5px;
}
#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;
}