版式：超演化

超阈限版式

[[include :backrooms-wiki-sw:theme:super-evolution]]

介绍

该版式由 Duvet4356制作，基于超阈限。

自定义

:root {
    --custom-accent-color: 254, 132, 87;    /* 强调色 */
    --custom-light-color: 248, 247, 242;    /* 亮色 */
    --custom-dark-color: 33, 37, 41;    /* 暗色 */

    --header-title: "The Backrooms SW";    /* 主标题 */
    --header-subtitle: "你从未来过这里";    /* 副标题 */
    --logo-image: url("https://backrooms-wiki-sw.wikidot.com/local--files/start/swlogo");    /* LOGO图片的链接（本展示页面中隐藏了LOGO） */
    --header-background-image:url("http://brsandbox-mini.wikidot.com/local--files/image-source/new-header-header-image");    /* 版头图片的链接 */
}

预设

大版头

[[include :the-backrooms-yh:theme:super-yh |big-header=a]]

展示

评分: 0+–x



close

著作信息

X

这是一个评分信息组件。要使用该组件，插入以下代码：

[[include :backrooms-wiki-cn:credit:start]]

你的内容。

[[include :backrooms-wiki-cn:credit:end]]

评分: 0+–x

Level 0 的第一张照片。

Level 0 是一处非线性空间，外观类似于一家零售店的储藏后室。与它此前被确认的形式相似，Level 0 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样，例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而，本层中不存在两个完全相同的房间。¹

一号标题

二号标题

三号标题

+ 这是一个折叠。

无序列表
列表之二
- 列表嵌套

有序列表
二号

这是一个	表格
制作它的	方法
请查询维基语法。

> blockquote
[[div class="blockquote"]]

[[code]]
[[div class="code"]]

[[div class="lightblock"]]

[[div class="darkblock"]]

[[div class="styled-quote"]]

[[div class="dark-styled-quote"]]

[[note]]

强势黄的

[[span class="bblock"]]

[[span class="dblock"]]

[[span class="keycap"]]

[[span class="ruby"]][[span class="rt"]]

[[div class="meta-title"]]

[[div class="dbhr"]]

[[/div]]

+ 版式代码

- 隐藏

@import url(https://github.backroomswiki.cn/Super_Liminal/css/super-liminal.css);
:root {
    --custom-accent-color: 254, 132, 87;
    --custom-light-color: 248, 247, 242;
    --custom-dark-color: 33, 37, 41;
 
    --background-color: var(--custom-light-color);
    --text-color: var(--custom-dark-color);
 
    --light-color-1: var(--custom-light-color);
    --light-color-2: var(--custom-light-color);
    --dark-color-1: var(--custom-dark-color);
    --dark-color-2: var(--custom-dark-color);
    --dark-color-3: var(--custom-dark-color);
    --dark-color-4: var(--custom-dark-color);
 
    --warning-color: var(--custom-accent-color);
    --accept-color: var(--custom-accent-color);
    --neutral-color: var(--custom-accent-color);
    --warning-text-color: var(--custom-light-color);
    --accept-text-color: var(--custom-light-color);
    --neutral-text-color: var(--custom-light-color);
 
    --link-color: var(--custom-accent-color);
    --hover-link-color: var(--custom-accent-color);
    --visited-link-color: var(--custom-accent-color);
    --newpage-color: var(--custom-accent-color);
 
    --selected-background-color: var(--custom-accent-color);
    --selected-text-color: var(--custom-light-color);
 
    --general-light-background-color: var(--custom-light-color);
    --general-light-text-color: var(--custom-dark-color);
    --general-medium-background-color: var(--custom-dark-color);
    --general-medium-text-color: var(--custom-light-color);
    --general-dark-background-color: var(--custom-dark-color);
    --general-dark-text-color: var(--custom-light-color);
    --general-shadow-color: var(--custom-dark-color);
 
    --topbar-text-color: var(--custom-dark-color);
    --topbar-hover-text-color: var(--custom-light-color);
 
    --tabview-hover-button-background-color: var(--custom-accent-color);
 
    --page-tag-title: "标签 →";
 
    --header-title: "The Backrooms SW";
    --header-subtitle: "你从未来过这里";  
    --main-header-height: 12rem;
    --main-content-left: calc(50% - var(--body-width) / 2);
    --logo-image: none;
    --header-background-image:url("http://brsandbox-mini.wikidot.com/local--files/image-source/new-header-header-image");
    --header-extra-background-image:linear-gradient(to bottom, transparent, rgb(var(--background-color)));
 
    --icon-search: url("https://fastly.jsdelivr.net/gh/Crimone/crimson-anemone@main/files/search-top-box-mask.svg");
}
 
#header h1 {
    padding: 0 var(--main-content-left);
}
#header::before {
    height:calc(var(--main-header-height) + var(--topbar-height));
    background-size: auto;
}
#header h1 a span {
    text-shadow: 1px 1px 0px rgba(var(--header-text-shadow-color));
}
#header h1 a span::before {
    transition: all var(--general-transition-time-fast) ease-out;
}
#header h1 a span::after {
    transition: text-shadow var(--general-transition-time-fast) ease-out;
}
#header h1 a:hover span::before {
    transform: translate(-2px,-2px);
    text-shadow: 2px 2px 0px rgba(var(--header-text-shadow-color));
}
#header h1 a:hover span::after {
    text-shadow: 1.5px 1.5px 0px rgba(var(--header-text-shadow-color));
}
#header h2 span {
    margin: 0 var(--main-content-left);
}
#header h2 span::before {
    background-position: left center;
}
 
