第1行: |
第1行: |
| /* 这里放置的CSS将影响使用移动版网站的用户 */ | | /* 这里放置的CSS将影响使用移动版网站的用户 */ |
− | @import url('https://fonts.googleapis.com/css?family=Montserrat'); /* 因使用顺序优先加载 */ | + | @import url("https://fonts.googleapis.com/css?family=Exo 2"); /* 因使用顺序优先加载 */ |
− | @import url('https://fonts.googleapis.com/css?family=Jura'); /*科技感包含希腊字母*/ | + | @import url("https://fonts.googleapis.com/css?family=Jura"); /*科技感包含希腊字母*/ |
− | @import url('https://fonts.googleapis.com/css?family=Tajawal'); /*阿拉伯字母字体*/ | + | @import url("https://fonts.googleapis.com/css?family=Tajawal"); /*阿拉伯字母字体*/ |
− | @import url('https://fonts.googleapis.com/css?family=Google Sans'); /*谷歌的字体*/ | + | @import url("https://fonts.googleapis.com/css?family=Google Sans"); /*谷歌的字体*/ |
− | @import url('https://fonts.googleapis.com/css?family=Noto Sans SC'); /*思源黑体*/ | + | @import url("https://fonts.googleapis.com/css?family=Noto Sans SC"); /*思源黑体*/ |
− | @import url('https://fonts.googleapis.com/css?family=Fira Code'); /*等宽字体常规*/ | + | @import url("https://fonts.googleapis.com/css?family=Fira Code"); /*等宽字体常规*/ |
− | @import url('https://fonts.googleapis.com/css?family=Kalam'); /*较窄的字体*/ | + | @import url("https://fonts.googleapis.com/css?family=Kalam"); /*较窄的字体*/ |
− | @import url('https://fonts.googleapis.com/css?family=JetBrains Mono'); /*等宽字体用作目录*/ | + | @import url("https://fonts.googleapis.com/css?family=JetBrains Mono"); /*等宽字体用作目录*/ |
− | @import url('https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.4/css/all.min.css'); /* FA 字体图标 */ | + | @import url("https://voicewiki.cn/w/extrafiles/fontawesome-free-5.15.4/css/all.min.css"); /* FA 字体图标 */ |
− | @import url('https://voicewiki.cn/w/extrafiles/font-awesome-animation.min.css'); /* FA 字体动画 */ | + | @import url("https://voicewiki.cn/w/extrafiles/font-awesome-animation.min.css"); /* FA 字体动画 */ |
| | | |
| @font-face { | | @font-face { |
第26行: |
第26行: |
| font-weight: normal; | | font-weight: normal; |
| } | | } |
| + | |
| + | @font-face { |
| + | font-family: "YSGoodBody"; |
| + | src: url("https://voicewiki.cn/w/extrafiles/YSGoodBody.ttf") format("truetype"); |
| + | font-style: normal; |
| + | font-stretch: normal; |
| + | font-weight: normal; |
| + | } |
| + | |
| /* 暂时隐藏需要处理但还未处理的 DOM 节点,JavaScript 会在之后移除这个 class */ | | /* 暂时隐藏需要处理但还未处理的 DOM 节点,JavaScript 会在之后移除这个 class */ |
| .template-render-cloak { | | .template-render-cloak { |
第34行: |
第43行: |
| /* | | /* |
| 根据目测覆盖范围重新安排 font-family 使用顺序: | | 根据目测覆盖范围重新安排 font-family 使用顺序: |
− | Montserrat -> Latin | + | "Exo 2" -> Latin |
| Tajawal -> Latin + Arabic | | Tajawal -> Latin + Arabic |
| Jura -> 经测试 Jura 并不包含希腊字母字形 | | Jura -> 经测试 Jura 并不包含希腊字母字形 |
第41行: |
第50行: |
| /*全站字体*/ | | /*全站字体*/ |
| body * { | | body * { |
− | font-family: Montserrat, Tajawal, "Google Sans", "Noto Sans SC", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", sans-serif; | + | font-family: "Exo 2", "Tajawal", "Google Sans", "Noto Sans SC", "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", sans-serif; |
| } | | } |
| | | |
第58行: |
第67行: |
| border-radius: 2px; | | border-radius: 2px; |
| vertical-align: middle; | | vertical-align: middle; |
| + | } |
| + | |
| + | #mw-content-wrapper { |
| + | padding: 0; |
| + | width: 100%; |
| + | } |
| + | .ts-inner { |
| + | padding: 0; |
| } | | } |
| | | |
第186行: |
第203行: |
| /**************************/ | | /**************************/ |
| body:before { | | body:before { |
− | content: ' '; | + | content: " "; |
| position: fixed; | | position: fixed; |
| z-index: -1; | | z-index: -1; |
第271行: |
第288行: |
| color:#27d1f4; | | color:#27d1f4; |
| } | | } |
− | #mw-content h2 { | + | |
| + | #mw-content-text h2 { |
| color: #27d1f4; | | color: #27d1f4; |
| padding-bottom: 2px !important; | | padding-bottom: 2px !important; |
第279行: |
第297行: |
| } | | } |
| | | |
− | #mw-content h2::after { | + | #mw-content-text h2::after { |
− | content: ' '; | + | content: " "; |
| width: 100%; | | width: 100%; |
| height: 6px; | | height: 6px; |
| display: block; | | display: block; |
| background-color: #ffef00; | | background-color: #ffef00; |
− | clip-path: polygon(0 0, 0 100%, 10% 100%, calc(10% + 4px) 2px, 100% 2px, 100% 0); | + | clip-path: polygon(0 0, 0 100%, 12% 100%, calc(12% + 8px) 1px, 100% 1px, 100% 0); |
| + | margin-top: 0.2em; |
| } | | } |
| | | |
| + | #mw-content-text h3 { |
| + | border: 0em; |
| + | margin-top: 0em; |
| + | margin-bottom: 0.5em; |
| + | border-bottom: none !important; |
| + | color:#27d1f4; |
| + | } |
| + | |
| + | /* 目录标题 */ |
| #mw-toc-heading { | | #mw-toc-heading { |
| border-bottom: 0px !important; | | border-bottom: 0px !important; |
| } | | } |
− | body h3 {
| + | #mw-toc-heading::after { |
− | border-bottom: none !important; | + | display:none !important; |
− | color:#27d1f4;
| |
| } | | } |
| .mw-body h4 { | | .mw-body h4 { |
第324行: |
第351行: |
| .tocnumber { | | .tocnumber { |
| color: #27d1f4; | | color: #27d1f4; |
− | font-family: 'JetBrains Mono', monospace; | + | font-family: "JetBrains Mono", monospace; |
| } | | } |
| | | |
第335行: |
第362行: |
| background-color: rgba(17, 17, 17, 0.91); | | background-color: rgba(17, 17, 17, 0.91); |
| border: 0 !important; | | border: 0 !important; |
| + | padding: 0; |
| } | | } |
| | | |
第386行: |
第414行: |
| background-color: #202122; | | background-color: #202122; |
| } /* 上传文件图片格子的背景 */ | | } /* 上传文件图片格子的背景 */ |
| + | |
| | | |
| /**************************/ | | /**************************/ |
第392行: |
第421行: |
| | | |
| a.sm2_button, a.sm2_button.sm2_paused:hover { | | a.sm2_button, a.sm2_button.sm2_paused:hover { |
− | background-image: none,url(/w/images/a/ad/AudioPlay.svg); | + | position: relative; |
− | background-size: 40px;
| + | display: inline-block; |
| + | background-color: #ffef00; |
| + | background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iPjxwYXRoIGQ9Ik05MTIuNzI0ODg0IDQyOS4zNTU2ODFMMjA4Ljc5NzU0NSAxMy4xOTg2MzhDMTUxLjYwMzQ0OS0yMC41OTc4NzQgNjQuMDEyNDkgMTIuMTk4NzQxIDY0LjAxMjQ5IDk1Ljc5MDExMlY5MjcuOTA0MjE5YzAgNzQuOTkyMjU5IDgxLjM5MTU5OSAxMjAuMTg3NTk0IDE0NC43ODUwNTUgODIuNTkxNDc1bDcwMy45MjczMzktNDE1Ljk1NzA2NGM2Mi43OTM1MTgtMzYuOTk2MTgxIDYyLjk5MzQ5OC0xMjguMTg2NzY4IDAtMTY1LjE4Mjk0OXoiIHAtaWQ9IjEzODQiPjwvcGF0aD48L3N2Zz4=); |
| background-repeat: no-repeat; | | background-repeat: no-repeat; |
− | background-position: center; | + | background-size: 40% 40%; |
− | width: 40px; | + | background-position: 55% 50%; |
− | height: 40px; | + | height: 3rem; |
− | border-radius: 40px; | + | width: 3rem; |
| + | border-radius: 50%; |
| + | margin: 2px 4px 2px 0px; |
| + | text-indent: -9999px; |
| + | overflow: hidden; |
| + | vertical-align: middle; |
| + | } |
| + | |
| + | a.sm2_button:hover, a.sm2_button.sm2_playing, a.sm2_button.sm2_playing:hover { |
| + | background-color: #d9cb00; |
| } | | } |
| | | |
| + | a.sm2_button.sm2_paused, a.sm2_button.sm2_paused:hover { |
| + | background-color: #aca753; |
| + | } |
| /**************************/ | | /**************************/ |
| /* 编辑界面 */ | | /* 编辑界面 */ |
第1,015行: |
第1,058行: |
| color: #0D9BE3; | | color: #0D9BE3; |
| font-size: 40px; | | font-size: 40px; |
− | font-family: 'Arial Black','Times New Roman',serif; | + | font-family: "Arial Black","Times New Roman",serif; |
| font-weight: bold; | | font-weight: bold; |
| width: 0px; | | width: 0px; |
第1,383行: |
第1,426行: |
| overflow: hidden; | | overflow: hidden; |
| display: block; | | display: block; |
− | border: 2px solid #258DF2; | + | border: 2px solid #e4c289; |
| border-radius: 10px 0 10px 0; | | border-radius: 10px 0 10px 0; |
| transform: scale(0.90); | | transform: scale(0.90); |
第1,390行: |
第1,433行: |
| | | |
| .hok-hero-icon > a:hover, | | .hok-hero-icon > a:hover, |
− | .hhok-hero-icon > a:focus { | + | .hok-hero-icon > a:focus { |
| transform: scale(1); | | transform: scale(1); |
| } | | } |
第1,405行: |
第1,448行: |
| text-align: center; | | text-align: center; |
| border: 1px solid rgb(0 0 0 / 15%); | | border: 1px solid rgb(0 0 0 / 15%); |
− | background-color: #f8a5e3; | + | background-color: #f8ef00; |
| border-radius: 2px; | | border-radius: 2px; |
| transition: all 140ms ease-in-out; | | transition: all 140ms ease-in-out; |
第1,418行: |
第1,461行: |
| .audio-player-s .audio-player-button-s:hover, | | .audio-player-s .audio-player-button-s:hover, |
| .audio-player-s .audio-player-button-s:focus { | | .audio-player-s .audio-player-button-s:focus { |
− | background-color: #d55fb7; | + | background-color: #c1ba00; |
| } | | } |
| | | |
第1,425行: |
第1,468行: |
| background-position: 51% 50%; | | background-position: 51% 50%; |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iPjxwYXRoIGQ9Ik0yMDIuNjA4IDBoMC41OTRxMTI5LjM4MyAwIDEyOS4zODMgMTI5LjM4MnY3NjUuMjM2cTAgMTI5LjM4Mi0xMjkuMzgzIDEyOS4zODJoLTAuNTk0cS0xMjkuMzgyIDAtMTI5LjM4Mi0xMjkuMzgyVjEyOS4zODJRNzMuMjI2IDAgMjAyLjYwOCAwek03ODQuNjI0IDBoMC41OTRROTE0LjYgMCA5MTQuNiAxMjkuMzgydjc2NS4yMzZROTE0LjYgMTAyNCA3ODUuMjE4IDEwMjRoLTAuNTk0cS0xMjkuMzgzIDAtMTI5LjM4My0xMjkuMzgyVjEyOS4zODJRNjU1LjI0MSAwIDc4NC42MjQgMHoiIHAtaWQ9IjIxMjEiPjwvcGF0aD48L3N2Zz4="); | | background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iPjxwYXRoIGQ9Ik0yMDIuNjA4IDBoMC41OTRxMTI5LjM4MyAwIDEyOS4zODMgMTI5LjM4MnY3NjUuMjM2cTAgMTI5LjM4Mi0xMjkuMzgzIDEyOS4zODJoLTAuNTk0cS0xMjkuMzgyIDAtMTI5LjM4Mi0xMjkuMzgyVjEyOS4zODJRNzMuMjI2IDAgMjAyLjYwOCAwek03ODQuNjI0IDBoMC41OTRROTE0LjYgMCA5MTQuNiAxMjkuMzgydjc2NS4yMzZROTE0LjYgMTAyNCA3ODUuMjE4IDEwMjRoLTAuNTk0cS0xMjkuMzgzIDAtMTI5LjM4My0xMjkuMzgyVjEyOS4zODJRNjU1LjI0MSAwIDc4NC42MjQgMHoiIHAtaWQ9IjIxMjEiPjwvcGF0aD48L3N2Zz4="); |
| + | } |
| + | |
| + | .bs-hyperCharge-nofade img { |
| + | position: absolute; |
| + | top: 0; |
| + | left: 0; |
| + | opacity: 1; |
| + | } |
| + | |
| + | .bs-hyperCharge-fade img { |
| + | position: absolute; |
| + | top: 0; |
| + | left: 0; |
| + | opacity: 1; |
| + | animation: hyperChargeFadeInOut 6s infinite; |
| + | } |
| + | |
| + | @keyframes hyperChargeFadeInOut { |
| + | 0%, 100% { |
| + | opacity: 1; |
| + | } |
| + | 50% { |
| + | opacity: 0; |
| + | } |
| + | } |
| + | |
| + | .btd6-corvus-spell { |
| + | filter: brightness(10); |
| + | } |
| + | |
| + | .homepage-gamecard { |
| + | border:2px solid rgb(255 255 255 / 18%); |
| + | background: #1d1d1f; |
| + | display: inline-block; |
| + | margin: 0px 15px 15px 15px; |
| + | width: 280px; |
| + | text-align: center; |
| + | position: relative; |
| + | height: 400px; |
| + | border-radius: 4px; |
| + | transition: 0.3s ease-out; |
| + | } |
| + | .homepage-gamecard:hover { |
| + | background-color: #4262c9; |
| + | } |
| + | .ra2m-vo { |
| + | padding: 2px 3px; |
| + | background: red; |
| + | border-radius: 2px; |
| + | font-size: small; |
| + | margin-right: 3px; |
| + | color: black; |
| } | | } |