Br Xiov - 后室民间分站沙盒

Br Xiov
[[module CSS]]
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,700;1,300');
.top-box {
    background: #FFC90E;
    width: 100%;
    height: 5.25rem;
    box-sizing: border-box;
    border: 0.65rem solid #581A19;
    border-left: 0.3125rem solid #581A19;
    border-right: 0.3125rem solid #581A19;
    position: relative;
}
.top-box .gradient-box div {
    display: grid;
}
.top-box .top-text p {
    font: 2.14rem Poppins;
    font-weight: bold;
    color: white;
    position: relative;
    margin: 0 0.08rem;
    line-height: 2.16rem;
}
.top-box .bottom-text p,
.top-box .bottom-text:after {
    font: 1.5rem Poppins;
    font-style: italic;
    font-weight: 500;
    color: white;
    position: relative;
    margin: 0 0.08rem;
    line-height: 2rem;
}
.top-box .gradient-box {
    background: linear-gradient(90deg, rgba(88, 26, 25, 1) 0%, rgba(235, 186, 13, 0) 36%);
    display: inline-block;
    height: 105%;
    width: 105%;
    position: relative;
    top: -1px;
}
.top-box:before {
    content: "";
    position: absolute;
    background: url("http://backrooms-wiki.wdfiles.com/local--files/component%3Alevel-class/tiles.png");
    mix-blend-mode: luminosity;
    opacity: 0.15;
    height: calc(100% + (0.65rem * 2));
    width: calc(100% + (0.3125rem * 2));
    top: -0.65rem;
    left: -0.3125rem;
}

/* the right diamond thingy */

.header-diamond {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFC90E;%7D .st1%7Bfill:%23581A19;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E");
    height: calc(284.5px / 1.13);
    width: calc(300.9px / 1.13);
    top: -29.5px;
    right: -13px;
    transition: opacity 0.5s;
}
.header-diamond div {
    position: absolute;
    -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-7.01 0 260.5 250.8' style='enable-background:new 0 0 250.5 250.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFC90E;%7D .st1%7Bfill:%23581A19;%7D%0A%3C/style%3E%3Cpath class='st0' d='M247,133.9L133.7,247.2c-4.7,4.7-12.3,4.7-17,0L3.5,133.9c-4.7-4.7-4.7-12.3,0-17L116.8,3.6 c4.7-4.7,12.3-4.7,17,0l113.3,113.3C251.7,121.6,251.7,129.2,247,133.9z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-7.01 0 260.5 250.8' style='enable-background:new 0 0 250.5 250.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFC90E;%7D .st1%7Bfill:%23581A19;%7D%0A%3C/style%3E%3Cpath class='st0' d='M247,133.9L133.7,247.2c-4.7,4.7-12.3,4.7-17,0L3.5,133.9c-4.7-4.7-4.7-12.3,0-17L116.8,3.6 c4.7-4.7,12.3-4.7,17,0l113.3,113.3C251.7,121.6,251.7,129.2,247,133.9z'/%3E%3C/svg%3E");
    height: 100%;
    width: 100%;
}
.header-diamond .diamond-color {
    background: #FFC90E;
}
.header-diamond .diamond-pattern {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/header.png");
    mix-blend-mode: luminosity;
    opacity: 0.15;
}
.header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/header_diamond.png") center/95% no-repeat;
}

/* bottom stuff */

.bottom-box {
    margin: 1.5rem 0 3rem 0;
}
.bottom-box ul li {
    font: 1.5rem Poppins;
    font-weight: bold;
    color: #5c1d24;
    margin: 0.2rem 0 0.2rem 0.6rem;
    line-height: 1rem;
    list-style: none;
}
.bottom-box ul li:before {
    content: "";
    background: #5c1d24;
    display: block;
    transform: rotate(45deg);
    position: relative;
    height: .5em;
    width: .5em;
    left: -1.1em;
    top: 0.55em;
background:{$background};
}

/* mobile stuff */

@media only screen and (max-width: 440px) {
    .top-box .top-text p {
        font-size: 1.6rem;
    }
    .top-box .bottom-text p,
    .top-box .bottom-text:after {
        font-size: 1.4rem;
        line-height: 1rem;
    }
}

