版式：超速度

超阈限版式

[[include :backrooms-wiki-cn:theme:super-liminal]]
[[include :backrooms-wiki-cn:theme:super-speed]]
（请同时引用以上两行代码！）

介绍

超速度是由 Liurd 制作的 Wikidot 版式，基于 超阈限 版式 制作，可以被应用于任意 速切玩家 相关页面当中。

展示

• 

  close

  著作信息

  ---

  X

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

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

  你的内容。

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

  ---

捏嘛的，开切！

可以使用四到六个连字符"-----"¹ 创建水平线，如果未将其放置在任何内容（例如引用块）中，则可以扩展到整个页面。分隔本文档各部分的行是水平线。

---

一号标题——好大！

二号标题——还是好大！

三号标题——没那么大了

四号标题——有点小

五号标题——很小

六号标题——小小的也很可爱捏

第一个分页

+ 这是一个折叠。

bruh

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

1. 有序列表
2. 二号

第二个分页

这是第二个分页。要创建分页，使用以下代码：

[[tabview]]
[[tab 第一个分页]]

准备速切

[[/tab]]
[[tab 第二个分页]]

开切！
冲刺！冲刺！冲！！！

[[/tab]]
[[/tabview]]

关于作者

感谢使用超阈限版式！Ambersight 真的花了很多时间来制作它。

如果你对 Ambersight 的其他作品也有兴趣，不妨去 TA 的作者页 看看！

长分页

这是一个长分页。按理来说长分页里面有许多文字。

但是 Liurd 是一个懒狗。

他从其他版式的演示文本东拼西凑才写出了这个页面的使用指南。

所以当然不知道怎么在这里放更多文字。

只能像这样一句话一个分段来水字数。

同时又不让自己显得良心难安。

所以专门自己写了一堆废话放上去。

差不多了吗？

好像还差两行。

现在差不多了。

这个分页名字是不是很长？说真的这很重要，我忙着比赛呢，要是念这东西花太多时间我的成绩肯定就完蛋了，真的。

内容。

空分页

空分页

空分页

假的！

接下来赶来的是加粗斜体下划线删除线等宽^上标_下标方阵！²

这是一个	表格
制作它的	方法
就是用	一堆“|”
还可以横跨两列！就像切出！3

> blockquote

[[div class="blockquote"]]

[[code]]

[[div class="code"]]

[[div class="lightblock"]]

[[div class="darkblock"]]

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

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

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

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

[[div class="borderblock"]]

[[div class="dark-borderblock"]]

[[div class="lightblock logoblock"]]

[[div class="lightblock noclipblock"]]

[[div class="darkblock noclipblock"]]

[[div class="lightblock noclipblock r"]]

[[div class="darkblock noclipblock r"]]

[[div class="shadowblock"]]

[[div class="inset-shadowblock"]]

[[note]]

酥皮是蓝皮吗？

[[span class="bblock"]]

[[span class="dblock"]]

[[span class="keycap"]]

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

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

[[div class="nchr"]]

预设

超速度版式可以正常使用超阈限版式中的 |wide=a、|hide-title=a 和 |show-sidebar=a 预设方案，其余方案则会导致页面崩溃，故不建议使用。

如果你希望使用本版式的“超级模式”，请单击 此链接 以查看使用说明。

---

版式 CSS 代码

/* Basic Mode */
 
