Level DN-9

+ 版式代码

/* Myrand */
 
:root{
--white-monochrome: 60, 60, 60; /* ALTERED */
    --pale-gray-monochrome: 20, 20, 20; /* BG*/
    --light-pale-gray-monochrome: 50, 50, 50;
    --very-light-gray-monochrome: 60, 60, 60;
    --light-gray-monochrome: 165, 160, 155;
    --gray-monochrome: 35, 35, 35; /* sub header */
    --dark-gray-monochrome: 15, 15, 15;
    --black-monochrome: 0, 0, 0;
    --border-monochrome: 40, 150, 150;
    --visited-link: 40, 155, 155;
    --pale-accent: 40, 255, 255; /* links that do exist */
    --bright-accent: 40, 133, 133; /* button hover, text hover, sidemenu collapsible, submenu hover */
    --medium-accent: 30, 30, 30; /* header */
    --dark-accent: 80, 80, 80; /* 1st footer, header menu bg */
    --alt-accent: 255, 20, 20; /* links that do not exist */
--text-monochrome: 255, 255, 255;
 
--visited-link-color: var(--visited-link);
--swatch-border-color: var(--border-monochrome);
--swatch-menubg-color: var(--gray-monochrome);
--swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
 
--swatch-menutxt-dark-color: var(--text-monochrome);
    --swatch-menutxt-light-color: var(--text-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
 
--ui-button-bg: var(--light-pale-gray-monochrome);
    --ui-button-txt: var(--text-monochrome);
    --ui-button-hover-bg: var(--gray-monochrome);
    --ui-button-hover-txt: var(--text-monochrome);
    --ui-button-hover-outline: var(--pale-accent);
 
/* codeblock */
    --swatch-code-text-comment: 100 255 255; 
    --swatch-code-text-quotes: 178 255 255;
    --swatch-code-text-string: 222 255 255; 
    --swatch-code-text-identifier: 16 255 255; 
    --swatch-code-text-reserved: 90 255 255; 
 
/* footnotes hover */
--hoverblock-bg: var(--pale-gray-monochrome);
    --hoverblock-txt: var(--text-monochrome);
    --hoverblock-header-bg: var(--swatch-primary-darker);
    --hoverblock-header-txt: var(--text-monochrome);
    --hoverblock-footer-bg: var(--swatch-tertiary-color);
    --hoverblock-footer-txt: var(--text-monochrome);
 
--swatch-text-dark: var(--text-monochrome);
--swatch-text-light: var(--text-monochrome);
}
 
#main-content {
--ui-icon-color: var(--ui-button-bg);
    --ui-icon-bg: var(--ui-button-bg);
    --ui-icon-hover-color: var(--ui-button-hover-bg);
    --ui-icon-hover-bg: var(--ui-button-hover-bg);
 
/* Editor Buttons */
--editor-icon-color: var(--text-monochrome);
    --editor-icon-hover-color:  var(--black-monochrome);
    --editor-icon-hover-bg: var(--text-monochrome);
    --editor-icon-submenu-bg: var(--black-monochrome);
 
/* footnotes */
--footnotes-footer-bg-color: var(--gray-monochrome);
    --footnotes-footer-colorbar-color: var(--very-light-gray-monochrome);
    --footnotes-footer-title-bg-color: var(--very-light-gray-monochrome);
    --footnotes-footer-title-text-color: var(--swatch-text-secondary-color);
    --footnotes-footer-num-color: var(--pale-accent);
    --footnotes-footer-num-hover-color: var(--bright-accent);
    --footnotes-footer-text-color: var(--swatch-text-general);
 
}
 
#main-content {
    --ui-icon-color: var(--swatch-text-secondary-color);
}
#side-bar {
    --sidebar-bg-color: var(--swatch-secondary-color);
}
 
#main-content::after {
    height: 13rem;
    border-radius: 0 0.6rem 0.6rem 0;
    background-color: rgb(var(--gray-monochrome));
    top: calc(50vh - 6.5rem);
    background-image: url("http://nuliminal-test.wikidot.com/local--files/component:theme/sidebar-arrows.svg");
}
 
.lightstyled-quote {
   background-color:rgb(var(--bright-accent));
color:rgb(var(--text-monochrome));
   border-left: 0.5rem solid rgba(var(--dark-gray-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--bright-accent));
   color:rgb(var(--text-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--bright-accent));
color:rgb(var(--text-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);
}
 
.darkblock {
   background-color:rgb(var(--dark-gray-monochrome));
   color:rgb(var(--text-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);
}
 
.dark-borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
 .light-borderblock {
    background-color:rgb(var(--bright-accent));
    color:rgb(var(--text-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);
    border: solid 0.3rem rgb(var(--dark-gray-monochrome));
 }
 .border-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
     border: solid 0.3rem rgb(var(--bright-accent));
    }
 
    .border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
    .logoblock{
    padding: 0.01rem 1rem;
    color:rgb(255, 255, 255);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--dark-gray-monochrome));
    }
 
    .logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    }
 