@media only screen and (max-width: 60rem) {
    .header-diamond {
        opacity: 0;
    }
}

/* ==== survival difficulty classes ==== */

div[class*=class] ul li span[class$="}"] {
    display: none !important;
}
.default {
    display: none;
    font-size: 0 !important;
}
.default:after {
    font-size: 1.5rem;
}
div[class*=class] ul li span[class$="}"]+.default {
    display: flex;
}

/* class 0 to 5 */

.top-box.class-0,
.diamond-color.class-0 {
    background: #F7E375;
}
.top-box.class-0 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/zero.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-0 ul li:nth-child(1)>.default:after {
    content: "安全";
}
.lang-tr .bottom-box.class-0 ul li:nth-child(1)>.default:after {
    content: "安全";
}
.lang-cn .bottom-box.class-0 ul li:nth-child(2)>.default:after {
    content: "稳定";
}
.lang-tr .bottom-box.class-0 ul li:nth-child(2)>.default:after {
    content: "穩定";
}
.lang-cn .bottom-box.class-0 ul li:nth-child(3)>.default:after {
    content: "实体绝迹";
}
.lang-tr .bottom-box.class-0 ul li:nth-child(3)>.default:after {
    content: "實體絕跡";
}

.top-box.class-1,
.diamond-color.class-1 {
    background: #FFC90E;
}
.top-box.class-1 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/one.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-1 ul li:nth-child(1)>.default:after {
    content: "安全";
}
.lang-tr .bottom-box.class-1 ul li:nth-child(1)>.default:after {
    content: "安全";
}
.lang-cn .bottom-box.class-1 ul li:nth-child(2)>.default:after {
    content: "稳定";
}
.lang-tr .bottom-box.class-1 ul li:nth-child(2)>.default:after {
    content: "穩定";
}
.lang-cn .bottom-box.class-1 ul li:nth-child(3)>.default:after {
    content: "极少量实体";
}
.lang-tr .bottom-box.class-1 ul li:nth-child(3)>.default:after {
    content: "極少量實體";
}
.top-box.class-2,
.diamond-color.class-2 {
    background: #F59C00;
}
.top-box.class-2 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/two.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-2 ul li:nth-child(1)>.default:after {
    content: "不安全";
}
.lang-tr .bottom-box.class-2 ul li:nth-child(1)>.default:after {
    content: "不安全";
}
.lang-cn .bottom-box.class-2 ul li:nth-child(2)>.default:after {
    content: "稳定";
}
.lang-tr .bottom-box.class-2 ul li:nth-child(2)>.default:after {
    content: "穩定";
}
.lang-cn .bottom-box.class-2 ul li:nth-child(3)>.default:after {
    content: "少量实体";
}
.lang-tr .bottom-box.class-2 ul li:nth-child(3)>.default:after {
    content: "少量實體";
}

.top-box.class-3,
.diamond-color.class-3 {
    background: #F95A00;
}
.top-box.class-3 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/three.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-3 ul li:nth-child(1)>.default:after {
    content: "不安全";
}
.lang-tr .bottom-box.class-3 ul li:nth-child(1)>.default:after {
    content: "不安全";
}
.lang-cn .bottom-box.class-3 ul li:nth-child(2)>.default:after {
    content: "不稳定";
}
.lang-tr .bottom-box.class-3 ul li:nth-child(2)>.default:after {
    content: "不穩定";
}
.lang-cn .bottom-box.class-3 ul li:nth-child(3)>.default:after {
    content: "少量实体";
}
.lang-tr .bottom-box.class-3 ul li:nth-child(3)>.default:after {
    content: "少量實體";
}