:root {
    /* Basic Colors */
    --background-color: 237, 237, 255;
    --text-color: 20, 20, 33;
 
    /* Deco Colors */
    --light-color-1: var(--background-color);
    --light-color-2: 255, 255, 255;
    --dark-color-1: 135, 170, 230;
    --dark-color-2: 0, 53, 145;
    --dark-color-3: 70, 100, 180;
    --dark-color-4: 48, 48, 79;
 
    /* Link Colors */
    --link-color: var(--dark-color-2);
    --hover-link-color: var(--dark-color-1);
    --visited-link-color: var(--dark-color-3);
    --newpage-color: 160, 100, 180;
 
    /* Select Colors */
    --selected-background-color: var(--dark-color-1), .5;
 
    /* Scrollbar Colors */
    --scrollbar-color: var(--dark-color-3), 0.75;
 
    /* Note Colors */
    --note-background-color: var(--light-color-1), .75;
    --note-text-color: var(--text-color);
    --note-border-color: var(--dark-color-2);
 
    /* General Colors */
    --general-dark-border-color: var(--dark-color-2);
 
    /* Topbar Colors */
    --topbar-hover-border-color: var(--dark-color-1), 0.5;
 
    /* User Account Colors */
    --header-username-color: var(--dark-color-1);
    --account-button-text-color: var(--general-dark-text-color);
    --account-button-hover-text-color: var(--general-medium-text-color);
    --account-button-background-color: var(--general-medium-background-color);
    --account-button-hover-background-color: var(--general-dark-background-color);
    --account-drop-text-color: var(--general-dark-text-color);
    --account-drop-background-color: var(--general-medium-background-color);
    --account-drop-hover-background-color: var(--general-dark-background-color);
    --account-drop-border-color: var(--general-medium-border-color);
 
    /* Page Tag Colors */
    --page-tag-hover-background-color: var(--general-medium-background-color);
 
    /* Footer Colors */
    --license-background-color: var(--general-medium-background-color);
    --license-text-color: var(--general-medium-text-color);
 
    /* Sidebar Colors */
    --sidebar-handle-background-color: var(--general-medium-background-color);
    --sidebar-media-background-color: var(--text-color), 0;
    --sidebar-media-icon-color: var(--dark-color-2);
    --sidebar-title-background-color: var(--general-medium-background-color);
 
    /* Image Block Colors */
    --imageblock-caption-background-color: var(--general-medium-background-color);
    --imageblock-caption-text-color: var(--general-dark-text-color);
    --imageblock-border-color: var(--general-dark-border-color);
 
    /* Header & Horizon Colors */
    --hr-color: var(--dark-color-2);
 
    /* Tabview Colors */
    --tabview-hover-button-background-color: var(--general-dark-background-color);
    --tabview-selected-button-background-color: var(--general-medium-background-color);
 
    /* Tabel Colors */
    --table-border-color: var(--general-dark-border-color);
    --table-background-color: var(--light-color-2);
 
    /* Blockquote Colors */
    --blockquote-background-color: var(--light-color-1), .75;
    --blockquote-border-color: var(--general-dark-border-color);
 
    /* Rating Module Colors */
    --rating-background-color: var(--light-color-1);
    --rating-cancel-color: var(--dark-color-2);
 
    /* Popups Colors */
    --popup-title-background-color: var(--general-medium-background-color);
 
    /* Thread Colors */
    --thread-accent-color: var(--light-color-1);
 
    /* The 4 */
    --darkblock-background-color: var(--general-medium-background-color);
    --dark-styled-quote-background-color: var(--general-medium-background-color);
 
    /* Header Vs */
    --main-header-height-on-mobile: 10rem;
    --logo-image: url(https://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb);
    --header-title: "速切玩家";
    --header-subtitle: "只为更快，只为通关";
    --header-title-font-size-on-mobile: 1.8rem;
    --header-subtitle-font-size-on-mobile: 0.8rem;
 
    /* Content Vs */
    --body-width: 54rem;
    --body-margin: max(calc((100% - var(--body-width)) / 2), 0rem);
 
    /* Popup Vs */
    --popup-loading-content: "速切玩家祈祷中……";
}
 
html {
    background: unset;
}
 
body {
    background-image: repeating-linear-gradient(135deg, rgb(var(--light-color-1)) 0, rgb(var(--light-color-1)) 2rem, rgba(var(--light-color-2), .2) 2rem,rgba(var(--light-color-2), .4) 4rem);
    background-attachment: fixed;
}
 
#header {
    background: unset;
}
 
#header::before {
    background-image: none;
}
 
#extra-div-1 {
    display: block;
    width: 100%;
    position: absolute;
    height: 17.5rem;
    left: 0;
    top: 0;
    background-color: rgb(var(--dark-color-4));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6.5rem), 0 100%);
    z-index: -3;
}
 
#extra-div-2 {
    display: block;
    width: 100%;
    position: absolute;
    height: 15.5rem;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom right, rgb(var(--dark-color-4)), rgb(var(--dark-color-2)));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5rem), 0 100%);
    z-index: -2;
}
 
#extra-div-3 {
    display: block;
    width: 100%;
    position: absolute;
    height: 5rem;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgb(var(--dark-color-3)), rgb(var(--dark-color-2)));
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.5rem), 0 100%);
    z-index: -1;
}
 
#extra-div-4 {
    display: block;
    width: 100%;
    position: absolute;
    height: 10.5rem;
    left: 0;
    bottom: 0;
    background-color: rgb(var(--dark-color-2));
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 5rem);
    z-index: -1;
}
 
#extra-div-5 {
    display: block;
    width: 100%;
    position: absolute;
    height: 12.5rem;
    left: 0;
    bottom: 0;
    background-color: rgb(var(--dark-color-4));
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 6rem);
    z-index: -2;
}
 
a#account-topbutton, #search-top-box-form .button {
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
#header h1 a {
    perspective: 50rem;
}
 
#header h1 a span {
    width: fit-content;
    margin: auto;
    justify-content: flex-start;
    transform: rotateY(10deg) translate3d(3.5rem, 2rem, 15rem);
    padding: 0;
}
 
#header h2 span {
    perspective: 10rem;
    filter: drop-shadow(-0.5rem 0 0 rgba(var(--dark-color-3), .9)) drop-shadow(-0.5rem 0 0 rgba(var(--dark-color-1), .9));
}
 
