MediaWiki:Citizen.css
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里所有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);
}