.top-box.class-4,
.diamond-color.class-4 {
    background: #FE1701;
}
.top-box.class-4 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/four.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-4 ul li:nth-child(1)>.default:after {
    content: "不安全";
}
.lang-tr .bottom-box.class-4 ul li:nth-child(1)>.default:after {
    content: "不安全";
}
.lang-cn .bottom-box.class-4 ul li:nth-child(2)>.default:after {
    content: "不稳定";
}
.lang-tr .bottom-box.class-4 ul li:nth-child(2)>.default:after {
    content: "不穩定";
}
.lang-cn .bottom-box.class-4 ul li:nth-child(3)>.default:after {
    content: "中量实体";
}
.lang-tr .bottom-box.class-4 ul li:nth-child(3)>.default:after {
    content: "中量實體";
}

.top-box.class-5,
.diamond-color.class-5 {
    background: #AF0606;
}
.top-box.class-5 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/five.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-5 ul li:nth-child(1)>.default:after {
    content: "不安全";
}
.lang-tr .bottom-box.class-5 ul li:nth-child(1)>.default:after {
    content: "不安全";
}
.lang-cn .bottom-box.class-5 ul li:nth-child(2)>.default:after {
    content: "不稳定";
}
.lang-tr .bottom-box.class-5 ul li:nth-child(2)>.default:after {
    content: "不穩定";
}
.lang-cn .bottom-box.class-5 ul li:nth-child(3)>.default:after {
    content: "实体横行";
}
.lang-tr .bottom-box.class-5 ul li:nth-child(3)>.default:after {
    content: "實體橫行";
}

/* class unknown */

.top-box.class-unknown,
.diamond-color.class-unknown,
.top-box.class-未知,
.diamond-color.class-未知 {
    background: #282828;
}
.top-box.class-unknown,
.top-box.class-未知 {
    border-color: rgba(255, 255, 255, 0.05);
}
.top-box.class-unknown .bottom-text p,
.top-box.class-未知 .bottom-text p {
    display: none;
}
.lang-cn .top-box.class-unknown .bottom-text:after,
.lang-cn .top-box.class-未知 .bottom-text:after {
    content: "未分级";
}
.lang-tr .top-box.class-unknown .bottom-text:after,
.lang-tr .top-box.class-未知 .bottom-text:after {
    content: "未分級";
}
.top-box.class-unknown:before,
.top-box.class-unknown .header-diamond .diamond-pattern,
.top-box.class-未知:before,
.top-box.class-未知 .header-diamond .diamond-pattern {
    opacity: 0.5;
}
.top-box.class-unknown .gradient-box,
.top-box.class-未知 .gradient-box {
    background: none;
}
.top-box.class-unknown .header-diamond .diamond-image,
.top-box.class-未知 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/unknown.png") center/78% no-repeat;
}
.top-box.class-unknown .header-diamond， .top-box.class-未知 .header-diamond {
    filter: grayscale(100%);
}
.bottom-box.class-unknown ul li,
.bottom-box.class-未知 ul li {
    color: #282828;
}
.bottom-box.class-unknown ul li::before,
.bottom-box.class-未知 ul li::before {
    background: #282828;
}
.lang-cn .bottom-box.class-unknown ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-未知 ul li:nth-child(1)>.default:after {
    content: "神秘属性";
}
.lang-tr .bottom-box.class-unknown ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-未知 ul li:nth-child(1)>.default:after {
    content: "神秘屬性";
}
.lang-cn .bottom-box.class-unknown ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-未知 ul li:nth-child(2)>.default:after {
    content: "未知";
}
.lang-tr .bottom-box.class-unknown ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-未知 ul li:nth-child(2)>.default:after {
    content: "未知";
}
.lang-cn .bottom-box.class-unknown ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-未知 ul li:nth-child(3)>.default:after {
    content: "未知实体数";
}
.lang-tr .bottom-box.class-unknown ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-未知 ul li:nth-child(3)>.default:after {
    content: "未知實體數";
}

/* ==== weird classes ==== */

/* habitable */

