扩展包 组件
由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=*]]
按字母顺序排序。
- 2025
- aero-glass
- alerta-roja
- analogue
- backrooms-chef-allience
- basalt
- better-blank
- blinding-lights
- brokedown-database
- by-the-window
- corporate
- daoist
- dark-liminal
- dream-of-the-stars
- drown-light
- dull-blade
- ethereality
- evernight
- fandom
- fashion-weekly
- grass-block
- grayish-cyan
- halfnew-liminal
- iceberg
- infinity
- liminal
- liminal-fandom
- liminal-greyspace
- linear-paradise
- meg
- meg-and-speednoclippers-troll
- moonrise-ocean
- neo-liminal
- neo-year
- newspaper
- nostalgia-fullscreen
- old-file
- phobia
- poolrooms
- retro
- rhodes-island
- sigma-9-liminal
- speednoclippers
- steam-guide
- strong-yellow
- super-cute
- super-liminal
- super-speed
- suprematism
- the-backrooms-wiki-in-the-world
- the-p-r-i
- tieba
- tofu
- torso
- trauma
- y2k
功能
该组件会自动引入排版工具组。
基础功能
- 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更改版头配图,代码参考了更改版头标题 组件,对部分版式进行了特殊适配。
演示
[[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]]