祈冀 版式
采访记录 - 这是什么？
采访者：你
受访者：[已编辑]
[记录开始]
你：这是什么？它可以用到哪？
[已编辑]：这是由Kcorena与Agent FS为祈冀设定制作的版式，基于基于不基于Sigma-9的基岩的藏青版式，并从远航和兰彼得暖色中汲取了相当多的灵感。
你：听起来不错。那我该怎么使用它？
[已编辑]：在你的页面开头添加如下代码以应用此版式。
[[include :scp-wiki-cn:theme:wish-for-miracle]]
你：好的。那有什么需要注意的事项吗？
[已编辑]开始唱歌，歌词意义不明。
[已编辑]：继承了禁用ACS优良传统，光荣的版式百炼成钢。
你：啥？
[已编辑]：啊没事，记得别用ACS就行。
[已编辑]低头不语，数秒后起身看向你。
[已编辑]：另外，尽量不要和其他组件一起使用。鬼知道会有什么bug。
[已编辑]：我没测试。
[记录结束]
主题颜色
Midnight--UI-light-color-primary(5, 13, 23)
Obsidian--general-background-color(18, 25, 35)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
Ivory--UI-dark-color-primary(255, 255, 255)
Solar Dawn--UI-deep-blue(255, 253, 208)
Ember--UI-orange(255, 165, 0)
Grapefruit--UI-grapefruit(197, 71, 69)
Crimson Edge--UI-red(163, 33, 66)
Bloodstone--UI-deep-red(150, 24, 43)
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}
示例
WISH FOR MIRACLE
使用6个连字符“------”创建分割线。
使用61个连字符“-------------------------------------------------------------”1创建分割线。这是为了激怒所有人。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
1 级标题
2 级标题
3 级标题
4 级标题
5 级标题
6 级标题
| 这是 | 表格 |
|---|---|
| 你应该老早 | 就知道怎么 |
| 做这个了吧 | |
| 尽管有可能你还不知道末尾加上空格和下划线可以换行， 就像这样。 |
表头甚至不一定需要在最开始。 |
使用以下代码来应用这一风格的引用块：
[[div class="star" data-title="于此处填写标题"]]
这里是你的内容
如若您不想使此div带有标题，请将 data-title="" 去除。
[[/div]]
Bibliography
1. 参考文献
发挥想象力，假装这里有一堆示例文字吧。
看，这有更多文字。
多么精巧绝伦。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
因为我被分到了X档案，就想让我按照Scully、Mulder的方法想事情吗？你们找错人了——我需要铁证，不要奇思妙想。——Doggett探员
所用字体
页眉、标题处装饰字体为ZCOOL XiaoWei。
正文字体为 Playfair Display / 思源黑体。
等宽字体为JetBrains Mono。
代码
@import url('https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css'); @import url('https://fendsfox.wdfiles.com/local--code/theme%3Adarkblue/1'); @import url('https://api.fonts.coollabs.io/css2?family=Special+Elite&display=swap'); @import url('https://api.fonts.coollabs.io/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@100;300;400;500;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@900&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Source+Code+Pro:wght@500&display=swap'); :root { --UI-font-primary: "Noto Sans SC", "Playfair Display", sans-serif; --header-font: "ZCOOL XiaoWei", sans-serif; --UI-dark-color-primary: 255, 255, 255; --UI-light-color-primary: 5, 13, 23; --UI-deep-blue: 255, 253, 208; --UI-red: 163, 33, 66; --UI-grapefruit: 197, 71, 69; --general-background-color: 18, 25, 35; --general-border-color: var(--general-background-color); --header-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 130.178'%3E%3Cpath fill='black' d='M120.841.407A1.366 1.366 0 0 0 119.822 0H1.479A1.5 1.5 0 0 0 0 1.479v59.172a1.5 1.5 0 0 0 1.479 1.479 60.9 60.9 0 0 0 35.065-11.164 61.327 61.327 0 0 0 21.862-28.529c.271-.731.524-1.469.765-2.211v40.425a1.5 1.5 0 0 0 1.48 1.479 60.9 60.9 0 0 0 35.064-11.164 61.315 61.315 0 0 0 21.862-28.529A60.953 60.953 0 0 0 121.3 1.479a1.352 1.352 0 0 0-.459-1.072ZM81.609 71.771a61 61 0 0 0-20.958-3.724 1.5 1.5 0 0 0-1.48 1.479v40.505a59.741 59.741 0 0 0-8.206-16.4 61.32 61.32 0 0 0-28.528-21.86 61 61 0 0 0-20.958-3.724A1.5 1.5 0 0 0 0 69.526V128.7a1.5 1.5 0 0 0 1.479 1.479h118.343a1.368 1.368 0 0 0 1.013-.4 1.352 1.352 0 0 0 .466-1.078 60.685 60.685 0 0 0-39.692-56.93ZM158.283 0H128.7a1.5 1.5 0 0 0-1.48 1.479v59.172a1.5 1.5 0 0 0 1.48 1.479h29.585a1.483 1.483 0 0 0 1.48-1.479V1.479A1.5 1.5 0 0 0 158.283 0ZM158.283 68.047H128.7a1.5 1.5 0 0 0-1.48 1.479V128.7a1.5 1.5 0 0 0 1.48 1.479h29.585a1.483 1.483 0 0 0 1.48-1.479V69.526a1.5 1.5 0 0 0-1.482-1.479ZM430.472 0H371.3a1.364 1.364 0 0 0-1.035.425 1.362 1.362 0 0 0-.444 1.054v59.172a1.5 1.5 0 0 0 1.479 1.479h59.172a1.5 1.5 0 0 0 1.479-1.479V1.479A1.5 1.5 0 0 0 430.472 0Zm-29.586 51.775a20.709 20.709 0 0 1-13.217-36.662A20.719 20.719 0 0 1 421.2 35.144a20.941 20.941 0 0 1-20.314 16.631ZM439.347 62.13H498.56a1.5 1.5 0 0 0 1-2.523l-.033-.033-.047-.048-25.82-25.819-1.16-1.163h26.015A1.5 1.5 0 0 0 500 31.065 31.066 31.066 0 0 0 468.933 0h-29.586a1.5 1.5 0 0 0-1.479 1.479v59.172a1.5 1.5 0 0 0 1.479 1.479ZM227.433 127.652l-.032-.033c-.016-.016-.031-.032-.048-.047l-25.82-25.82-1.16-1.161h26.014a1.5 1.5 0 0 0 1.479-1.479A31.064 31.064 0 0 0 196.8 68.047h-29.584a1.5 1.5 0 0 0-1.48 1.479V128.7a1.5 1.5 0 0 0 1.48 1.479H226.428a1.5 1.5 0 0 0 1-2.523ZM362.481 68.047H303.31a1.5 1.5 0 0 0-1.479 1.479V128.7a1.5 1.5 0 0 0 1.479 1.479h59.171a1.5 1.5 0 0 0 1.48-1.479v-7.4a1.5 1.5 0 0 0-1.48-1.479 20.71 20.71 0 1 1 0-41.42 1.5 1.5 0 0 0 1.48-1.479v-7.4a1.5 1.5 0 0 0-1.48-1.475ZM430.472 97.633h-7.4a1.357 1.357 0 0 0-1.088.484 1.386 1.386 0 0 0-.391.995 20.712 20.712 0 1 1-20.71-20.71 1.5 1.5 0 0 0 1.479-1.479v-7.4a1.5 1.5 0 0 0-1.479-1.479H371.3a1.5 1.5 0 0 0-1.479 1.479V128.7a1.5 1.5 0 0 0 1.479 1.479h59.172a1.5 1.5 0 0 0 1.479-1.479V99.112a1.5 1.5 0 0 0-1.479-1.479ZM295.857 73.192v-3.666a1.483 1.483 0 0 0-1.479-1.479h-59.172a1.5 1.5 0 0 0-1.479 1.479v29.586a1.378 1.378 0 0 0 .057.375V128.7a1.5 1.5 0 0 0 1.479 1.479h7.4a1.5 1.5 0 0 0 1.48-1.479 20.71 20.71 0 1 1 41.419 0 1.5 1.5 0 0 0 1.48 1.479h7.4a1.5 1.5 0 0 0 1.479-1.479V99.112a1.417 1.417 0 0 0-.056-.375ZM499.49 70.648l.023-.024.052-.052a1.5 1.5 0 0 0-1-2.523h-59.218a1.5 1.5 0 0 0-1.479 1.479V128.7a1.5 1.5 0 0 0 1.479 1.479h29.586A31.066 31.066 0 0 0 500 99.112a1.5 1.5 0 0 0-1.479-1.479H472.5l23.375-23.375ZM167.159 62.13h59.171a1.5 1.5 0 0 0 1.48-1.479V31.065a1.5 1.5 0 0 0-1.48-1.479h-20.581a20.936 20.936 0 0 1 20.638-19.231 1.392 1.392 0 0 0 .989-.385 1.354 1.354 0 0 0 .49-1.094v-7.4A1.5 1.5 0 0 0 226.387 0h-59.171a1.5 1.5 0 0 0-1.48 1.479v29.586a1.5 1.5 0 0 0 1.48 1.479H187.8a20.936 20.936 0 0 1-20.638 19.231 1.392 1.392 0 0 0-.989.385 1.357 1.357 0 0 0-.49 1.094v7.4a1.5 1.5 0 0 0 1.476 1.476ZM233.845 61.219a1.532 1.532 0 0 0 .792.792 1.435 1.435 0 0 0 .569.119h29.586a1.483 1.483 0 0 0 1.479-1.479V40.03A20.629 20.629 0 0 1 285.5 60.651a1.5 1.5 0 0 0 1.479 1.479h7.4a1.5 1.5 0 0 0 1.479-1.479V1.479A1.5 1.5 0 0 0 294.378 0h-7.4a1.356 1.356 0 0 0-1.088.484 1.388 1.388 0 0 0-.391 1 20.917 20.917 0 0 1-13.567 19.45 20.707 20.707 0 0 1-5.664 1.183V1.479A1.5 1.5 0 0 0 264.792 0h-29.586a1.5 1.5 0 0 0-1.479 1.479v59.172a1.356 1.356 0 0 0 .031.293 1.442 1.442 0 0 0 .087.275ZM303.253 62.13h36.982a1.5 1.5 0 0 0 1.48-1.479 20.935 20.935 0 0 1 20.71-20.71 1.39 1.39 0 0 0 .989-.386 1.356 1.356 0 0 0 .49-1.094v-7.4a1.5 1.5 0 0 0-1.479-1.479h-20.638a20.936 20.936 0 0 1 20.638-19.231 1.394 1.394 0 0 0 .989-.385 1.357 1.357 0 0 0 .49-1.094v-7.4A1.5 1.5 0 0 0 362.425 0h-59.172a1.5 1.5 0 0 0-1.479 1.479v59.172a1.452 1.452 0 0 0 .3.87 1.393 1.393 0 0 0 1.179.609Z'/%3E%3C/svg%3E"); --header-height: calc(15rem + 14.5vw); --header-h1-height: 17.5rem + 14.5vw; --search-icon-background-color: var(--UI-deep-blue); --user-options-link-color: var(--text-dark-color); --topbar-height: var(--header-button-height); --topbar-nav-background-color-hover: var(--UI-deep-red); --topbar-nav-background-color-hover-alt: var(--UI-orange); --topbar-nav-color: var(--UI-deep-blue); --topbar-content-background-color: var(--UI-red); --topbar-content-border-color: var(--topbar-nav-color); --topbar-content-link-background-color-hover: var(--UI-grapefruit); --topbar-content-link-color: var(--topbar-nav-color); --topbar-content-link-color-hover: var(--topbar-nav-color); --sidebar-border-color: var(--UI-deep-blue); --sidebar-head-background-color: unset; --sidebar-head-border-color: var(--UI-deep-blue); --sidebar-head-color: var(--UI-deep-blue); --sidebar-link-color: var(--UI-deep-blue); --sidebar-link-background-color: var(--UI-deep-blue); --sidebar-collapsible-background-color-hover: var(--UI-deep-blue); --sidebar-collapsible-button-background-color: var(--UI-deep-blue); --sidebar-button-background-color: unset; --sidebar-button-color: var(--UI-deep-blue); --page-title-color: var(--UI-deep-blue); --link-color: var(--UI-deep-blue); --link-visited-color: var(--UI-grapefruit); --link-newpage-color: var(--UI-orange); --blockquote-background-color: var(--UI-dark-color-primary), 0.05; --code-background-color: var(--UI-dark-color-primary), 0.5; --ratebox-background-color: var(--general-background-color); --rate-uv-color: var(--UI-orange); --rate-dv-color: var(--UI-deep-red); --rate-nv-color: var(--UI-grapefruit); --tab-nav-background-color: var(--UI-dark-color-primary), 0.1; --tab-nav-color-hover: var(--tab-nav-color); --tab-border-color: var(--UI-deep-blue); --tab-content-background-color: var(--general-background-color); --credit-info-background-color: var(--general-background-color); --credit-info-color: var(--UI-dark-color-primary); --credit-info-background-color-hover: var(--UI-deep-blue); --credit-info-color-hover: var(--UI-light-color-primary); --credit-view-title-background-color: var(--UI-deep-blue); --credit-view-title-color: var(--UI-light-color-primary); --credit-view-background-color: var(--general-background-color); --owindow-title-background-color: var(--UI-deep-blue); --owindow-title-color:var(--UI-light-color-primary); --toc-background-color: var(--UI-deep-blue); --toc-title-color: var(--UI-light-color-primary); --toc-title-link-background-color: var(--UI-grapefruit); --toc-list-background-color: var(--general-background-color); --action-button-background-color-hover-alt: var(--UI-deep-blue); --input-type-background-color: var(--general-background-color); --input-type-border-color: var(--UI-deep-blue); --sidebar-collapsible-background-color: var(--general-background-color); --edit-area-toolbar-background-color: var(--UI-light-color-primary); --hovertip-border-color: var(--UI-deep-blue); --tag-background-color-hover: var(--UI-deep-blue); --page-options-background-color-hover: var(--UI-deep-blue); --page-options-more-background-color: var(--UI-dark-color-primary), 0.05; --page-options-more-background-color-hover: var(--UI-deep-blue); --page-options-delete-background-color: var(--UI-dark-color-primary); --page-options-delete-color-hover: var(--text-dark-color); --bg_color1: var(--UI-deep-blue); --bg_color2: var(--UI-deep-blue); --bg_color3: var(--general-background-color); --text_color1: var(--text-light-color); --text_color2: var(--UI-dark-color-primary); --shadow_color: var(--UI-dark-color-primary), 0.05; --footnotelock-background-color: var(--general-background-color); --footnotelock-title-background-color: var(--UI-deep-blue); --footnotelock-title-color: var(--general-background-color); --license-area-background-color: unset; --license-area-color: var(--text-dark-color); --list-pages-color: var(--UI-dark-color-primary); --heading-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 12 12'%3E%3Cpath d='M1 6a5 5 0 0 0 5-5 5 5 0 0 0 5 5 5 5 0 0 0-5 5 5 5 0 0 0-5-5z' style='fill:none;stroke:%23000;stroke-width:.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1;stroke-dasharray:none'/%3E%3C/svg%3E"); --hr-icon-mask: var(--heading-mask); --hr-icon-size: 1.5rem; } /* Main Content设置 */ #main-content { margin-top: calc(var(--main-content-top-margin) + var(--topbar-height)); } /* Page Content设置 */ #page-content { box-sizing: border-box; font-size: calc(var(--page-content-font-size) * 1.2); min-height: 50rem; } #page-content:not(:has(a.\-override-warning))::before { content: "请使用 [[include :scp-wiki-cn:theme:wish-for-miracle]] 引用此版式。"; color: rgb(var(--UI-deep-blue)) !important; border-color: rgb(var(--UI-deep-blue)) !important; } /* Header设置 */ #header { grid-template-areas: '. . . search user' '. . h-link . .' '. . top-bar . .'; grid-template-columns: var(--header-button-width) var(--header-button-width) 1fr var(--header-button-width) var(--header-button-width); grid-template-rows: var(--header-button-height) calc(var(--header-height) - var(--header-button-height)) var(--topbar-height); background-image: url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/5.png"), url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/4.png"), url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/3.png"), url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/2.png"), url("https://uploadfile.wikidot.com/local--files/theme%3Awish-for-miracle/1.png"); background-position-x: left, right, right, 30%, center; background-position-y: bottom; background-size: auto 100%, auto 100%, auto 100%, auto 100%, cover; background-repeat: no-repeat; } /* 版头大标题设置 */ #header h1 { justify-content: end; align-items: center; transform: translateY(calc(-1 * var(--header-button-height) / 4)); } #header h1 a { mask-image: var(--header-logo); -webkit-mask-image: var(--header-logo); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center 45%; -webkit-mask-position: center 45%; display: block; background-color: rgb(var(--UI-deep-blue)); background-image: none; width: calc(100vw / 3); aspect-ratio: 50 / 13; height: auto; } #account-options>ul>li>a { font-weight: 700; } /* 顶栏设置 */ #top-bar div[class*="top-bar"]>ul { font-size: 1em; box-sizing: border-box; border-block: 0.05rem rgb(var(--UI-deep-blue)) solid; } #top-bar div[class*="top-bar"]>ul>li { flex-basis: unset; flex-grow: 1; flex-shrink: 1; } #header h1 a::before, #header h1 a span { display: none; } #top-bar { display: flex; justify-content: center; } #top-bar div[class*="top-bar"]>ul { max-width: 60rem; } #top-bar div[class*="top-bar"] ul li ul li a { justify-content: center; inset 0 0.05rem 0 rgb(var(--UI-deep-blue)) } /* 表格设置 */ table.wiki-content-table td, table.wiki-content-table th { border: 1px solid rgb(var(--UI-deep-blue)); } /* Tab设置 */ div.yui-navset>ul.yui-nav::after { display: none; } div.yui-navset>ul.yui-nav li::before { background-color: var(--tab-nav-background-color); } div.yui-navset>ul.yui-nav li::after { content: ""; position: absolute; left: 0; bottom: 0; height: 0.2rem; width: 100%; background-color: rgb(var(--UI-deep-blue)); transform: scaleX(0); transform-origin: left center; /* 从左向右展开 */ transition: transform 125ms ease-out; will-change: transform; } div.yui-navset>ul.yui-nav li:hover::after, div.yui-navset>ul.yui-nav li.active::after { transform: scaleX(1); } div.yui-navset>div.yui-content { background-color: rgb(var(--tab-content-background-color)); border: none; } /* 标题字体设置 */ #page-title, div.meta-title { color: rgb(var(--UI-deep-blue)); font-weight: bold; font-family: var(--header-font); border-color: currentColor; border-bottom: 1px solid currentColor; margin-bottom: 0.625rem; font-size: 300%; } h1,h2,h3,h4,h5,h6 { color: rgb(var(--UI-deep-blue)); font-weight: bold; font-family: var(--header-font); } :is(.footnotes-footer, .bibitems) .title { font-family: var(--header-font); font-size: 1.5em; } .yui-navset .yui-nav { border-bottom: solid 0.125rem rgb(var(--UI-deep-blue)); font-family: var(--header-font); } :is(#side-bar, #interwiki) .heading { font-family: var(--header-font); border-bottom: solid 0.05rem currentColor; padding-left: 0; margin-top: 0; margin-bottom: 0.25rem; text-align: center; font-size: 0.875em; font-weight: normal; } /* Code设置 */ .hl-code, .hl-identifier, .hl-brackets { color: rgb(var(--UI-dark-color-primary)); } .hl-number { color: rgb(var(--UI-orange)); } .hl-special, .hl-string { color: rgb(var(--UI-grapefruit)); } /* Blockquote设置 */ div.code, div.blockquote, blockquote { background-color: rgb(var(--blockquote-background-color)); border: none; } /* Image-block设置 */ div.scp-image-block { max-width: 100%; height: auto; } div.scp-image-block img { max-width: 100%; height: auto; display: block; } div.scp-image-block .scp-image-caption { max-width: 100%; box-sizing: border-box; display: block; font-size: 0.875em; padding: 0.5ch 1em; text-align: center; } /* Credit设置 */ html body #u-credit-otherwise .credit-back { filter: invert(1) brightness(10000) saturate(0); } /* Listpage设置 */ .list-pages-box span[style] { color: rgb(var(--list-pages-color)) !important; } /* 列表设置 */ li:not(:first-child) { margin-top:0.75em; } /* User页面设置 */ div.owindow div.button-bar>a:not([onclick*="cleanAll"]):is(:hover,:focus), div.owindow div[style*="margin-top"] a:is(:hover,:focus) { color: rgb(var(--UI-light-color-primary)); background-color: rgb(var(--UI-deep-blue)); border-color: rgb(var(--UI-deep-blue)); } /* Edit设置 */ #edit-page-form :is(#edit-page-textarea, #np-text):focus-visible { outline: 0; border-color: rgb(var(--UI-deep-blue)); } /* 分割线设置 */ hr { margin: 1rem 0; background: transparent; height: var(--hr-icon-size); display: grid; place-items: center; grid-template-columns: 1fr; grid-template-rows: 1fr; } hr::before, hr::after { content: ""; display: grid; grid-column: 1/2; grid-row: 1/2; background-color: rgb(var(--UI-deep-blue)); } hr::before { height: 0.1rem; width: 100%; -webkit-mask-image: linear-gradient(90deg, black calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% + var(--hr-icon-size)/2 + 0.125rem), black calc(50% + var(--hr-icon-size)/2 + 0.125rem)); mask-image: linear-gradient(90deg, black calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% - var(--hr-icon-size)/2 - 0.125rem), transparent calc(50% + var(--hr-icon-size)/2 + 0.125rem), black calc(50% + var(--hr-icon-size)/2 + 0.125rem)); } hr::after { width: var(--hr-icon-size); height: var(--hr-icon-size); -webkit-mask-image: var(--hr-icon-mask); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center; mask-image: var(--hr-icon-mask); mask-repeat: no-repeat; mask-size: contain; mask-position: center; } /* 特色blockquote设置 */ div.star { position: relative; border: 2px solid rgba(var(--UI-deep-blue)); background-color: rgb(var(--UI-light-color-primary)); padding: 1rem; margin: 3rem 0 1rem 0; box-shadow: none; } div.star::after { content: ""; display: block; position: absolute; top: -1.5rem; right: -1.5rem; width: 3rem; height: 3rem; background-image: var(--corner-image); background-color: rgb(var(--UI-light-color-primary)); border: none; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; z-index: 1; } div.star::before { content: attr(data-title); display: block; background-color: rgb(var(--body-light-background-color)); color: rgba(var(--UI-deep-blue)); padding: 0.25rem 0.5rem; font-size: 1.5rem; font-family: var(--header-font); font-weight: bold; text-transform: uppercase; position: absolute; inset-inline-start: 1.5rem; inset-block-end: 100%; transform: translateY(50%); } div.star:not([data-title]) { padding-block: 0.125em; } div.star:not([data-title])::before { display: none; } #page-content .star { --corner-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjIyIDU2MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjIyIDU2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2Rpc3BsYXk6bm9uZTt9DQoJLnN0MXtkaXNwbGF5OmlubGluZTtmaWxsOiM5OTk5OTk7fQ0KCS5zdDJ7ZmlsbDojRkZGREQwO30NCjwvc3R5bGU+DQo8ZyBpZD0i5Zu+5bGCXzFfMV8iIGNsYXNzPSJzdDAiPg0KPC9nPg0KPGcgaWQ9IuWbvuWxgl8yXzFfIiBjbGFzcz0ic3QwIj4NCjwvZz4NCjxnIGlkPSLlm77lsYJfNCIgY2xhc3M9InN0MCI+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTQ5Ny42LDAuMUgxMjQuNHY2Mi4ySDB2NjIuMmMwLDg5LjQzNiw2Mi45NTYsMTY0LjA5MiwxNDYuOTQ1LDE4Mi4yODENCgkJYzI2Ljg2NSw0OS40MzEsNzUuNDg2LDg1LjE2MSwxMzIuOTU1LDk0LjgxOXY0OS40NTFoLTQ2LjY1djQ2LjY1SDE4Ni42djYyLjJoMjQ4Ljh2LTYyLjJoLTQ2LjY1di00Ni42NUgzNDIuMVY0MDEuNg0KCQljNTcuNDY5LTkuNjU4LDEwNi4wOS00NS4zODgsMTMyLjk1OC05NC44MTlDNTU5LjA0NCwyODguNTkyLDYyMiwyMTMuOTM2LDYyMiwxMjQuNVY2Mi4zSDQ5Ny42VjAuMXogTTEyNC40LDIzMi4wNjgNCgkJYy0zNy4xMi0yMS41NS02Mi4yLTYxLjY0My02Mi4yLTEwNy41NjhoNjIuMlYyMzIuMDY4eiBNNTU5LjgsMTI0LjVjMCw0NS45MjQtMjUuMDgsODYuMDE4LTYyLjIsMTA3LjU2OFYxMjQuNUg1NTkuOHoiLz4NCjwvZz4NCjxnIGlkPSLlm77lsYJfNSIgY2xhc3M9InN0MCI+DQo8L2c+DQo8ZyBpZD0i5Zu+5bGCXzYiIGNsYXNzPSJzdDAiPg0KPC9nPg0KPGcgaWQ9IuWbvuWxgl8zIj4NCjwvZz4NCjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMTEuNSw1MTkuOTY5Yy0wLjAwMSwwLDAsMC0wLjAwMSwwYy0xMC43NTUtMC4wMDEtMjAuMDA4LTYuNTUzLTIzLjU3Mi0xNi42OTENCgljLTAuNDQtMS4yNTMtMC43MTItMi41NTgtMC44MDktMy44ODFjLTEuNzIxLTIzLjUzOS0xMS4xMy04My42OTUtNjEuMjI0LTEzMy43OWMtNTAuMDk1LTUwLjA5NS0xMTAuMjUxLTU5LjUwNC0xMzMuNzktNjEuMjI0DQoJYy0xLjMyNC0wLjA5Ny0yLjYzLTAuMzY5LTMuODgyLTAuODFjLTEwLjEzOS0zLjU2NC0xNi42OS0xMi44MTgtMTYuNjktMjMuNTc1YzAtMTAuNzU1LDYuNTUyLTIwLjAwOCwxNi42OTEtMjMuNTcyDQoJYzEuMjUyLTAuNDQsMi41NTgtMC43MTIsMy44ODEtMC44MDljMjMuNTM4LTEuNzIsODMuNjkzLTExLjEyOCwxMzMuNzktNjEuMjI0YzUwLjA5NC01MC4wOTQsNTkuNTAzLTExMC4yNTEsNjEuMjI0LTEzMy43OQ0KCWMwLjA5Ny0xLjMyNCwwLjM2OS0yLjYyOSwwLjgwOS0zLjg4MWMzLjU2NC0xMC4xMzksMTIuODE3LTE2LjY5LDIzLjU3Mi0xNi42OTFjMTAuNzU2LDAsMjAuMDEsNi41NTEsMjMuNTc1LDE2LjY5DQoJYzAuNDQsMS4yNTIsMC43MTMsMi41NTgsMC44MSwzLjg4M2MxLjcyLDIzLjUzOCwxMS4xMjgsODMuNjk0LDYxLjIyNCwxMzMuNzg5YzUwLjA5Niw1MC4wOTYsMTEwLjI1MSw1OS41MDQsMTMzLjc4OSw2MS4yMjQNCgljMS4zMjQsMC4wOTcsMi42MjksMC4zNjksMy44ODIsMC44MDljMTAuMTM5LDMuNTY0LDE2LjY5LDEyLjgxNywxNi42OTEsMjMuNTcyYzAsMTAuNzU2LTYuNTUxLDIwLjAxLTE2LjY5LDIzLjU3NQ0KCWMtMS4yNTMsMC40NC0yLjU1OSwwLjcxMy0zLjg4MywwLjgxYy0yMy41MzgsMS43Mi04My42OTMsMTEuMTI4LTEzMy43ODksNjEuMjI0cy01OS41MDQsMTEwLjI1MS02MS4yMjQsMTMzLjc4OQ0KCWMtMC4wOTcsMS4zMjQtMC4zNjksMi42My0wLjgxLDMuODgzQzMzMS41MDksNTEzLjQxNywzMjIuMjU1LDUxOS45NjksMzExLjUsNTE5Ljk2OXogTTMyMC45MjMsNDk4LjMwM2gwLjAxSDMyMC45MjN6IE0xMzAuMDA1LDI4MA0KCWMzMi44ODcsNy42NDIsNzcuNzE4LDI1LjAxLDExNy4xMDIsNjQuMzk0YzM5LjM4NiwzOS4zODcsNTYuNzUzLDg0LjIxNSw2NC4zOTQsMTE3LjEwM2M3LjY0LTMyLjg4NywyNS4wMDYtNzcuNzE1LDY0LjM5NC0xMTcuMTAzDQoJYzM5LjM4NC0zOS4zODUsODQuMjE1LTU2Ljc1MiwxMTcuMTAyLTY0LjM5NGMtMzIuODg3LTcuNjQxLTc3LjcxOC0yNS4wMDktMTE3LjEwMi02NC4zOTQNCgljLTM5LjM4OC0zOS4zODctNTYuNzU0LTg0LjIxNS02NC4zOTQtMTE3LjEwM2MtNy42NDEsMzIuODg4LTI1LjAwNyw3Ny43MTYtNjQuMzk0LDExNy4xMDMNCglDMjA3LjcyMiwyNTQuOTkxLDE2Mi44OTEsMjcyLjM1OSwxMzAuMDA1LDI4MHoiLz4NCjwvc3ZnPg0K"); } /* 杂七杂八的底部选项展开设置 */ #main-content div.page-tags { padding: 2rem 0 0 0; } #page-options-bottom { margin-block: 0.4rem 0; } #history-form-1>table.form>tbody>tr:first-child>td:first-child, #history-form-1>table.form>tbody>tr:first-child::before, #main-content div.pager .pager-no { background-color: rgb(var(--UI-deep-blue)); } #main-content div.pager>span.current { background-color: rgb(var(--UI-deep-blue)); color: rgb(var(--UI-light-color-primary)); } #main-content div.pager>span.target>a { color: rgb(var(--UI-deep-blue)); } #main-content div.pager span>a::before { background-color: rgb(var(--UI-deep-blue)); } #main-content div.pager span>a:is(:hover, :focus) { color: rgb(var(--UI-light-color-primary)); } #revision-list table.page-history tr[id*=revision-row]::before, #revision-list table.page-history tr[id*=revision-row] td:first-child::before, #site-changes-list div.changes-list-item>table>tbody>tr>td.flags>.spantip::before { background-color: rgb(var(--UI-deep-blue)); } #h-perpage { appearance: auto; color: rgb(var(--text-dark-color)); background-color: rgb(var(--general-background-color)); padding: 0.25ch 0.325ch; border: solid 0.125em rgb(var(--UI-deep-blue), 0.15); box-sizing: border-box; outline: solid 0 rgb(var(--UI-deep-red)); transition: outline-width 125ms linear; } #history-form-1>table.form>tbody>tr:nth-child(2)>td:nth-child(2)::before, #history-form-1>table.form>tbody>tr:nth-child(2)>td:first-child::before, #revision-list table.page-history tr[id*=revision-row] td:nth-child(3)>span::before { background: rgb(var(--UI-deep-blue)); } table.page-files .highlight { background-color: rgb(var(--general-background-color)); } input[type=text], textarea { background-color: rgb(var(--general-background-color)); outline: solid 0 rgb(var(--UI-deep-blue)); } #action-area div[style="text-align: center"] + p, #action-area div[style="margin-top:1em; text-align: center; font-size: 120%;"] { justify-content: center; } #file-upload-form table.form tr:first-child:is(:hover,:focus-within) td:first-child { color: rgb(var(--UI-deep-blue)); } #file-upload-form table.form tr:first-child:is(:hover,:focus-within) input#upload-userfile { box-shadow: 0 0 0 .175rem rgb(var(--UI-light-color-primary)) } #file-action-area input.text { background-color: rgb(var(--general-background-color)); color: rgb(var(--UI-dark-color-primary)); } input#upload-userfile::file-selector-button { padding: .5ch; margin: 0 .125em; margin-inline-end:.55em; font-family: var(--UI-font-primary); color: rgb(var(--UI-light-color-primary)); background-color: rgb(var(--UI-deep-blue)); font-weight: bold; } #file-upload-form table.form tr:first-child:is(:hover,:focus-within) input#upload-userfile::file-selector-button { color: rgb(var(--UI-deep-blue)) !important; background-color: rgb(var(--UI-red)); border-color: rgb(var(--UI-red)) !important; } #file-comments { min-width: 100%; max-width: 100%; min-height: 4.875em; border: 0; padding: 0.25rem 0; } form[id] div.wd-editor-toolbar-panel ul li ul { border-inline-start: solid calc(var(--edit-area-toolbar-icon-size) / 8) rgb(var(--UI-deep-red)); background-color: rgb(var(--edit-area-toolbar-background-color)); } /* 侧边栏设置 */ :is(#side-bar, #interwiki) div.side-block div.heading, #side-bar div.side-block div[class*="collapsible-block-"]>a.collapsible-block-link { font-size: var(--sidebar-font-size); } :is(#side-bar, #interwiki) div.side-block div.heading { background-color: rgb(var(--general-background-color)); color: rgb(var(--sidebar-head-color)); } :is(#side-bar, #interwiki) div.side-block.newcomer div.heading { background-color: rgb(var(--UI-deep-red), 0.8); color: rgb(var(--UI-deep-blue)); } :is(#side-bar, #interwiki) div.side-block.newcomer div.menu-item { background-color: rgb(var(--UI-red), 0.7); color: rgb(var(--UI-deep-blue)); font-size: calc(var(--sidebar-font-size) * 0.9); } :is(#side-bar, #interwiki) div.side-block.newcomer div.menu-item>a:is(:hover, :focus) { color: rgb(var(--UI-deep-blue)); } /* 展开时模糊 */ body::before { content: ""; position: fixed; inset: 0; background: rgba(0,0,0,.25); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); opacity: 0; visibility: hidden; transition: opacity 250ms ease-out 125ms, visibility 250ms ease-out 125ms; z-index: 9; pointer-events: none; } body:has(#side-bar:is(:hover, :focus-within))::before { opacity: 1; visibility: visible; pointer-events: auto; } /* save设置 */ #odialog-container div.owindow.owait div.content::after { border-color: rgb(var(--UI-deep-blue)); } /* 移动端设置 */ @media (max-width: 64rem) { #main-content { z-index: 0; margin-top: 0; } #content-wrap::before { content: ""; position: sticky; top: 0; display: block; height: calc(var(--header-button-height) + 0.5rem); background: linear-gradient( to bottom, rgba(var(--UI-light-color-primary), 1) 0%, rgba(var(--UI-light-color-primary), 1) 80%, rgba(var(--UI-light-color-primary), 0.25) 92%, rgba(var(--UI-light-color-primary), 0) 100%); z-index: 5; } #side-bar { z-index: 10; } #header { grid-template-areas: '. . . search user' 'h-link h-link h-link h-link h-link' 'top-bar top-bar top-bar top-bar top-bar'; grid-template-rows: var(--header-button-height) 1fr var(--topbar-height); } #header::before { content: ""; position: absolute; inset: 0; background-color: rgba(255, 255, 255, 0.01); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 0; pointer-events: none; } #header { position: relative; z-index: 6; } #header h1 { grid-area: h-link; justify-self: center; align-self: center; } #header h1 a { display: block; width: 80vw; aspect-ratio: 50 / 13; } } @media (max-width: 48rem) { #header::before { content: ""; position: absolute; inset: 0; background-color: rgba(255, 255, 255, 0.01); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 0; pointer-events: none; } #header { position: relative; z-index: 6; } #header h1 { grid-area: h-link; justify-self: center; align-self: center; } #header h1 a { display: block; width: 80vw; aspect-ratio: 50 / 13; } }