.titleblock {
        background-color: rgb(var(--dark-gray-monochrome));
        color:rgb(var(--text-monochrome));
        padding: 0.5rem 1rem 0.10rem;
        margin: 1.5rem 0rem 0.5rem 0rem;
        box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
        border: solid rgb(var(--bright-accent)) 2px;
     }
 
     .titlebox{
       color: rgb(var(--text-monochrome));
       position: relative;
       top: -1.6rem;
       background-color: rgb(var(--bright-accent));
       padding: 0.25rem 1rem;
       line-height: 0.1rem;
     }
 
.borderblock {
    background-color:rgb(var(--dark-gray-monochrome));
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(var(--bright-accent));
 }
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}

+ 版式代码

/*fonts*/
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700');
@font-face {
    font-family: 'ChillGSans';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ChillGSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "stardust";
    --theme-name: "Stardust Theme";
 
    /* Header */
    --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
    --header-title: "The Backrooms";
    --header-subtitle: "触及群星";
 
    /* Typefaces */
   --body-font: proxima-nova, 'Noto Sans SC', sans-serif;
   --header-font: 'Fantasque Sans Mono', 'ChillGSans', sans-serif;
   --title-font: 'Fantasque Sans Mono', 'ChillGSans', sans-serif;
   --mono-font: 'Fantasque Sans Mono', 'Noto Serif SC', serif;
 
    /* Standard Colors */
    --white-monochrome: 250, 250, 250;
     /* white*/
    --black-monochrome: 0, 0, 0;
    /* black */
    --bright-accent: 71, 213, 240;
    /* the bright blue */
    --medium-accent: 167, 27, 59;
     /* the bright blue animated */
    --dark-accent: 24, 36, 56;
    /* dark blue for background*/
 
    /* Primary Theme Colors */
    --swatch-background: var(--black-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--black-monochrome);
 
    /* Primary Text Colors */
    --swatch-text-dark: var(--white-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-important-text: var(--bright-accent);
    --barColour: var(--very-light-gray-monochrome);
    --linkColour: var(--pale-accent);
 
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--black-monochrome);
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
    --swatch-menutxt-dark-color: var(--white-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-border-color: var(--bright-accent);
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--bright-accent);
    --swatch-topmenu-bg-color: var(--black-monochrome);
 
    /* Link Colors */
    --link-color: var(--bright-accent);
    --visited-link-color: var(--medium-accent);
    --hover-link-color: var(--bright-accent);
    --sidebar-links-text: var(--swatch-menutxt-dark-color);
    --link-color-bright: var(--medium-accent);
 
/* Rating Module Colors */
    --rating-module-button-color: var(--black-monochrome);
    --rating-module-text-color: var(--swatch-menutxt-dark-color);
    --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
 
/* Header Gradients */
--gradient-header: none;
--diagonal-stripes: none;
 
}
 
/*weird stuff*/
 
#login-status {
    color: rgb(var(--bright-accent));
}
 
hr {
  background-color: rgb(var(--bright-accent));
  border-color: rgb(var(--bright-accent));
}
 
#page-title {
    border-color: rgb(var(--bright-accent));
    color: rgb(var(--bright-accent))!important;
}
 
#skrollr-body {
   background-image: none;
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 100%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 37rem 37rem;
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
/* Header Colours */
h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--bright-accent));
}
 
/*image block*/
.scp-image-block .scp-image-caption {
    color: rgb(var(--bright-accent));
    background-color: rgba(var(--bright-accent), .25);
    border-color: rgba(var(--bright-accent), .25);
}
 
/*rate module*/
.page-rate-widget-box {
    background: rgba(var(--bright-accent), .5);
    border-color: rgba(var(--black-monochrome));
    border-width: 0px;
}
 
/*table*/
table.wiki-content-table th {
border: 1px solid rgb(var(--medium-accent)) !important;
background-color: rgba(var(--medium-accent), .25);
color: rgb(var(--medium-accent));
}
 
table.wiki-content-table td {
border: 1px solid rgb(var(--medium-accent)) !important;
}
 
/*search box*/
#search-top-box-input {
    background-color: rgba(var(--bright-accent), .25);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgba(var(--medium-accent), .25);
}
 
/*buttons*/
div#page-options-bottom > a:hover,
div#page-options-bottom > a:active,
div#page-options-bottom-2 > a:hover,
div#page-options-bottom-2 > a:active {
    background-color: rgba(var(--bright-accent), .25);
}
 
/*top bar*/
#top-bar div.top-bar > ul > li > ul,
#top-bar div.mobile-top-bar > ul > li > ul {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
.yui-navset .yui-content {
   background-color:rgba(var(--medium-accent), .25);
     border-color: rgba(var(--medium-accent), 1);
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     background-color: rgba(var(--medium-accent), .25);
    color:rgb(var(--white-monochrome));
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--bright-accent), .25);
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgba(var(--medium-accent), 1);
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
     background-color: rgba(var(--medium-accent), 1);
}
 
