MediaWiki:Timeless.css：修订间差异

2026年7月11日 (六) 02:58的最新版本

/* ------------------- BackGround ------------------- */
/* Disable Wrong Screen */
@media screen and (max-width: 850px){
	#mw-content-block {
		background: transparent;
	}
	#mw-content-container {
		background-color: #ffffff;
	}
}

/* Default */
#mw-content-container{
	background-attachment:fixed;
	background-image:url(/resources/assets/svgs/page-large.svg);
}
/* Special */
.ns--1 #mw-content-container{background-image:url(/resources/assets/svgs/addon-large.svg);}

/* User */
.ns-2 #mw-content-container{background-image:url(/resources/assets/svgs/user-large.svg);}

/* Template,Widget,Module,Gadget,GadgetDefinition + JavaScript */
.ns-10 #mw-content-container,
.ns-274 #mw-content-container,
.ns-828 #mw-content-container,
.ns-2300 #mw-content-container,
.ns-2302 #mw-content-container,
body[class~=_js] #mw-content-container{background-image:url(/resources/assets/svgs/brackets-large.svg);}

/* MediaWiki,Translations + CSS,config */
.ns-8 #mw-content-container,
.ns-1198 #mw-content-container,
body[class~=_css] #mw-content-container,
body[class~=_cfg] #mw-content-container{background-image:url(/resources/assets/svgs/config-large.svg);}

/* Talk Pages */
.ns-1 #mw-content-container,
.ns-3 #mw-content-container,
.ns-5 #mw-content-container,
.ns-7 #mw-content-container,
.ns-9 #mw-content-container,
.ns-11 #mw-content-container,
.ns-13 #mw-content-container,
.ns-15 #mw-content-container,
.ns-275 #mw-content-container,
.ns-829 #mw-content-container,
.ns-1199 #mw-content-container,
.ns-2301 #mw-content-container,
.ns-2303 #mw-content-container,
.ns-3001 #mw-content-container{background-image:url(/resources/assets/svgs/talk-large.svg);}

/* Actions */
.action-history #mw-content-container{background-image:url(/resources/assets/svgs/clock-large.svg);}
.action-edit #mw-content-container{background-image:url(/resources/assets/svgs/edit-large.svg);}

/* Codes */
.action-edit.ns-8 #mw-content-container,
.action-edit.ns-10 #mw-content-container,
.action-edit.ns-274 #mw-content-container,
.action-edit.ns-828 #mw-content-container,
.action-edit.ns-1198 #mw-content-container,
.action-edit.ns-2300 #mw-content-container,
.action-edit.ns-2302 #mw-content-container,
body.action-edit[class~=_js] #mw-content-container,
body.action-edit[class~=_css] #mw-content-container,
body.action-edit[class~=_cfg] #mw-content-container{background-image:url(/resources/assets/svgs/edit-code-large.svg);}

/* ------------------- Indicator ------------------- */
#mw-content #content{position:relative;}
#mw-content #content .mw-indicators .mw-indicator{margin:0 0 0 0.25em;}

/* ------------------- Color ------------------- */
.ns-3000 .mw-body .firstHeading,
.ns-3001 .mw-body .firstHeading,
.ns-3000 .tools-inline .selected,
.ns-3001 .tools-inline .selected{border-bottom-color: #ea3;}

.ns-3000 form:not(.oo-ui-layout) button,
.ns-3000 form:not(.oo-ui-layout) input[type='submit'],
.ns-3001 form:not(.oo-ui-layout) button,
.ns-3001 form:not(.oo-ui-layout) input[type='submit'] {
    background-color: #ea3;
    border: solid 1px #ea3;
}
.ns-3000 .mw-ui-button:not(:disabled):hover,
.ns-3001 .mw-ui-button:not(:disabled):hover{
    background-color: #ffffff;
}
.ns-3000 form:not(.oo-ui-layout) button:hover, 
.ns-3000 form:not(.oo-ui-layout) input[type='submit']:hover, 
.ns-3000 form:not(.oo-ui-layout) button:active, 
.ns-3000 form:not(.oo-ui-layout) input[type='submit']:active,
.ns-3001 form:not(.oo-ui-layout) button:hover, 
.ns-3001 form:not(.oo-ui-layout) input[type='submit']:hover, 
.ns-3001 form:not(.oo-ui-layout) button:active, 
.ns-3001 form:not(.oo-ui-layout) input[type='submit']:active{
    background-color: #fb3;
}

/* ============ Timeless 皮肤英文字体 ============ */
@font-face {
    font-family: 'Saira';
    src: url('https://gaoice-1305966712.cos.ap-beijing.myqcloud.com/Saira%20Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Timeless 全站英文字体 - 覆盖所有区域 */
html,
body,
/* 顶部导航栏 */
#mw-header-container,
#mw-header,
#mw-header-hack,
#p-banner,
.mw-wiki-title,
/* 侧边栏 */
#mw-site-navigation,
#mw-related-navigation,
#mw-site-navigation .sidebar-inner,
#mw-related-navigation .sidebar-inner,
/* 正文区域 */
#mw-content-container,
#mw-content-block,
#mw-content-wrapper,
#mw-content,
#mw-content-text,
#bodyContent,
.mw-body,
.mw-body-content,
.mw-parser-output,
#mw-data-after-content,
/* 页面标题 */
#firstHeading,
.firstHeading,
h1, h2, h3, h4, h5, h6,
/* 底部 */
#mw-footer-container,
#mw-footer {
    font-family: 'Saira', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}