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;}
@media (min-width: 640px){ /*页面*/
    .citizen-body-container, .citizen-footer section{
        padding-left: 2em;
        padding-right: 2em;}}
@media (max-width: 520px){
    .citizen-overflow--left{ /*Citizen遮掩-左侧*/
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%) !important;}
    .citizen-overflow--right{ /*Citizen遮掩-右侧*/
        -webkit-mask-image: linear-gradient(90deg, #000 95%, transparent) !important;}
    .citizen-overflow--left.citizen-overflow--right{ /*Citizen遮掩*/
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent) !important;}}
.citizen-page-languages .citizen-dropdown-summary[data-counter-text="0"]::after{ /*语言选择*/
    display: none;}
@media (max-width: 1119px){ /*悬浮目录*/
    #mw-panel-toc{
        width: max-content;
    }
}

/* 表格 */
.skin-citizen-light table, .skin-citizen-light .citizen-toc{ /*元素加深-浅色模式*/
    --background-color-quiet--hover: rgba(0,0,0,0.04)}
body.mobile table{ /*表格加深或加浅*/
    --background-color-quiet--hover: none
}

/* 编辑 */
.mw-editsection{ /*编辑图标*/
    position: relative;}
#wikiEditor-section-main span a { /*编辑器-特殊字符*/
    border-radius: 0;}
#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-dropzone{ /*图标背景*/
    background: var(--color-surface-1);
}

/* 图片 */
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);
}