Level OH 24

版式的代码

@import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/sidebar.css");
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* Myrand */
 
@media screen and (prefers-reduced-motion: no-preference) {
    #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 1s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 0s; }
 
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,30px);
    }
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }
 
:root {
   --fade-in-delay: 0,1s;
 
   --theme-base: "black-highlighter";
   --theme-id: "astra";
   --theme-name: "Astra Theme";
 
   --logo-image: url("https://ru-backrooms-wiki.wdfiles.com/local--files/theme%3Aastra-code/LogoAT.png");
   --header-title: "Astra";
   --header-subtitle: "成就不可能";
 
   --body-font: 'Jura', '仓耳与墨W02' , TsangerYuMo-W03, sans-serif;
   --header-font: 'Jura', '仓耳与墨W02' , TsangerYuMo-W03, sans-serif;
   --title-font: 'Jura', '仓耳与墨W02' , TsangerYuMo-W03, sans-serif;
   --mono-font: 'Anonymous Pro', monospace;
 
   --white-monochrome: 255, 208, 0;
   --pale-gray-monochrome: 158, 116, 0;
   --light-gray-monochrome: 194, 145, 0;
   --gray-monochrome: 0, 42, 74;
   --black-monochrome: 0, 8, 20;
   --bright-accent: 235, 170, 10;
   --medium-accent: 235, 170, 10;
   --custom-text: 255, 255, 255;
   --dark-accent: 74, 74, 74;
   --pale-accent: 99, 99, 99;
 
    /* Other */
    /* CECS */
     --cecs-accent: 255, 213, 0 !
important;
     --cecs-dark: 0, 94, 138 !
important;
     --cecs-light: 0, 149, 212 !
important;
 
    /* Search Box */
    --search-box-emptytext: 66, 135, 245;
    --login-status: 255, 255, 255;
 
     /* 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(--custom-text);
    --swatch-text-light: var(--bright-accent);
    --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(--dark-gray-monochrome);
    --swatch-menubg-medium-color: var(--medium-accent);
    --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(--bright-accent);
    --rating-module-text-color: var(--white-monochrome);
    --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
 
    /* Header Gradients */
    --gradient-header: none;
    --diagonal-stripes: none;
}
 
    /* Scrollbar */
body::-webkit-scrollbar {
  width: 10em #001029;
}
 
body::-webkit-scrollbar-track {
  background-color: rgb(0, 17, 41);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #00255c;
  outline: 5px solid #00378a;
}
 
div#container-wrap{
background: url(https://ru-backrooms-wiki.wdfiles.com/local--files/theme:astra/BGS) top center repeat-x;
background-size: 100%;
}
 
#extrac-div-1 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    background:;
    background-size: auto 8px;
    opacity: 0.7;
}
 
#extrac-div-2 {
    position: fixed;
    width: 100vw;
    height : 1rem;
    top: 0;
    pointer-events: none;
    background:;
    opacity : .1;
}
 
#skrollr-body {
   background-image:none
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 8, 20,1) 37%);
   background-size: 37rem 37rem;
   background-attachment: scroll;
}
 
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;
   color: rgb (var(--bright-accent));
}
 
#side-bar > .side-block div > a > img {
   filter: invert(100%) opacity(0.8);
}
 
#side-bar > .side-block > div > a > img:hover {
  background-color: unset !important;
}
 
#side-bar > .side-block > div > a:hover {
  background-color: unset !important;
}
 
/* fix sidebar scrollbar color */
#side-bar:hover, #side-bar:active, #side-bar:focus-within {
    scrollbar-color: unset !important;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
   overflow-x: clip;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   right: 2.5rem;
   top: -0.3rem;
   background-image: url(https://ru-backrooms-wiki.wdfiles.com/local--files/theme%3Aastra-code/LogoAT.png);
   background-size: auto 5rem;
   background-position: left;
   background-repeat: no-repeat;
   opacity: 0.8;
}
 
