永存资料库版式

无法获取插入的页面 ":backrooms-wiki:component:css-revert"，可能是站点缩写有误，或您无权在该站点查看此页面

>[[ift{$hidetitle}gs -basalt-override]]
>[[iftags]]

>
>

>[[ift{$centertitle}gs -basalt-override]]
>[[iftags]]

>
>

>[[ift{$wide}gs -basalt-override]]
>[[iftags]]

>
>

>[[ift{$newlogo}gs -basalt-override]]
>[[iftags]]

>
>

>[[ift{$hideheadertitles}gs -basalt-override]]
>[[iftags]]

>
>

>[[ift{$glowhr}gs -basalt-override]]
>[[iftags]]

>
>


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css");

:root {
    --logo: url(http://exotichive.wikidot.com/local--files/theme:aeternum-repositorium/er);

    --header-title: '永恒资料库';
    --header-subtitle: '寻觅遗忘之物，弥补现世所存';

    --header-font-primary: 'Poppins';
    --UI-font-primary: 'Spline Sans';

    --basalt-overtone: 100, 100, 100;
    --basalt-undertone: 130, 80, 160;
    --basalt-UI-dark-palette: 11, 5, 26;
    --basalt-bright-element-color: 130, 80, 160;
    --basalt-dark-element-color: 116, 77, 135;
    --basalt-primary-color: 5, 0, 8;
    --basalt-secondary-color: 11, 5, 26;
    --basalt-tertiary-color: 34, 10, 44;
    --basalt-main-text-color: 190, 190, 190;
    --basalt-light-text-color: 0, 0, 0;

    --general-border-color: 37, 30, 50;
    --bottom-area-background-color: var(--basalt-primary-color);
    --top-bar-link-background-hover-alt: var(--basalt-tertiary-color);
    --top-bar-link-background-hover: var(--top-bar-link-background-hover-alt);
    --search-icon-color: var(--basalt-dark-element-color);
    --tab-selected-background-color: var(--basalt-tertiary-color);

    --link-color: 160, 105, 200;
    --side-bar-link-color-hover: var(--basalt-main-text-color);
    --top-bar-dropdown-link-color-hover: var(--basalt-main-text-color);
    --login-status-text-color-hover: var(--basalt-main-text-color);
    --selection-text-color: var(--basalt-light-text-color);

    --side-bar-background-color: var(--basalt-primary-color);
    --side-bar-heading-background-color: 253, 253, 253, 0.045;

    --swatch-menubg-black-color: 40, 40, 40;

    --footnote-background-color: var(--basalt-primary-color);
    --basalt-th-background-color: var(--basalt-bright-element-color);
    --basalt-th-text-color: var(--basalt-light-text-color) !important;
    --document-background-color: 196, 183, 204;
    --darkdocument-background-color: 28, 8, 36;

    --one-color: 34, 187, 68 !important;
    --six-color: var(--basalt-bright-element-color);

    --accent-h: 270deg;
    --complement-h: calc(var(--accent-h) + 18deg);

    --primary-accent-1: var(--accent-h) 50% 40%;
    --primary-accent-2: calc(var(--accent-h) - 5deg) 40% 30%;
    --primary-accent-3: calc(var(--accent-h) - 15deg) 45% 25%;

    --light-accent-1: calc(var(--accent-h) + 12.5deg) 55% 85%;
    --light-accent-2: calc(var(--accent-h) + 7.5deg) 50% 70%;
    --light-accent-3: calc(var(--accent-h) + 5deg) 55% 65%;

    --dark-accent: calc(var(--accent-h) - 16.5deg) 35% 15%;

    --primary-complement: var(--complement-h) 50% 38%;
    --light-complement: calc(var(--complement-h) + 12.5deg) 55% 80%;
    --dark-complement: var(--complement-h) 30% 12%;

    --assist-color: var(--accent-h) 10% 10%;

}

#header {
    background: linear-gradient(90deg, rgb(var(--basalt-secondary-color)) 0%, rgb(var(--basalt-secondary-color)) 35%, rgba(0, 0, 0, 0) 100%), url(http://backrooms-wiki.wikidot.com/local--files/theme:eternal-repository-theme/er-banner-finished.png);
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

#header h1 a::before {
    filter: drop-shadow(0px 0px 6px rgba(var(--basalt-bright-element-color), 0.5));
}

.bibitems::before,
.footnotes-footer::before,
.footnotes-footer .title,
.hovertip .content .footnote .f-heading,
.hovertip .content .reference .r-heading,
.hovertip .content .footnote::before,
.hovertip .content .reference::before {
     background-color: rgb(var(--basalt-dark-element-color)) !important;
}

.footnotes-footer .title,
.hovertip .content .footnote .f-heading,
.hovertip .content .reference .r-heading {
     color: rgb(var(--basalt-tertiary-color)) !important;
     font-family: var(--mono-font);
}

.bibitems,
.footnotes-footer {
     border-style: solid;
     border-width: 0.125rem 0.125rem 0.125rem 0;
     border-color: rgb(var(--basalt-dark-element-color));
}

#page-content .collapsible-block {
    --cut: 1.375rem;
}

