MediaWiki:Common.css

来自TUCMandWSC
澶山稵杞留言 | 贡献2025年5月24日 (六) 12:15的版本
跳转到导航 跳转到搜索

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

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-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');

/* 首页横幅导航栏 */
.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;
}

/* 模糊将逐渐消失并显示内容 */
.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;
}