.top-box.class-habitable .bottom-text p,
.top-box.class-宜居 .bottom-text p {
    display: none;
}
.lang-cn .top-box.class-habitable .bottom-text:after,
.lang-cn .top-box.class-宜居 .bottom-text:after {
    content: "宜居";
}
.lang-tr .top-box.class-habitable .bottom-text:after,
.lang-tr .top-box.class-宜居 .bottom-text:after {
    content: "宜居";
}
.top-box.class-habitable,
.diamond-color.class-habitable,
.top-box.class-宜居,
.diamond-color.class-宜居 {
    background: #1A806F;
}
.top-box.class-habitable .header-diamond .diamond-image,
.top-box.class-宜居 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/habitable.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-habitable ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-宜居 ul li:nth-child(1)>.default:after {
    content: "安全";
}
.lang-tr .bottom-box.class-habitable ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-宜居 ul li:nth-child(1)>.default:after {
    content: "安全";
}
.lang-cn .bottom-box.class-habitable ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-宜居 ul li:nth-child(2)>.default:after {
    content: "宜居聚居地";
}
.lang-tr .bottom-box.class-habitable ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-宜居 ul li:nth-child(2)>.default:after {
    content: "宜居聚居地";
}
.lang-cn .bottom-box.class-habitable ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-宜居 ul li:nth-child(3)>.default:after {
    content: "无有害实体";
}
.lang-tr .bottom-box.class-habitable ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-宜居 ul li:nth-child(3)>.default:after {
    content: "無有害實體";
}

/* deadzone */

.top-box.class-deadzone .bottom-text p,
.top-box.class-死区 .bottom-text p,
.top-box.class-死區 .bottom-text p {
    display: none;
}
.lang-cn .top-box.class-deadzone .bottom-text:after,
.lang-cn .top-box.class-死区 .bottom-text:after,
.lang-cn .top-box.class-死區 .bottom-text:after {
    content: "死区";
}
.lang-tr .top-box.class-deadzone .bottom-text:after,
.lang-tr .top-box.class-死区 .bottom-text:after,
.lang-tr .top-box.class-死區 .bottom-text:after {
    content: "死區";
}
.top-box.class-deadzone,
.diamond-color.class-deadzone,
.top-box.class-死区,
.diamond-color.class-死区,
.top-box.class-死區,
.diamond-color.class-死區 {
    background: #2C0D0C;
}
.top-box.class-deadzone .header-diamond .diamond-image,
.top-box.class-死区 .header-diamond .diamond-image,
.top-box.class-死區 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/deadzone.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-deadzone ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-死区 ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-死區 ul li:nth-child(1)>.default:after {
    content: "危险环境";
}
.lang-tr .bottom-box.class-deadzone ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-死区 ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-死區 ul li:nth-child(1)>.default:after {
    content: "危險環境";
}
.lang-cn .bottom-box.class-deadzone ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-死区 ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-死區 ul li:nth-child(2)>.default:after {
    content: "极度难以生存";
}
.lang-tr .bottom-box.class-deadzone ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-死区 ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-死區 ul li:nth-child(2)>.default:after {
    content: "極度難以生存";
}
.lang-cn .bottom-box.class-deadzone ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-死区 ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-死區 ul li:nth-child(3)>.default:after {
    content: "潜在危险实体";
}
.lang-tr .bottom-box.class-deadzone ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-死区 ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-死區 ul li:nth-child(3)>.default:after {
    content: "潛在危險實體";
}

/* pending */

.top-box.class-pending .bottom-text p,
.top-box.class-等待分级 .bottom-text p,
.top-box.class-等待分級 .bottom-text p {
    display: none;
}
.lang-cn .top-box.class-pending .bottom-text:after,
.lang-cn .top-box.class-等待分级 .bottom-text:after,
.lang-cn .top-box.class-等待分級 .bottom-text:after {
    content: "等待分级";
}
.lang-tr .top-box.class-pending .bottom-text:after,
.lang-tr .top-box.class-等待分级 .bottom-text:after,
.lang-tr .top-box.class-等待分級 .bottom-text:after {
    content: "等待分級";
}
.top-box.class-pending,
.diamond-color.class-pending,
.top-box.class-等待分级,
.diamond-color.class-等待分级,
.top-box.class-等待分級,
.diamond-color.class-等待分級 {
    background: #B6B6B6;
}
.top-box.class-pending .header-diamond .diamond-image,
.top-box.class-等待分级 .header-diamond .diamond-image,
.top-box.class-等待分級 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/pending.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-pending ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-等待分级 ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-等待分級 ul li:nth-child(1)>.default:after {
    content: "未知安全等级";
}
.lang-tr .bottom-box.class-pending ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-等待分级 ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-等待分級 ul li:nth-child(1)>.default:after {
    content: "未知安全等級";
}
.lang-cn .bottom-box.class-pending ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-等待分级 ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-等待分級 ul li:nth-child(2)>.default:after {
    content: "不稳定";
}
.lang-tr .bottom-box.class-pending ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-等待分级 ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-等待分級 ul li:nth-child(2)>.default:after {
    content: "不穩定";
}
.lang-cn .bottom-box.class-pending ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-等待分级 ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-等待分級 ul li:nth-child(3)>.default:after {
    content: "未知实体数量";
}
.lang-tr .bottom-box.class-pending ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-等待分级 ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-等待分級 ul li:nth-child(3)>.default:after {
    content: "未知實體數量";
}

