扩展包组件

由 bleuboat制作，该组件长期更新。

该组件不使用维基注释，因此你可以放心地将其放入单页迭代中。

[[include :backrooms-wiki-cn:theme:{版式名}]]
[[include :backrooms-wiki-cn:component:extension-pack {版式名}=*]]

例如：

[[include :backrooms-wiki-cn:theme:super-liminal]]
[[include :backrooms-wiki-cn:component:extension-pack super-liminal=*]]

[[include :backrooms-wiki-cn:theme:suprematism]]
[[include :backrooms-wiki-cn:theme:analogue]]
[[include :backrooms-wiki-cn:component:extension-pack analogue=*]]

+ 该组件已支持的版式

功能

该组件会自动引入排版工具组。

基础功能

tabview嵌套样式
完整的meta-title
部分版式的配色优化
部分版式的折叠块优化

除此之外，该组件还有多个可选功能。要使用这些功能，请将引用语句修改为：

[[include :backrooms-wiki-cn:component:extension-pack {版式名}=*
|可选功能1
|可选功能2
]]

维基笔记

|wiki-note=true

见排版工具组。

隐藏标题

|hide-title=a

隐藏页面标题。

更改版头标题

|header=a
|1=主标题
|2=副标题

更改版头标题，代码参考了更改版头标题组件，对部分版式进行了特殊适配。

更改版头配图

|logo=a
|url=图片URL

更改版头配图，代码参考了更改版头标题组件，对部分版式进行了特殊适配。

演示

tabview嵌套¹

tabview嵌套

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

+ 组件代码

- 收起

/* {$liminal}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$liminal} */
/* {$super-liminal}/
.yui-navset .yui-nav,
.yui-navset .yui-content,
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em{
    border: none!important;
}
.yui-navset .yui-nav a{
    background: none!important;
}
.yui-navset .yui-nav li{
    margin: 0!important;
}
/{$super-liminal} */
/* {$ethereality}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
    color: #ffffff;
}
.yui-navset .yui-nav a:hover{
    color: #ffffff;
}
.yui-navset .yui-nav a em{
    border: none!important;
}
.meta-title{
    border: none;
    position: relative;
    font-size: 220%;
}
.meta-title::after{
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: calc(50% - 4rem);
    height: 5px;
    width: 8rem;
    background-color: rgba(var(--accent), 0.8);
}
/{$ethereality} */
/* {$aero-glass}/
.yui-navset .yui-nav a em{
    border: none!important;
}
.meta-title{
    color: #EDEDED;
}
/{$aero-glass} */
/* {$better-blank}/
.yui-navset .yui-nav {
    border: solid 3px rgb(var(--bb-black))!important;
}
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--bb-black));
}
.collapsible-block-content~.collapsible-block-unfolded-link .collapsible-block-link::before{
    animation-name: collapsible-arrow-spin-bottom!important;
}
@keyframes collapsible-arrow-spin-bottom{
    0% {
        transform: rotate(-90deg);
    }
    10% {
        transform: rotate(-90deg);
    }
    100% {
        transform: rotate(-180deg);
    }
}
/{$better-blank} */
/* {$highlighter}/
.yui-navset .yui-nav,
.yui-navset .yui-nav a{
    border: none!important;
}
/{$highlighter} */
/* {$suprematism}/
.meta-title{
    margin: 0;
    padding: 0;
    font-family: var(--title-font);
    font-size: 1.8rem;
    text-align: center;
    border-bottom: var(--global-border-width) solid rgb(var(--global-border));
    letter-spacing: 0.1rem;
}
/{$suprematism} */
/* {$analogue}/
.meta-title{
    margin: 0;
    padding: 0;
    font-family: var(--title-font);
    font-size: 1.8rem;
    text-align: center;
    border-bottom: var(--global-border-width) solid rgb(var(--global-border));
    letter-spacing: 0.1rem;
}
/{$analogue} */
/* {$evernight}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title p{
    color: rgb(var(--white-monochrome));
    font-size: 200%;
    margin: 0;
}
/{$evernight} */
/* {$brokedown-database}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$brokedown-database} */
/* {$moonrise-ocean}/
.yui-navset .yui-nav,
.yui-navset .yui-content,
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em{
    border: none!important;
}
.yui-navset .yui-nav a{
    background: none!important;
    color: rgba(var(--tabview-button-text-color))!important;
}
.yui-navset .yui-nav li.selected a{
    color: rgba(var(--tabview-selected-button-text-color))!important;
}
.yui-navset .yui-nav li{
    margin: 0!important;
}
/{$moonrise-ocean} */
/* {$grass-block}/
.meta-title{
    border-bottom: 0.0625rem solid #C6C6C6;
    font-size: 200%;
}
.meta-title p{
    margin: 0;
}
/{$grass-block} */
/* {$trauma}/
.meta-title{
    margin: 0;
    padding: 0;
    font-family: var(--title-font);
    font-size: 1.8rem;
    text-align: center;
    border-bottom: var(--global-border-width) solid rgb(var(--global-border));
    letter-spacing: 0.1rem;
}
/{$trauma} */
/* {$grayish-cyan}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$grayish-cyan} */
/* {$fashion-weekly}/
.meta-title{
    margin: 0;
    padding: 0;
    font-family: var(--title-font);
    font-size: 1.8rem;
    text-align: center;
    border-bottom: var(--global-border-width) solid rgb(var(--global-border));
    letter-spacing: 0.1rem;
}
/{$fashion-weekly} */
/* {$dream-of-the-stars}/
.yui-navset .yui-nav{
    border: none!important;
}
.yui-navset .yui-nav li.selected {
    background-color: rgb(var(--dark-gray-monochrome))!important;
}
.yui-navset .yui-nav li.selected a {
    background: inherit!important;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$dream-of-the-stars} */