#header h2 span::before {
    background-size: 100% auto;
    background-position: center -2.5rem;
    opacity: 1;
    width: 15rem;
    height: 9.5rem;
    margin: auto;
    display: block;
    transform: rotateY(10deg) translate3d(-6rem, 0rem, 2rem);
    pointer-events: none;
    clip-path: polygon(0 0, 100% 0, 100% 95%,60% 85%, 60% 83%, 0 100%);
}
 
@media only screen and (max-width: 1024px) {
  #header h1 a span {
    justify-content: center;
    transform: rotateY(10deg) translate3d(2rem, 0.5rem, 12.5rem);
    padding: 0;
  }
 
  #header h2 span::before {
    width: 12.5rem;
    clip-path: unset;
    transform: rotateY(10deg) translate3d(-5rem, 1rem, 2rem);
  }
}
 
#top-bar {
    background: linear-gradient(150deg, rgb(var(--dark-color-4)), rgb(var(--dark-color-2)));
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
#main-content {
    margin-top: 1rem;
    padding: 1rem;
    background: rgb(var(--general-light-background-color));
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
@media only screen and (max-width: 1024px) {
  #main-content {
    margin-top: 0;
  }
}
 
div.rate-box-with-credit-button, div.page-rate-widget-box, div.creditButtonStandalone, .yui-navset, table.wiki-content-table, .scp-image-block, blockquote, .blockquote, .lightblock, .darkblock, .styled-quote, .dark-styled-quote, div.wiki-note, div[id*=page-options-bottom] > a, #wd-editor-toolbar-panel a, .edit-help-34 a, .change-textarea-size a, #lock-info, div.buttons input, input.button, button, file, a.button, a.action-area-close, #view-diff-div > p > a {
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
div.rate-box-with-credit-button, div.page-rate-widget-box, div.creditButtonStandalone {
    border: rgba(var(--rating-border-color)) solid 0.15rem;
}
 
div.creditBottomRate div.page-rate-widget-box {
    border-bottom: rgba(var(--rating-border-color)) solid 0.15rem;
}
 
.darkblock {
    --link-color: var(--dark-color-1);
}
 
