注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件。
@import url('https://fonts.googleapis.com/css?family=Montserrat'); /* 因使用顺序优先加载 */ @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=Google Sans');/*谷歌的字体*/ @import url('https://fonts.googleapis.com/css?family=Noto Sans SC');/*思源黑体*/ /* 暂时隐藏需要处理但还未处理的 DOM 节点,JavaScript 会在之后移除这个 class */ .template-render-cloak { display: none !important; visibility: hidden !important; } /* 根据目测覆盖范围重新安排 font-family 使用顺序: Montserrat -> Latin Tajawal -> Latin + Arabic Jura -> 经测试 Jura 并不包含希腊字母字形 */ 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; }/*全站字体*/ /**************************/ /* 顶部导航栏 */ /**************************/ body > #mw-content-container { margin-top: 5.5rem; } /* 导航栏背景颜色 */ #cosmos-banner { background-color: #111032; } /* 图标颜色:无填充,只改描边 */ .cosmos-bannerOption-icon { fill: none; stroke: #41A5EE; } /* 旁边小箭头颜色 */ .cosmos-bannerOption-dropdownIcon { stroke: #39B54A; fill: #39B54A; } /* 旁边小箭头颜色 hover */ .cosmos-bannerOption:hover .cosmos-bannerOption-dropdownIcon { fill: #39B54A; stroke: #39B54A; } /* 图标颜色hover */ .cosmos-bannerOption:hover .cosmos-bannerOption-icon { stroke: white !important; } /* 搜索框文本和下划线颜色 */ #searchInput { color: #41A5EE !important; border-bottom: 2px solid #41A5EE; } /* 搜索框下划线颜色 */ #searchInput:enabled { border-bottom: 2px solid #41A5EE; } input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */ color: #41A5EE !important; } input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #41A5EE !important; } input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #41A5EE !important; } input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #41A5EE !important; }/*搜索框文本颜色*/ #cosmos-search-buttonContainer:hover #cosmos-search-buttonIcon { stroke: white !important; }/*搜索框放大镜hover颜色*/ .cosmos-userButton-label { color: #41A5EE; }/*用户名颜色*/ .cosmos-userOptions-personalTools:hover .cosmos-userButton-label { color: white; }/*用户名颜色hover*/ #cosmos-actionsList-list a:hover { background-color: transparent; } /* Echo */ .oo-ui-popupWidget-head { overflow: hidden; /*去除滚动条*/ } /**************************/ /* 主页面 */ /**************************/ body { background-image: url(/w/images/0/0e/BackgroundImage.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }/*网站背景*/ body pre { background-color: rgba(17,17,17,0.91); color: white; border: 1px solid #cccccc; overflow: auto; padding: 12px; word-break: break-all; line-height: normal; font-family: monospace; } #cosmos-actionsList-list { background-color: #292929; border-color: #888888; color: #e6e6e6; border-bottom: none !important; } .cosmos-header { background-color: #111111; } .cosmos-header__sitename a:-webkit-any-link { color: white; font-size: 25pt; }/*VoiceWiki的字体属性*/ .cosmos-header .wds-tabs .wds-tabs__tab-label a { color: white; } .cosmos-header .wds-tabs .wds-tabs__tab:hover .wds-tabs__tab-label a { color: white; } .cosmos-header::before{ background: black; background-image: black; } .cosmos-header .cosmos-header__counter { color: white; } .cosmos-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a:not(.wds-button) { background-color: rgba(0,108,176,0.1); color: black; } /**************************/ .mw-body h1.firstHeading{ border-bottom: none !important; color:white; } body h1 { border-bottom: none !important; color:#27d1f4; } body h2 { border-bottom: none !important; background-image: url(/w/images/b/bd/Underline_yellow.svg); background-repeat: no-repeat; background-position: 25% 105%; background-size: 100% 10px; -webkit-background-size:100% 10px; padding-bottom: 6px; color: #27d1f4; } body h3 { border-bottom: none !important; color:#27d1f4; } .mw-body h4 { color: #27d1f4 ; } .mw-body h5 { color: #27d1f4 ; } /**************************/ #mw-content .toctitle h2 { font-size: 20px; background-image: none !important; font-weight: 900; }/*目录的目录二字*/ .toc { background-color: transparent; border: 1px solid yellow; display: table; margin: 1em 0; max-width: 300px; padding: 10px; border-radius: 10px; }/*目录*/ #mw-content .toggleSymbol, .toctogglelabel { color: #ffef00; }/*目录编辑*/ .tocnumber { color: #27d1f4;} body #mw-content-text { color: white !important; }/*普通文本*/ #mw-content { background-color: rgba(17,17,17,0.91); border: 0 !important; } #mw-content a:not(.new){ color: #ffef00; }/*普通超链接*/ .mw-warning { background-color: black;} #filetoc { background-color: black;} .cosmos-button-primary { color: #000000; background-color: #27d1f4; stroke: #000000; stroke-width: 2px; } .cosmos-button.cosmos-button-secondary { color: white; stroke: white; stroke-width: 2px; } #cosmos-footer { background-color: rgba(17,17,17,0.91);} .cosmos-footerLinks-list { color: white;} .cosmos-footerLinks-list li a { color: #ffef00; } .cosmos-articleContainer{ color: white; } }/*监视列表*/ } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: darkgray;}/*监视列表*/ table.mw-datatable{ color:white;} .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: transparent; border-color: #447ff5;} #pagehistory li.selected { color: #27d1f4;} .mw-plusminus-pos { color: #00c100; } .mw-plusminus-neg { color: #e10000; } /* 注释 */ ol.references li:target, sup.reference:target { background-color: #eaf3ff69; } /* 搜索页面 */ .mw-search-profile-tabs { background-color: #444; margin-top: 1em; border: 1px solid #666; border-radius: 2px; } /**************************/ /* SM2的播放按钮 */ /**************************/ a.sm2_button, a.sm2_button.sm2_paused:hover { background-image: none,url(/w/images/a/ad/AudioPlay.svg); background-size: 40px; background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border-radius: 40px; } /**************************/ /* 编辑界面 */ /**************************/ .mw-editform #wpTextbox1 { background-color: black; color: white; overflow: auto; white-space: pre; } div.editOptions { padding: 1.25em 1.75em; border: solid white; border-width: 0 1px 0.2em; background: black; color: white; } .editOptions p { color: white; } .editOptions .oo-ui-fieldLayout-body .oo-ui-labelElement-label { color: #27d1f4; } #catlinks{ background-color:black; } /*其他*/ table.mw-enhanced-rc th, table.mw-enhanced-rc td { color: white; }/*监视列表*/ #pagehistory li.selected { background-color: transparent;} .oo-ui-fieldLayout-header { color: white;} .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed { background-color: transparent;} .diff-context { color: white;} html .thumbcaption { color: black;} /***********/ /*datatable*/ /***********/ .mw-datatable td { background-color: black; color: deepskyblue; }/*数据库表格*/ .mw-datatable th { background-color: transparent; }/*数据库表头*/ .mw-datatable tr:hover td { background-color: transparent; }/*文件hover*/ .oo-ui-labelElement { color: rgb(57,181,74) !important; } .oo-ui-labelElement .oo-ui-labelElement-label{ color: dodgerblue;} /* 黑幕模板配合CSS */ /* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */ .heimu, .heimu rt { background-color: #ffef00; } span.heimu a.external, span.heimu a.external:visited, span.heimu a.extiw, span.heimu a.extiw:visited { color: #ffef00; } .heimu, .heimu a, a .heimu, .heimu a.new { color: #ffef00; text-shadow: none; } body:not(.heimu_toggle_on) .heimu:hover, body:not(.heimu_toggle_on) .heimu:active, body:not(.heimu_toggle_on) .heimu.off { transition: color .13s linear; color: black; } body:not(.heimu_toggle_on) .heimu:hover a, body:not(.heimu_toggle_on) a:hover .heimu, body:not(.heimu_toggle_on) .heimu.off a, body:not(.heimu_toggle_on) a:hover .heimu.off { transition: color .13s linear; color: lightblue; } body:not(.heimu_toggle_on) .heimu.off .new, body:not(.heimu_toggle_on) .heimu.off .new:hover, body:not(.heimu_toggle_on) .new:hover .heimu.off, body:not(.heimu_toggle_on) .heimu:hover .new { transition: color .13s linear; color: #FCC; } /* 流彩英雄渐变文本 (Webkit only!) */ .text-chromatic { background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#b116ec),color-stop(0.5,#ff0021),color-stop(1,#fff11e)); background-image: -webkit-linear-gradient(left,#b116ec 0%,#ff0021 50%,#fff11e 100%); background-size: 1000% 1000%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: Text-Chromatic 6s linear infinite; color: #f88f25; /* Fallback color for non-webkit browsers */ white-space: nowrap; } @keyframes Text-Chromatic { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }/**/ /* 编辑器 */ .wikiEditor-ui-text .ace_scroller * { font-family: monospace; /* 修复光标错位 */ } /**************************/ /* 用户页面 */ /**************************/ .profile-on { color: black; } .profile-tab { font-size: smaller; } .profile-update-title { color: #27d1f4;} .wikitable{ background: dimgray; } .user-board-message-from { background-color: transparent; } .board-blast-message-form h2 { color: #27d1f4;} .blast-nav h2{ color: #27d1f4;} /**************************/ /* 全是关于MsUpload */ /**************************/ #msupload-list .green { background: silver; } #msupload-list .file { background: black; } #msupload-bottom { background-color: slategrey; } } ul#filetoc { text-align: center; border: 0px; background-color: transparent; } .wikitable:not([style*="background-color"]) > * > tr > td { background: content-box; } .mw-warning-with-logexcerpt { background-color: steelblue; border: none;} .wikiEditor-ui-toolbar .tabs span.tab a { color: #41A5EE !important;} /**************************/ /* 哔哩哔哩视频插入 */ /**************************/ .bilibili{ border: 0; padding: 0; width: 100%; height: 50vh; } .bilibili iframe{ border: 0; padding: 0; width: 100%; height: 100%; } /**************************/ /* 大家族模板 */ /**************************/ .sr-navbox { width: 100%; background: #111; border: 1px solid #444; } .sr-navbox-title { background: #444; padding: 10px 5px; text-align: left; } .sr-navbox-before, .sr-navbox-after { background: #333; padding: 5px; } .sr-navbox-content { width: 100%; border-collapse: separate; border-spacing: 3px; } .sr-navbox-subgroup-content { background: #111; margin: -13px; width: calc(100% + 26px); } .sr-navbox-group { padding: 10px 15px; background: #3A3A3A; white-space: nowrap; font-weight: bold; } .sr-navbox-subgroup-group { background: #2A2A2A; font-weight: bold; } .sr-navbox-list { padding: 10px; width: 100%; } .sr-navbox-list-even { background: #222; } .sr-navbox-collapsible .sr-navbox-list { padding: 0; } .sr-navbox-collapsible-content { width: 100%; background: #111; } .sr-navbox-collapsible-group { background: #3A3A3A; padding: 5px; } /**************************/ /* 评论区 */ /**************************/ .comment-body { padding-top: 2rem; } .c-form-title { color: #fff; font-size: 1.75rem; margin-bottom: .5em; } #comment { width: 100% !important; min-height: 100px; padding: .25rem .5rem; overflow: auto; color: #fff; background-color: transparent; white-space: pre; border: 1px solid #fff; outline: 0 !important; transition: border-color 140ms ease-in-out; } #comment:focus { border-color: #f8ef00; } .c-avatar img { border-radius: 50px; } .reply{ width: 90%; margin-left: 10% !important; } .full{ width: 100%; } .r-message { width: 100%; } .c-item{ border-bottom: 1px solid white; padding: 0px 0px 0px 0px; } .f-message { width: 100%; } .fillet{ border-radius: 30px; display: inline-block; height: 30px; font-size: 17px; line-height: 30px; text-align: center; color: black !important; } /***********************************/ /* 标签 */ /***********************************/ /* 类似于 Fillet,但是拥有自适应宽高和略微缩小的文字大小 */ /* 默认标签样式 */ .tag { margin-left: .5rem; display: inline-block; padding: .125em 1em; border-radius: 2em; color: #fff; font-size: .9em; font-weight: 700; /* Bold */ line-height: 1.414; background-color: #777; } /* * 各语言彩色标签,需要的话自己加。目前已有: * * fr - 法语 * es - 西班牙语 * ru - 俄语 * ko - 韩语 * ja - 日语 * de - 德语 * ar - 阿拉伯语 */ :lang(fr) + .tag { background-color: rgb(202, 47, 143); } :lang(es) + .tag { background-color: rgb(35, 151, 37); } :lang(ru) + .tag { background-color: rgb(33, 150, 243); } :lang(ko) + .tag { background-color: rgb(5, 147, 186); } :lang(ja) + .tag { background-color: rgb(255, 0, 0); } :lang(de) + .tag { background-color: rgb(129, 99, 192); } :lang(ar) + .tag { background-color: rgb(188, 105, 83); } /**************************/ /* 播放按钮和下载按钮 */ /**************************/ .audio-player { margin-right: .5rem; } .audio-player .audio-player-button { height: 3rem; width: 3rem; text-align: center; border: 1px solid rgb(0 0 0 / 15%); background-color: #f8ef00; border-radius: 50%; transition: all 140ms ease-in-out; outline: 0 none; background-size: 47.5% 47.5%; background-position: 55.75% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iPjxwYXRoIGQ9Ik05MTIuNzI0ODg0IDQyOS4zNTU2ODFMMjA4Ljc5NzU0NSAxMy4xOTg2MzhDMTUxLjYwMzQ0OS0yMC41OTc4NzQgNjQuMDEyNDkgMTIuMTk4NzQxIDY0LjAxMjQ5IDk1Ljc5MDExMlY5MjcuOTA0MjE5YzAgNzQuOTkyMjU5IDgxLjM5MTU5OSAxMjAuMTg3NTk0IDE0NC43ODUwNTUgODIuNTkxNDc1bDcwMy45MjczMzktNDE1Ljk1NzA2NGM2Mi43OTM1MTgtMzYuOTk2MTgxIDYyLjk5MzQ5OC0xMjguMTg2NzY4IDAtMTY1LjE4Mjk0OXoiIHAtaWQ9IjEzODQiPjwvcGF0aD48L3N2Zz4="); } .audio-player .audio-player-button:hover, .audio-player .audio-player-button:focus { background-color: #c1ba00; } .audio-player .audio-player-button.audio-player-playing { background-position: 50% 50%; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iPjxwYXRoIGQ9Ik0yMDIuNjA4IDBoMC41OTRxMTI5LjM4MyAwIDEyOS4zODMgMTI5LjM4MnY3NjUuMjM2cTAgMTI5LjM4Mi0xMjkuMzgzIDEyOS4zODJoLTAuNTk0cS0xMjkuMzgyIDAtMTI5LjM4Mi0xMjkuMzgyVjEyOS4zODJRNzMuMjI2IDAgMjAyLjYwOCAwek03ODQuNjI0IDBoMC41OTRROTE0LjYgMCA5MTQuNiAxMjkuMzgydjc2NS4yMzZROTE0LjYgMTAyNCA3ODUuMjE4IDEwMjRoLTAuNTk0cS0xMjkuMzgzIDAtMTI5LjM4My0xMjkuMzgyVjEyOS4zODJRNjU1LjI0MSAwIDc4NC42MjQgMHoiIHAtaWQ9IjIxMjEiPjwvcGF0aD48L3N2Zz4="); } .downloadable-audio { margin-right: .5rem; position: relative; display: inline-flex; } .downloadable-audio .audio-player { z-index: 1; position: relative; margin-right: 0; display: block; border-radius: 50%; box-shadow: 0 3px 8px rgb(0 0 0 / 15%); } .downloadable-audio .audio-player::after { content: "<DownloadDropdown>"; display: block; color: #000; background-color: #e8e000; } .downloadable-audio .audio-player button { display: block; } .downloadable-audio .audio-player.has-audio-element::after { content: none; } .downloadable-audio .audio-player.has-audio-element + .downloadable-audio-dropdown { display: flex; } .downloadable-audio .downloadable-audio-dropdown { box-sizing: border-box; display: none; flex-flow: column nowrap; justify-content: flex-start; align-items: center; position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; padding: 6px; padding-top: 0%; background-color: #e8e000; /* 与 #f8ef00 播放按钮颜色区分开一点 */ /* 设定一个非百分比的大数值 */ border-radius: 16rem; box-shadow: 0 6px 12px rgb(0 0 0 / 33%); transition: padding-top 140ms ease-out; } .downloadable-audio .download-button { box-sizing: border-box; position: relative; margin-top: 4px; padding-top: 100%; width: 100%; height: 0; border: 1px solid rgb(0 0 0 / 15%); border-radius: 50%; cursor: pointer; transition: background-color 140ms ease-in-out; } .downloadable-audio .download-button:focus-within, .downloadable-audio .download-button:hover { background-color: rgb(0 0 0 / 10%); } .downloadable-audio .download-link, .downloadable-audio .download-icon { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDE4IDE4Ij48cGF0aCBkPSJNOCAxdjEwTTIgNWw2IDYgNi02TTIgMTJ2M2gxMnYtMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+"); background-repeat: no-repeat; background-size: 50%; background-position: center; } .downloadable-audio .download-link { opacity: 0; overflow: hidden; } .downloadable-audio .download-link > a { display: block; width: 100%; height: 100%; } /* .downloadable-audio:focus-within, */ .downloadable-audio:hover { z-index: 5; } /* 为了可访问性,在下载按钮被聚焦时保持下拉菜单张开状态 */ .downloadable-audio:focus-within .downloadable-audio-dropdown, .downloadable-audio:hover .downloadable-audio-dropdown { padding-top: 100%; }