版式：怀旧OS

该版式由 scutoid studios 与 VivamusLudio 制作，由 hoah2333 进行修改，基于 stephlynch 与 etoisle 制作的阈限版式。

本版式是英站所有页面的默认版式，因此在英站将无需将其引入至页面内。

在中站内，使用以下代码引用本版式：

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

特别地，使用以下代码引用本版式的无折叠侧边栏版本：

[[include :backrooms-wiki-cn:theme:nuliminal no-sidebar=--]]

示例

这是 Image Block 组件。

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

---

标题可通过在一行字起始处输入 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

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

更多文字

---

一条分割线

嵌套引用块

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

[[div class="darkblock"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="styled-quote"]]

[[/div]]

[[div class="meta-title"]]

---

+ 版式代码

这里是在站内运行的全部版式代码，但除了有一点，站内版式页面同样也引用了用户识别组件页面，以使得职员拥有花里胡哨的名字。这段代码没有被引入到此处，使得其可以被其它分部引入，这样它们也可以让自己的职员被高亮起来。

译注：此处所有代码均为英站正在使用的代码。若需查看中站代码，请访问我们的 Github 页面。

/* Remove Default Wikidot Styles (UPDATE REGULARLY FROM GITHUB) */
@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-norm.min.css");
 
/* Base BHL Theme (UPDATE REGULARLY FROM GITHUB) */
@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-bhl.min.css");
 
/* Fantasque Sans Mono Font */
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
 
/* Lato Font */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
 
/* Collapsible Sidebar */
@import url("https://backrooms-wiki.wikidot.com/component:sidebar-theme/code/1");
 
/* Fancy Forums */
@import url("https://backrooms-wiki.wikidot.com/component:forum-theme/code/1");
 
/* Root Variables: When making a new theme, see: https://github.com/Nu-SCPTheme/Black-Highlighter/blob/master/src/css/root.css */
 
:root {
    /* S-CSS-P */
    --theme-base: "black-highlighter";
    --theme-id: "nuliminal";
    --theme-name: "NuLiminal Theme";
 
    /* Header */
    --logo-image: url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/pridelogo.png");
    --header-title: "The Backrooms";
    --header-subtitle: "You've been here before.";
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    /* Typefaces */
    --body-font: 'Lato', Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica", sans-serif;
    --UI-font: 'Lato', Arial, PTRootUI, -apple-system, system-ui, BlinkMacSystemFont,
        "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue",
        sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --header-font: 'Fantasque Sans Mono', Courier New, Ubuntu Mono, Consolas, monospace;
    --title-font: var(--header-font);
    --mono-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace;
 
    /* Colors */
    --white-monochrome: 252, 252, 252; /* ALTERED */
    --pale-gray-monochrome: 237, 233, 223; /* ALTERED */
    --light-pale-gray-monochrome: 237, 233, 223;
    --very-light-gray-monochrome: 220, 215, 210;
    --light-gray-monochrome: 165, 160, 155;
    --gray-monochrome: 72, 69, 60;
    --dark-gray-monochrome: 64, 63, 52;
    --black-monochrome: 25, 20, 16;
    --pale-accent: 230, 23, 68;
    --bright-accent: 140, 136, 126;
    --medium-accent: 72, 69, 60;
    --dark-accent: 140, 136, 126;
    --alt-accent: 221, 102, 17;
 
    /* Liminal Variables */
    --header-text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
    --header-text-shadow-hover: 0px 5px 3px rgba(0,0,0,0.3);
    --quote-shadow: 0 2px 4px rgba(var(--black-monochrome),0.25);
    --footer-message: var(--header-subtitle);
 
    --swatch-sidebar-collapsible-tab-bg: var(--swatch-primary);
 
   /* MOST THEMES SHOULDN'T CHANGE THIS: makes editing consistent across themes, adds programing ligatures */
    --editor-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace;
 
    /* Swatches */
    --swatch-secondary-color: var(--white-monochrome);
    --swatch-menubg-color: var(--white-monochrome);
    --rating-module-bg-color: var(--swatch-menubg-color);
 
   --toc-body-bg-color: var(--white-monochrome);
 
    --gradient-header: linear-gradient(to top,
        rgba(var(--medium-accent)) 0%,
        rgba(var(--medium-accent), 0.90) 100%
    );
 
    --diagonal-stripes: transparent;
    --background-gradient-distance: 0;
    --scrollbar-width: 0.7rem;
    --swatch-background: var(--pale-gray-monochrome);
    --swatch-topmenu-border-color: var(--medium-accent);
 
     --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
     --body-width-on-desktop: 45.75rem;
}
 
