原创设定列表

+ 版式代码

:root {
   --theme-base: "black-highlighter";
   --theme-id: "grayish-cyan";
   --theme-name: "Grayish-cyan Theme";
 
logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
   --header-title: "The Backrooms";
   --header-subtitle: "你曾经来过这里";
 
    --header-font:  'CKTKingKong' , 'Staatliches';
    --title-font:  'CKTKingKong' , 'Staatliches';
   --body-font: 'Noto Serif SC' , 'Noto Serif SC', PT Serif;
   --mono-font: 'Fantasque Sans Mono','等线', monospace;
 
   --white-monochrome: 237, 245, 243;
   --pale-gray-monochrome: 253, 255, 255;
   --light-gray-monochrome: 160, 186, 199;
   --gray-monochrome: 24, 46, 47;
   --black-monochrome: 13, 26, 40;
   --bright-accent: 27, 161, 225;
   --medium-accent: 19, 124, 175;
   --dark-accent: 21, 75, 163;
   --pale-accent: 120, 146, 159;
   --alt-accent: 38, 74, 196;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent),1) 0%,
      rgba(var(--dark-accent), 1) 100%
   );
 
   --swatch-headerh1-color: var(--pale-gray-monochrome);
   --swatch-headerh2-color: var(--pale-gray-monochrome);
   --swatch-topmenu-border-color: var(--black-monochrome);
   --swatch-topmenu-bg-color: var(--black-monochrome);
 
   --link-color: 27, 161, 225;
   --visited-link-color: 19, 124, 175;
   --new-page-color: 21, 75, 163;
   --hover-link-color: 24, 46, 47;
 
   --rating-module-button-color: 21, 75, 187;
   --rating-module-text-color: 21, 75, 187;
 
   --background-gradient-distance: 6rem;
 
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#skrollr-body {
    background-image: none;
}
 
#container {
   background-image: none;
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#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 h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #215d6c;
}
 
#footer{
   color: rgb(var(--medium-accent));
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--medium-accent), .85);
}
 
#top-bar div.top-bar > ul > li > a,
#top-bar div.mobile-top-bar > ul > li > a {
   color: rgb(var(--white-monochrome));
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    color: rgb(--pale-gray-monochrome));
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    color: rgb(var(--pale-gray-monochrome));
}
 
#login-status {
    color: rgb(var(--black-monochrome));
}
 
#login-status a {
    color: rgb(var(--black-monochrome));
}
 
#login-status ul a {
    color: rgb(var(--pale-gray-monochrome));
}
 
#account-topbutton {
    color: rgb(var(--black-monochrome));
}
 
table.wiki-content-table th {
background-color: rgb(var(--pale-gray-monochrome)) !important;
color: rgb(var(--black-monochrome));
border-color: rgb(var(--black-monochrome));
}
 
.scp-image-block {
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
blockquote,
div.blockquote {
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.4rem solid rgba(var(--bright-accent),1);
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.4rem solid rgba(var(--dark-accent),1);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
.dark-styled-quote hr{
color: rgb(var(--dark-accent));
}
 
.shadeblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color: rgb(var(--black-monochrome));
}
 
.darkerblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,35,76,.25);
}
.darkblock hr {
color: rgb(var(--pale-gray-monochrome));
}
 
.lightblock {
   background-color:rgb(var(--pale-gray-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,35,76,.25);
   color: rgb(var(--black-monochrome));
}
 
.float-darkerblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.4rem 0.4rem rgba(27,161,225,1);
}
.float-darkblock hr {
color: rgb(var(--pale-gray-monochrome));
}
 
.float-lightblock {
   background-color:rgb(var(--pale-gray-monochrome));
   color:rgb(var(--black-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.3rem 0.3rem rgba(0,11,12,1);
}
 
.bd-lightblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(var(--black-monochrome));
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--pale-gray-monochrome));
    border: solid 0.3rem rgb(var(--bright-accent));
}
.bd-lightblock hr {
   background-color:rgb(var(--bright-accent))
}
 
.bd-darkerblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(var(--white-monochrome));
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--gray-monochrome));
    border: solid 0.3rem rgb(var(--dark-accent));
}
.bd-darkerblock hr {
   background-color:rgb(var(--dark-accent))
}

联盟

.alliance hr {
    background: rgb(170, 170, 170);
    border-color: rgb(1,38,35);
}

后室阴谋论