/* N/A */

.top-box.class-n\/a .bottom-text p,
.top-box.class-不适用 .bottom-text p,
.top-box.class-不適用 .bottom-text p {
    display: none;
}
.lang-cn .top-box.class-n\/a .bottom-text:after,
.lang-cn .top-box.class-不适用 .bottom-text:after,
.lang-cn .top-box.class-不適用 .bottom-text:after {
    content: "不适用";
}
.lang-tr .top-box.class-n\/a .bottom-text:after,
.lang-tr .top-box.class-不适用 .bottom-text:after,
.lang-tr .top-box.class-不適用 .bottom-text:after {
    content: "不適用";
}
.top-box.class-n\/a,
.top-box.class-不适用,
.top-box.class-不適用 {
    border-color: rgba(0, 0, 0, 0.5);
}
.top-box.class-n\/a .header-diamond,
.top-box.class-n\/a .gradient-box,
.top-box.class-不适用 .header-diamond,
.top-box.class-不适用 .gradient-box,
.top-box.class-不適用 .header-diamond,
.top-box.class-不適用 .gradient-box {
    background: none;
}
.top-box.class-n\/a .header-diamond:after,
.top-box.class-不适用 .header-diamond:after,
.top-box.class-不適用 .header-diamond:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFC90E;%7D .st1%7Bfill:%23581A19;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E");
    height: calc(284.5px / 1.13);
    width: calc(300.9px / 1.13);
    filter: grayscale(100%) brightness(0.5);
}
.top-box.class-n\/a,
.diamond-color.class-n\/a,
.top-box.class-不适用,
.diamond-color.class-不适用,
.top-box.class-不適用,
.diamond-color.class-不適用 {
    background: #262626;
}
.bottom-box span {
color:{$textcolor};
}
.top-box.class-n\/a .header-diamond .diamond-image,
.top-box.class-不适用 .header-diamond .diamond-image,
.top-box.class-不適用 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/na.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-n\/a ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-不适用 ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-不適用 ul li:nth-child(1)>.default:after {
    content: "不存在";
}
.lang-tr .bottom-box.class-n\/a ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-不适用 ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-不適用 ul li:nth-child(1)>.default:after {
    content: "不存在";
}
.lang-cn .bottom-box.class-n\/a ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-不适用 ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-不適用 ul li:nth-child(2)>.default:after {
    content: "不存在物质";
}
.lang-tr .bottom-box.class-n\/a ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-不适用 ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-不適用 ul li:nth-child(2)>.default:after {
    content: "不存在物質";
}
.lang-cn .bottom-box.class-n\/a ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-不适用 ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-不適用 ul li:nth-child(3)>.default:after {
    content: "不适合生命存在";
}
.lang-tr .bottom-box.class-n\/a ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-不适用 ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-不適用 ul li:nth-child(3)>.default:after {
    content: "不適合生命存在";
}

/* amended */

