标记笔 黑标主题版式
2023年2月6日
修订 16
核心指标
评分
34
↑ 37
↓ 3
支持率
93%
总票数 40
Wilson 95% 下界
80.1%
在相同票数下更稳健的支持率估计
争议指数
0.278
评分趋势
加载图表中...
最近修订
1 / 6
最近投票
1 / 5
2025-06-10
2024-12-03
2024-10-18
2024-09-04
2024-09-04
2024-09-04
2024-09-04
2024-09-04
2024-09-04
2024-09-04
页面源码
源码字符数 25796文字字数 2500
[[iftags +版式]]
[[module CSS]]
@import url("https://bhl.scpwikicn.com/css/min/normalize.min.css");
@import url("https://bhl.scpwikicn.com/css/min/black-highlighter.min.css");
[[/module]]
[[include :scp-wiki-cn:component:interwiki-style
| type=sidebar
| priority=0
| override=1
| theme=https://interwiki.scpwikicn.com/css/style-bhl.css
]]
[[image https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlighter-theme/black-highlighter-logo.svg]]
[[>]]
**评分：**
[[module Rate]]
[[/>]]
[[>]]
**评分模块与著作信息模块：**
[[/>]]
[[include :scp-wiki-cn:credit:start]]
页面信息
[[include :scp-wiki-cn:credit:more]]
更多页面信息
[[include :scp-wiki-cn:credit:end]]
[[>]]
**著作信息模块：**
[[/>]]
[[include :scp-wiki-cn:credit:start-standalone]]
页面信息
[[include :scp-wiki-cn:credit:more-standalone]]
更多页面信息
[[include :scp-wiki-cn:credit:end-standalone]]
[[include :scp-wiki:component:theme-squares -=-
| color1-name=荧光红
| color1-variable=--bright-accent
| color1-info=(255, 88, 88)
]]
这是一个由 [[*user Liurd]] 所制作的美学版式，不与任何 SCP、故事、设定、GoI 挂钩，可以在任意文章中引用。
若想在你的页面中使用该版式，请在文章的开头处放置以下代码：
[[div class="code"]]
@@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@
@@[[include :scp-wiki-cn:theme:highlighter-bhl]]@@
[[/div]]
++ 自定义
你可以通过引入下方代码来实现修改本版式的主题色以及页面左上角的标志和标题。此些代码理应放置在 @@[[include]]@@ 模块的下方。
[[div class="code"]]
@@[[module CSS]]@@
:root{
@@--@@bright-accent: red, green, blue; /* 版式主要主题色，以 RGB 格式表示 */
@@--@@logo-image: url("自定义标志链接");
}
:root:lang(cn) {
@@--@@header-title: "页眉大标题";
@@--@@header-subtitle: "页眉副标题";
}
@@[[/module]]@@
[[/div]]
+ 与版式一同引入：
此些组件会与标记笔版式一同引入：
* [[*user Woedenaz]]的[https://scp-wiki-cn.wikidot.com/component:toggle-sidebar-bhl 黑标切换侧边栏]；
* [[*user Croquembouche]]的[https://scp-wiki-cn.wikidot.com/component:croqstyle Croq风格CSS]；
* [[*user EstrellaYoshte]]的[https://scp-wiki-cn.wikidot.com/component:betterfootnotes 更好的脚注]；
+ 版式示例
[[include component:image-block
name=https://scp-wiki.wdfiles.com/local--files/theme%3Aminimalist-bhl/Foundation%20Logo|
caption=--我才不会告诉你logo是从极简版式偷的--
]]
可以使用六个连字符“@@------@@”[[footnote]]这是为了激怒应该不会被激怒的[[*user Placeholder McD]]。[[/footnote]]创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
-----
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
[[collapsible show="+ 标题示例" hide="- 标题示例"]]
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
[[/collapsible]]
@@ @@
[[tabview]]
[[tab 分页]]
此为分页（tab view）。
[[/tab]]
[[tab 分页]]
看，这有更多文字。
多么精巧绝伦。
[[/tab]]
[[tab 长分页]]
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
[[/tab]]
[[tab 不知道为啥，这个空分页贼拉长。我想知道是咋回事儿？]]
[[/tab]]
[[tab 空分页]]
[[/tab]]
[[tab 空分页]]
[[/tab]]
[[tab 空分页]]
[[/tab]]
[[tab 空分页]]
[[/tab]]
[[tab 空分页]]
[[/tab]]
[[/tabview]]
> 这是一个引用块，在一行字的起始处加上“> ”来创建。
>
> 更多文字
> -----
> 一条分割线
>
>> 嵌套块引用[[footnote]] 这是一个脚注！[[/footnote]]
||~ 这是 ||~ 表格 ||
|| 你应该老早 || 就知道怎么 ||
|||| 做这个了吧 ||
-----
脚[[footnote]]注[[/footnote]]
这段文本
__放在这里__
//你们就能//
**看到不同**
--格式以及--
{{其它东西}}
看起^^来是^^
怎么,,运作,,
[[[包括那些不存在]]]
[[[theme:black-highlighter-theme|以及存在的链接！]]]
##red|还有特殊警告##
##7F6A00|或者风险更低的##
##green|或者安全的！##
文本[[span class="fnnum"]].[[/span]][[span class="fncon"]]脚注[[/span]]
更多文本[[span class="fnnum"]].[[/span]][[span class="fncon"]]脚注[[/span]]
[[div class="code"]]
@@文本[[span class="fnnum"]].[[/span]][[span class="fncon"]]脚注[[/span]]@@
[[/div]]
-----
[[div class="styled-quote"]]
@@[[div class="styled-quote"]]@@
@@[[/div]]@@
[[/div]]
[[div class="dark-styled-quote";]]
----
@@[[div class="dark-styled-quote"]]@@
[[[theme:black-highlighter-theme|芝士链接]]]
@@[[/div]]@@
[[/div]]
[[div class="lightblock"]]
@@[[div class="lightblock"]]@@
@@[[/div]]@@
[[/div]]
[[div class="darkblock"]]
----
@@[[div class="darkblock"]]@@
[[[theme:black-highlighter-theme|芝士链接]]]
@@[[/div]]@@
[[/div]]
[[div class="darkblock marked"]]
@@[[div class="darkblock marked"]]@@
为div块加上marked就可以让它获得类似被标记笔标记的效果！
@@[[/div]]@@
[[/div]]
[[div class="darkblock clipped"]]
@@[[div class="darkblock clipped"]]@@
为div块加上clipped就可以让它获得类似被裁剪的效果！
@@[[/div]]@@
[[/div]]
[[div class="holeblock"]]
@@[[div class="holeblock"]]@@
我趣你为什么裁我版式啊
@@[[/div]]@@
[[/div]]
[[div class="glassblock"]]
@@[[div class="glassblock"]]@@
@@[[/div]]@@
[[/div]]
[[note]]
@@[[note]]@@
@@[[/note]]@@
[[/note]]
-----
[[/iftags]]
[[include :scp-wiki:component:croqstyle]]
[[include :scp-wiki:component:betterfootnotes]]
[[include :scp-wiki:component:toggle-sidebar-bhl]]
[[div [[iftags -版式]]style="display: none"[[/iftags]]]]
[[collapsible show="你可能想知道的..." hide="收起"]]
[[module CSS show="true"]]
:root {
--theme-base: "黑色标记笔";
--theme-id: "highlighter-bhl";
--theme-name: "标记笔";
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aminimalist-bhl/Foundation%20Logo");
--white-monochrome: 252, 252, 252;
--pale-gray-monochrome: var(--white-monochrome);
--light-pale-gray-monochrome: var(--bright-accent);
--very-light-gray-monochrome: var(--bright-accent);
--light-gray-monochrome: var(--bright-accent);
--gray-monochrome: var(--bright-accent);
--dark-gray-monochrome: var(--white-monochrome);
--black-monochrome: 12, 12, 12;
--pale-accent: var(--bright-accent);
--bright-accent: 255, 88, 88;
--medium-accent: var(--bright-accent);
--dark-accent: var(--bright-accent);
--alt-accent: 242, 122, 8;
--swatch-text-dark: var(--black-monochrome);
--swatch-text-light: var(--black-monochrome);
--swatch-important-text: var(--bright-accent);
--swatch-headerh1-color: var(--black-monochrome);
--swatch-headerh2-color: var(--black-monochrome);
--swatch-topmenu-border-color: var(--bright-accent);
--swatch-topmenu-bg-color: var(--white-monochrome);
--swatch-menutxt-light-color: var(--black-monochrome);
--rating-module-button-color: var(--black-monochrome);
--rating-module-button-plus-color: var(--bright-accent);
--rating-module-button-negative-color: var(--bright-accent);
--rating-module-button-cancel-color: var(--bright-accent);
--rating-module-button-credit-color: var(--bright-accent);
--rating-module-text-color: var(--black-monochrome);
--rating-module-text-hover-color: var(--black-monochrome);
--toggle-roundness: 0.2rem;
--gradient-header: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(#fcfcfc,#fcfcfc);
--gradient-topmenu-mobile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(#fcfcfc,#fcfcfc);
--diagonal-stripes: linear-gradient(transparent 0);
--fnColor: rgb(var(--bright-accent));
}
:root:lang(cn) {
--header-title: "SCP基金会";
--header-subtitle: "控制 收容 保护";
}
::selection {
background-color: rgb(var(--bright-accent));
}
::-moz-selection {
background-color: rgb(var(--bright-accent));
}
#page-title {
animation: fadeIn 2s;
}
#header {
background-position: 1rem 2rem;
background-size: 4.5rem auto;
animation: logo 2.5s;
}
#header h1 a:before,#top-bar {
animation: header 3s;
}
#header h2, #header h2 span, #header h2 span::before {
animation: header2 3.5s;
margin-top:2.6rem;
}
#header h1 a:before,#header h2 span::before {
background: rgba(var(--bright-accent),.6);
}
@keyframes fadeIn {
0% {clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);}
100% {clip-path: polygon(0% 0%,110% 0%, 100% 100%,0% 100%);}
}
@keyframes logo {
0% {background-position: -6rem 2rem;}
75% {background-position: -6rem 2rem;}
100% {background-position: 1rem 2rem;}
}
@keyframes header {
0% {clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);}
75% {clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);}
100% {clip-path: polygon(0% 0%,110% 0%, 100% 100%,0% 100%);}
}
@keyframes header2 {
0% {clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);}
75% {clip-path: polygon(0% 0%,0% 0%, -10% 100%,0% 100%);}
100% {clip-path: polygon(0% 0%,110% 0%, 100% 100%,0% 100%);}
}
div#extra-div-1 {
content: "";
position:absolute;
top:0;
width:100%;
height:100%;
background-color: #fcfcfc;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: repeat;
opacity: 1;
z-index: -1;
}
#top-bar {
--dropdown-border-color: var(--bright-accent), 0.5;
}
#side-bar,
#side-bar:hover {
background-color: #fcfcfc;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: repeat;
}
#page-content ul {
list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIiA/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgd2lkdGg9IjFyZW0iIGhlaWdodD0iMXJlbSIgdmlld0JveD0iMCAwIDM1IDM1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlc2M+Q3JlYXRlZCB3aXRoIEZhYnJpYy5qcyA0LjYuMDwvZGVzYz4KPGRlZnM+CjwvZGVmcz4KPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxNy41IDE3Ljc1KSIgaWQ9IlZ5YlMtT3lmWS1tWVRQX3ZwaTVWcSIgID4KPHBhdGggc3R5bGU9InN0cm9rZTogcmdiKDAsMCwwKTsgc3Ryb2tlLXdpZHRoOiAwOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDA7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiA0OyBmaWxsOnJnYih2YXIoLS1icmlnaHQtYWNjZW50KSkgcmdiKDI1Miw4OCw4OCk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMC42OyIgdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiAgdHJhbnNmb3JtPSIgdHJhbnNsYXRlKDAsIDApIiBkPSJNIC02LjQ3NDM1IC0xMS4wODcxNCBDIC0xMS4wOTkzNTAwMDAwMDAwMDEgLTkuNTAzODEgLTE4LjcyNDM1IDAuMjQ2MTkwMDAwMDAwMDAwMzUgLTE1LjE4MjY4MDAwMDAwMDAwMSA0Ljk1NDUzIEMgLTExLjY0MTAxMDAwMDAwMDAwMSA5LjY2Mjg2IC0wLjE4MjY4MDAwMDAwMDAwMTI5IDE2LjkxMjg2MDAwMDAwMDAwMiAyLjE5MjMxOTk5OTk5OTk5ODcgMTEuODI5NTMgQyA0LjU2NzMxOTk5OTk5OTk5OSA2Ljc0NjIgMjEuNDAwNjUgLTAuMDAzODAwMDAwMDAwMDAwMDI1NiAxNC40MDA2NDk5OTk5OTk5OTkgLTguNDYyMTQgQyA3LjQwMDY0OTk5OTk5OTk5OSAtMTYuOTIwNDcgLTEuODQ5MzUwMDAwMDAwMDAxMiAtMTIuNjcwNDcgLTYuNDc0MzUwMDAwMDAwMDAxIC0xMS4wODcxNCB6IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+CjwvZz4KPC9zdmc+');
}
#page-content a:not([href*="javascript:;"]) {
color: rgba(var(--swatch-primary), 1);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: inset 0 0 0 0 rgba(var(--swatch-primary), 1);
transition:
box-shadow 0.3s cubic-bezier(0.4, 0.0, 0.2, 1),
color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
border-radius:10px 8px 12px 6px;
}
#page-content a:not([href*="javascript:;"]):hover {
box-shadow: inset 45rem 0 0 0 rgba(var(--swatch-primary), 1);
text-decoration: none;
color: rgb(var(--black-monochrome))
}
.collapsible-block a {
color: rgba(var(--swatch-primary), 1);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: inset 0 0 0 0 rgba(var(--swatch-primary), 1);
transition:
box-shadow 0.3s cubic-bezier(0.4, 0.0, 0.2, 1),
color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
border-radius:10px 8px 12px 6px;
}
.collapsible-block a:hover {
box-shadow: inset 45rem 0 0 0 rgba(var(--swatch-primary), 1);
text-decoration: none;
color: rgb(var(--black-monochrome))
}
#page-content a:visited {
color: rgba(120,120,120);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: inset 0 0 0 0 rgba(var(--black-monochrome));
transition:
box-shadow 0.3s cubic-bezier(0.4, 0.0, 0.2, 1),
color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
border-radius:10px 8px 12px 6px;
}
#page-content a:visited:hover {
box-shadow: inset 45rem 0 0 0 rgb(var(--black-monochrome));
text-decoration: none;
color: rgb(var(--black-monochrome));
}
#page-content a.newpage {
color: rgba(var(--alt-accent), 1);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: inset 0 0 0 0 rgb(var(--alt-accent));
transition:
box-shadow 0.3s cubic-bezier(0.4, 0.0, 0.2, 1),
color 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
border-radius:10px 8px 12px 6px;
}
#page-content a.newpage:hover {
box-shadow: inset 45rem 0 0 0 rgb(var(--alt-accent));
text-decoration: none;
color: rgb(var(--black-monochrome));
}
.yui-navset .yui-nav a::before {
--clip-path:
polygon(0 0,
-0.25rem 0,
-1rem 100%,
0 100%);
}
.yui-navset .yui-nav li:hover a::before,
.yui-navset .yui-nav li:active a::before,
.yui-navset .yui-nav li:focus a::before {
--clip-path:
polygon(0 0,
calc(100% + 1rem) 0,
calc(100% + 0.75rem) 100%,
0 100%);
}
.yui-navset .yui-nav .selected{
transform:translateY(0rem);
box-shadow:0 0 0 0rem rgb(var(--tabs-selected-outline));
}
tbody {
background-color: rgba(var(--white-monochrome),.05);
}
/* 从考拉那偷的表格代码，别打死我（逃） */
table.wiki-content-table {
border-spacing: 0;
overflow: auto;
min-width: 100%
}
#main-content table.wiki-content-table th {
color: rgba(var(--black-monochrome));
background: rgba(var(--bright-accent),.6);
}
#main-content table.wiki-content-table td, table.wiki-content-table th {
padding: 6px 13px
}
table.wiki-content-table tr {
background-color: rgba(var(--white-monochrome),.05);
}
table.wiki-content-table tr:nth-child(odd) {
background-color: rgba(var(--bright-accent),.05);
}
#page-content table.wiki-content-table th, #page-content table.wiki-content-table td, #page-content div.b-tables table.wiki-content-table th, #page-content div.b-tables table.wiki-content-table td {
border: 0.15rem solid rgba(var(--tables-border),.6) !important;
}
hr{
display:grid;
margin:.5rem;
height:15px;
background:rgb(var(--bright-accent));
opacity:0.6;
border:none;
transform:skew(-15deg);
border-radius:3px 8px 10px 6px;
}
code,.code{
background:rgba(var(--pale-gray-monochrome),.6);
}
.styled-quote {
background-color: rgba(var(--gray-monochrome),.15);
border-left: 0.5rem solid rgba(var(--gray-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
}
.dark-styled-quote {
background-color: rgba(var(--gray-monochrome),.6);
border-left: 0.5rem solid rgba(var(--gray-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
}
.lightblock {
background-color: rgba(var(--gray-monochrome),.15);
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
}
.darkblock {
background-color: rgba(var(--gray-monochrome),.6);
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
}
.dark-styled-quote a, .darkblock a{
background-color: rgba(var(--white-monochrome),.6);
border-radius:10px 8px 12px 6px;
padding: 2px 0.6rem;
}
.dark-styled-quote hr, .darkblock hr{
background-color: rgba(var(--white-monochrome));
}
.marked{
border-radius:90px 20px 120px 40px;
}
.clipped {
padding-right:3.2rem;
clip-path: polygon(-100% -100%,100% 0%,95% 50%,100% 100%,0% 100%);
}
.holeblock {
background-color: #fcfcfc;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23bbbbbb' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat: repeat;
background-attachment: fixed;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0rem 0rem 0.6rem 0 inset rgba(var(--black-monochrome),.6);
}
.glassblock {
background-color: rgba(var(--white-monochrome),.2);
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.1rem 0.1rem 0.2rem 0 rgba(var(--black-monochrome),.6),inset 0rem 0rem 0.2rem 0 rgba(var(--black-monochrome),.6);
border: 0.15rem solid rgba(var(--black-monochrome));
border-radius: 0.3rem;
backdrop-filter: blur(1px);
}
div.wiki-note {
background-color: rgb(var(--bright-accent));
}
#toc #toc-list a:hover{
color: rgb(var(--black-monochrome));
}
#odialog-container div.owindow {
border: 0.2rem solid rgba(var(--swatch-alternate-color), 0.25);
box-shadow: none;
}
.footnotes-footer, .bibitems{
background-color: rgba(var(--white-monochrome),.2);
}
.footnotes-footer .title, .bibitems .title{
border-radius:10px 8px 12px 6px;
}
#license-area a:hover{
color: rgb(var(--black-monochrome));
}
#license-area a::before{
background-color: rgba(var(--bright-accent),.2);
}
.fncon {
background: rgba(var(--bright-accent),.15);
border:none;
border-left: 0.5rem solid rgb(var(--bright-accent));
padding-right: 2rem;
clip-path: polygon(-100% -100%,100% 0%,95% 50%,100% 100%,0% 100%);
backdrop-filter: blur(2px);
}
[[/module]]
[[/collapsible]]
[[/div]]