/* Overflow Fix */
:root {
    width: 100vw;
    overflow-x: hidden;
}
 
/* Dots */
    /* Header Dots */
    #skrollr-body {
        background-image:
        radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0);
        background-repeat: repeat;
        background-size: 0.25em 0.25em;
        width: 100%;
        height: 7.5rem;
    }
 
    /* Content Dots */
    #container {
        background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
        background-size: 0.25em 0.25em;
        background-repeat: repeat;
        background-attachment: fixed;
    }
 
/* container wrap bug */
 
#container, #container-wrap, #container-wrap-wrap {
   width: 100vw;
}
 
/* Header Image */
#header {
    background-image: none;
}
 
#header::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-image: var(--logo-image);
    background-size: auto 16rem;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
}
 
/* Header Text */
#header h1 { width: 100%; }
 
#header h1 a, #header h1 a:before {
    width: fit-content;
    transition: 0.2s;
    position: relative;
    bottom: 0;
    color: rgb(var(--swatch-headerh1-color));
}
 
#header h1 a:hover:before {
    text-shadow: var(--header-text-shadow-hover);
    bottom: 3px;
}
 
#header h1, #header h1 a {
    position: absolute;
    top: 1rem;
    margin: 0;
    display: flex;
    justify-content: center;
    z-index: 0;
    height: 1.5rem;
}
 
#header h2, #header h2 span, #header h2 span::before {
    position: absolute;
    top: 1.85rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: bold;
}
 
#header h2 span::before { color: rgb(var(--swatch-headerh2-color)); }
 
#header h1 a::before, #header h2 span::before {
    text-shadow: var(--header-text-shadow);
}
 
/* Div Boxes */
.darkblock {
    color: rgb(var(--white-monochrome));
    background: rgb(var(--dark-gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
.lightblock {
    color: rgb(var(--black-monochrome));
    background: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
}
 
/* Div Quotes */
.blockquote, [class*=blockquote], blockquote, div.blockquote {
    box-shadow: var(--quote-shadow);
    margin-top: 0.5em; margin-bottom: 0.5em;
}
 
.styled-quote {
    color: rgb(var(--black-monochrome));
    background: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border-left: solid 6px rgb(var(--dark-gray-monochrome));
}
 
.dark-styled-quote {
    color: rgb(var(--white-monochrome));
    background: rgb(var(--gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--quote-shadow);
    border-left: solid 6px rgb(var(--dark-gray-monochrome));
}
 
/* Headings */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0.5em;
    margin-left: 0;
}
 
/* Table of Contents */
#page-content #toc {
    --toc-header-bg-color: var(--gray-monochrome);
    --toc-body-bg-color: var(--pale-gray-monochrome);
}
 
/* Table */
#page-content table {
    box-shadow: var(--quote-shadow);
}
 
/* Max-Width Fix */
img, embed, video, object, iframe, table, dark#page-content div, #page-content div table {
    max-width: 100%;
}
 
div#footer:after {
    content: var(--footer-message);
    border-left: solid 1px;
    padding-left: 0.5em;
    height: 1.4em;
    display: inline-flex;
    align-items: center;
    margin-left: 0.3em;
}
 
/* Horizontal Rule Fix */
hr {
    clear: none;
    display: flex;
}
 
.bibitems .bibitem:after, .footnotes-footer a[href*=javascript]:before {
    right: -20%;
    width: 140%;
}
 
/* Tab Gap */
.yui-navset .yui-nav {
    background: rgb(var(--tabs-bottom-border-color));
    column-gap: 4px;
}
 
.yui-navset {
    margin-top: 1rem;
}
 
/* Collapsible Sidebar */
/* Most of the code for the collapsible sidebar is imported. */
#main-content::after {
    height: 13rem;
    border-radius: 0 0.6rem 0.6rem 0;
    background-color: rgb(var(--swatch-sidebar-collapsible-tab-bg));
    top: calc(50vh - 6.5rem);
    background-image: url("http://nuliminal-test.wikidot.com/local--files/component:theme/sidebar-arrows.svg");
}
 
/* Page Title */
 
#page-title, .meta-title {
    margin-bottom: 0.5em;
}
 