.conspiracy {
    background-image: linear-gradient(#aaa 0%,#fff 50%);
    background-size: 100% 100%;
}

无人后室

.unmanned::before {
    content: "";
    z-index: -1;
    position: absolute;
    inset: 0;
    background-color: rgba(var(--swatch-topmenu-bg-color),0.1);
 
    --wallpaper-mask: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22windows-1252%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22106.667%22%20height%3D%22154.667%22%3E%3Cpath%20d%3D%22M72.547%201158.57H5.074V-6.465h67.473V1158.57M119.027%20710.25v-58.977l126.95%20154.438L363.43%20654.77v61.476L246.477%20865.688%20119.027%20710.25%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M119.027%20951.652V790.715l125.45%20153.441L363.43%20792.715v166.933L247.477%201108.09l-128.45-156.438M763.27%201158.57h-63.473l63.473-80.97ZM472.387%201158.57h-67.473V-6.465h67.473V1158.57M518.867%20995.133v-58.977L645.816%201090.6%20763.27%20939.656v61.474l-116.954%20149.44-127.449-155.437M763.27%20657.27%20647.316%20805.711%20518.867%20649.273V488.336l125.449%20153.441L763.27%20490.336V657.27M518.867%201158.57v-82.97l67.973%2082.97z%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M763.27%20413.867%20646.316%20563.309%20518.867%20407.867v-58.972l126.949%20154.437L763.27%20352.391v61.476M363.43%20128.98%20246.477%20278.422l-127.45-155.438V64.008l126.95%20154.437L363.43%2067.504v61.476%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M363.43%20205.449v166.934L247.477%20520.824l-128.45-156.437V203.449l125.45%20153.442L363.43%20205.449M518.867%2071.504V-6.465h67.973l57.476%2070.473%2055.481-70.473h63.473V79.5L647.316%20227.941%20518.867%2071.504%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3C%2Fsvg%3E);
     --wallpaper-mask-size: 2.3rem;
 
    -webkit-mask-image: var(--wallpaper-mask);
     mask-image: var(--wallpaper-mask);
     -webkit-mask-repeat: repeat;
     mask-repeat: repeat;
     -webkit-mask-size: var(--wallpaper-mask-size);
     mask-size: var(--wallpaper-mask-size);
     -webkit-mask-position: center;
     mask-position: center;
}
 
.unmanned {
    position: relative;
    background-color: rgba(var(--swatch-topmenu-bg-color),0.1);
    background-size: 100% 100%;
}

荒芜后室

.desolationbg {
    background-image: url(https://backrooms-wiki.wdfiles.com/local--files/level-4/Level-4-new);
    background-size: cover;
    background-position: center;
}
 
.desolation {
    backdrop-filter: blur(10px) brightness(80%);
    border: 0.2rem solid rgba(0, 0, 0, 0.3);
    border-bottom: none;
}
 
.desolation .canon-body {
    margin: 0;
    padding: 1rem;
    color: rgb(255, 255, 255);
}
 
.desolation .canon-body h2 a {
    --title-color: 255, 170, 0;
}
 
.desolation .canon-footer,
.desolation .canon-btc {
    background: rgba(0, 0, 0, 0.3);
    color: white;
}
 
.desolation .canon-footer a,
.desolation .canon-btc a {
    --link-color: 255, 170, 0;
    --visited-link-color: 255, 170, 0;
    --hover-link-color: 255, 170, 0;
}

万神殿

.pantheon {
background: linear-gradient(180deg, rgba(235, 196, 63,.3), rgba(235, 196, 63,.3)), url(http://vivarium.wdfiles.com/local--files/backrooms%3Aoldpapertheme/thefinalone.jpg) repeat center;
}

拟态设定

.simulation::before {
    content: "";
    z-index: -1;
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to top, rgba(125, 125, 125, 0) 30%, rgb(125, 125, 125));
    --wallpaper-mask: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22windows-1252%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22106.667%22%20height%3D%22154.667%22%3E%3Cpath%20d%3D%22M72.547%201158.57H5.074V-6.465h67.473V1158.57M119.027%20710.25v-58.977l126.95%20154.438L363.43%20654.77v61.476L246.477%20865.688%20119.027%20710.25%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M119.027%20951.652V790.715l125.45%20153.441L363.43%20792.715v166.933L247.477%201108.09l-128.45-156.438M763.27%201158.57h-63.473l63.473-80.97ZM472.387%201158.57h-67.473V-6.465h67.473V1158.57M518.867%20995.133v-58.977L645.816%201090.6%20763.27%20939.656v61.474l-116.954%20149.44-127.449-155.437M763.27%20657.27%20647.316%20805.711%20518.867%20649.273V488.336l125.449%20153.441L763.27%20490.336V657.27M518.867%201158.57v-82.97l67.973%2082.97z%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M763.27%20413.867%20646.316%20563.309%20518.867%20407.867v-58.972l126.949%20154.437L763.27%20352.391v61.476M363.43%20128.98%20246.477%20278.422l-127.45-155.438V64.008l126.95%20154.437L363.43%2067.504v61.476%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3Cpath%20d%3D%22M363.43%20205.449v166.934L247.477%20520.824l-128.45-156.437V203.449l125.45%20153.442L363.43%20205.449M518.867%2071.504V-6.465h67.973l57.476%2070.473%2055.481-70.473h63.473V79.5L647.316%20227.941%20518.867%2071.504%22%20style%3D%22fill%3A%23333%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20transform%3D%22matrix%28.13305%200%200%20-.13255%20-.633%20153.92%29%22%2F%3E%3C%2Fsvg%3E);
     --wallpaper-mask-size: 2.3rem;
    -webkit-mask-image: var(--wallpaper-mask);
     mask-image: var(--wallpaper-mask);
     -webkit-mask-repeat: repeat;
     mask-repeat: repeat;
     -webkit-mask-size: var(--wallpaper-mask-size);
     mask-size: var(--wallpaper-mask-size);
     -webkit-mask-position: center;
     mask-position: center;
}
 
