MediaWiki:Common.css

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

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* 导入外部字体 */
@import url('https://fonts.googleapis.com/css2?family=Spinnaker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css?family=Impact&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css?family=Caveat+Brush&display=swap');
@import url('https://fonts.googleapis.com/css?family=Times+New+Roman&display=swap');
@import url('https://fonts.googleapis.com/css?family=Calibri&display=swap');

/* 首页字体更改 */
.tucm-mainpage {
    font-family: 'Noto Serif SC', 'Times New Roman';
}

/* 公告栏容器 */
.announcement-bar {
    border: 1px solid #202122;
    background: white;
    padding: 0.5em;
    margin: 1em 0;
    list-style: none;
}

/* 公告栏条目 */
.announcement-item a {
    display: block;
    padding: 0.5em;
    color: inherit !important;
    text-decoration: none !important;
    transition: background-color 0.2s;
}

/* 鼠标悬停效果 */
.announcement-item a:hover {
    background-color: #a0a0a0;
}

/* 首页横幅 */
.banner {
    text-align: center;
}

/* 首页横幅导航栏 */
.banner-navigation {
    background: #ffffff; 
    border-top: 2px solid #505050; 
    border-bottom: 2px solid #505050; 
    text-align: center; 
    padding: 15px 0px 15px 0px; 
    font-size: 14px;
}

.banner-navigation a {  
    background:#ffffff;
    padding:8px;
    border-radius:3px;
}

.banner-navigation a:hover {
    background: #e0e0e0;
    padding:8px;
    border-radius:3px;
}

/* 添加站外链接右侧的小箭头 */
.banner-navigation a.external::after,
.banner-navigation a.external::before {
	background-color: currentcolor;
	content: '';
	display: inline-block;
	height: 0.857em;
	width: 0.857em;
	-webkit-mask: no-repeat center/contain var( --external-icon );
	mask: no-repeat center/contain var( --external-icon );
}

.banner-navigation a.external::after {
	--external-icon: url( /load.php?format=original&image=linkExternal&modules=oojs-ui.styles.icons-editing-core );
	margin-left: 0.143em;
}

.banner-navigation a.external::before {
	--external-icon: url( /load.php?format=original&image=linkExternal&modules=oojs-ui.styles.icons-editing-core&dir=rtl );
	margin-right: 0.143em;
}

/* Restore Plainlinks: https://www.mediawiki.org/wiki/Manual:Plainlinks */
.banner-navigation a.external::after,
.banner-navigation a.external::before {
	display: none;
}

/* 不存在的内部链接：虚线下划线 */
a.new {
  text-decoration-style: dashed;
}

/*双列目录*/
@media screen and (min-width:1000px) {
	.toc ul {
		column-count: 2;
	}
	.toc ul > li > ul {
		column-count: 1;
	}
	.toctoggle {
		float: right;
	}
}

/* 模糊将逐渐消失并显示内容 */
.spoilerblur {
  filter: blur(3.5px);
  opacity: 0.40;
  transition: filter 1s linear, opacity 1s linear, text-shadow 1s linear;
}

.spoilerIMG {
  filter: blur(22.5px);
  opacity: 0.20;
  transition: filter 1s linear, opacity 1s linear, text-shadow 1s linear;
}
 
.spoilerblur:is(:hover, :focus, :focus-within, :active), .spoilerIMG:is(:hover, :focus, :focus-within, :active) {
  filter: blur(0px);
  opacity: 1;
  text-shadow: 0 0 0 transparent;
  transition-delay: 500ms;
}

:not(li) > .spoilerblur, .spoilerIMG {
	display: unset;
}