/* printuser */
span.printuser img.small {
   transition: 0.5s;
   transition-timing-function: cubic-bezier (0,1,1,0);
}
 
span.printuser img.small:hover {
   transform: scale(2);
   transition-delay: 0.5s;
}
 
#avatar-hover-container {
   display: none;
}
 
/* Buttons */
div[id*=page-options-bottom]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn {
    padding: 3px;
    box-shadow: none;
    flex-basis: 7rem;
}
 
div[id*=page-options-bottom]>a:after {
    content: none;
}
 
/* Stop the unordered lists being in line with the text, this breaks SD banners! */
 
ul {
    padding-inline-start: 2.5rem;
}
 
/* Template options text fix */
form#edit-page-form #page-templates option, form#edit-post-form #page-templates option, form#new-post-form #page-templates option, form#new-thread-form #page-templates option {
    color: rgb(var(--swatch-menutxt-dark-color));
}
 
/* Message on Delete/Rename/Move */
 
#rename-option-rename::before, #rename-option-delete::before {
    content: "Reminder: Backrooms Wiki users can rename/move pages they own, but use this responsibly (preferably only if there is an error with the name). Only staff are allowed to delete pages, even your own pages: ask Backrooms Wiki staff and we will help you!";
    color: red;
    display: block;
    margin-top: 1rem;
}
 
/* MOBILE */
 
#page-content {
    max-width: var(--body-width-on-desktop);
}
 
@media only screen and (max-width: 56.25rem) {
#page-content {
    max-width: var(--body-width-on-mobile);
}
}
 
.scp-image-caption { width: unset !important; }
 
/* Fix Images */
 
.image-container.floatright {
   float: right;
   margin-left: 0.7em;
}
 
/* Fix Modals */
 
#odialog-container .content > h1 ~ table, #odialog-container .modal-body > h1 ~ table {
    grid-auto-rows: auto;
}
 
/* Editor Font */
 
#edit-page-textarea {
    font-family: var(--editor-font);
}

bliss

这个版式最初由 zaskou 创作

再由 scutoid studios 重新制作 :3

这是个通用版式，不管是谁想怎么用都可以的！

要用它的话，把下面这行代码放到你的页面里：

[[include :backrooms-wiki:theme:nostalgia-os]]

嘿

例子

如果你想弄一条水平线，把 5 个连字符并排放一起就可以啦！看看下面：

---

如果你在一行字的开头放几个小小的神奇加号，那么它就会变成标题！不过我不喜欢用加号，因为我恨数学

[+] 标题 

坠大的标题

大标题

中标题

修标题

小伙汁标题

小宝宝耶太可爱辽

ok 所以这些超酷的东西就是分页。你可以用它来做超酷的事情

来分个页

则式冂谷

分了个页

颁 颁 颁 颁 颁 颁 颁 颁 颁 颁

chnag分页

we're no strangers to love
you know the rules and so do i
a full commitment's what I'm thinking of
you wouldn't get this from any other guy
i just wanna tell you how I'm feeling
gotta make you understand
never gonna give you up
never gonna let you down
never gonna run around and desert you
never gonna make you cry
never gonna say goodbye
never gonna tell a lie and hurt you

空分页

空分耶

激浪！！！！

空分页

空分页

【高能合集】360 度转身盲狙

空分页

空分页

电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲电子舞曲

这是个引用块，用 > 做的

文字

---

线

嵌套引用块

更多¹

表 表	表
表	表
这不是个真表，只是个瞎取的名字（我猜的，不一定对）

---

[+] 制作者

版式是你老铁 zaskou 做的 :]

授权信息：

文件名称：Windows Logo (1992-2001).svg
图像作者：Microsoft
授权协议：公有领域
来源链接：https://commons.wikimedia.org/wiki/File:Windows_Logo_(1992-2001).svg

文件名称：Untitled "Original Bliss Edit"
图像作者：foxy#9841 [848174228158808064]
授权协议：CC0 公有领域
来源链接：https://discordapp.com/channels/695664941247627274/714030848525205555/942411562919030814

文件名称：Windows XP Blue Screen of Death (Forced).svg
图像作者：ScottSteiner
授权协议：CC0 公有领域
来源链接：https://commons.wikimedia.org/wiki/File:Windows_XP_Blue_Screen_of_Death_(Forced).svg

---

版式代码