/* {$broken-world}/
.meta-title p{
    margin: 0;
}
.meta-title::before,
.meta-title::after{
    height: 16px;
}
/{$broken-world} */
/* {$basalt}/
.yui-navset .yui-nav .selected{
    margin: 0!important;
}
/{$basalt} */
/* {$neo-liminal}/
.yui-navset .yui-nav .selected{
    padding: 0!important;
}
.yui-navset .yui-nav,
.yui-navset .yui-nav a{
    border: none!important;
}
.yui-navset .yui-nav li{
    margin: 0!important;
}
.yui-navset .yui-nav a::before{
    background-color: rgba(0, 0, 0, 0)!important;
}
.yui-navset .yui-nav .selected a::before{
    background-color: rgb(var(--tabs-selected-outline))!important;
}
/{$neo-liminal} */
/* {$drown-light}/
.yui-navset .yui-content{
    border: none!important;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
    font-weight: 700;
}
/{$drown-light} */
/* {$newspaper}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title {
    font-size: 3rem;
    font-weight: 900;
    border: 0;
    display: flex;
    justify-content: center;
}
.meta-title:after,
.meta-title:before {
    content: " ";
    flex-grow: 1;
    height: 1px;
    margin: auto 0.375rem;
    background-color: rgb(var(--NP-black));
    background-clip: content-box;
    border-radius: .5rem;
}
.meta-title:before {
    padding: .7rem .5rem .7rem 0;
    border-right: 2px solid;
}
.meta-title:after {
    padding: .7rem 0 .7rem .5rem;
    border-left: 2px solid;
}
/{$newspaper} */
/* {$neo-year}/
.yui-navset .yui-nav{
    border: none!important;
}
.yui-navset .yui-nav li{
    margin: 0!important;
    padding: 0!important;
}
.yui-navset .yui-nav li a{
    border-width: 0!important;
}
.yui-navset .yui-nav li a:before{
    background-color: inherit;
}
/{$neo-year} */
/* {$strong-yellow}/
.yui-navset .yui-nav .selected{
    margin: 0!important;
}
/{$strong-yellow} */
/* {$y2k}/
.yui-navset .yui-nav, .yui-navset .yui-nav a em{
    border: none!important;
}
.yui-navset .yui-nav a{
    background: none!important;
}
/{$y2k} */
/* {$super-cute}/
.yui-navset .yui-nav,
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em{
    border: none!important;
}
.yui-navset .yui-nav a{
    background: none!important;
}
.yui-navset .yui-content{
    border: 0.2rem solid rgba(var(--text-color))!important;
}
.yui-navset .yui-nav li{
    padding: 0.5rem 1.5rem 1rem!important;
}
.yui-navset .yui-nav a em{
    padding: 0!important;
}
/{$super-cute} */
/* {$phobia}/
.yui-navset .yui-nav,
.yui-navset .yui-content,
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em{
    border: none!important;
}
.yui-navset .yui-nav a{
    background: none!important;
    color: rgba(var(--tabview-button-text-color))!important;
}
.yui-navset .yui-nav li{
    margin: 0!important;
}
/{$phobia} */
/* {$rhodes-island}/
.yui-navset .yui-nav {
    display: flex!important;
}
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title{
    font-size: 200%;
    text-align: center;
    color: rgb(var(--medium-accent));
    border-bottom: 5px solid rgb(var(--medium-accent));
}
.meta-title p{
    margin: 0;
}
/{$rhodes-island} */
/* {$the-backrooms-wiki-in-the-world}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.yui-navset .yui-nav a em{
    border: none!important;
}
/{$the-backrooms-wiki-in-the-world} */
/* {$speednoclippers}/
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$speednoclippers} */
/* {$super-speed}/
.yui-navset .yui-nav,
.yui-navset .yui-content,
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em{
    border: none!important;
}
.yui-navset .yui-nav a{
    background: none!important;
}
.yui-navset .yui-nav li{
    margin: 0!important;
}
/{$super-speed} */
/* {$backrooms-chef-allience}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title{
    font-size: 200%;
    text-align: center;
    border-bottom: 5px double black;
}
.meta-title p{
    margin: 0;
}
.yui-navset .yui-content{
    border: none!important;
    border-bottom: 5px double black!important;
}
/{$backrooms-chef-allience} */
/* {$meg-and-speednoclippers-troll}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$meg-and-speednoclippers-troll} */
/* {$linear-paradise}/
.yui-navset .yui-nav,
.yui-navset .yui-content,
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em{
    border: none!important;
}
.yui-navset .yui-nav a{
    background: none!important;
}
.yui-navset .yui-nav li{
    margin: 0!important;
}
/{$linear-paradise} */
/* {$business-empire}/
.yui-navset .yui-nav {
    display: flex!important;
}
.yui-navset .yui-nav a em{
    border: none!important;
}
.meta-title{
    color: rgb(var(--font));
    width: auto;
    position: relative;
    font-family: var(--head-font);
    font-size: 220%;
    border-color: #bbb;
}
.meta-title::after {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: calc(50% - 4rem);
    height: 5px;
    width: 8rem;
}
/{$business-empire} */
/* {$by-the-window}/
.yui-navset .yui-nav .selected a{
    background: inherit;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$by-the-window} */
