缺陷版式

评分：

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


close
++* 著作信息
X
页面信息

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

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

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

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

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

示例

碎裂的萤石。

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

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

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

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

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

+ 折叠 - 点击这里

此为分页（tab view）。

这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
嵌套引用块里的分割线
嵌套嵌套引用块
嵌套嵌套引用块里的分割线
够了，禁止套娃

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

+++* 标题字体为 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));
}

‡ 授权 / 引用

Dependencies

The Backrooms中文维基

你曾经来过这里

示例

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

代码