@import url('https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
/* NEW nostalgiaOS theme */
/* original by zask, rewritten by scutoid */
/* most code taken from the original so don't kill me */
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "nostalgia-os";
    --theme-name: "nostalgiaOS";
    --logo-image: url("https://backrooms-wiki.wdfiles.com/local--files/theme%3Anostalgia-os/nOSwindow.png");
    --header-title: "the backrooms";
    --header-subtitle: "正 在 开 机 . . .";
 
    --header-text-shadow: 2px 2px 0 black;
    --header-text-shadow-hover: 2px 5px 0 black;
    --quote-shadow: 3px 3px 0 rgba(var(--black-monochrome),0.25);
    --footer-message: "关机…？";
 
/* Typefaces */
    --body-font: 'Microsoft Sans Serif', inter, 'Noto Sans SC', sans-serif;
    --header-font: 'Tinos', 'Noto Serif SC', serif;
    --title-font: 'Tinos', 'Noto Serif SC', serif;
    --UI-font: 'Tinos', 'Noto Serif SC', serif;
    --mono-font: 'Cousine', "Courier New", 'Noto Serif SC', monospace;
 
   --pale-gray-monochrome: 230, 230, 230;
   --white-monochrome: 255, 255, 255;
   --light-gray-monochrome: 160, 160, 160;
   --gray-monochrome: 70, 70, 70;
   --dark-gray-monochrome: 50, 50, 50;
   --black-monochrome: 20, 20, 20;
   --bright-accent: 53, 165, 225;
   --medium-accent: 53, 165, 225;
   --dark-accent: 165, 165, 165;
   --pale-accent: 165, 165, 165;
 
   --link-color: 53, 165, 225;
   --hover-link-color: 53, 165, 225;
 
   --ui-button-bg: 200, 200, 200;
 
   --taskbar-gradient: linear-gradient(180deg, rgb(var(--gray-monochrome)) 0, rgb(var(--gray-monochrome)) 1px, rgb(var(--white-monochrome)) 1px, rgb(var(--white-monochrome)) 3px, rgb(var(--light-gray-monochrome)) 3px, rgb(var(--light-gray-monochrome)) 100%);
 
    /* Box-Shadow 1px Borders */
    --box-border-bottom: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-top: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-left: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-right: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    --box-border-all: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
}
 
body {
    color: #000000;
    font-size: 14px;
    image-rendering: pixelated;
    word-break: unset;
    --themeColor: #35A5E1;
    --accentColor: #35A5E1;
    text-align: justify;
}
 
#skrollr-body {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://backrooms-wiki.wdfiles.com/local--files/theme%3Anostalgia-os/nOSwallpaper.gif");
    background-repeat: repeat-x;
    background-size:  inherit;
}
 
#container-wrap-wrap {
    position: static;
}
 
#header h1 a {
    font-family: sans-serif;
}
 
.scp-image-block {
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 0;
    margin: 0 2em 1em;
    background: #ffffff;
}
 
.scp-image-block .scp-image-caption {
background-color: var(--bright-accent);
color: black;
}
 
#page-title, h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--bright-accent));
    text-shadow: 2px 2px 0 rgba(var(--black-monochrome),0.25);
}
 
:is(blockquote, .blockquote, div.blockquote, [class*="blockquote"]) {
    border: #EEE outset 2px;
    background-color: #C0C0C0;
    color: black;
    box-shadow: var(--quote-shadow);
}
 
#page-title::after, .meta-title::after {
    display: none;
}
 
#page-title, .meta-title {
    margin-bottom: 0.5em;
    justify-content: center;
    border-bottom: solid 1px rgb(var(--light-gray-monochrome));
    padding-bottom: 5px;
}
 
:not(.page-rate-widget-box):not(#search-top-box-form) > .btn, :not(.page-rate-widget-box):not(#search-top-box-form) > .button, :not(.page-rate-widget-box):not(#search-top-box-form) > .owindow .button-bar a, :not(.page-rate-widget-box):not(#search-top-box-form) > button, :not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input, :not(.page-rate-widget-box):not(#search-top-box-form) > input.button, .page-rate-widget-box {
    border: #eee outset 2px;
    box-shadow: var(--quote-shadow) !important;
}
 
.page-rate-widget-box { background: rgb(var(--ui-button-bg)); }
 
#footer {
    border: #eee outset 2px;
}
 
.yui-navset {
    box-shadow: var(--quote-shadow);
}

脚注

1. 脚注