缺陷 版式

评分：

评分模块与著作信息模块：

• 

  close

  著作信息

  ---

  X

  页面信息

  ---

这是由 hoah2333 为 2024 后室 1K 竞赛制作的基于基岩版式的美学版式，不与任何层级、实体、物品、现象、设定、组织所挂钩。

若需使用本版式，请在所需使用的文章开头加上以下代码：

[[include :backrooms-wiki-cn:theme:defect]]

你可以在 [[include]] 之后使用如下 CSS 模块来修改标题、副标题和标志。

:root {
--header-title: "页眉大标题";
--header-subtitle: "页眉副标题";
--header-icon: url("自定义标志链接");
}

---

示例

碎裂的萤石。

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

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

一个普通的下划加粗斜体删除等宽字

另一个普通的 下划 加粗 斜体 删除 等宽 字

| 这是一个链接！ | 一个空链接！ | 一个普通的下划加粗斜体删除等宽链接 | 另一个普通的 下划 加粗 斜体 删除 等宽 链接

+ 折叠 - 点击这里

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

此为分页（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

空 Tab

这里的空 tab 有着一个特别特别长的名字，我想知道为什么会有这么长？

空 Tab

空 Tab

空 Tab

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

更多文字

---

一条分割线

嵌套引用块

---

嵌套引用块里的分割线

嵌套嵌套引用块

---

嵌套嵌套引用块里的分割线

够了，禁止套娃

这是	表格
你应该老早	就知道怎么
做这个了吧
1	2
3	4
谁是这里	最厉害的？
#十六进制	#至高无上

脚注

1. 这是一个脚注。

标题字体为 Lexend / 思源黑体简中。

正文字体为 Inter / 思源黑体简中。

用户界面字体为 Jost / 思源黑体简中。

等宽字体为 JetBrains Mono / 思源宋体简中

---

代码

+ 查看代码

:root {
    --header-title: "Backrooms";
    --header-subtitle: "你曾经来过这里";
    --header-logo: url("https://github.backroomswiki.cn/New_BHL/image/logo.svg");

    --defect_purple-light: 200, 150, 210;
    --defect_purple-light-2: 115, 80, 135;
    --defect_purple-light-3: 220, 180, 230;
    --defect_purple: 241, 23, 236;
    --defect_purple-2: 70, 50, 110;
    --defect_purple-dark: 50, 30, 80;
    --defect_purple-dark-2: 30, 15, 50;

    --general-border-color: var(--defect_purple-light);

    --basalt-overtone: var(--defect_purple-2);
    --basalt-undertone: var(--defect_purple-dark);
    --basalt-background-color: var(--defect_purple-dark-2);
    --basalt-secondary-color: var(--defect_purple-light-2);
    --basalt-bright-element-color: var(--defect_purple-light);
    --basalt-focus-color: var(--defect_purple-light-3);

    --link-color: var(--defect_purple-light-3);
    --link-visited-color: var(--defect_purple-light);

    --header-title-color: var(--basalt-light-text-color);
    --header-border-color: var(--defect_purple-light);
    --header-subtitle-color: var(--basalt-light-text-color);
    --side-bar-button-color: var(--basalt-light-text-color);
    --top-bar-link-color: var(--basalt-light-text-color);
    --top-bar-link-background-hover-alt: var(--defect_purple-light-2);
    --top-bar-dropdown-link-color-hover: var(--basalt-main-text-color);
    --top-bar-dropdown-background: var(--defect_purple-dark);
    --top-bar-dropdown-background-hover: var(--defect_purple-light);

    --side-bar-background-color: var(--defect_purple-dark);
    --side-bar-heading-background-color: var(--defect_purple-light-2);
    --side-bar-link-color: var(--basalt-light-text-color);
    --side-bar-link-color-hover: var(--basalt-main-text-color);
    --side-bar-link-background-hover: var(--defect_purple-light);

    --scrollbar-track-color: var(--defect_purple-light-2);

    --title-border-color: var(--defect_purple-light-2);
    --rate-module-text-color: var(--basalt-light-text-color);
    --rate-module-background-color: var(--defect_purple-light-2);
    --blockquote-background-color: var(--basalt-secondary-color), 0.3;
    --code-background-color: var(--basalt-secondary-color), 0.3;
    --image-caption-background-color: var(--basalt-secondary-color);
    --footnote-background-color: var(--basalt-secondary-color), 0.3;
    --hr-color: var(--defect_purple-light-3);

    --bottom-area-text-color: var(--basalt-light-text-color);
    --bottom-area-background-color: var(--defect_purple-dark);

    --selection-background-color: var(--defect_purple-light);

    --button-text-color: var(--basalt-light-text-color);
    --button-hover-background-color: var(--defect_purple-2);
    --button-hover-border-color: var(--defect_purple-light-2);
    --button-border-color: var(--general-border-color);
}

