Level AS-226

+ 版式代码

/*
   Remodeling Theme
   [Backrooms Remodeling Co. Theme]
   by PandaShark71004
*/
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BioRhyme&display=swap');
 
@font-face {
    font-family: 'GlowSansSC-Extended';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'GlowSansSC-Extended';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/GlowSansSC-Extended-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'ZihunBiantaoti';
    src: url('https://cdn.jsdelivr.net/gh/LupusCaeruleus/Fonts@main/ZihunBiantaoti.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "backrooms-remodeling-co";
   --theme-name: "Remodeled Theme";
   --header-height-on-desktop: 12rem;
 
   --logo-image: url("http://backrooms-wiki.wdfiles.com/local--files/pandashark-s-author-page/icon.png");
   --header-title: "后室装修公司";
   --header-subtitle: "真正的秩序由家具传达";
 
   --body-font: 'BioRhyme', 'GlowSansSC-Extended', sans-serif;
   --header-font: 'Lobster', 'ZihunBiantaoti', sans-serif;
   --title-font:  'BioRhyme', 'GlowSansSC-Extended', sans-serif;
   --mono-font: 'Fantasque Sans Mono', 'Noto Sans SC', sans-serif;
 
   --white-monochrome: 240, 240, 255;
   --pale-gray-monochrome: 220, 220, 235;
   --light-gray-monochrome: 211, 174, 0;
   --gray-monochrome: 79, 76, 122;
   --black-monochrome: 25, 20, 76;
   --bright-accent: 240, 206, 49;
   --medium-accent: 59, 56, 102;
   --dark-accent: 79, 76, 122;
   --pale-accent: 211, 174, 0;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 211, 174, 0;
   --hover-link-color: 202, 35, 30;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 0%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 0%, transparent 0);
   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: url("");
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: -1rem;
   background-image: var(--logo-image);
   background-size: auto 9rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#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 #0c0c0c;
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--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);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   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: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);
}
 
.darkblock {
   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,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}

生存难度：生存難度：

等级等級 宜居

• 绝对安全
• 绝对稳定
• 为你打造！

---

如何使用：

[[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 AS-226是AS层群的第227层。这是一座为你打造崭新的，优秀的，让你充分放松的海景房！

这海景房多好看啊，我们可是花了好大功夫！

描述：

呃……说实话，这里以前是……一片……满是臭海带和扎脚的碎石的荒凉海滩，根本没法住。可是别担心，我们后室装修公司立刻清理了碎石和海带，并在这里建立了一座海景房！

如你所见，这是一开始我们设计师按照设计图模拟的剖面图，一楼为一个小卧室和一个客厅，二楼是另外一个卧室和一个小餐厅，餐桌是在阳台上的哦！你在用餐时可以欣赏美景，倾听海浪声……

啊？你问有没有后面和侧面的剖面图？对不起，设计师只模拟了一张……不过，我可以告诉你，后面有两个浴室，一楼二楼都有哦。还有，我们还贴心为你在一楼的某空余房间设计了一个娱乐室！里面有我们后室装修公司最新的游戏机！呃……有些时候它可能会死机……不过……我们只遇见过两次这样的情况，所以请大胆使用！

哦对了，差点忘记说了，海滩后面是一片森林。不用怕，我们有人和M.E.G.一同研究了一下，已经证实这片森林完全没有实体，而树上的水果也对身体完全没有伤害。你可以大胆地采摘！

什么？万一我们撒谎了？哦，你真多疑，看来我必须想你介绍一下所有种类的水果你才会信是吧？好啊！

尼尔森黄桃

直径约8厘米，外皮黄偏红色，果肉金黄色。未成熟的桃子味道酸涩，果肉很硬，但可食用。成熟的桃子味道酸甜，果肉很软。它的桃核甚至也可食用，不过基本不含水分，营养价值也不高，因此我们不太建议你食用。

星菠萝

这种菠萝外皮红偏紫色果肉也是紫色，味道像柠檬般酸涩。由于这种菠萝的果肉中心有一个明显的星形，由此得名。虽然味道酸涩，可是营养价值却是海滩上的水果中最高的，它拥有丰富的维生素E，且吃了之后有平衡血压的功效。

卡提斯果

卡提斯果是一种外表像木瓜，果肉颜色像苹果，重量像葡萄，味道像荔枝的奇怪水果，不过，卡提斯果虽然奇怪，但是它的糖分很高。因此你低血糖的时候我们十分建议你食用此果。

奶油蕉

奶油蕉是一种无论从外观，果肉颜色，味道等多方面都很像香蕉的水果。但是经过M.E.G.的研究，他的营养价值却不如香蕉。奶油蕉的含水量只有52%，而普通香蕉的含水量为70%-80%；奶油蕉的能量每100克只有约85-91千焦，而普通香蕉的每100克的能量却是奶油蕉的约4.5倍。而且奶油蕉的味道更加油腻，因此，我们不太建议你食用过多的奶油蕉。

小瑾

小瑾是我们清理这个海滩之前唯一在这个海滩上存活的物种。我们后室装修公司和M.E.G.研究后得出这种名叫小瑾的树属于芸香科柑橘属的小乔木，树干棕偏黑色，树高6-7米。花黄色但基本无香味。小瑾的果实也叫小瑾……其实……这个果实……和普通的橘子差不多……营养价值也基本一样，唯一能够说不同的是小瑾的果肉没有核，因而你可以放心吃，大胆吃！

伊森梨

伊森梨是海滩上个头最大的水果，他的内部甚至可以容得下两个哈密瓜。不过奇怪的是，伊森梨虽然大，但是没有什么重量，甚至可以一只手提着它。造成这样的原因是它内部和椰子一样中间被挖空了，而且它的果肉的含水量只有46%。虽然如此，它却含有大量的维生素和微量的锌元素。

这样，你还会有疑问吗？不会，肯定不会，对吧？

对了，还有，我们后室装修公司每个月的21日都会派人来你这里检查海景房里面所有的设备是否能够正常工作……当然，我们也会顺便打扫打扫。

实体：

以前，这里有大量的切行假域……但是我们为了你付出了很大代价才让这种烦人的实体消失在为你打造的海景房周围，你完全可以不用担心的！

基地、前哨和社区：

我们可是为你专属打造的，除了你，我们可没有告诉别人哟。不过，你如果非要邀请其他人来这里做客，我们也不强求你。

入口：

说实话，我们……不太清楚。不过，如果你在某个月的21日在某层级看到一个印有“后室装修公司”图案的卡车的话，那就不要犹豫，赶紧切入，我相信你很快就会来到这里的。

出口：

也许……有可能是因为这里不符合你的口味，也可能是因为我们的服务不到位，也有可能有其他原因……不过如果你这么不喜欢这里的话，我们仍然不强求你。走出树林后你将会来到一条公路，这条公路有时会有车经过，只要不是我们后室装修公司的车，你都可以搭上。他们会把你带到另一个宜居层级的。不过，如果有时你厌恶了后室的探索生活，欢迎你回来度个假！

---

作者

作者：烂文哥xiuyihencai