/* {$torso}/
.yui-navset .yui-nav .selected a{
    background: inherit;
}
.meta-title p{
    text-align: center;
    font-size: 200%;
    margin: 0;
}
/{$torso} */
/* {$daoist}/
.meta-title{
    margin: 0;
    padding: 0;
    font-family: var(--title-font);
    font-size: 1.8rem;
    text-align: center;
    letter-spacing: 0.1rem;
    color: rgba(var(--global-accent-2));
    border-bottom: var(--global-border-width) solid rgb(var(--global-accent-2),0.8);
}
/{$daoist} */
/* {$old-file}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$old-file} */
/* {$morning-star}/
.yui-navset .yui-nav,
.yui-navset .yui-content,
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em{
    border: none!important;
}
.yui-navset .yui-nav a{
    background: none!important;
}
.yui-navset .yui-nav li{
    margin: 0!important;
}
/{$morning-star} */
/* {$the-p-r-i}/
.yui-navset .yui-nav a{
    background: inherit!important;
}
.yui-navset .yui-content{
    border: none!important;
    border-bottom: 0.3rem solid rgba(var(--bright-accent), 1)!important;
}
.meta-title{
    font-size: 200%;
    text-align: center;
    color: rgb(var(--light-gray-monochrome));
    border-bottom: 5px solid rgb(var(--light-gray-monochrome));
}
.meta-title p{
    margin: 0;
}
/{$the-p-r-i} */
/* {$2025}/
.yui-navset .yui-nav,
.yui-navset .yui-content,
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em{
    border: none!important;
}
.yui-navset .yui-nav a{
    background: none!important;
}
.yui-navset .yui-nav li{
    margin: 0!important;
}
/{$2025} */
/* {$halfnew-liminal}/
.yui-navset .yui-nav .selected{
    margin-bottom: -3px!important;
}
.yui-navset .yui-nav li{
    box-shadow: none!important;
}
/{$halfnew-liminal} */
/* {$iceberg}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$iceberg} */
/* {$liminal-greyspace}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$liminal-greyspace} */
/* {$nostalgia-fullscreen}/
.yui-navset .yui-content{
    display: block!important;
    border: none!important;
    border-left: #DFDFDF outset 2px!important;
    border-right: #DFDFDF outset 2px!important;
    border-bottom: #DFDFDF outset 2px!important;
}
.yui-navset .yui-nav .selected a{
    background: #35A5E1!important;
}
.meta-title{
    font-size: 200%;
    color: #ffffff;
    font-family: "Microsoft Sans Serif", inter, 'Noto Sans SC', sans-serif;
    text-shadow: 0.063rem 0.1rem 0.1rem #000000;
    margin-top: 0.5em;
}
.meta-title p{
    margin: 0;
}
.page-source{
    background-color: rgb(var(--swatch-background));
}
/{$nostalgia-fullscreen} */
/* {$alerta-roja}/
#header h1, #header h2{
    display: none;
}
.yui-navset .yui-nav a{
    border: 2px dashed #75142c!important;
}
.yui-navset .yui-nav .selected a{
    border: transparent!important;
}
.meta-title p{
    color: white;
    font-family: 'Allerta Stencil', sans-serif;
    font-size: 180%;
    margin: 0;
}
.yui-navset .yui-content{
    background-color: #4a0d1c;
}
/{$alerta-roja} */
/* {$liminal-fandom}/
.yui-navset .yui-nav .selected a{
    background: inherit!important;
}
.yui-navset .yui-nav a{
    color: rgb(255, 255, 255)!important;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
    color: rgb(var(--black-monochrome));
}
/{$liminal-fandom} */
/* {$retro}/
.yui-navset .yui-nav .selected a{
    background: inherit!important;
}
.meta-title{
    font-family: var(--top-font);
    border-bottom: 2px double rgb(var(--vibrant-orange));
    text-align: center;
    font-size: 45px;
    text-shadow: 0.063rem 0.1rem 0.1rem #612f05;
    color: rgb(var(--vibrant-orange));
}
.meta-title p{
    margin: 0;
}
.collapsible-block-content~.collapsible-block-unfolded-link{
    margin: 0!important;
    border-radius: 0px 0px 15px 15px!important;
}
.collapsible-block-content{
    border-bottom: solid rgb(var(--muted-orange)) 5px!important;
}
.collapsible-block-content:has(~.collapsible-block-unfolded-link){
    border-bottom-left-radius: 0!important;
}
.collapsible-block-content~.collapsible-block-unfolded-link .collapsible-block-link::before{
    content: "△"!important;
}
/{$retro} */
/* {$poolrooms}/
.yui-navset .yui-nav .selected a{
    background: inherit!important;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
    color: rgb(var(--dark-blue));
}
/{$poolrooms} */
/* {$dull-blade}/
.yui-navset .yui-content{
    border: 1px solid rgb(var(--black-monochrome))!important;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
    color: rgb(var(--white-monochrome));
}
/{$dull-blade} */
/* {$dark-liminal}/
.yui-navset .yui-nav .selected a{
    background: inherit!important;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$dark-liminal} */
