:root { --theme-base: "black-highlighter"; --theme-id: "speednoclippers"; --theme-name: "SpeedNoclippers Theme"; /* Header */ --logo-image: url("http://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg"); --header-title: "速切玩家"; --header-subtitle: "只为更快,只为通关"; /* 标准色 */ --white-monochrome: 248, 248, 255; /* 白色 */ --very-light-gray-monochrome: 56, 116, 248; /* 次强调色(应用于杂项) */ --light-gray-monochrome: 135, 170, 230; --pale-gray-monochrome: 255, 255, 255; /* 次强调色(登录时) */ --gray-monochrome: 84, 144, 248; --bright-accent: 84, 144, 248; /* 灰色 */ --black-monochrome: 0, 53, 145; /* 黑色 */ --medium-accent: 31, 111, 247; /* 蓝色*/ --dark-accent: 0, 53, 145; /* 深蓝色 */ --dark-gray-monochrome: 70,130,180; /* 评分模块颜色 */ --rating-module-button-plus-color: var(--black-monochrome); --rating-module-button-negative-color: var(--dark-accent); --rating-module-button-cancel-color: var(--black-monochrome); --rating-module-button-credit-color: var(--black-monochrome); /* 链接颜色 */ --link-color: 0, 81, 255; --hover-link-color: 46, 172, 254; --visited-link-color: 70,130,180; --newpage-color: 156,56,156; /* 背景与网站标题色 */ --background-gradient-color: var(--light-gray-monochrome); --header-gradient-color-bottom: var(--medium-accent); --header-gradient-color-middle: var(--black-monochrome); --header-gradient-color-top: var(--black-monochrome); /* 主要主题色 */ --swatch-background: var(--light-gray-blacmonochrome); --swatch-primary: var(--bright-accent); --swatch-primary-darker: var(--medium-accent); --swatch-primary-darkest: var(--dark-accent); } #header::before { content: ""; position: absolute; height: 100%; width: 100%; background-image: var(--logo-image); opacity: 1; } body{ background-color: rgb(237,237,255); } #skrollr-body { background-image: none; } /* 图片块 */ .scp-image-block { border: none; } .scp-image-block .scp-image-caption { color: rgb(var(--white-monochrome)); background-color: rgb(var(--dark-accent)); } /*评分块*/ .page-rate-widget-box { background-color:rgb(var(--white-monochrome)); border: 0.2rem solid rgba(var(--black-monochrome)); } /* TABVIEW */ .yui-navset .yui-content { background-color:rgba(var( --light-gray-monochrome), .25); border-color: rgba(var(--dark-accent), 1); } .yui-nav { border-color: rgba(var(--dark-accent), 1); } /*未选择的tab*/ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgba(var(--light-gray-monochrome), .25); color:rgb(var(--black-monochrome)); } /*鼠标移上去的tab*/ .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: rgba(var(--gray-monochrome)); } /*选了的tab*/ .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected { background-color: rgba(var(--dark-accent), 1); } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active { background-color: rgba(var(--dark-accent), 1); } /* 标准引用块 */ blockquote, div.blockquote { border: 1px dashed; background-color: rgba(135,170,230,.25); background-opacity: 0.4 } /* 代码块 */ .code { border: 1px solid; background-color: rgba(135,170,230,.25); } /*标题块/暗色标题块(block是标题,box是正文)*/ .titleblock { background-color: rgb(var(--white-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,.25); border: solid rgb(var(--dark-accent)) 2px; } .titlebox{ position: relative; top: -1.6rem; background-color: rgb(var(--dark-accent)); color: rgb(255,255,255); padding: 0.25rem 1rem; line-height: 0.1rem; } .dark-titleblock { background-color: rgb(var(--dark-accent)); color: rgb(255,255,255); padding: 0.5rem 1rem 0.10rem; margin: 1.5rem 0rem 0.5rem 0rem; box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25); border: solid rgb(255,255,255) 2px; } .dark-titlebox{ position: relative; top: -1.6rem; background-color: rgb(var(--white-monochrome)); color: rgb(0,0,0); padding: 0.25rem 1rem; line-height: 0.1rem; } /*各种装饰块*/ .darkblock a{ color: #bbbbbb; } .styled-quote { background-color:rgb(var(--white-monochrome));; border-left: 0.5rem solid rgba(var(--dark-accent)); } .darkblock { background-color:rgb(var(--dark-accent)); } .dark-styled-quote { background-color:rgb(var(--dark-accent)); border-left: 0.5rem solid rgba(255,255,255); color:rgb(var(--white-monochrome)); } .dark-styled-quote a{ color: #bbbbbb; } .styled-quote-d { background-color:rgb(var(--white-monochrome)); border-left: 0.5rem solid rgba(var(--dark-accent)); border-right: 0.5rem solid rgba(var(--dark-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-d { background-color:rgb(var(--dark-accent)); border-left: 0.5rem solid rgb(var(--white-monochrome)); border-right: 0.5rem solid rgb(var(--white-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-d a{ color: #bbbbbb; } .borderblock{ background-color:rgb(var(--white-monochrome)); border: 0.25rem solid rgba(var(--dark-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-borderblock{ background-color:rgb(var(--dark-accent)); border: 0.25rem solid rgb(var(--white-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-borderblock a{ color: #bbbbbb; } /*有logo或者别的什么图片的块*/ .logoblock{ padding: 0.01rem 1rem; 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(--white-monochrome)); } .logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; pointer-events: none; } .border-logoblock{ padding: 0.01rem 1rem; 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(--white-monochrome)); border: solid 0.3rem rgb(var(--dark-accent)); } .border-logoblock::after{ content: ""; float: center; border: solid 2px #0000; background: url(http://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg) center/25% no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; pointer-events: none; } .noclipblock{ padding: 0.01rem 1rem; 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(--white-monochrome)); } .noclipblock::after{ content: ""; border: solid 2px #0000; background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb) left no-repeat; background-position: left; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; pointer-events: none; } .noclipblock-r{ padding: 0.01rem 1rem; 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(--white-monochrome)); } .noclipblock-r::after{ content: ""; float: left; border: solid 2px #0000; background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb) right no-repeat; opacity: 0.25; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; pointer-events: none; } .dark-noclipblock{ padding: 0.01rem 1rem; 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(--black-monochrome)); color:rgb(var(--white-monochrome)); } .dark-noclipblock::after{ content: ""; float: left; border: solid 2px #0000; background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipw) left no-repeat; opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; pointer-events: none; } .dark-noclipblock-r{ padding: 0.01rem 1rem; 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(--black-monochrome)); color:rgb(var(--white-monochrome)); } .dark-noclipblock-r::after{ content: ""; float: left; border: solid 2px #0000; background: url(http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipw) right no-repeat; opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; pointer-events: none; } /*奇奇怪怪的阴影块*/ .shadowblock{ padding: 0.01rem 1rem; box-shadow: 0.5rem 0.5rem rgb(0,53,145); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgba(135,170,230,.4); } .inset-shadowblock{ padding: 0.01rem 1rem; box-shadow: inset 5em 1em rgba(31,111,247,.25), inset 8em 2em rgba(84,144,248,.25), 0.1rem 0.2rem 0.2rem rgba(0,0,0,.25); margin: 0.5rem 0 0.5rem 0.25rem; display: block; position: relative; background-color: rgb(var(--white-monochrome)); border: solid 0.3rem rgb(var(--dark-accent)); } /*sd模块*/ .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; } .bottom-box ul li { color: rgb(var(--black-monochrome)) !important; } .bottom-box ul li:before { background: rgb(var(--black-monochrome)) !important; } .top-box .header-diamond .diamond-image { filter: brightness(0%) invert(100%); } .top-box { border-color: rgb(0,53,145) !important; } .top-box .gradient-box { background: linear-gradient(90deg, rgba(0,53,145,1) 0%, rgba(0,53,145,0) 36%) !important; } .top-box .header-diamond .diamond-image { -webkit-mask: none !important; mask: none !important; } .header-diamond, .header-diamond::after { 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:%23003591;%7D .st1%7Bfill:%23003591;%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:before { background: url("") !important; } .header-diamond .diamond-pattern { background: url("") !important; } .top-box.class-0 { background: #3874f8 !important; } .top-box.class-0 .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd0") center/78% no-repeat !important; } .header-diamond .diamond-color.class-0 { background: #3874f8 !important; } .top-box.class-1, .top-box.class-2 { background: #3874f8 !important; } .top-box.class-1 .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd1") center/78% no-repeat !important; } .top-box.class-2 .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd2") center/78% no-repeat !important; } .header-diamond .diamond-color.class-1, .header-diamond .diamond-color.class-2 { background: #3874f8 !important; } .top-box.class-3, .header-diamond .diamond-color.class-3 { background: rgb(70,130,180) !important; } .top-box.class-3 .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd3") center/78% no-repeat !important; } .top-box.class-4 .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd4") center/78% no-repeat !important; } .header-diamond .diamond-color.class-3, { background: rgb(70,130,180) !important; } .top-box.class-4, .top-box.class-5, .header-diamond .diamond-color.class-4, .header-diamond .diamond-color.class-5 { background: #0047c3 !important; } .top-box.class-5 .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd5") center/78% no-repeat !important; } .top-box.class-unknown { background: #bbbbbb !important; } .header-diamond .diamond-color.class-unknown { background: #bbbbbb !important; } .top-box.class-unknown .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sd%3F") center/78% no-repeat !important; } .top-box.class-n\/a .header-diamond:after { filter: none !important; } .top-box.class-n\/a { background: #bbbbbb !important; } .header-diamond .diamond-color.class-n\/a { background: #bbbbbb !important; } .top-box.class-n\/a .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdna") center/78% no-repeat !important; } .top-box.class-habitable { background: #33ff55 !important; } .header-diamond .diamond-color.class-habitable { background: #33ff55 !important; } .top-box.class-habitable .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdh") center/78% no-repeat !important; } .top-box.class-deadzone { background: #ff3433 !important; } .header-diamond .diamond-color.class-deadzone { background: #ff3433 !important; } .top-box.class-deadzone .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sddz") center/78% no-repeat !important; } .top-box.class-pending { background: #bbbbbb !important; } .header-diamond .diamond-color.class-pending { background: #bbbbbb !important; } .top-box.class-pending .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdpd") center/78% no-repeat !important; } .top-box.class-amended .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdam") center/78% no-repeat !important; } .top-box.class-omega .header-diamond .diamond-image { background: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/sdom") center/105% no-repeat !important; }
:root { --lh-red: #c0392b; --lh-blue: #2980b9; --lh-green: #27ae60; --lh-dark-green: #16a085; --lh-purple: #8e44ad; --lh-orange: #e67e22; --lh-yellow: #f1c40f; --lh-paper-bg: 255, 251, 240; --lh-string-color: 192, 57, 43; --lh-book-color: var(--gray-monochrome); --lh-tape-color: 90,90,90,0.3; --lh-white-bg: 249,249,249; --lh-dark-bg: 50, 50, 50; --lh-highlighter: var(--bright-accent); --lh-border-color: var(--gray-monochrome); --lh-wiki-note-color: var(--bright-accent) } /** * 旧代码合集 * 为了向下兼容而保留 */ .grid-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.grid-container,.grid-container [class*=grid]{box-sizing:border-box}[class*=grid]{padding:5px}.grid{width:100%}.grid-large{width:75%}.grid-big{width:50%}.grid-medium{width:33.33%}.grid-small{width:25%}@media screen and (min-width:768px){.wd-grid-large{width:75%}.wd-grid,.wd-grid-big{width:50%}.wd-grid-medium{width:33.33%}.wd-grid-small{width:25%}}.text-hover-hide{opacity:0;transition:opacity .3s}.text-hover-hide:hover{opacity:1}.text-block-hide{background:rgb(var(--black-monochrome));color:rgb(var(--black-monochrome));transition:background .3s}.text-block-hide:hover{background:0 0}.text-blur-hide,.text-blur-hover-hide{filter:blur(.3rem);-webkit-filter:blur(.3rem) transition: blur .3s}.text-blur-hover-hide:hover{filter:blur(0);-webkit-filter:blur(0)}.lyric-box{text-align:center;font-size:1.05rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.lyric-box p{margin:1.5em auto}.lyric-box.with-bigger-line p{margin:3em auto} /** * 便签纸 * notepaper */ .notepaper { background: linear-gradient(rgb(var(--lh-paper-bg)) 95%, #ddd 0); line-height: 2em; background-size: 100% 2em; background-attachment: local; border: 2em solid rgb(var(--lh-paper-bg)); box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2); padding: 0; margin: 1em auto; box-sizing: border-box; position: relative } .notepaper p { margin: 0; font-size: 1.05rem; letter-spacing: 0.1rem; line-height: inherit } .notepaper.narrow, .notepaper.wide { width: 90% } @media screen and (min-width:768px){ .notepaper.narrow { width: 50% } .notepaper.wide { width: 75% } } .notepaper.tight { border-width: 1rem; border-left-width: 1.2rem; border-right-width: 1.2rem; line-height: 1.8em; background-size: 100% 1.8em; font-size: 13px } .notepaper.with-string::before { content: ''; width: 0.5em; height: 6rem; background: rgb(var(--lh-string-color)); top: -2rem; right: -1rem; display: block; position: absolute; box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2); clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 98%,0% 100%); } .notepaper.with-tape::before { content: ''; border: 1px solid #ddd; background: rgba(var(--lh-tape-color)); width: 1.5em; height: 4em; transform: rotate(45deg); display: block; position: absolute; top: -3em; left: -1.8em } .notepaper.tight.with-string::before { top: -1rem; right: -0.25rem; } .notepaper.tight.with-tape::before { top: -2.5em; left: -1.3em } .notepaper.page { min-height: 36em; counter-increment: page; display: flex; flex-direction: column; justify-content: space-between } @media screen and (min-width:768px){ .notepaper.page { width: 70% } } .notepaper.page:after { content: counter(page); display: block; text-align: center } .notepaper-group { counter-reset: page; } .book-pattern { display: flex; flex-wrap: wrap; flex-direction: row } .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 100% } @media screen and (min-width: 768px) { .book-pattern .notepaper.page:not(.notepaper > .notepaper) { width: 50% } } .book-wrapper { background: rgb(var(--lh-book-color)); padding: 0.5rem; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2); border-radius: 5px; margin: 1rem auto } @media screen and (min-width: 768px) { .book-wrapper .notepaper { margin: 0 } } /** * 文字修饰 */ .text-highlighted { position: relative } .text-highlighted::before { content: ""; position: absolute; height: 0.9em; bottom: 2px; left: -2px; width: 105%; z-index: -1; background-color: rgb(var(--lh-highlighter)); opacity: .6; transform: skew(-15deg); transition: opacity .2s ease; border-radius: 3px 8px 10px 6px; transition: 0.1s ease background-color; } .text-underlined { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-wavy { text-decoration: underline wavy; text-underline-offset: 4px; text-decoration-color: rgb(var(--lh-highlighter)) } .text-circled, .text-squared { display: inline-block; border: 2px solid rgb(var(--lh-highlighter)); border-radius: 100%; box-sizing: border-box } .text-squared { border-radius: 0 } .text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--lh-highlighter)) } .text-highlighted.td-red::before { background: var(--lh-red) } .text-circled.td-red, .text-squared.td-red { border-color: var(--lh-red) } .text-underlined.td-red, .text-wavy.td-red { text-decoration-color: var(--lh-red) } .text-highlighted.td-blue::before { background: var(--lh-blue) } .text-circled.td-blue, .text-squared.td-blue { border-color: var(--lh-blue) } .text-underlined.td-blue, .text-wavy.td-blue { text-decoration-color: var(--lh-blue) } .text-highlighted.td-green::before { background: var(--lh-green) } .text-circled.td-green, .text-squared.td-green { border-color: var(--lh-green) } .text-underlined.td-green, .text-wavy.td-green { text-decoration-color: var(--lh-green) } .text-highlighted.td-darkgreen::before { background: var(--lh-dark-green) } .text-circled.td-darkgreen, .text-squared.td-darkgreen { border-color: var(--lh-dark-green) } .text-underlined.td-darkgreen, .text-wavy.td-darkgreen { text-decoration-color: var(--lh-dark-green) } .text-highlighted.td-purple::before { background: var(--lh-purple) } .text-circled.td-purple, .text-squared.td-purple { border-color: var(--lh-purple) } .text-underlined.td-purple, .text-wavy.td-purple { text-decoration-color: var(--lh-purple) } .text-highlighted.td-yellow::before { background: var(--lh-yellow) } .text-circled.td-yellow, .text-squared.td-yellow { border-color: var(--lh-yellow) } .text-underlined.td-yellow, .text-wavy.td-yellow { text-decoration-color: var(--lh-yellow) } .text-highlighted.td-orange::before { background: var(--lh-orange) } .text-circled.td-orange, .text-squared.td-orange { border-color: var(--lh-orange) } .text-underlined.td-orange, .text-wavy.td-orange { text-decoration-color: var(--lh-orange) } /* 隐藏文字 */ .text-blank { color: rgba(0,0,0,0) } .text-block { background: rgb(var(--black-monochrome)); color: rgb(var(--black-monochrome)); } .text-blur { filter: blur(0.3em); -webkit-filter: blur(0.3em) } .text-hoverback, .text-selectback { transition-duration: 0.3s; transition-property: background, transform, color } .text-blank.text-hoverback:hover, .text-blank.text-selectback::selection, .text-blank.text-selectback *::selection { color: rgb(var(--black-monochrome)) } .text-block.text-hoverback:hover { background: transparent!important } .text-block.text-selectback::selection, .text-block.text-selectback *::selection { color: rgb(var(--white-monochrome, 255, 255, 255)) } .text-blur.text-hoverback:hover { filter: blur(0)!important; -webkit-filter: blur(0)!important } /** * 附加项 */ .with-border, .with-box-style { border: 1px solid rgb(var(--bright-accent)) } .with-border-dark { border: 1px solid rgb(var(--black-monochrome)) } .with-border-light { border: 1px solid rgb(var(--white-monochrome)) } .with-border-thick { border-width: 2px } .with-shadow-sm { box-shadow: 0 0 0.1em rgba(0,0,0,0.2) } .with-shadow { box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2) } .with-shadow-lg { box-shadow: 0 0.15em 0.3em rgba(0,0,0,0.2) } .with-shadow-xl { box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2) } .with-shadow-xxl { box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.2) } .with-padding, .with-box-style { padding: 0.25em 1em } .with-p-sm { padding: 0.125em 0.5em } .with-p-lg { padding: 0.5em 2em } .with-margin, .with-box-style { margin: 1em auto } .with-m-sm { margin: 0.5em auto } .with-m-lg { margin: 2em auto } .with-narrow-width { width: 90%!important; margin-left: auto; margin-right: auto } @media screen and (min-width: 768px) { .with-narrow-width { width: 75%!important } } [class*="with-bg-"], [class*="with-bg-"] h1 { color: #fff!important } .with-bg-red { background: var(--lh-red)!important } .with-bg-blue { background: var(--lh-blue)!important } .with-bg-green { background: var(--lh-green)!important } .with-bg-darkgreen { background: var(--lh-dark-green)!important } .with-bg-yellow { background: var(--lh-yellow)!important } .with-bg-orange { background: var(--lh-orange)!important } .with-bg-purple { background: var(--lh-purple)!important } /** * 删除类 */ .offwith-shadow { box-shadow: none!important } .offwith-border { border: none!important } .offwith-padding, .offwith-pam { padding: 0!important } .offwith-margin, .offwith-pam { margin: 0!important } .offwith-width-limit { width: auto!important; margin-left: auto!important; margin-right: auto!important } div[class*="grider"].offwith-grid-gap { grid-gap: 0!important } /** * 网格布局 */ /* Gridder 容器 */ div[class*="gridder"] { display: grid; box-sizing: border-box; grid-gap: 1rem; padding: 0 } div[class*="gridder"] * { box-sizing: border-box } .gridder, .gridder-col-2 { grid-template-columns: 1fr 1fr; } .gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .gridder-col-4 { grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 768px) { .pc-gridder, .pc-gridder-col-2 { grid-template-columns: 1fr 1fr; } .pc-gridder-col-3 { grid-template-columns: repeat(3, 1fr); } .pc-gridder-col-4 { grid-template-columns: repeat(4, 1fr); } } .spanner, .spanner-2 { grid-column-start: span 2; } .spanner-3 { grid-column-start: span 3; } /** * 告示组件 */ .signblock, .signblock-dark, .signblock-warn { margin: 1rem auto; box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.4); background: rgb(var(--lh-white-bg)); font-size: 1.05rem; padding: 2rem } @media screen and (min-width: 768px) { .signblock, .signblock-dark, .signblock-warn { width: 75% } } .signblock-dark, .signblock-dark h1 { background: rgb(var(--lh-dark-bg)); color: #fff } .signblock-warn, .signblock-warn h1 { background: var(--lh-red); color: #fff } .signblock h1, .signblock-dark h1, .signblock-warn h1 { text-align: center; font-size: 2rem; margin: 0; font-weight: 700 } .signblock-img { display: flex; flex-direction: row; justify-content: center } .signblock-img img { width: 8em } .signblock-footer { font-size: 0.9em; text-align: center; margin: 0.5rem 0; font-weight: bolder; display: block } /** * 报告 */ .reportblock, .reportblock-dark { border: 2px solid rgb(var(--lh-border-color)); box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3); background: rgb(var(--white-monochrome)); padding: 0.8rem 1.5rem; padding-bottom: 0.4rem; margin: 1.5rem auto; margin-bottom: 1rem; position: relative } .reportblock hr, .reportblock-dark hr { background-color: rgb(var(--lh-border-color)); margin-left: -1.5rem; margin-right: -1.5rem } .reportblock h1:first-child, .reportblock-dark h1:first-child { position: absolute; top: -1rem; left: 1.5rem; font-size: 110%; font-weight: 600; background: rgb(var(--lh-border-color)); color: #fff; padding: 0.2rem 0.5rem; margin: 0; } .reportblock-dark, .reportblock-dark h1 { border-color: rgb(var(--lh-white-bg)); background: rgb(var(--lh-dark-bg)); color: #fff } .reportblock-dark hr { background-color: rgb(var(--lh-white-bg)); } /* 更好的折叠框 */ .bettercollap { margin: 1em 0; } .bettercollap .collapsible-block { width: auto; overflow: hidden; border: 1px solid rgb(var(--lh-border-color)) } .bettercollap .collapsible-block-content, .bettercollap .collapsible-block-link { background: rgb(var(--white-monochrome)); padding: 0.5em } .bettercollap .collapsible-block-content { padding-left: 1em; padding-right: 1em } .bettercollap .collapsible-block-link { color: rgb(var(--lh-border-color)); background: rgb(var(--white-monochrome)); transition: .3s; display: block; } .bettercollap .collapsible-block-link:hover, .bettercollap .collapsible-block-unfolded .collapsible-block-link, .styledcollap.bettercollap .collapsible-block-link { color: rgb(var(--white-monochrome)); background: rgb(var(--lh-border-color))!important; text-decoration: none } .bettercollap .collapsible-block-link:hover a { color: rgb(var(--white-monochrome)) } .bettercollap .collapsible-block-link::before { content: "\25BC"; display: inline-block; margin-right: 0.5em; transform: rotate(-90deg) scale(0.9) } .bettercollap .collapsible-block-unfolded .collapsible-block-link::before { transform: rotate(0) scale(0.9) } .bettercollap .collapsible-block + .collapsible-block { border-top: none } .styledcollap.bettercollap .collapsible-block { border-radius: 2px; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3) } .styledcollap.bettercollap .collapsible-block-content { background-color: rgb(var(--pale-gray-monochrome)); border-width: 3px } .styledcollap.bettercollap .collapsible-block-link:hover { background: rgba(var(--lh-border-color),0.95)!important; } /** * 提示框 */ .infoblock { color: #f1f1f1; font-weight: bold; background: #424242; padding: 5px 5px 5px 5px; border-radius: 4px; margin: -0.5rem 0 1rem 0; display: block; width: fit-content; padding-right: 25px; } .infoblock::before { content: "ⓘ " } /** * 单页迭代 */ .offset-page:not(:target), .offset-page:target ~ div#u-default-page { display: none } .offset-page:target { display: block }
生存难度:生存難度:
等级等級 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 C-1911是后室 C 层群的第1911层,被流浪者称呼为“超现实之穹”。
描述
稀云带。
Level C-1911表现为一片无限广阔的、由天空盒构成。该天空盒存在最顶端,距离切入点大约405米。天空盒的材质(在触觉上)类似于现实生活中的普通玻璃,但当流浪者尝试切入或对其进行破坏时,会遭到诡异的力量反弹。天空中时而漂浮着一些白色的云朵,作为层级内少有的动态元素。云朵类似于某种投影,流浪者尝试触摸时,会直接穿越云朵,无法与之交互。在天空中,存在着一个球形物体,类似于现实世界中的月球,不同的是它可以向外发送微弱的光线。
层级的最底端,同样位于切入点下方大约405米处。底端由一种无形的“空气墙”构成,其外观呈现为深紫色,触感类似于平滑的大理石。在这道空气墙的背后,存在着一个圆形的发光物体,其形态类似于现实世界中傍晚时分的太阳。该发光物向外放射的光芒并不刺眼,流浪者可以直接注视此光源而无需回避。位于该层级的流浪者,可以持续的漂浮在空中,如果流浪者触碰层级最低端,流浪者将失去漂浮的能力,再次进入该层级,即可恢复正常。
该层级内部存在着部分特殊的区域。与层级的正常区域不同,这些特殊区域均表现为非欧几里得空间,并且存在孤立效应。其中最常见的特殊区域名为“稀云带”。该区域与其他正常区域之间存在着一个渐变的过渡带,当流浪者穿越此地带时,会逐渐发觉天空中的云朵变得越来越稀少,直到天空完全不再出现任何云朵,此时便意味着已正式进入了“稀云带”。
在此区域内部,其地板将变得异常光滑,并且能够像镜子一样清晰地映出倒影。此区域内的云朵可以被直接触碰,其在触觉上类似于毛茸茸的玩偶,并且具有一定的弹性。若进入云朵内部,流浪者可以清晰地观测外部的空间,并且通常可以在其中发现一个船桨,通过此船桨能够控制云朵的移动。在船桨的左侧还设有一个拉杆,拉动此拉杆可以控制云朵加速或放缓移动速度,其最高速度可达45m/h。
Level C-1911最著名的照片。
Level C-1911的天空盒中,时而会出现一些特殊的窗户。这些窗户的材质为普通的镀膜玻璃,但无法以任何方式被损毁。透过这些窗户,流浪者可以观测到多个其他层级的景观,而这些被观测到的层级都存在一个共同点:它们均为开放式的、由建筑群构成的层级。
与此同时,在被观测到的那个对应层级中,当地的流浪者同样能够发现一个悬浮于空中的窗户,并可以透过此窗户,清晰地观测到来自Level C-1911这一侧的景象。当流浪者成功打开这扇特殊的窗户时,流浪者可以像跨越一道普通的门槛那样,直接进入窗户内部的空间,从而稳定地抵达并现身于窗户所展示的另一个层级;或者,流浪者也可以利用这扇窗户在当前所处层级内部实现快速的、点对点的位置转移;此外,若窗户的两侧均存在流浪者,他们甚至可以隔着这近在咫尺的通道进行实时的、面对面的物资交换或信息交流。
实体
该层级不存在任何实体。
基地、社区与前哨站
”云赛车玩家“俱乐部
- 位于切入点向东600米处,建立了他们自己的社区。
- 拥有生活区、训练区,比赛区。
- 拥有450名成员,并且每个月都在不断增加。
- 他们每过一个月举办”赛车“比赛,而载具则是稀云带的云朵。
- 经常邀请速切玩家一起观看、参于”赛车“比赛。
附录
附件A
提交用户:u/pinge_god
上传时间:2025/11/29
描述:最开始,在我发现这朵独特的云朵,我本以为这是什么云,直到好奇心驱使我,进入了云朵内部。这绝对是我最开心的一次,我发现这朵云内部设有一把椅子、一个船桨、一个拉杆,我熟练的坐在椅子上,并控制着船桨,结果云朵真的动了,我尝试控制拉杆,云朵的速度竟然加快了。
我玩了整整30分钟,当时我玩的不亦乐乎,甚至将云朵“开”到了正常区域,其他流浪者在看到一个正在移动的云,纷纷被吓跑了,在我跟其他人解释了后,纷纷来到云朵内尝试这个独特的云。
偷偷告诉你们:把云朵内的椅子换成速切轮椅,云就会变成”速切之云“,我现在已经玩嗨了,你们也来试试吧!
附件B
提交用户:u/pinge_god
上传时间:2025/11/29
11:02 | 103K/s
4G▐86%
〈(23)2011
11月01日 上午11:02
pinge_god
在吗
SQ_dream
在
SQ_dream
我正在捣鼓一个好玩的东西
pinge_god
说说看
SQ_dream
我发现云朵可以通过窗户带到层级外去
SQ_dream
那么给云朵安上速切轮椅,岂不……
pinge_god
天才!
pinge_god
正好我前端时间买了一把速切轮椅,并且已经到货了
pinge_god
把云朵带到我家,我帮你一起制作
11月01日 上午14:24
SQ_dream
成功了!
SQ_dream
我直接把C-129X中的每一个层级都过了一遍
SQ_dream
而且毫发无损!
pinge_god
这么强?!.jpg
pinge_god
你这高低拿给后室诺贝尔奖
pinge_god
不不不,没那么低级
◎
附件C
提交用户:监督者A
上传时间:2025/12/10
诺贝尔速切奖
获奖人:u/pinge_god(不愿透露真实姓名)与 u/SQ_dream(不愿透露真实姓名)
获奖原因:他们发现将速切轮椅安装在Level C-1911的云朵上,并发明了”速切之云“,流浪者可以轻松在几乎所有的死区中切出。
「速切之云」
入口与出口
入口
- 在Level 63中进入一个蓝色的云朵,随后将直接切入该层级中。
- 在Leve 11、Leve C-28、Level 99等层级中,进入一扇浮空的窗户。
- 在Level C-1410中直接触碰云朵将有 50% 的概率切入该层级中。
- 在Level C-1964中触碰蓝色的云朵将直接切入该层级中。
出口
- 直接切出该层级将来到Level 63。
- 进入层级中悬浮的窗户将来到随机层级。
« Level C-1910 | Level C-1911 | Level C-1912 »