#top-bar {
    width: calc(var(--body-width) / 2);
    left: calc(50% - var(--topbar-height));
    padding: 0;
}
#header h1 a span {
    align-items: flex-start;
}
 
#search-top-box {
    position: absolute;
    right: var(--main-content-left);
    top: var(--main-header-height);
    z-index: 12;
}
#search-top-box, #search-top-box-form, #search-top-box-form input.button.btn {
    max-width: var(--topbar-height);
    max-height: var(--topbar-height);
    width: var(--topbar-height);
    height: var(--topbar-height);
}
 
#search-top-box-form {
    background-color: transparent;
    transition: background-color var(--general-transition-time-slow) ease-out;
    overflow: hidden;
    position: relative;
}
 
#search-top-box-form:is(:hover, :focus) {
    background-color: rgb(var(--custom-dark-color));
}
 
#search-top-box-form input.button.btn {
    font-size: 0;
    background-color: rgb(var(--custom-dark-color));
    mask-image: var(--icon-search);
    mask-size: var(--search-icon-size);
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--icon-search);
    -webkit-mask-size: 50%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    transition: background-color .2s ease-out;
}
#search-top-box-form:is(:hover, :focus) input.button.btn {
    background-color: rgb(var(--custom-light-color));
}
 
#login-status {
    right: var(--main-content-left);
    top: 1rem;
    background-color: rgba(var(--custom-light-color), .75);
    color: rgb(var(--custom-dark-color));
}
#login-status a {
    color: rgba(var(--custom-dark-color));
}
a#account-topbutton {
    background: transparent;
}
 
@media screen and (max-width:767px){
    #header h2 span {
        margin: 0;
    }
    #top-bar {
        padding: 0 var(--header-margin);
        width: calc(100% - var(--topbar-height-on-mobile));
        left: 0;
    }
    #search-top-box, #search-top-box-form, #search-top-box-form input.button.btn {
        max-width: var(--topbar-height-on-mobile);
        max-height: var(--topbar-height-on-mobile);
        width: var(--topbar-height-on-mobile);
        height: var(--topbar-height-on-mobile);
    }
    #search-top-box, #login-status {
        right: 0;
    }
    #search-top-box {
        top: var(--main-header-height-on-mobile);
    }
    #search-top-box:is(:hover, :focus) {
        background-color: rgb(var(--custom-dark-color));
    }
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-nav li.selected {
    background-color: rgba(var(--tabview-button-background-color)) !important;
    background-image: linear-gradient(135deg, rgba(var(--tabview-hover-button-background-color)) 50%, transparent 50%) !important;
    background-size: 300% 300% !important;
    background-position: 100% 100% !important;
    transition: background-position 0.25s ease-out !important;
}
.yui-navset .yui-nav li a,
.yui-navset .yui-nav li.selected a {
    transition: color 0.2s ease-out !important;
}
.yui-navset .yui-nav a:is(:hover, :active, :focus, :focus-within),
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: none !important;
}
.yui-navset .yui-nav li:not(.selected):is(:hover, :active, :focus, :focus-within) {
    background-position: 0% 0% !important;
    background-image: linear-gradient(135deg, rgba(var(--tabview-hover-button-background-color)) 50%, transparent 50%) !important;
    background-color: rgba(var(--tabview-button-background-color)) !important;
}
.yui-navset .yui-nav li:is(:hover, :active, :focus, :focus-within) a {
    color: rgba(var(--tabview-hover-button-text-color)) !important;
}
.yui-navset .yui-nav li.selected {
    background-image: none !important;
    background-color: rgba(var(--tabview-selected-button-background-color)) !important;
}
.yui-navset .yui-nav li.selected a,
.yui-navset .yui-nav li.selected a:is(:hover, :active, :focus, :focus-within) {
    color: rgba(var(--tabview-selected-button-text-color)) !important;
}
 
