查看“︁MediaWiki:Citizen.css”︁的源代码

/* 这里所有CSS都会加载给Citizen皮肤的用户 */
/* 自定义变量 */
:root{
    --color-1: var(--color-surface-3); /* 第一主题色 */
    --color-2: var(--color-surface-4); /* 第一主题色-深色 */
    --color-3: var(--color-surface-4); /* 第二主题色 */
    --font-color-1: var(--color-base); /* 彩色文本-搭配主题色 */
    --font-color-2: var(--color-base); /* 普通文本 */
    --page-color-1: var(--color-surface-0); /* 页面背景色 */
    --page-color-2: var(--color-surface-2); /* 页面容器背景色 */
    --page-color-3: var(--color-surface-3); /* 页面边框色 */
    --background-color: var(--color-surface-1); /* 模板背景色 */
}

/* 杂项 */
code{ /*行内代码*/
    padding: 1.8px 4px;}
.skin-citizen-dark .mw-logo-icon{ /*徽标-深色模式 */
    filter: invert(0.9)}
.skin-citizen-light .mw-logo-icon{ /*徽标-浅色模式*/
    filter: invert(0.15)}
.page-Main_Page .citizen-page-header{ /*首页页头*/
	order: unset;}
.page-Main_Page .citizen-page-heading{ /*首页标题行*/
	display: block;}
.citizen-page-languages .citizen-dropdown-summary[data-counter-text="0"]::after{ /*语言选择*/
    display: none;
}

/* 编辑 */
.mw-editsection{ /*编辑图标*/
    position: relative;}
.wikiEditor-ui-toolbar tabs{ /*编辑器-特殊字符*/
    color: var(--color-base);}
#msupload-container{ /*上传图标*/
    padding: 11px 11px 11px 10px;}
#msupload-container:hover{ /*图标背景加深*/
    background-color: var(--background-color-quiet--hover);}
#msupload-select{ /*图标颜色*/
    opacity: var(--opacity-icon-base);}
#msupload-container:hover #msupload-select{ /*图标颜色加深*/
    opacity: var(--opacity-icon-base--hover);
}


/* 图片 */
img{ /*图片*/
    contain: none !important;}
figure[typeof*='mw:File'] a:not(.mw-file-description):hover img{ /*带链接的图片*/
    transform: scale(0.9) !important}
figure[typeof*='mw:File'] span, figure a, figure img{ /*图片支撑*/
    transition: var(--transition-hover);
    overflow: hidden;
    padding: 0 !important;
    border: 0 !important}
figure[typeof*='mw:File'] img:hover{ /*图片放大*/
    transform: scale(1.1);
    transition: var(--transition-hover)}
.thumbcaption{ /*特殊图注*/
    margin-top: 5px}
figcaption{ /*图框题注*/
    line-height: 1.4em;}
.citizen-typeahead-list-item-image, html.skin-theme-clientpref-night #file img{
    background-color: var(--color-surface-2);
}