永存资料库 版式

@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://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css");
@import url("https://fontsapi.zeoseven.com/303/main/result.css");
 
:root {
    --logo: url(http://exotichive.wikidot.com/local--files/theme:aeternum-repositorium/er);
 
    --header-title: '永恒资料库';
    --header-subtitle: '寻觅遗忘之物，弥补现世所存';
 
    --header-font-primary: 'Poppins', "GenSenRounded2 TW R";
    --UI-font-primary: 'Spline Sans', "Noto Sans CJK";
 
    --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: auto;
    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);
}

:root {
    --logo: url(http://exotichive.wdfiles.com/local--files/theme%3Aaeternum-repositorium/logo);
}

#header h1 a span::before, #header h1 a span::after {
display: none;
}
 
#header h1 a::before {
width: calc(var(--base-header-height) * 0.3);
}
 
#header h1 a {
padding-right: calc(var(--base-header-height) * 0.1);
padding-left: calc(var(--base-header-height) * 0.35);
}

hr {
    display: flex;
    position: relative;
    height: 0.35rem;
    border-top: none;
    background: rgba(0, 0, 0, 0);
}
 
hr::before {
    content: " ";
    position: absolute;
    top: 0.1125rem;
    left: 0;
    width: 100%;
    height: 0.1rem;
    border-top: none;
    background: linear-gradient(10deg, rgba(0, 12, 105, 0.15) 0%, rgba(var(--basalt-bright-element-color)) 50%, rgba(105, 12, 0, 0.15) 100%);
    background-position: center center;
    -webkit-filter: blur(0.04rem);
    filter: blur(0.04rem);
    box-shadow: 0px 0px 10px rgb(var(--basalt-bright-element-color));
}

于任意页面：
[[include :backrooms-wiki-cn:theme:aeternum-repositorium]]

概述

---

永存资料库Aeternum Repositorium是由exotichive对原永恒资料库版式the original Eternal Repository theme做的重置版。

该版式被设计以提供一个更现代化且更灵活的视觉框架，在通过玄武岩的精简设计和更新后的CSS的同时保留原美学风格¹。它是为2025角色竞赛中V代表Valentin队提交的作品而开发的，且特别被用于永恒资料库中心页的重写。

玄武岩是 Liryn 与 Placeholder McD 为SCP基金会制作的美学版式，作为基岩版式的扩展，而本项目正是以此为基础制作。所有 CSS 变量等更多信息请参见基岩在 SCP 维基中的页面与它在 Github 上的家。

版式预设

---

在你的[[include]] 模块中添加版式预设以修改永存资料库的样式。

[[include :backrooms-wiki-cn:theme:aeternum-repositorium 版式预设]]

[[include :backrooms-wiki-cn:theme:aeternum-repositorium 版式预设|另一个版式预设]]

当前版本的所有版式预设：

• 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="modal"]]

[[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颜色};
}

折叠

[[collapsible show="显示" hide="隐藏"]]
文本于此
[[/collapsible]]

图片框

可通过4+个连字符“-----”创建水平分割线且它未被放在其他部件（诸如引用块）中会左右延伸贯穿页面。²。

---

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

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

这是分页。

分页

嘿看，这有更多文字。

真稀奇。

长tab

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

由于一些奇怪的原因，这个空 tab 有一个很长的名字。我想知道为什么？这很奇怪。

这是一个有脚注的tab³

空 Tab

空 Tab

空 Tab

超酷 Tab

😎

空 Tab

我怀念我们还能彼此信任的那些时候

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

脚注

1. 而且它看起来确实更酷、更偏紫色调，或者说别的什么。

2. [[footnote]] 内容 [[/footnote]]

3. 这是另一个脚注

.table1
绿色
绿色
绿色

.table1

.table2
蓝色
蓝色
蓝色

.table2

.table3
黄色
黄色
黄色

.table3

.table4
橙色
橙色
橙色

.table4

.table5
红色
红色
红色

.table5

.table6
紫色
紫色
紫色

.table6

版头字体为 POPPINS / 源泉圆体。
UI字体为SPLINE SANS / 思源黑体。
正文字体为INTER。
等宽字体为JETBRAINS MONO。