@import url('https://fonts.googleapis.com/css2?family=Kdam+Thmor+Pro&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); @import url(https://union-icio-wiki.wdfiles.com/local--code/component%3Anice-page-options/1); :root { --logo-image: url("http://backrooms-sandbox-es.wdfiles.com/local--files/theme%3Aalerta-roja/logo4"); --header-title: ""; --header-subtitle: ""; --header-height-on-desktop: 12rem; --header-height-on-mobile: 12rem; --white-monochrome: 219, 215, 215; --pale-gray-monochrome: 224, 224, 224; --light-pale-gray-monochrome: var(--pale-gray-monochrome); --very-light-gray-monochrome: 161, 159, 159; --light-gray-monochrome: var(--pale-gray-monochrome); --gray-monochrome: var(--dark-accent); --dark-gray-monochrome: var(--bright-accent); --black-monochrome: var(--dark-accent); --pale-accent: 209, 23, 70; --bright-accent: 79, 7, 29; --medium-accent: 56, 4, 20; --dark-accent: 115, 16, 41; --header-gradient-color-bottom: 10, 0, 3; --header-gradient-color-middle: 115, 16, 41; --header-gradient-color-top: 209, 23, 70; --swatch-menubg-color: 74, 1, 25; --swatch-topmenu-border-color: 115, 16, 4; --link-color: var(--bright-accent); --hover-link-color: 115, 16, 4; --background-gradient-color: 255, 242, 219; --gradient-header: linear-gradient( to top, rgb(var(--header-gradient-color-bottom)) 0%, rgb(var(--header-gradient-color-middle)) 90%, rgb(var(--header-gradient-color-top)) 100% ); } #header::before { top: -1rem; left: 0rem; background-size: auto 15rem; } #header h1, #header h1 a { font-family: 'Kdam Thmor Pro', sans-serif; font-size: 190%; top: 2rem; left: -8.5rem; margin: 0; width: 100%; display: flex; justify-content: center; z-index: 0; } #header h2, #header h2 span, #header h2 span::before { position: absolute; font-family: 'Montserrat', sans-serif; top: 2rem; margin: 0; width: 100%; display: flex; justify-content: center; } h1, h2, h3, h4, h5, h6 { font-family: 'Allerta Stencil', sans-serif; color: white; } #skrollr-body { background-image: var(--gradient-header), var(--gradient-topmenu), var(--gradient-background)!important; background-size: var(--header-background-image-size), 100% var(--final-header-height-on-desktop), 100% var(--background-gradient-distance); } body { background-color: #4f0e1f ; color: #e0dede!important; font-family: 'Noto Sans', sans-serif; } #page-title { color: white; font-family: 'Allerta Stencil', sans-serif; font-size: 180%; } a { color: #8f1d3a; text-decoration: none; background: transparent; transition: color 0.5s ease; } a.newpage { color: #6b1b2f; text-decoration: none; background: transparent; } a:visited { color: #ad2f4d; text-decoration: none; background-color: rgb(var(--bright-accent)); } a:hover { text-decoration: hover; background-color: rgb(var(--bright-accent)); color: #d12e56;; } .code { border: 2px solid #e0dede; font-family: 'Allerta Stencil', sans-serif; color: #e0dede; background-color: #4a0d1c; border: 2px dashed #75142c; border-left: 5px solid #75142c; } blockquote { border: 2px dashed #75142c; color: #e0dede; background-color: #4a0d1c; } /* e */ .page-rate-widget-box { color: white!important; box-shadow: 0px 0px 0px 2px rgb(var(--light-pale-gray-monochrome)); background: rgb(var(--bright-accent)); padding: .1em; border-radius: 0px 10px 0px 10px; border: 2px solid #75142c; } .page-rate-widget-box .rate-points { background-color: rgb(var(--bright-accent)) !important; border: none; color: white!important; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: rgb(var(--bright-accent)); border-top: none; border-bottom: none; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: transparent; color: white!important; } .page-rate-widget-box .cancel { background: transparent; background-color: rgb(var(--bright-accent)); border: none; } .page-rate-widget-box .cancel a { color: white!important; } /* ak */ .scp-image-block { border: solid 1px #75142c; } .scp-image-block .scp-image-caption { background-color: #4a0d1c; border-top: solid 1px #75142c; } .footnotes-footer { margin-left: 0px; margin-right: 0px; background: #661126; font-family: 'Allerta Stencil', sans-serif; font-size: 1.1em; color: #e0dede; } #search-top-box-form input[type=submit]:focus, #search-top-box-form input[type=submit]:hover { --text-shadow: none; background-color: rgb(var(--swatch-menubg-dark-color)); color: rgb(var(--swatch-text-general)); } #search-top-box-input:focus, #search-top-box-input:hover { color: rgb(var(--swatch-text-general)); } /* i */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: rgb(var(--dark-accent)); -webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 rgb(var(--dark-accent)); box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--light-pale-gray-monochrome)); } /* Unselected Tab Values */ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: #541625; border: 2px dashed #75142c; color: rgb(var(--light-pale-gray-monochrome)); } /* Tab Hover Values */ .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background: rgb(var(--medium-accent)); color: rgb(var(--light-pale-gray-monochrome)) !important; } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { background: rgb(var(--medium-accent)); -webkit-box-shadow: 0 0 0 0.0625rem rgb(var(--dark-accent)); box-shadow: 0 0 0 0.0625rem rgb(var(--dark-accent)); } /* Selected Tab */ .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-nav .selected:hover, .yui-navset .yui-navset-top .yui-nav .selected:hover { color: rgb(var(--light-pale-gray-monochrome)) !important; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { color: rgb(var(--light-pale-gray-monochrome)); } .yui-navset .yui-nav .selected a { /* Undoes a color set by wikidot's default layout */ color: rgb(var(--light-pale-gray-monochrome)) !important; } .yui-navset .yui-content { border-top: 6px solid black; background-color: #661126; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--dark-accent)); } .yui-navset-left .yui-content { border-left-color: rgb(var(--dark-accent)); } /* 8 */ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-color: rgb(var(--medium-accent)); color: #000000; } table.wiki-content-table th { background-color: rgb(var(--dark-accent)); color: rgb(var(--pale-gray-monochrome)); border: 2px dashed #75142c; } table.wiki-content-table { border: 2px dashed #75142c; } table.wiki-content-table th, table.wiki-content-table tr { border: 2px dashed #75142c; } table.wiki-content-table td { border: 2px dashed #75142c; } hr { color: #75142c !important; background-color: transparent!important; } p::selection { background: #75162f; } /* Log-In Info */ #login-status ul a { background-color: transparent; color: black; } #login-status ul a:hover { color: #0d0d0d; background-color: #ad2f4d; } #account-topbutton { background: transparent; color: #ffc780; border: none; } #account-options { } /* ###### Account ########################### */ #login-status a:hover{ color: #ad2f4d; background-color:transparent; } #account-options { border: 2px dashed #75142c; color: #e0dede; background-color: #4a0d1c; } #account-options li a { color: white; } #account-options li a:hover { color: black; } #account-options a, a#account-topbutton{ color: #000; font-weight: normal; background-color: transparent; } #account-options #account-options, a#account-topbutton{ background-color: transparent; border-style: none; color: #ccc; } .lightblock { background: #661126; color: white; } .styled-quote { background: #661126; color: white; } .darkblock { background: #611327; color: white; } .dark-styled-quote { background: #611327; color: white; } #side-bar:hover::-webkit-scrollbar-thumb, #side-bar:focus::-webkit-scrollbar-thumb { background: rgb(135, 36, 60); } #side-bar:hover::-webkit-scrollbar-track, #side-bar:focus::-webkit-scrollbar-track { background: rgb(173, 47, 77); } body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb { background: rgba(173, 47, 77); } #page-content .collapsible-block-link { color: rgba(173, 47, 77); } .top-box { border-color: rgb(59, 54, 59) !important; } .bottom-box ul li { color: white !important; } .bottom-box ul li:before { background: white!important; } .top-box .gradient-box { background: linear-gradient(90deg, rgba(59, 54, 59, 1) 0%, rgba(59, 54, 59, 0) 36%) !important; } .header-diamond { 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:%233b363b;%7D .st1%7Bfill:%233b363b;%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") !important; } .top-box.class-unknown .header-diamond { filter: none !important; } .top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; } .top-box .header-diamond .diamond-image { filter: brightness(0%) invert(100%); } .top-box.class-0, .header-diamond .diamond-color.class-0 { background: rgb(156, 30, 61) !important; } .top-box.class-1, .header-diamond .diamond-color.class-1 { background: rgb(138, 26, 54) !important; } .top-box.class-2, .header-diamond .diamond-color.class-2 { background: rgb(120, 23, 47) !important; } .top-box.class-3, .header-diamond .diamond-color.class-3 { background: rgb(102, 19, 40) !important; } .top-box.class-4, .header-diamond .diamond-color.class-4 { background: rgb(84, 16, 33) !important; } .top-box.class-5, .header-diamond .diamond-color.class-5 { background: rgb(64, 12, 25) !important; } .top-box.class-unknown, .header-diamond .diamond-color.class-unknown { background: rgb(59, 54, 59) !important; } .top-box.class-habitable, .header-diamond .diamond-color.class-habitable { background: rgb(161, 34, 65) !important; } #main-content::after { background-image: url("http://backrooms-sandbox-es.wdfiles.com/local--files/theme%3Aalerta-roja/Dise%C3%B1o%20sin%20t%C3%ADtulo%20%2813%29.png"); background-size: 2.70rem 12.875rem; } #h-perpage, .optionstd a, .new-post .btn, #history-form-1 .btn-sm, .well .btn-sm, .change-textarea-size a, .buttons .btn-small, .action-area .btn-default, .action-area .btn-primary, .col-lg-10 .form-control, .form-actions .btn-danger, .buttons .btn-default, .target a, .buttons .btn-danger, .button-close-message, .button-close-window, .button-cancel, .button-insert-code, #wd-ed-codewizard-type, #wd-ed-imagewizard-position, #wd-ed-imagewizard-uri, #wd-ed-imagewizard-byuri .button, #wd-ed-imagewizard-flickr, #wd-ed-imagewizard-byflickr .button, .query-area .button, .button-close, .button-rename, .button-no,-cancel, .button-yes,-delete, #file-upload-form .btn-primary, .button-move, #action-area .buttons .btn-primary, #edit-page-form .buttons .btn-info, #view-diff-div .button, .button-yes,-revert, .modal-footer .btn-danger, .modal-footer .btn-default, .modal-footer .btn-primary, #mba-apply, .yui-content .button, .btn-warning, #edit-meta-newtag-form div .btn, .new-page-box .button, #page-templates, #recent-posts-category, .forum-recent-posts-box form .btn, .owindow .button-bar .btn { font-family: 'Allerta Stencil', sans-serif; background-color: #300707; border-color: rgb(var(--gray-monochrome)); color: #ededed; border-radius: 10px; } #h-perpage:hover, .optionstd a:hover, .new-post .btn:hover, #history-form-1 .btn-sm:hover, .well .btn-sm:hover, .change-textarea-size a:hover, .buttons .btn-small:hover, .action-area .btn-default:hover, .action-area .btn-primary:hover, .col-lg-10 .form-control:hover, .form-actions .btn-danger:hover, .buttons .btn-default:hover, .target a:hover, .buttons .btn-danger:hover, #edit-cancel-button:hover, #edit-save-button:hover, .button-close-message:hover, .button-close-window:hover, .button-cancel:hover, .button-insert-code:hover, #wd-ed-codewizard-type:hover, #wd-ed-imagewizard-position:hover, #wd-ed-imagewizard-uri:hover, #wd-ed-imagewizard-byuri .button:hover, #wd-ed-imagewizard-flickr:hover, #wd-ed-imagewizard-byflickr .button:hover, .query-area .button:hover, .button-close:hover, .action-area .buttons .btn-primary:hover, .button-rename:hover, .button-no,-cancel:hover, .button-yes,-delete:hover, #file-upload-form .btn-primary:hover, .button-move:hover, #action-area .buttons .btn-primary:hover, #edit-page-form .buttons .btn-info:hover, #view-diff-div .button:hover, .button-yes,-revert:hover, .modal-footer .btn-danger:hover, .modal-footer .btn-default:hover, .modal-footer .btn-primary:hover, #mba-apply:hover, .yui-content .button:hover, .btn-warning:hover, #edit-meta-newtag-form div .btn:hover, .new-page-box .button:hover, #page-templates:hover, #recent-posts-category:hover, .forum-recent-posts-box form .btn:hover, .owindow .button-bar .btn:hover { font-family: 'Allerta Stencil', sans-serif; background-color: #5f0000; color: rgb(var(--swatch-text-light)); text-decoration: none; } .pager .current { border: 2px solid rgb(var(--gray-monochrome)); font-family: 'Allerta Stencil', sans-serif; background-color: #300707; border-radius: 10px; border-color: rgb(var(--gray-monochrome)); color: #ededed; } .pager { padding-top: 20px; border-radius: 10px; padding-bottom: 20px; font-family: 'Allerta Stencil', sans-serif; background-color: #300707; border-color: rgb(var(--gray-monochrome)); color: #ededed; border-radius: 10px; line-height: 25px; } .owindow { color: white; border: 2px solid #75142c; background-color: #300707; } .owindow .modal-header { background-color: #2e2e2e; } .owindow .modal-body img { background-color: transparent !important; } .owindow .title { font-family: 'Allerta Stencil', sans-serif; border-bottom: 2px dashed #75142c; background-color: #300707; color: rgb(var(--swatch-text-light)); } .owindow .button-bar a { background-color: black; border-color: rgb(var(--gray-monochrome)); color: #ededed; } .owindow .button-bar a:hover { background-color: #4a0d1c; } /* ===CHECKBOXES=== */ input[type=checkbox] { display: inline-block; position: relative; width: 1em; height: 1em; transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1); background-color: #300707; border-color: rgb(var(--gray-monochrome)); color: #ededed; border-radius: 10px; outline: 0 solid rgb(var(--swatch-primary)); cursor: pointer; appearance: none; will-change: box-shadow, border-color; } input[type=checkbox]::before, input[type=checkbox]::after { --clip-path: polygon( 0 0, 100% 0, 100% 0, 0 0 ); content: " "; display: inline-block; position: absolute; width: 20%; height: 0; transform-origin: left top; background-color: #5f0000; box-shadow: 0 0 0 0 rgb(var(--swatch-secondary-color)); clip-path: var(--clip-path); will-change: box-shadow, border-color; } input[type=checkbox]::before { top: 75%; left: 40%; height: 150%; transform: rotate(-135deg); transition: background-color 50ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } input[type=checkbox]::after { top: 40%; left: 5%; height: 50%; transform: rotate(-45deg); transition: background-color 50ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms; } input[type=checkbox]:checked { border-color: rgb(var(--gray-monochrome)); background-color: #5f0000; outline: 0 solid rgb(var(--swatch-primary)); box-shadow: 0 0 0 0.125rem rgb(var(--swatch-primary)); } input[type=checkbox]:checked::before, input[type=checkbox]:checked::after { --clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100% ); background-color: rgba(var(--swatch-primary),1); box-shadow: 0 0 0 0.05em rgb(var(--swatch-secondary-color)); } input[type=checkbox]:checked::before { transition: background-color 50ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 150ms, clip-path 159ms cubic-bezier(0.4, 0, 0.2, 1) 150ms; } input[type=checkbox]:checked::after { transition: background-color 50ms cubic-bezier(0.4, 0, 0.2, 1) 50ms, box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1); } /* Mobile Compatibility */ @media (max-width: 878px) { #header::before { top: 0.50rem; } }
生存难度:生存難度:
等级等級 死区
- 绝望
- 腐烂
- 永生
如何使用:
[[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]]
你因为颓废的自己来到了这颓废之地。
描述
该层级地面散布着少量的枝叶。由流浪者初次进入时的位置作原点,该层级会不断按照此点向外生成高5000米,直径5000米的土壤材质的类似于圆锥的山峰,向外延伸1000层。在边缘处,隐约可见底部烟雾弥漫的虚空。同时,最外部区域被认为有原始森林等古早自然群系存在,现已对其展开勘探。此外,山峰上疑似有雨林存在并且规模较大,这些树木资源可能会在未来被用作开发及商业用途。
显然,你无法享受此境界。
这只是表象。
很快你会发现,层级正腐烂,将你从这现实中剥离。
现实被压缩至最后一平方米。
他停止了进程。
档案3保存。
“着火了!!”
一片赤红的世界。
档案3加载。
……
永世折磨降临。