#header {
    background-image: linear-gradient(
        to right,
        rgb(var(--defect_purple-dark)) 0%,
        rgb(var(--defect_purple-2)) 40%,
        rgb(var(--defect_purple-light)) 100%
    );
    --basalt-main-text-color: 235, 235, 235;
}

#side-bar .side-block.media a {
    filter: invert(1);
}

body,
#page-title,
h1,
h2,
h3,
h4,
h5,
form#edit-page-form table.form td:first-of-type,
#edit-page-textarea,
#np-text,
select,
input[type="text"],
textarea {
    color: rgb(var(--basalt-light-text-color));
}

div.page-rate-widget-box {
    --basalt-main-text-color: var(--basalt-light-text-color);
}

.yui-navset.yui-navset-top > ul.yui-nav li:not(.selected) a {
    color: rgb(var(--basalt-light-text-color));

    &:hover {
        color: rgb(var(--basalt-main-text-color));
    }
}

.yui-navset.yui-navset-top .yui-content {
    background-color: rgba(var(--defect_purple-2), 0.3);
}

:is(:where(#page-content) table:not(.form), table.wiki-content-table) th {
    background-color: rgb(var(--defect_purple-light-2));
    border-color: rgb(var(--general-border-color));
}

:is(:where(#page-content) table:not(.form), table.wiki-content-table) tr {
    &:nth-of-type(even) {
        background-color: rgba(var(--defect_purple-2), 0.3);
    }

    &:nth-of-type(odd) {
        background-color: rgba(var(--defect_purple-2), 0.6);
    }
}

.bblock {
    background-color: rgb(var(--basalt-light-text-color));

    &:is(:hover, :focus-within) {
        background-color: rgb(var(--basalt-light-text-color));
        color: rgb(var(--basalt-main-text-color));
    }
}

div[id*="page-options-bottom"] > a:is(:hover, :focus) {
    color: rgb(var(--defect_purple-light));
}

#delete-button {
    background-color: rgba(var(--basalt-cancel-color), 0.3);
    color: rgb(var(--basalt-light-text-color));
}

#action-area .page-source {
    padding: 0.5em;
    background-color: rgba(var(--defect_purple-2), 0.3);
}

.image-block,
.scp-image-block {
    border-bottom-color: rgb(var(--defect_purple-light));
}

.hovertip {
    --_background-color: rgb(var(--defect_purple-light-2));
}

:where(#action-area) a.action-area-close,
#action-area div.buttons > :is([name="cancel"], [onclick*="page.listeners.closeActionArea(event)"]),
#action-area div.buttons > :is([name="save"], [onclick*="PageTagsModule.listeners.save(event)"]) {
    --button-text-color: var(--basalt-light-text-color);
    font-weight: inherit;
}

.wd-editor-toolbar-panel ul li a::after {
    background-color: rgb(var(--basalt-light-text-color));
}

‡ 授权 / 引用

请按如下方式引用此页：

“缺陷 版式”，作者 hoah2333，来自后室中文维基。原文链接：http://backrooms-wiki-cn.wikidot.com/theme:defect。遵循 CC BY-SA 3.0 协议。

---

文件名：2w2e.png
图像名：Fluorite 2
图像作者：James St. John
授权协议：CC BY 2.0
来源链接：Flickr

更多授权相关信息，请查阅授权指导。