/* {$meg}/
code, .code {
    background-color: transparent;
}
.yui-navset .yui-nav{
    display: flex!important;
}
.yui-navset .yui-nav .selected a{
    background: inherit!important;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
.collapsible-block-content{
    border-bottom: solid var(--base-color) 0px!important;
}
.collapsible-block-content:has(~.collapsible-block-unfolded-link){
    border-bottom: solid var(--base-color) 5px!important;
}
.collapsible-block-content~.collapsible-block-unfolded-link{
    margin: 0!important;
}
.collapsible-block-content~.collapsible-block-unfolded-link .collapsible-block-link::before{
    content: "△"!important;
}
/{$meg} */
/* {$frost}/
.yui-navset .yui-nav .selected a{
    background-color: rgb(var(--swatch-primary-darker));
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$frost} */
/* {$tofu}/
.yui-navset .yui-nav a{
    color: rgb(255, 255, 255)!important;
}
.yui-navset .yui-nav .selected a{
    background: inherit!important;
    color: rgb(var(--bright-accent)) !important;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
.meta-title p::after {
    content: " (这是一份豆腐食谱！我发四！)";
}
/{$tofu} */
/* {$infinity}/
.yui-navset .yui-nav .selected a{
    background: inherit!important;
}
.meta-title p{
    font-size: 200%;
    margin: 0;
}
/{$infinity} */
/* {$corporate}/
.meta-title{
    font-size: 200%;
    font-family: var(--header-font);
    border-bottom: 2px solid rgb(var(--pale-accent));
    text-align: center;
    color: rgb(var(--pale-accent));
}
.meta-title p{
    margin: 0;
}
.yui-navset .yui-nav {
    display: flex!important;
}
.yui-navset .yui-nav .selected a{
    background: inherit!important;
}
.collapsible-block-content{
    border-bottom: solid var(--base-color) 0px!important;
}
.collapsible-block-content:has(~.collapsible-block-unfolded-link){
    border-bottom: solid var(--base-color) 5px!important;
}
.collapsible-block-content~.collapsible-block-unfolded-link{
    margin: 0!important;
}
.collapsible-block-content~.collapsible-block-unfolded-link .collapsible-block-link::before{
    content: "△"!important;
}
/{$corporate} */
/* {$blinding-lights}/
.meta-title{
    font-size: 200%;
    font-family: var(--top-font);
    border-bottom: 2px double rgb(var(--text-white-monochrome));
    text-align: center;
    color: rgb(var(--text-white-monochrome));
}
.meta-title p{
    margin: 0;
}
.collapsible-block-content~.collapsible-block-unfolded-link{
    margin: 0!important;
    border-radius: 0px 0px 15px 15px!important;
}
.collapsible-block-content{
    border-bottom: solid var(--base-color) 5px!important;
}
.collapsible-block-content~.collapsible-block-unfolded-link .collapsible-block-link::before{
    content: "△"!important;
}
.collapsible-block-content:has(~.collapsible-block-unfolded-link){
    border-bottom-left-radius: 0!important;
}
/{$blinding-lights} */

- 收起

Footnotes

1. 注意：使用tabview嵌套时，每个tabview的上下都需要空行。如：

[[tabview]]
[[tab 1]]
tabview嵌套

[[tabview]]
[[tab 1]]
tabview嵌套
[[/tab]]
[[tab 2]]
tabview嵌套
[[/tab]]
[[/tabview]]

tabview嵌套
[[/tab]]
[[tab 2]]
tabview嵌套
[[/tab]]
[[/tabview]]

组件自删

后室中文被删除文章备份

记录遗失

功能

基础功能

维基笔记

隐藏标题

更改版头标题

更改版头配图

演示