MediaWiki:Common.css:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
第41行: | 第41行: | ||
} | } | ||
/* 添加站外链接右侧的小箭头 */ | |||
/* | |||
.banner-navigation a.external::after, | .banner-navigation a.external::after, | ||
.banner-navigation a.external::before { | .banner-navigation a.external::before { | ||
第91行: | 第68行: | ||
.banner-navigation a.external::before { | .banner-navigation a.external::before { | ||
display: none; | 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; | |||
} | } |
2025年5月24日 (六) 12:40的版本
/* 导入外部字体 */ @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 { 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; }