#header h1, #header h1 a {
   position: absolute;
   left: 4.8rem;
   top: 0.8rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   left: 3.3rem;
   top: 1.8rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: left;
}
 
a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover {
    text-decoration: none;
    color: #000000;
    background-color: #FFAA0A;
}
 
#login-status {
    color: rgb(var(--login-status));
}
 
#login-status ul a:hover {
    text-decoration: none;
    color: #000000;
    background-color: #ffaa0a;
}
 
#login-status a:hover {
    text-decoration: none;
    color: #000000;
    background-color: #ffaa0a;
}
 
#search-box ul a:hover {
    text-decoration: none;
    color: #000000;
    background-color: #003a66;
}
 
#search-box a:hover {
    text-decoration: none;
    color: #000000;
    background-color: #003a66;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
   letter-spacing: 0.1rem;
}
 
#header h1 a::before{
   letter-spacing: 0.3rem;
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
   border: border: 1px solid #ffd000;
}
 
#search-top-box-form > #search-top-box-input {
        width: 2rem;
        color: rgb(var(--search-box-emptytext));
}
 
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
 
/*content bg*/
.yui-navset .yui-content {
     background-color: rgba(var(--pale-accent), 0.25);
     border-color: rgb(var(--pale-accent));
}
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--dark-gray-monochrome));
    color:rgb(var(--white-monochrome));
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--pale-accent), .25);
}
 
/*backer background*/
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--dark-gray-monochrome));
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--pale-accent));
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--pale-accent));
}
 
@media only screen and (max-width: 768px) {
:root{
   --swatch-menubg-color: var(--medium-accent);
}
 
#header::before {
background-image: none;
}
 
    #header {
     height: var(--header-height-on-mobile);
     background-image: url("https://nu-scptheme.github.io/Black-Highlighter/images/logo.svg");
     background-image: var(--logo-image);
     --size: calc(var(--final-header-height-on-mobile) + 1rem);
     --y-offset: 1.5rem;
     background-position:
     calc((var(--header-height-on-mobile) - 0.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2);
     background-size: var(--size), 100% var(--header-height-on-mobile);
     background-repeat: no-repeat, repeat;
     width: 100vw;
     margin: 0;
     position: sticky;
     top: calc(var(--header-height-on-mobile) * -1);
    }
 
#header h1, #header h1 a {
   left: 1rem;
   top: 0.8rem;
}
 
#header h2, #header h2 span, #header h2 span::before {
   left: 0.8rem;
   top: 1.8rem;
}
 
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"]:hover {
    background: rgb(0, 0, 0);
    border-color: rgb(var(--pale-accent));
}
#search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"]{
    background: rgb(0, 0, 0);
    border-color: rgb(var(--pale-accent));
}
}
 
.lightstyled-quote {
   background-color:rgb(var(--bright-accent));
color:rgb(0, 0, 0);
   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(--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);
}
 
.lightblock {
   background-color:rgb(0, 55, 138);
   color:rgb(0, 102, 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);
}
 