#page-title, .meta-title {
    display: flex;
    align-items: center;
    border-bottom: none;
}
#page-title::before, .meta-title::before { margin-right: 1rem; }
#page-title::after, .meta-title::after { margin-left: 1rem; }
#page-title::before, .meta-title::before, #page-title::after, .meta-title::after {
    content: "";
    flex-grow: 1;
    height: 2px;
    background-color: rgba(var(--page-title-border-color));
}
 
.page-tags {
    position: relative;
    margin: 0;
    padding: 0;
    padding-left: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: var(--content-font-size);
    clear: both;
    text-align: left;
}
.page-tags::before {
    content: var(--page-tag-title);
    font-weight: 700;
    font-size: 0.75rem;
    background: rgba(var(--page-tag-border-color));
    color: rgba(var(--page-tag-title-color));
    padding: 0.3em 1em;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    margin-left: -8px;
}
.page-tags::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(var(--page-tag-border-color));
    z-index: 1;
    pointer-events: none;
}
.page-tags span {
    display: contents;
}
.page-tags span a {
    background: rgba(var(--page-tag-background-color));
    color: rgba(var(--page-tag-text-color));
    padding: 0.3em 1em;
    text-decoration: none;
    transition: background var(--general-transition-time-fast);
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    margin: 0 0 0 -8px;
}
.page-tags span a:hover {
    filter: brightness(1.1);
}
 
.dbhr {
    margin: 1rem 0;
    height: 0.4rem;
    border-top: rgba(var(--hr-color)) solid 0.15rem;
    border-bottom: rgba(var(--hr-color)) solid 0.15rem;
}
 
#page-content a:not(.newpage, [href*="javascript:;"], .printuser a:first-child, div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .pager a, .rede-iets-wrapper a, .recently a, .bannerContainer a, .toolsContainer a), a.collapsible-block-link:not(.newpage) {
    box-shadow: none;
    background: linear-gradient(to right, rgba(var(--hover-link-color)), rgba(var(--hover-link-color)));;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0% 100%;
    padding: 0.1rem 0.25rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition:
        background-size 0.5s cubic-bezier(0.4, 0.0, 0.2, 1),
        color 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
}
 
#page-content a:not(.newpage, [href*="javascript:;"], .printuser a:first-child, div.page-rate-widget-box a, div.creditButton p a, div.creditButtonStandalone p a, .pager a, .rede-iets-wrapper a, .recently a, .bannerContainer a, .toolsContainer a):is(:hover, :focus), a.collapsible-block-link:not(.newpage):is(:hover, :focus) {
    background-size: 100% 100%;
    color: rgba(var(--darkblock-text-color));
    text-decoration: none;
    transition:
        background-size 0.2s cubic-bezier(0.4, 0.0, 0.2, 1),
        color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.footer-wikiwalk-nav a:first-child {
    background-position: right center !important;
}
 
/* ----------主页适配---------- */
.more :is(.collapsible-block-unfolded-link, .collapsible-block-folded) {
    margin: 0;
}

- 隐藏

原创版式美学版式

页面版本: 1, 最后编辑于: 09 Aug 2026 07:55

编辑评分 (0) 标签讨论历史记录附件打印网站工具 + 选项

The Backrooms SW

你从未来过这里

介绍

自定义

预设

大版头

展示

著作信息

一号标题

二号标题

三号标题