#page-content .collapsible-block-folded a.collapsible-block-link,
#page-content .collapsible-block-unfolded-link a.collapsible-block-link {
    display: inline-flex;
    align-items: center;
    position: relative;
    min-height: calc(var(--cut) * 2);
    box-sizing: border-box;
    padding: calc(var(--cut) * .3535) calc(var(--cut) * 1.414);
    padding-inline-start: calc(var(--cut) * 2.414);
    border: none;
    clip-path: polygon(
        0% var(--cut),
        var(--cut) 0%,
        calc(100% -  var(--cut)) 0%,
        100% var(--cut),
        100% calc(100% -  var(--cut)),
        calc(100% -  var(--cut)) 100%,
        var(--cut) 100%,
        0% calc(100% -  var(--cut))
        );
    background-color: hsl(var(--light-accent-3) / 0.25);
    color: inherit;
    overflow: hidden;
    isolation: isolate;
    transition: color .125s linear;
}

#page-content .collapsible-block-folded a.collapsible-block-link:is(:hover,:focus) {
    color: hsl(var(--light-accent-1));
}

#page-content .collapsible-block-folded a.collapsible-block-link::before {
    content: "";
    display: block;
    background-color: hsl(var(--dark-accent));
    height: 100%;
    width: calc(var(--cut) * 2);
    clip-path: inherit;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    transition: width 0.175s ease-out;
    z-index: -1;
}

#page-content .collapsible-block-folded a.collapsible-block-link:is(:hover,:focus)::before {
    width: 100%;
}

:is(#page-content .collapsible-block-folded a.collapsible-block-link, #page-content .collapsible-block-unfolded-link a.collapsible-block-link)::after {
    content: "+";
    font-size: 1.375em;
    font-weight: bold;
    font-family: var(--UI-font);
    display: grid;
    place-content: center;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    height: 100%;
    width: calc(var(--cut) * 2);
    background-color: hsl(var(--dark-accent));
    color: hsl(var(--light-accent-1));
    clip-path: inherit;
    transition: background-color 0.125s ease-out;
}

#page-content .collapsible-block-folded a.collapsible-block-link:is(:hover,:focus)::after {
    background-color: hsl(var(--primary-accent-1));
}

#page-content .collapsible-block-unfolded-link a.collapsible-block-link {
    color: hsl(var(--light-accent-1));
    background-color: hsl(var(--primary-accent-1));
}

#page-content .collapsible-block-unfolded-link a.collapsible-block-link::after {
    content: "-";
    background-color: hsl(var(--primary-accent-1));
}

#page-content .collapsible-block-unfolded-link a.collapsible-block-link:is(:hover,:focus)::after {
    background-color: hsl(var(--assist-color));
}

#page-content .licensebox {
    margin-block: 0.75rem;
}

#page-content .licensebox .collapsible-block-link {
    margin: 0;
    font-size: 0.875em;
}

div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after {
    display: block;
}

.scp-image-block{
    border-bottom: none;
}

.scp-image-block .scp-image-caption {
    border-left: solid .25rem rgb(var(--basalt-undertone));
    border-right: solid .25rem rgb(var(--basalt-undertone));
}

div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block .scp-image-caption {
    border-left: solid .25rem rgba(var(--basalt-th-background-color), 0.75);
    border-right: solid .25rem rgba(var(--basalt-th-background-color), 0.75);
}

.noshadow h1,
.noshadow h2,
.noshadow h3,
.noshadow h4,
.noshadow h5,
.noshadow h6,
.noshadow #page-title,
.noshadow .meta-title {
    text-shadow: none;
}

div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after {
    display: block;
}

.fncon {
    color: rgb(var(--basalt-main-text-color)) !important;
}

#page-content .coolquote {
    max-width: 50rem;
}

.coolquote {
    display: block;
    margin-inline: auto;
    margin-block: 1.4rem;
    padding: 0.9rem 1.1rem;
    position: relative;
    color: rgb(var(--basalt-main-text-color));
    background: unset;
    border-left: 0.3rem solid rgb(var(--general-border-color));
    z-index: 0;
}

.coolquote::before {
    content: "\F6B0";
    position: absolute;
    top: 0;
    left: 0.5rem;
    font-size: 5rem;
    font-family: bootstrap-icons;
    color: rgb(var(--basalt-bright-element-color));
    opacity: 0.2;
    z-index: -1;
    line-height: 1;
}