.simulation {
    position: relative;
background-color: rgba(255, 255, 255, 0.85);
    background-size: 100% 100%;
}

蒲绪卡黛诸相观

.psychidae {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.psychidae::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15em;
    background-image: url(https://brsandbox-pro.wikidot.com/local--files/beijin/kuan-hudie-qian-222);
    background-size: 100% 100%;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 1;
}
.psychidae::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10em;
    background-image: url(https://brsandbox-pro.wikidot.com/local--files/beijin/kuan-hudie-hou-2);
    background-size: 100% 100%;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 0;
    -webkit-mask: linear-gradient(175deg, black 0, transparent 80%);
    mask: linear-gradient(175deg, black 0, transparent 80%);
}
.psychidae .canon-body {
    font-family: "Noto Serif SC", "Noto Serif TC", Times New Roman, Arial, serif;
    position: relative;
    z-index: 2;
    margin: 3em auto 0;
    padding: 0.5em 1.5em;
    flex-basis: 40em;
    box-shadow: 0 0 1.5rem -1rem rgb(60, 60, 60);
    background: rgb(var(--bg-color));
}
.psychidae h2 {
    font-family: inherit;
    font-weight: 900;
}
.psychidae .canon-footer {
    flex-grow: 1;
}

什么是“设定”？

当我们在后室中游荡穿梭时，经常会遇到些根本说不通的事情——一张来历不明的笔记默默阐述着毁灭、一个总让人联想到某件特定事件的层级。不管怎样，这里总有故事发生。并不是我们无法记录这些故事和事件，而是因为他们在互相渗透的同时，也在互相冲突，互相颠覆这些故事的发展之基础。他们一直在打破自己从前设定的规则，且丝毫没有要停下的势头。

屏幕之外……

设定是指一个更大范围的事件链，它可以被简单的理解为时间线或世界观。

故事、层级、物品、实体……尽管有些时候它们的原文中没有互相提及，但它们与它们所讲述的故事都在阐述着同一个内核，从而可以被人为地整合到某个特定的世界观内去展示一个更大的故事、一个独特的世界。设定便是所有参予此世界观的作品，不管是故事、层级、物品或者实体，它们本质是连续的、相互发生、交集的一个世界观。

设定与设定之间既是相互独立也是相互连接的，设定之间允许完全矛盾，但也可以彼此互通，选择相信哪个设定完全取决于你自己。

申请新设定

你的原创设定必须满足下列条件：① 有一个中心页；② 有至少三名创作者；③ 有至少七篇与之相关的层级/实体/物品/现象/故事（每篇评分应大于等于10）。不满足上述条件的原创设定会被管理直接删除。一个符合以上条件的原创设定可以在此处申请对应的设定标签。

[+] 成功申请标签后，使用以下格式将你的设定添加至中心页

[[include :backrooms-wiki-cn:component:canon-grid-item
|canon-name=设定名称
|canon-hub-url=中心页 URL
|canon-tag=设定标签
|canon-intro=设定介绍
]]

你可以用这些变量来自定义颜色（它们是可选的）：

|link-color=链接颜色
|hover-link-color=选中链接颜色
|visited-link-color=访问过的链接颜色
|bg-color=背景颜色
|text-color=文字颜色
|border-color=边框颜色
|hr-color=分割线颜色
|title-color=标题颜色
|footer-text-color=底部文字颜色
|footer-link-color=底部链接颜色

如果你需要更进一步的自定义，可以用这个变量来为你的设定块赋予一个专属的 CSS Class：

|canon-class=class

然后去样式页面为你的设定块设置专属样式。