.vblock {
   background-color:rgb(77, 0, 135);
   color:rgb(140, 0, 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: 5px solid #34005c;
} 
 
.piblock {
   background-color:rgb(130, 82, 5);
   color:rgb(255, 145, 0);
   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: 5px solid #523200;
}
 
.bioblock {
   background-color:rgb(1, 122, 1);
   color:rgb(0, 255, 21);
   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: 5px solid #004a00;
}
 
.darkblock {
   background-color:rgb(var(--dark-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,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(0, 0, 0);
    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(https://ru-backrooms-wiki.wdfiles.com/local--files/theme%3Aastra-code/LogoAT.png) 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(https://ru-backrooms-wiki.wdfiles.com/local--files/theme%3Aastra-code/LogoAT.png) center/25% no-repeat;
    opacity: 0.65;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.titleblock {
        background-color: rgb(var(--dark-gray-monochrome));
        color: rgb(255, 254, 242);
        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(--dark-gray-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::after {
    color: rgb(var(--swatch-menubg-medium-color));
}
 
.roundblock {
    background-color:rgb(var(--dark-gray-monochrome));
    border: 1px solid #ffd000;
    border-radius: 40px;
    padding: 0.25rem 1rem;
    text-align: center;
}

“当你的脚步慢下来，森林的呼吸便会清晰可闻。但切记，不要停驻太久，因为那呼吸声，可能并非来自树木。”

生存难度：生存難度：

等级等級 0

• {$one}
• {$two}
• {$three}

---

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

---

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

描述

Level OH 24 里所摄下的第一幅照片。

Level OH 24表现为一条无限延伸的、由夯实的泥土和碎石子铺成的小路。小路的宽度始终保持在三米左右，两侧是无法穿越的、极其茂密的针叶林。这些树木高大、古老，树冠紧密地交织在一起，遮蔽了大部分天空，使得整个层级永远处于一种昏暗的、类似黄昏或黎明时分的光照条件下。空气中弥漫着湿润的泥土、腐烂的树叶和松针的清新香气，温度恒定在令人舒适的18摄氏度。

该层级最显著的特性是其近乎完美的宁静。除了流浪者自己发出的声音（脚步声、呼吸声、衣物摩擦声）外，这里几乎听不到任何噪音。没有鸟鸣，没有虫叫，没有风声，这种绝对的寂静在初期会带来一种深刻的平和感。

如果停留时间超过30分钟。阴影会变得更加凝实，并开始向小路边缘靠近。一种强烈的、无法抗拒的“必须继续前进”的冲动会攫住流浪者。任何试图离开小路进入森林的行为都会导致该流浪者瞬间消失，并且再也无法被找到。

只要重新开始行走，所有这些负面效应都会在几分钟内逐渐消退，环境恢复到此前的宁静状态，仿佛之前的恐惧只是一场幻觉。这便是“仅片息”的含义——安宁是真实存在的，但它只存在于你不断前行的过程中。

基地、前哨与社区

该层级不存在任何已知的基地、前哨或社区。由于其“无法停留”的特性，建立永久性据点是不可能的。

入口与出口

入口

• 在Level OH 46的偏远公园小径上行走时，有极小概率会发现自己脚下的路逐渐变成了Level OH 24的小路。

出口

• 最可靠的出口方式是简单地沿着小路一直走下去。在经过一段不确定的时间（通常是数小时到数天）后，流浪者可能会在路边发现一个老旧的、生锈的铁艺路灯。在路灯的光照范围内休息不会触发层级的负面效应。穿过路灯继续前进，通常会最终切入到Level OH 46。

• 试图强行穿越森林离开小路被证实是绝对致命的，这并非一个可行的出口。

---

附录 24-1：一位流浪者的日志片段
“……我太累了，脚像灌了铅。这里的宁静像温暖的毯子一样包裹着我，我决定就在这块大石头旁坐一会儿。就一会儿。
起初什么都没发生。寂静依旧。但慢慢地，我感觉那寂静‘变厚’了，它有了重量，压在我的耳膜上。然后我听到了，不是用耳朵，是用我的骨头听到的——一种低沉的、来自地底的震动。
我看向树林，那些我以为是树干的东西……在动。它们没有改变形状，但位置变了。它们更近了。一种冰冷的恐惧顺着我的脊椎爬上来，不是对具体事物的恐惧，而是对‘存在’本身的恐惧。我为什么要在这里？它们一直看着我吗？
我猛地站起来，开始跌跌撞撞地向前跑。跑了不知道多久，直到肺像火烧一样疼，我才敢停下来。那个感觉……它慢慢地退去了。森林又变回了那个宁静、无害的样子。但我再也不会停下了。这里的安宁是毒药，是诱饵。它给你片刻的喘息，只是为了让你有力气继续这场无尽的跋涉。”

作者

Sunflower666

« Level OH 23 | Level OH 24 | Level OH 25 »