.styled-quote-d {
    background: rgba(var(--styled-quote-background-color));
    color: rgba(var(--styled-quote-text-color));
    border-left: rgba(var(--styled-quote-border-color)) solid 0.6rem;
    border-right: rgba(var(--styled-quote-border-color)) solid 0.6rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.dark-styled-quote-d {
    --h1-color: var(--dark-styled-quote-text-color);
    --h2-color: var(--dark-styled-quote-text-color);
    --h3-color: var(--dark-styled-quote-text-color);
    --h4-color: var(--dark-styled-quote-text-color);
    --h5-color: var(--dark-styled-quote-text-color);
    --h6-color: var(--dark-styled-quote-text-color);
    --link-color: var(--dark-color-1);
    background: rgba(var(--dark-styled-quote-background-color));
    color: rgba(var(--dark-styled-quote-text-color));
    border-left: rgba(var(--dark-styled-quote-border-color)) solid 0.6rem;
    border-right: rgba(var(--dark-styled-quote-border-color)) solid 0.6rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.borderblock {
    background: rgba(var(--styled-quote-background-color));
    color: rgba(var(--styled-quote-text-color));
    border: rgba(var(--styled-quote-border-color)) solid 0.3rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.dark-borderblock {
    --h1-color: var(--dark-styled-quote-text-color);
    --h2-color: var(--dark-styled-quote-text-color);
    --h3-color: var(--dark-styled-quote-text-color);
    --h4-color: var(--dark-styled-quote-text-color);
    --h5-color: var(--dark-styled-quote-text-color);
    --h6-color: var(--dark-styled-quote-text-color);
    --link-color: var(--dark-color-1);
    background: rgba(var(--dark-styled-quote-background-color));
    color: rgba(var(--dark-styled-quote-text-color));
    border: rgba(var(--dark-styled-quote-border-color)) solid 0.3rem;
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.logoblock {
    position: relative;
}
 
.logoblock::after {
    content: "";
    background-image: url(https://backroomssandboxcn.wikidot.com/local--files/collab:theme:speednoclippers/speednoclippers.svg);
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    pointer-events: none;
}
 
.noclipblock {
    position: relative;
}
 
.noclipblock::after {
    content: "";
    background-image: url(https://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb);
    background-position: -7.5vh center;
    background-size: auto 250%;
    background-repeat: no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    pointer-events: none;
}
 
.darkblock.noclipblock::after {
    background-image: url(https://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipw);
}
 
.noclipblock.r::after {
    background-position: calc(100% + 7.5vh) center;
}
 
.shadowblock {
    background: rgba(var(--light-color-1));
    color: rgba(var(--styled-quote-text-color));
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0.5rem 0.5rem rgb(var(--dark-color-2));
}
 
.inset-shadowblock {
    background: rgba(var(--styled-quote-background-color));
    color: rgba(var(--styled-quote-text-color));
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: inset 4.5rem 1rem rgba(var(--dark-color-1),.5), inset 8rem 2rem rgba(var(--dark-color-1),.5), 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.nchr {
    height: 2rem;
    background-image: url("http://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb");
    background-size: 2rem;
    background-position: center;
    margin: 1.5rem;
    background-repeat: no-repeat;
}
 
.pager {
    border-bottom: rgba(var(--general-button-background-color)) solid 0.2rem;
}
 
.pager a:is(:hover, :active, :focus, :focus-within) {
    background: rgba(var(--general-hover-button-background-color));
}
 
.pager .current {
    background: rgba(var(--general-button-background-color));
}
 
#new-post-form {
    background-color: rgba(var(--edit-area-background-color));
    color: rgba(var(--edit-area-text-color));
    padding: 1rem;
}
 
#new-post-form .form {
    margin: 0 !important;
    width: 100%;
}
 
#new-post-form .form td:first-child {
    display: none;
}
 
#new-post-form .form td:last-child {
    padding: 0;
}
 
#new-post-div input.text {
    border: none;
    color: rgba(var(--edit-area-textarea-text-color));
    background: rgba(var(--edit-area-textarea-background-color));
    margin: 0;
    padding: 0.2em 0.5em;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: box-shadow var(--general-transition-time-slow);
    font-weight: 900;
}
 
#new-post-div textarea#np-text {
    width: 100% !important;
    color: rgba(var(--edit-area-textarea-text-color));
    background: rgba(var(--edit-area-textarea-background-color));
    font-size: 0.95rem;
    outline: none;
    box-sizing: border-box;
    border: none;
    transition: box-shadow var(--general-transition-time-slow);
}
 
#new-post-div input.text:focus-visible,
#new-post-div textarea#np-text:focus-visible {
    box-shadow: 2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px 2px 0 rgba(var(--edit-area-textarea-border-color)), -2px -2px 0 rgba(var(--edit-area-textarea-border-color)), 2px -2px 0 rgba(var(--edit-area-textarea-border-color));
}
 
.wd-editor-toolbar-panel {
    margin: 1rem 0;
    display: flex;
    flex-direction: column;
    grid-gap: 0.5rem;
}
 
.wd-editor-toolbar-panel div {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.5rem;
    width: 100%;
    justify-content: center;
    height: auto;
}
 
.wd-editor-toolbar-panel div > ul {
    display: contents;
}
 
.wd-editor-toolbar-panel div > ul li {
    display: block;
    width: 2rem;
    height: 2rem;
}
 
.wd-editor-toolbar-panel div > ul > li.hseparator {
    display: none;
}
 
.wd-editor-toolbar-panel ul li:hover ul {
    border: 2px solid rgba(var(--edit-area-hover-button-background-color));
}
 
.wd-editor-toolbar-panel ul li a {
    width: 100%;
    height: 100%;
    background: rgba(var(--edit-area-button-background-color));
    transition: background var(--general-transition-time-fast);
    box-shadow: 0 0 0.5rem rgba(var(--text-color), .4);
}
 
.wd-editor-toolbar-panel ul li a:is(:hover, :active, :focus, :focus-within) {
    background: rgba(var(--edit-area-hover-button-background-color));
}
 
.wd-editor-toolbar-panel ul li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-image: var(--edit-area-toolbar-icon-mask);
            mask-image: var(--edit-area-toolbar-icon-mask);
    background: rgba(var(--edit-area-button-text-color));
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 75%;
            mask-size: 75%;
}
 
.wd-editor-toolbar-panel ul li a:is(:hover, :active, :focus, :focus-within)::before {
    background: rgba(var(--edit-area-hover-button-text-color));
}
 
::-moz-selection {
    color: inherit;
}
 
::selection {
    color: inherit;
}
 
#edit-page-textarea {
    padding: 0;
}
 
.owindow.owait .content {
 
    transform: skewX(15deg);
 
}

‡ 授权 / 引用

请按如下方式引用此页：

“版式：超速度”，作者 Liurd，来自后室中文维基。原文链接：http://backrooms-wiki-cn.wikidot.com/theme:super-speed。遵循 CC BY-SA 3.0 协议。

---

117orhx.jpg 系本人制作，发布于 CC-BY-SA 3.0 协议下。

更多授权相关信息，请查阅授权指导。

Footnotes

1. 这是为了安抚 hoah2333，因为 Liurd 不会写帮助文本而且会犯一大堆很呆的错误。

2. 还有一个脚注！

3. 不像。