.top-box.class-amended .bottom-text p,
.top-box.class-修正 .bottom-text p {
    display: none;
}
.lang-cn .top-box.class-amended .bottom-text:after {
    content: "修正";
}
.lang-tr .top-box.class-amended .bottom-text:after {
    content: "修正";
}
.top-box.class-amended,
.diamond-color.class-amended,
.top-box.class-修正,
.diamond-color.class-修正 {
    background: #B987D4;
}
.top-box.class-amended .header-diamond .diamond-image,
.top-box.class-修正 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/amended.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-amended ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-修正 ul li:nth-child(1)>.default:after {
    content: "不安全且不稳定";
}
.lang-tr .bottom-box.class-amended ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-修正 ul li:nth-child(1)>.default:after {
    content: "不安全且不穩定";
}
.lang-cn .bottom-box.class-amended ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-修正 ul li:nth-child(2)>.default:after {
    content: "未知实体数量";
}
.lang-tr .bottom-box.class-amended ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-修正 ul li:nth-child(2)>.default:after {
    content: "未知實體數量";
}
.lang-cn .bottom-box.class-amended ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-修正 ul li:nth-child(3)>.default:after {
    content: "文件被篡改";
}
.lang-tr .bottom-box.class-amended ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-修正 ul li:nth-child(3)>.default:after {
    content: "文件被篡改";
}

/* omega */

.top-box.class-omega .bottom-text p,
.top-box.class-终结 .bottom-text p,
.top-box.class-終結 .bottom-text p {
    display: none;
}
.lang-cn .top-box.class-omega .bottom-text:after,
.lang-cn .top-box.class-终结 .bottom-text:after,
.lang-cn .top-box.class-終結 .bottom-text:after {
    content: "终结";
}
.lang-tr .top-box.class-omega .bottom-text:after,
.lang-tr .top-box.class-终结 .bottom-text:after,
.lang-tr .top-box.class-終結 .bottom-text:after {
    content: "終結";
}
.top-box.class-omega,
.diamond-color.class-omega,
.top-box.class-终结,
.diamond-color.class-终结,
.top-box.class-終結,
.diamond-color.class-終結 {
    background: #192EFF;
}
.top-box.class-omega .header-diamond .diamond-image,
.top-box.class-终结 .header-diamond .diamond-image,
.top-box.class-終結 .header-diamond .diamond-image {
    background: url("http://backrooms-wiki-cn.wikidot.com/local--files/component:level-class/omega.png") center/78% no-repeat;
}
.lang-cn .bottom-box.class-omega ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-终结 ul li:nth-child(1)>.default:after,
.lang-cn .bottom-box.class-終結 ul li:nth-child(1)>.default:after {
    content: "隐藏的档案";
}
.lang-tr .bottom-box.class-omega ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-终结 ul li:nth-child(1)>.default:after,
.lang-tr .bottom-box.class-終結 ul li:nth-child(1)>.default:after {
    content: "隱藏的檔案";
}
.lang-cn .bottom-box.class-omega ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-终结 ul li:nth-child(2)>.default:after,
.lang-cn .bottom-box.class-終結 ul li:nth-child(2)>.default:after {
    content: "机密属性";
}
.lang-tr .bottom-box.class-omega ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-终结 ul li:nth-child(2)>.default:after,
.lang-tr .bottom-box.class-終結 ul li:nth-child(2)>.default:after {
    content: "機密屬性";
}
.lang-cn .bottom-box.class-omega ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-终结 ul li:nth-child(3)>.default:after,
.lang-cn .bottom-box.class-終結 ul li:nth-child(3)>.default:after {
    content: "受保护的实体";
}
.lang-tr .bottom-box.class-omega ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-终结 ul li:nth-child(3)>.default:after,
.lang-tr .bottom-box.class-終結 ul li:nth-child(3)>.default:after {
    content: "受保護的實體";
}

/* custom classes */

.color-\{$color}, .header-diamond .color-\{$color} {
    background: {$color} !important;
}
.top-box.color-\{$color} .header-diamond .diamond-image:not([class*="}"]) {
    background : url("{$image}") center/78% no-repeat !important;
}

.lang-cn .lang-tr,
.lang-tr .lang-cn {
    display: none;
}
[[/module]]

@@ @@