.coolquote hr {
    height: 0;
    margin: 0.2rem 0;
    padding: 0;
    border: unset;
    border-top: 0.1rem solid rgb(var(--general-border-color));
}

div.directorate_memo {
    --memo-heading: "行政管理局";
    --memo-logo: url(http://exotichive.wikidot.com/local--files/theme:aeternum-repositorium/directorate);
    --memo-color: var(--basalt-bright-element-color);
}

在任意页面：
[[include :if-backrooms:theme:aeternum-repositorium]]

概述

永存资料库是原永恒资料库版式的重作移植，出自用户 'exotichive' 不存在。该移植版旨在提供更现代化且更灵活的视觉框架，在保留原版美学风格的同时，通过玄武岩的精简设计和对CSS的优化¹。是由V代表瓦连京小队为2025人物竞赛提交，主要是用于重写永恒资料库中心页。

玄武岩是用户 'Liryn' 不存在与用户 'Placeholder McD' 不存在为 SCP 维基制作的美学版式，经授权后发布至后室中文维基。该版式基于基岩，一个专为该版式打造的基础版式。所有 CSS 变量等更多信息请参见基岩在 SCP 维基中的页面与它在 Github 上的家。

版式设置

在你的 [[include]] 中添加版式设置，来改变永恒资料库的方方面面。

[[include :if-backrooms:theme:aeternum-repositorium themesetting]]

[[include :if-backrooms:theme:aeternum-repositorium themesetting|another-themesetting]]

以下是目前所有的版式设置：

wide=a 宽页面
hidetitle=a 移除页面标题
centertitle=a 置中页面标题
newlogo=a 为版头引用新资料库logo
hideheadertitles=a 隐藏版头标题
glowhr=a 为所有分隔线增加发光效果

例如，本展示页就使用了wide=a、hidetitle=a和newlogo=a。

页面元素

[[span class="st"]] [[span class="specialtext"]]

[[span class="bt"]] [[span class="bigtext"]]

[[div class="blockquote"]]

[[div class="coolquote"]]

[[div class="notation"]]

[[div class="jotting"]]

[[div class="smallmodal"]]

[[div class="papernote"]]

[[div class="floatbox"]]

[[div class="floatbox right"]]

[[div class="document"]]

[[div class="darkdocument"]]

[[div class="directorate_memo"]]

如需创建更多引用块，请在你的 CSS 模块中引用以下代码并进行相应修改：

div.{引用块名称}_memo {
    --memo-heading: "{版头文本}";
    --memo-logo: url({图像URL})
    --memo-color: {RGB颜色值};
}

折叠

无法获取插入的页面 ":scp-wiki-cn:component:image-block"，可能是站点缩写有误，或您无权在该站点查看此页面

使用六个分隔符 “------” 来创建一条分割线。如非置于引用块等元素中（例如blockquote引用块），分割线将横跨整个页面²。

在一行的前面加一到六个加号“+”即刻创建标题。

第一个标题

第二个标题

第三个标题

第四个标题

第五个标题

第六个标题

这是一个分页。

这是一个	表格
你应该已经	知道怎么
使用它了
……是吧？

`.table1`
绿色
绿色
绿色

无法获取插入的页面 ":scp-wiki-cn:component:image-block"，可能是站点缩写有误，或您无权在该站点查看此页面

`.table2`
蓝色
蓝色
蓝色

无法获取插入的页面 ":scp-wiki-cn:component:image-block"，可能是站点缩写有误，或您无权在该站点查看此页面

`.table3`
黄色
黄色
黄色

无法获取插入的页面 ":scp-wiki-cn:component:image-block"，可能是站点缩写有误，或您无权在该站点查看此页面

`.table4`
橙色
橙色
橙色

无法获取插入的页面 ":scp-wiki-cn:component:image-block"，可能是站点缩写有误，或您无权在该站点查看此页面

`.table5`
红色
红色
红色

无法获取插入的页面 ":scp-wiki-cn:component:image-block"，可能是站点缩写有误，或您无权在该站点查看此页面

`.table6`
紫色
紫色
紫色

无法获取插入的页面 ":scp-wiki-cn:component:image-block"，可能是站点缩写有误，或您无权在该站点查看此页面

版头与 UI 字体为 POPPINS / 几何无衬线字体。
正文字体为 INTER / 思源黑体。
等宽字体为 JETBRAINS MONO / 思源宋体。

_default: 团体版式永恒资料库版式翻译

页面版本：4，最后编辑：2025年11月28日 11:16（UTC）

The Backrooms-IF

你曾经来过这里

概述

版式设置

页面元素

第一个标题

第二个标题

第三个标题

第四个标题

第五个标题

第六个标题