祈冀 版式
2025年10月5日
修订 62
评分
36
↑ 36
↓ 0
支持率
100%
总票数 36
Wilson 95% 下界
90.4%
在相同票数下更稳健的支持率估计
争议指数
0.000
评分趋势
按周聚合 加载图表中...
最近修订
1 / 21
最近投票
1 / 4
2025-10-12
2025-10-10
2025-10-08
2025-10-08
2025-10-08
2025-10-07
2025-10-07
2025-10-07
2025-10-07
2025-10-06
相关页面
暂无推荐
页面源码
源码字符数 33253文字字数 2380
[[a class="-override-warning" style="display: none;"]][[/a]]
[[iftags +版式]]
[[include :scp-wiki-cn:credit:start]]
[[=]]
+ 祈冀 版式
版本 Release 1.0.0
由 [[*User Kcorena]]制作
[[/=]]
[[include :scp-wiki-cn:credit:more]]
授权协议：CC-BY-SA 4.0 International
[[include :scp-wiki-cn:credit:end]]
[[>]]
[[module Rate]]
[[/>]]
++ 采访记录 - 这是什么？
[[div class="blockquote"]]
**采访者：**你
**受访者：**[已编辑]
-------------------
[记录开始]
**你：**这是什么？它可以用到哪？
**[已编辑]：**这是由[[user kcorena]]与[[user agent-fs]]为[[[*https://scp-wiki-cn.wikidot.com/system:page-tags/tag/%E7%A5%88%E5%86%80#pages|祈冀]]]设定制作的版式，基于基于不基于Sigma-9的[[[*theme:bedrock|基岩]]]的[[[*https://fendsfox.wikidot.com/theme:darkblue|藏青]]]版式，并从[[[https://scp-wiki-cn.wikidot.com/theme:oceanbound|远航]]]和[[[https://scp-wiki-cn.wikidot.com/theme:lampeter-warm|兰彼得暖色]]]中汲取了相当多的灵感。
**你：**听起来不错。那我该怎么使用它？
**[已编辑]：**在你的页面开头添加如下代码以应用此版式。
> {{[[include :scp-wiki-cn:theme:wish-for-miracle]]}}
**你：**好的。那有什么需要注意的事项吗？
//[已编辑]开始唱歌，歌词意义不明。//
**[已编辑]：**继承了禁用ACS优良传统，光荣的版式百炼成钢。
**你：**啥？
**[已编辑]：**啊没事，记得别用ACS就行。
//[已编辑]低头不语，数秒后起身看向你。//
**[已编辑]：**另外，尽量不要和其他组件一起使用。鬼知道会有什么bug。
**[已编辑]：**我没测试。
[记录结束]
[[/div]]
----
+ 主题颜色
[[include :scp-wiki:component:theme-squares -=-
| color1-name=Midnight
| color1-variable=--UI-light-color-primary
| color1-info=(5, 13, 23)
| color1-has-light-text=1
| color2-name=Obsidian
| color2-variable=--general-background-color
| color2-info=(18, 25, 35)
| color2-has-light-text=1
| subcolor1-name=Ivory
| subcolor1-variable=--UI-dark-color-primary
| subcolor1-info=(255, 255, 255)
| subcolor2-name=Solar Dawn
| subcolor2-variable=--UI-deep-blue
| subcolor2-info=(255, 253, 208)
| subcolor3-name=Ember
| subcolor3-variable=--UI-orange
| subcolor3-info=(255, 165, 0)
| subcolor4-name=Grapefruit
| subcolor4-variable=--UI-grapefruit
| subcolor4-info=(197, 71, 69)
| subcolor5-name=Crimson Edge
| subcolor5-variable=--UI-red
| subcolor5-info=(163, 33, 66)
| subcolor6-name=Bloodstone
| subcolor6-variable=--UI-deep-red
| subcolor6-info=(150, 24, 43)
]]
----
+* 示例
[[include component:image-block
| name=https://uploadfile.wikidot.com/local--files/theme:wish-for-miracle/wish-for-miracle-title
| caption=WISH FOR MIRACLE
| align=right
]]
使用6个连字符“@@------@@”创建分割线。
使用61个连字符“@@-------------------------------------------------------------@@”[[footnote]]真的有61个，不信你数数看。[[/footnote]]创建分割线。这是为了激怒所有人。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
||~ 这是 ||~ 表格 ||
||你应该老早 || 就知道怎么 ||
||||做这个了吧 ||
|| 尽管有可能你还不知道末尾加上空格和下划线可以换行， _
就像这样。 ||~ 表头甚至不一定需要在最开始。 ||
= [[[https://scp-wiki-cn.wikidot.com/ |已访问的链接]]] | [# 未访问的链接] | [[a class="newpage" href]]空链接[[/a]]
[[div class="blockquote"]]
这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字
-----
一条分割线
这是一个引用块，它有很多文字，还有^^上标^^，,,下标,,，//斜体//，{{等宽字}}[[footnote]]{{<tt>等宽字</tt>}}[[/footnote]]。((bibcite 001))
> 嵌套引用块。
>> 就像盗梦空间一样。
[[/div]]
[[div class="star" data-title="这里是标题"]]
使用以下代码来应用这一风格的引用块：
[[div class="code"]]
@@[[div class="star" data-title="于此处填写标题"]]@@
@@这里是你的内容@@
@@ @@
@@如若您不想使此div带有标题，请将 data-title="" 去除。@@
@@[[/div]]@@
[[/div]]
[[/div]]
[[footnoteblock]]
[[bibliography]]
: 001 : 参考文献
[[/bibliography]]
@@ @@
[[tabview]]
[[tab 制tab者]]
发挥想象力，假装这里有一堆示例文字吧。
[[/tab]]
[[tab 制tab器]]
看，这有更多文字。
多么精巧绝伦。
[[/tab]]
[[tab 长 Tab]]
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
因为我被分到了X档案，就想让我按照Scully、Mulder的方法想事情吗？你们找错人了——我需要铁证，不要奇思妙想。——Doggett探员
[[/tab]]
[[/tabview]]
@@ @@
-----
++ 所用字体
[[=]]
+++* 页眉、标题处装饰字体为ZCOOL XiaoWei。
正文字体为 Playfair Display / 思源黑体。
等宽字体为{{**JetBrains Mono**}}。
[[/=]]
-----
++ 代码
[[collapsible hide="源代码" show="源代码"]]
[[code type="CSS"]]
@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, .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;
}
}
[[/code]]
[[/collapsible]]
[[/iftags]]
[[module css]]
@import url(https://scp-wiki-cn.wikidot.com/local--code/theme:wish-for-miracle/1);
[[/module]]
[[include :scp-wiki-cn:component:interwiki-style
| priority=2
| type=sidebar
| theme=https://scp-wiki-cn.wikidot.com/local--code/theme:wish-for-miracle/1
]]