[[div class="lang-cn"]]
[[div class="top-box class-unknown color-{$color}"]]
[[div class="header-diamond"]]
[[div class="diamond-color class-unknown color-{$color}"]]
[[/div]]
[[div class="diamond-pattern"]]
[[/div]]
[[div class="diamond-image class-unknown {$image}"]]
[[/div]]
[[/div]]
[[div class="gradient-box"]]
[[div class="top-text"]]
[[span class="lang-cn"]]生存难度：[[/span]][[span class="lang-tr"]]生存難度：[[/span]]
[[/div]]
[[div class="bottom-text"]]
[[span class="lang-cn"]]等级[[/span]][[span class="lang-tr"]]等級[[/span]] unknown
[[/div]]
[[/div]]
[[/div]]
[[div class="bottom-box class-unknown"]]
* [[span class="性质未解明"]]性质未解明[[/span]][[span class="default"]]@@ @@[[/span]]
* [[span class="信息未知"]]信息未知[[/span]][[span class="default"]]@@ @@[[/span]]
* [[span class="未探明实体"]]未探明实体[[/span]][[span class="default"]]@@ @@[[/span]]
[[/div]]
[[/div]]

[[iftags +组件]]
[[module css]]
.cntr td {
    text-align: center;
}
[[/module]]
------
如何使用：

[[div class="code"]]
@@[[include :backrooms-wiki-cn:component:level-class@@
|lang=cn/tr
|class=等级
]]
[[/div]]
在 {{lang}} 处选择语言，cn 表示简体中文，tr 表示繁体中文。

{{class}} 处的可用参数包括以下内容，支持简繁体及英文输入。
[[table class="wiki-content-table cntr"]]
[[row]]
[[hcell colspan="7"]]English[[/hcell]][[hcell colspan="7"]]简体中文[[/hcell]][[hcell colspan="7"]]繁體中文[[/hcell]]
[[/row]][[row]]
[[cell]]0[[/cell]][[cell]]1[[/cell]][[cell]]2[[/cell]][[cell]]3[[/cell]][[cell]]4[[/cell]][[cell]]5[[/cell]][[cell]]6[[/cell]]
[[cell]]0[[/cell]][[cell]]1[[/cell]][[cell]]2[[/cell]][[cell]]3[[/cell]][[cell]]4[[/cell]][[cell]]5[[/cell]][[cell]]6[[/cell]]
[[cell]]0[[/cell]][[cell]]1[[/cell]][[cell]]2[[/cell]][[cell]]3[[/cell]][[cell]]4[[/cell]][[cell]]5[[/cell]][[cell]]6[[/cell]]
[[/row]][[row]]
[[cell colspan="7"]]unknown[[/cell]][[cell colspan="7"]]未知[[/cell]][[cell colspan="7"]]未知[[/cell]]
[[/row]][[row]]
[[cell colspan="7"]]habitable[[/cell]][[cell colspan="7"]]宜居[[/cell]][[cell colspan="7"]]宜居[[/cell]]
[[/row]][[row]]
[[cell colspan="7"]]deadzone[[/cell]][[cell colspan="7"]]死区[[/cell]][[cell colspan="7"]]死區[[/cell]]
[[/row]][[row]]
[[cell colspan="7"]]pending[[/cell]][[cell colspan="7"]]等待分级[[/cell]][[cell colspan="7"]]等待分級[[/cell]]
[[/row]][[row]]
[[cell colspan="7"]]n/a[[/cell]][[cell colspan="7"]]不适用[[/cell]][[cell colspan="7"]]不適用[[/cell]]
[[/row]][[row]]
[[cell colspan="7"]]amended[[/cell]][[cell colspan="7"]]修正[[/cell]][[cell colspan="7"]]修正[[/cell]]
[[/row]][[row]]
[[cell colspan="7"]]omega[[/cell]][[cell colspan="7"]]终结[[/cell]][[cell colspan="7"]]終結[[/cell]]
[[/row]]
[[/table]]

------

自定义等级

[[div class="code"]]
@@[[include :backrooms-wiki-cn:component:level-class@@
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
@@]]@@
[[/div]]
[[/iftags]]
页面版本: 1, 最后编辑于: 26 May 2025 09:53
编辑标签讨论历史记录附件打印网站工具 + 选项
后室民间分站沙盒

千里之行，始于足下。

👀