/*backer background*/
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--black-monochrome));
}
 
/*mobile stuff*/
@media only screen and (max-width:768px){
 
:root{
   --header-height-on-mobile: 7.5rem;
}
 
#main-content {
max-width: 90vw;
padding: 0;
margin: 9.2em auto 0;
}
 
#header {
position: absolute;
top: 0rem;
height: var(--header-height-on-mobile);
}
 
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 220%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 20rem 20rem;
   background-attachment: scroll;
}
}
 
@media only screen and (max-width:1366px){
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 37%);
   background-size: 25rem 25rem;
   background-attachment: scroll;
}
div#container-wrap{
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Astarstheme/coolbgfr.jpg) top center repeat-x;
    background-size: 160%;
}
}
 
/*funny blocks*/
blockquote, .blockquote, div.blockquote, [class*="blockquote"] {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   background-color:rgba(var(--bright-accent), .25);
   border-color: rgb(var(--bright-accent));
}
 
.styled-quote {
   background-color:rgba(var(--bright-accent), .25);
   border-left: 0.5rem solid rgb(var(--bright-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgba(var(--medium-accent), .25);
   border-left: 0.5rem solid rgb(var(--medium-accent));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgba(var(--bright-accent), .25);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgba(var(--medium-accent), .25);
   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);
}
 
#header h1 a::before,
#header h2 span::before {
    --text-shadow: 0px 2px 3px rgba(0,0,0,0.8);
}
 
.modalbox {
    color: rgb(0,0,0);
}

生存难度：生存難度：

等级等級 死区

• 安全
• 稳定
• 无实体

市民的居住区，由MCMK-1234拍摄，下同

市政厅

描述

Level DN-9为一座颇具前厅特质的城市，其天空与地面皆呈灰色。该建筑内，主体为实体-市民，他们对流浪者持有敌对态度。尽管市民身体素质较为薄弱，然而建筑内部却蕴藏着极为丰厚的战利品。值得一提的是，本层级内存在一座花园，园中花朵皆为黑色。

公寓

裁决者所居之处，周边环绕着诸多灰色花朵。而房屋的色彩颇为鲜艳。

花园

花园中的花朵呈现为黑色，天空则呈现出粉红色。

市政厅

---

该区域地处城市中心，为黑暗影客的栖息之所。在此，流浪者进入不会遭受攻击。0 层存在大量实体，而其余楼层仅有空无一物的办公室。

---

实体

市民

实体对流浪者抱有极其强烈的仇恨，其身体素质仅为流浪者的五分之一。
此类实体分布广泛，且持有枪械——Chocolate11

裁决者

具备瞬间移动能力的实体，其体型极为庞大，约为普通市民体型的 100 倍，且身体机能极为强健。

黑暗影客

周身皆为黑暗所笼罩的层级之主，居于市中心的市政厅。其不会对进入市政厅的流浪者发起攻击。若流浪者持有花之环，层级之主便会与流浪者进行物品交换。倘若流浪者同意此项交换，即可获取死亡令牌。当持有死亡令牌者遭遇危险之时，层级之主将会派出分身予以援助，待危险解除后，分身随即消失。

基地，前哨和社区

Q.L.D.（Quiescent League of Dark Defenders）寂静黑暗守护者联盟

• 该组织的固定据点设立于Level DN-9内的花园，此处是该层级中第一个被确认的安全基地。
• 该组织同意与外来方开展贸易往来。
• 该组织的现有成员人数暂无明确可核实的记录，处于未知状态。
• 该组织的当前整体运行与存续状况暂无明确可核实的信息，处于未知状态。

X.M.R.（Xeno Mineral Riches）异星矿产宝库

• 该组织的固定据点设立于Level DN-9内的花园，此处是该层级中第二个被确认的安全基地。
• 该组织同意与外来方开展贸易往来。
• 该组织的现有成员人数暂无明确可核实的记录，处于未知状态。
• 该组织的当前整体运行与存续状况暂无明确可核实的信息，处于未知状态。

入口和出口

入口

• 于Level DN-46，朝着电影院的墙体进行切出操作，便可进入 Level DN-9。值得留意的是，倘若电影院内部传出欢快的声响，此情形极有可能是窗户的陷阱。

出口

• 待重写

---

这已经是第二个了

作者：
Chocolate11负责给出屎草稿和基础文本
jiaoyanerlan2负责让其变得人能看懂
（bairan317来掺和一脚）
baiyuejiaozhu添加了两个版式。
MCMK-1234😭😭😭我能加入吗加了图片和版式
woc佬——jiaoyanerlan2
Macro129啥也没改(其实改了生存难度图标)