SPC 黑色标记笔 主题版式

评分模块：

带著作信息的评分模块：

著作信息

---

页面信息。

---

更多

更多

---

更多的页面信息。

---

版式颜色

Theme Color--medium-accent(40, 91, 122)

Secondary Color--dark-accent(0, 42, 115)

Alternate Color--alt-accent(190, 190, 255)

Vivid Theme Color--bright-accent(0, 71, 194)

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

{$subcolor1-name}{$subcolor1-variable}{$subcolor1-info}

{$subcolor2-name}{$subcolor2-variable}{$subcolor2-info}

{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}

{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$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}

---

这是一个由 GreenGolem 制作的基于黑色标记笔的版式。本版式为基于 Sigma-9 的 SPC 版式的替代版式。本版式为打鲨鱼中心 GOI 专用。

若你想使用此版式，你还需要导入黑色标记笔版式。点击这里了解更多。

在你的作品开头添加如下语法以应用此版式：

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:shark-punching-centre-bhl]]

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。¹

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题！

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

+ 高清 SPC 标志

图片由 GreenGolem 与 JackalRelated 制作。

---

这个链接不存在。
这个链接存在。

+ 点我，这是一个折叠

你已经被侏儒了

分页

此为分页（tab view）。

分页

看，这有更多文字。

多么精巧绝伦。

长 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

这是	表格
你应该老早	就知道怎么
做这个了吧

这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

---

一条分割线

嵌套引用块

+ 自定义 Div！

Hello World！你可以用以下代码应用这个 div：

[[div class="SPCbox"]]

[[/div]]

这是上一个 div 的蓝色填充版！填入以下代码：

[[div class="SPCbox-filled"]]

[[/div]]

想怎么用都行的点/虚线框线版！

[[div class="SPCbox-dotted"]]

[[/div]]

还是上一个 div 的蓝色填充版。

[[div class="SPCbox-dotted-filled"]]

[[/div]]

来自中央情报协作与计划运作指挥办公室的通知

---

应提醒中央人员若需使用本 div，你需要插入：

[[div class="CICAPOCOnotice"]]

[[/div]]

——August Solstice 博士，拳击手，CICAPOCO

来自神谕之桌

需紧急提醒人员若需使用本 div，你应使用：

[[div class="DOnotice"]]

[[/div]]

~Joseph Marlin 大师，技工劳匠的埃里温大队，O-13

---

源代码：

+ 展开

/* Header Elements */
:root {
    --logo-image: url("https://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/spc-header.png");
    --header-title: "SPC DATABASE";
    --header-subtitle: "SHARK PUNCHING CENTER";
 
    --rating-module-bg-color: 232, 240, 255;
    --rating-module-bottom-border-color: 0, 35, 94;
    --newpage-color: var(--alt-accent);
 
/* ===THEME COLORS=== */
    /* subdued theme color, for visited links */
    --pale-accent: 20, 20, 210;
    /* vivid theme color, the "default" accent color */
    --bright-accent: 0, 71, 194;
    /* theme color */
    --medium-accent: 40, 91, 122;
    /* darker theme color */
    --dark-accent: 0, 42, 115;
    /* alternate accent color, for newpage links */
    --alt-accent: 190, 190, 255;
 
    --modal-header-bg: 150, 191, 255;
 
}
:root:lang(cn) {
    --header-title: "SPC数据库";
    --header-subtitle: "打鲨鱼中心";
}
#main-content {
    --tables-header-bg: 0, 71, 194;
    --footnotes-footer-colorbar-color: 0, 42, 115;
    --pagetags-title-bg: 0, 42, 115;
    --blockquote-border-color: 0, 42, 115;
}
 
#content-wrap::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: repeat-x;
  pointer-events: none;
  background-image: url('https://scp-wiki.wikidot.com/local--files/theme:shark-punching-centre-bhl/band.png');
  opacity: 0.5;
}
#page-title,
.meta-title {
    color: rgb(0, 0, 200);
}
.SPCbox {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px solid;
    padding: 1rem;
}
.SPCbox-filled {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px solid;
    padding: 1rem;
    background-color: rgb(122, 182, 255);
}
.SPCbox-dotted {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px dashed;
    padding: 1rem;
}
.SPCbox-dotted-filled {
    box-sizing: border-box;
    border: rgb(var(--medium-accent)) 10px dashed;
    padding: 1rem;
    background-color: rgb(122, 182, 255);
}
.CICAPOCOnotice {
    border: #999999 1px solid;
    background-color: lightblue;
    padding: 5px;
    margin-bottom: 10px;
}
.DOnotice {
    border: hsl(0, 0%, 5%) 2px solid;
    background: hsl(208, 67%, 44%);
    padding: 5px;
    margin-bottom: 10px;
    color: hsl(208, 100%, 97%);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(0, 42, 115);
}
hr {
    color: rgb(0, 42, 115);
    background: rgb(0, 42, 115);
    border: rgb(0, 42, 115) 1px solid;
}

脚注

1. 这是一个脚注。