MediaWiki:Common.css：修订间差异

2025年5月24日 (六) 12:21的版本

/* 导入外部字体 */
@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';
}

/* 首页横幅导航栏 */
.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 {  /* 将链接转换为块级元素 */
    color: inherit;
    text-decoration: none;
    display: block;
    z-index: 1; /* 确保链接位于伪元素上层 */
}

.banner-navigation a:hover {
    background: #a0a0a0;
    transform: translateX(5px);
    border-color: #a0a0a0;
}

.banner-navigation a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

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