介绍
超阈限是由 Ambersight 制作的 Wikidot 版式。该版式在还原阈限版式外观的基础上作出了大幅改动,并将在未来作为更多版式的基础使用。超阈限提供了多种预设,以及大量可轻松改写的 CSS 变量。关于定制版式的方法,请阅读后续内容。对比原阈限版式,超阈限拥有以下特性:
- 更简单的布局结构;
- 更清晰的配色变量;
- 针对移动端的字号、图片展示优化;
- 移除所有伪元素动画;
- 更多可供修改的 CSS 变量;
- 更平面化的元素设计;
- 对于各项细节的调整。
展示
Level 0 的第一张照片。
Level 0 是一处非线性空间,外观类似于一家零售店的储藏后室。与它此前被确认的形式相似,Level 0 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样,例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而,本层中不存在两个完全相同的房间。
一号标题
二号标题
三号标题
这是第二个分页。要创建分页,使用以下代码:
[[tabview]]
[[tab 第一个分页]]
内容
[[/tab]]
[[tab 第二个分页]]
内容
[[/tab]]
[[/tabview]]感谢使用超阈限版式!Ambersight 真的花了很多时间来制作它。
如果你对我的其他作品也有兴趣,不妨来我的作者页看看!
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
这是一个长分页。长分页里面有许多文字。
内容。
| 这是一个 | 表格 |
|---|---|
| 制作它的 | 方法 |
| 请查询维基语法。 | |
> 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"]]
请按如下方式引用此页:
“速通协会版式()”,作者 Ambersight,来自后室中文维基。原文链接:http://backrooms-wiki-cn.wikidot.com/theme:m-qc-a。遵循 CC BY-SA 3.0 协议。
更多授权相关信息,请查阅授权指导。
预设
超阈限版式提供了数个预设方案,可供你快捷改变其外观。要使用预设,请将引用语句修改为:
[[include :backrooms-wiki-cn:theme:super-liminal
|预设方案1
|预设方案2
]]
布局预设:宽页面
|wide=a使你的页面加宽。注意:本展示页就使用了宽页面。
布局预设:移除标题
|hide-title=a移除页面的标题。你可以使用 .meta-title 来制作假标题。
布局预设:展示侧边栏
|show-sidebar=a默认展开左侧的侧边栏。当浏览器宽度 < 1024px 时,侧边栏仍然会收起。
配色方案:白昼
|daytime=a经典白底黑字。
配色方案:梦魇
|nightmare=a谁把灯关了?
自定义
超阈限提供了全面且丰富的 CSS 变量可供修改。要批量修改变量,使用以下的代码:
[[module CSS]]
:root {
--第一个变量: 值;
--第二个变量: 值;
...
--第n个变量: 值;
}
[[/module]]注意,其中的所有标点符号皆为半角符号。
警告:其他分页很长。
[[module CSS]]
:root {
/* Basic Colors */
--background-color: 237, 233, 223;
--text-color: 25, 20, 16;
/* Deco Colors */
--light-color-1: var(--background-color);
--light-color-2: 255, 251, 240;
--dark-color-1: 160, 160, 160;
--dark-color-2: 140, 136, 126;
--dark-color-3: 72, 69, 60;
--dark-color-4: 48, 48, 52;
/* Special Colors */
--warning-color: 193, 44, 50;
--accept-color: 20, 169, 32;
--neutral-color: 193, 147, 44;
--warning-text-color: var(--light-color-2);
--accept-text-color: var(--warning-text-color);
--neutral-text-color: var(--warning-text-color);
/* Link Colors */
--link-color: 230, 23, 68;
--hover-link-color: 187, 0, 34;
--visited-link-color: 150, 24, 43;
--newpage-color: 221, 102, 17;
/* Select Colors */
--selected-background-color: 67, 98, 197;
--selected-text-color: 253, 253, 253;
/* Scrollbar Colors */
--scrollbar-color: var(--dark-color-1), 0.75;
--scrollbar-background-color: var(--dark-color-1), 0.15;
/* Note Colors */
--note-background-color: 255, 242, 114;
--note-text-color: 24, 27, 27;
--note-border-color: 24, 27, 27, 0.5;
}
[[/module]][[module CSS]]
:root {
/* General Colors */
--general-light-background-color: var(--light-color-2);
--general-light-text-color: var(--text-color);
--general-medium-background-color: var(--dark-color-2);
--general-medium-text-color: var(--light-color-1);
--general-dark-background-color: var(--dark-color-3);
--general-dark-text-color: var(--light-color-1);
--general-shadow-color: var(--text-color);
--general-light-border-color: var(--dark-color-3), 0.08;
--general-medium-border-color: var(--dark-color-3), 0.2;
--general-strong-border-color: var(--dark-color-3), 0.5;
--general-dark-border-color: var(--dark-color-3);
--general-blur: 0.15rem;
--general-transition-time-fast: 0.2s;
--general-transition-time-slow: 0.3s;
/* General Buttons */
--general-button-text-color: var(--general-medium-text-color);
--general-button-background-color: var(--general-medium-background-color);
--general-hover-button-text-color: var(--general-dark-text-color);
--general-hover-button-background-color: var(--general-dark-background-color);
}
[[/module]][[module CSS]]
:root {
/* Header Colors */
--header-background-bottom: var(--general-dark-background-color);
--header-background-top: var(--general-dark-background-color), 0.9;
--header-background-image: linear-gradient(to top, rgba(var(--header-background-bottom)) var(--topbar-height), rgba(var(--header-background-top)) 100%);
--header-extra-background-image: radial-gradient(circle, rgba(var(--general-dark-background-color)) 50%, transparent 0);
--header-text-color: var(--general-dark-text-color);
--header-text-shadow-color: var(--general-shadow-color);
/* Topbar Colors */
--topbar-text-color: var(--light-color-1);
--topbar-hover-text-color: var(--topbar-text-color);
--topbar-background-color: 0, 0, 0, 0;
--topbar-hover-background-color: var(--dark-color-4);
--topbar-hover-border-color: var(--dark-color-2), 0.5;
--topbar-drop-text-color: var(--light-color-1);
--topbar-drop-hover-text-color: var(--general-medium-text-color);
--topbar-drop-background-color: var(--dark-color-4), 0.93;
--topbar-drop-hover-background-color: var(--general-medium-background-color);
--topbar-drop-border-color: var(--text-color);
--topbar-drop-border-width: calc(4rem / 45);
--topbar-drop-shadow-color: var(--general-shadow-color), 0.5;
/* User Account Colors */
--header-username-color: var(--dark-color-1);
--account-button-text-color: var(--general-dark-background-color);
--account-button-hover-text-color: var(--general-medium-text-color);
--account-button-background-color: var(--general-dark-text-color);
--account-button-hover-background-color: var(--general-medium-background-color);
--account-drop-text-color: var(--general-light-text-color);
--account-drop-hover-text-color: var(--general-medium-text-color);
--account-drop-background-color: var(--general-light-background-color);
--account-drop-hover-background-color: var(--general-medium-background-color);
--account-drop-border-color: var(--general-dark-border-color);
/* Search Button Colors */
--search-button-text-color: var(--account-button-text-color);
--search-button-hover-text-color: var(--account-button-hover-text-color);
--search-button-background-color: var(--account-button-background-color);
--search-button-hover-background-color: var(--account-button-hover-background-color);
/* Page Title Colors */
--page-title-text-color: var(--text-color);
--page-title-border-color: var(--general-dark-border-color);
/* Page Tag Colors */
--page-tag-border-color: var(--general-medium-background-color);
--page-tag-title-color: var(--general-medium-text-color);
--page-tag-text-color: var(--text-color);
--page-tag-hover-text-color: var(--general-dark-text-color);
--page-tag-background-color: var(--dark-color-2), 0.2;
--page-tag-hover-background-color: var(--general-dark-background-color);
/* Page Option Colors */
--page-option-text-color: var(--general-button-text-color);
--page-option-hover-text-color: var(--general-hover-button-text-color);
--page-option-background-color: var(--general-button-background-color);
--page-option-hover-background-color: var(--general-hover-button-background-color);
/* Footer Colors */
--footer-text-color: var(--general-medium-text-color);
--footer-background-color: var(--general-medium-background-color);
--license-background-color: var(--light-color-1);
--license-text-color: var(--dark-color-3);
--license-link-color: var(--license-text-color);
/* Sidebar Colors */
--sidebar-handle-text-color: var(--general-dark-text-color);
--sidebar-handle-background-color: var(--general-dark-background-color);
--sidebar-background-color: var(--light-color-1);
--sidebar-media-background-color: var(--text-color), 0.15;
--sidebar-media-icon-color: var(--dark-color-3);
--sidebar-title-background-color: var(--general-dark-background-color), 0.5;
--sidebar-title-text-color: var(--general-dark-text-color);
--sidebar-title-shadow-color: var(--general-shadow-color);
--sidebar-text-color: var(--text-color);
--sidebar-hover-text-color: var(--sidebar-text-color);
--sidebar-border-color: var(--general-light-border-color);
--sidebar-hover-background-color: var(--text-color), 0.15;
/* Action Colors */
--action-area-border-color: var(--general-light-border-color);
--action-area-subtext-color: var(--text-color), 0.75;
--action-area-info-background-color: var(--general-medium-background-color);
--action-area-info-text-color: var(--general-medium-text-color);
--page-source-background-color: var(--general-light-background-color);
--page-source-text-color: var(--general-light-text-color);
/* Edit Area Colors */
--edit-area-background-color: var(--dark-color-2), 0.15;
--edit-area-text-color: var(--text-color);
--edit-area-textarea-text-color: var(--general-light-text-color);
--edit-area-textarea-background-color: var(--general-light-background-color);
--edit-area-textarea-border-color: var(--general-dark-border-color);
--edit-area-info-background-color: var(--action-area-info-background-color);
--edit-area-info-text-color: var(--action-area-info-text-color);
--edit-area-button-background-color: var(--general-button-background-color);
--edit-area-button-text-color: var(--general-button-text-color);
--edit-area-hover-button-background-color: var(--general-hover-button-background-color);
--edit-area-hover-button-text-color: var(--general-hover-button-text-color);
/* Hovertip Colors */
--hovertip-background-color: var(--general-light-background-color);
--hovertip-text-color: var(--general-light-text-color);
--hovertip-border-color: var(--general-dark-border-color);
/* Image Block Colors */
--imageblock-caption-background-color: var(--general-light-background-color);
--imageblcok-caption-text-color: var(--general-light-text-color);
--imageblock-shaodw-color: 0, 0, 0, 0;
--imageblock-border-color: var(--general-medium-border-color);
/* Header & Horizon Colors */
--h1-color: var(--text-color);
--h2-color: var(--text-color);
--h3-color: var(--text-color);
--h4-color: var(--text-color);
--h5-color: var(--text-color);
--h6-color: var(--text-color);
--hr-color: var(--dark-color-1);
/* Tabview Colors */
--tabview-border-color: var(--general-dark-border-color);
--tabview-button-background-color: var(--general-light-background-color);
--tabview-button-text-color: var(--general-light-text-color);
--tabview-hover-button-background-color: var(--general-medium-background-color);
--tabview-hover-button-text-color: var(--general-medium-text-color);
--tabview-selected-button-background-color: var(--general-dark-background-color);
--tabview-selected-button-text-color: var(--general-dark-text-color);
--tabview-horizon-color: var(--dark-color-3), 0.65;
--tabview-content-background-color: var(--general-light-background-color), 0.25;
--tabview-content-text-color: var(--general-light-text-color);
/* Tabel Colors */
--table-border-color: var(--general-strong-border-color);
--table-header-background-color: var(--general-medium-background-color);
--table-header-text-color: var(--general-medium-text-color);
--table-background-color: var(--light-color-1);
--table-text-color: var(--text-color);
/* Blockquote Colors */
--blockquote-background-color: var(--general-light-background-color);
--blockquote-text-color: var(--general-light-text-color);
--blockquote-shadow-color: 0, 0, 0, 0;
--blockquote-border-color: var(--general-medium-border-color);
/* Code Block Colors */
--code-block-background-color: var(--blockquote-background-color);
--code-block-text-color: var(--blockquote-text-color);
--code-block-border-color: var(--general-strong-border-color);
/* TOC Colors */
--toc-background-color: var(--general-light-background-color);
--toc-text-color: var(--general-light-text-color);
--toc-border-color: var(--dark-color-2);
/* Note Colors */
--note-background-color: 255, 242, 114;
--note-text-color: 24, 27, 27;
--note-border-color: 24, 27, 27, 0.5;
/* Footnote Block Colors*/
--footnote-block-background-color: var(--dark-color-2), 0.18;
--footnote-block-text-color: var(--text-color);
--footnote-block-border-color: var(--general-dark-border-color);
/* Rating Module Colors */
--rating-background-color: var(--general-light-background-color);
--rating-text-color: var(--general-light-text-color);
--rating-rateup-color: var(--accept-color);
--rating-ratedown-color: var(--warning-color);
--rating-cancel-color: var(--neutral-color);
--rating-rateup-text-color: var(--accept-text-color);
--rating-ratedown-text-color: var(--warning-text-color);
--rating-cancel-text-color: var(--neutral-text-color);
--rating-info-color: var(--dark-color-3);
--rating-info-text-color: var(--light-color-2);
--rating-border-color: var(--general-dark-border-color);
/* Popups Colors */
--popup-fader-color: var(--general-shadow-color), 0.65;
--popup-background-color: var(--general-light-background-color);
--popup-text-color: var(--general-light-text-color);
--popup-title-background-color: var(--general-dark-background-color);
--popup-title-text-color: var(--general-dark-text-color);
--popup-border-color: var(--general-strong-border-color);
--popup-button-text-color: var(--general-button-text-color);
--popup-button-background-color: var(--general-button-background-color);
--popup-hover-button-text-color: var(--general-hover-button-text-color);
--popup-hover-button-background-color: var(--general-hover-button-background-color);
--popup-tip-color: var(--light-color-2);
--popup-loading-color: var(--dark-color-2);
/* The 4 */
--lightblock-background-color: var(--general-light-background-color);
--lightblock-text-color: var(--general-light-text-color);
--darkblock-background-color: var(--general-dark-background-color);
--darkblock-text-color: var(--general-dark-text-color);
--styled-quote-background-color: var(--general-light-background-color);
--styled-quote-text-color: var(--general-light-text-color);
--styled-quote-border-color: var(--general-dark-border-color);
--dark-styled-quote-background-color: var(--general-dark-background-color);
--dark-styled-quote-text-color: var(--general-dark-text-color);
--dark-styled-quote-border-color: var(--light-color-2);
}
[[/module]][[module CSS]]
:root {
/* Font Set */
--body-font: Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
--header-font: Inter, "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--title-font: var(--header-font);
--mono-font: "JetBrains Mono", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
/* Header Vs */
--main-header-height: 8rem;
--main-header-height-on-mobile: 8rem;
--header-height: calc(var(--main-header-height) + var(--topbar-height));
--header-width: 65rem;
--header-margin: max(calc((100% - var(--header-width)) / 2), 0px);
--logo-image: url("../../logo_nomargin.svg");
--header-title: "The Backrooms";
--header-title-font-size: 2.65rem;
--header-title-font-size-on-mobile: 1.6rem;
--header-subtitle: "你曾经来过这里";
--header-subtitle-font-size: 1rem;
--header-subtitle-font-size-on-mobile: 0.6rem;
--search-icon-width-on-mobile: 2.5rem;
/* Topbar Vs */
--topbar-height: 2rem;
--topbar-height-on-mobile: 3.2rem;
--topbar-font-size: 0.8rem;
--topbar-font-size-on-mobile: 1rem;
/* Account Vs */
--account-drop-border-width: var(--topbar-drop-border-width);
/* Content Vs */
--body-width: 48rem;
--body-margin: max(calc((100% - var(--body-width)) / 2), 1rem);
--content-font-size: clamp(0.87rem, calc(0.83rem + 0.195vw), 1rem);
/* Sidebar Vs */
--sidebar-width: 18rem;
--sidebar-width-on-mobile: 15rem;
/* Image Block Vs */
--imageblock-border-width: 0.15rem;
/* Tabview Vs */
--tabview-border-width: calc(1rem / 15);
/* Tabel Vs */
--table-border-width: calc(2rem / 15);
/* Blockquote Vs */
--blockquote-border-width: calc(2rem / 15);
/* Popup Vs */
--popup-tip-content: "(点击空白处关闭)";
}
[[/module]]
正文字体为 Inter / 思源黑体。
等宽字体为 JetBrains Mono / 思源宋体。
特别感谢:
玄武岩 by Liryn &
Placeholder McD
黑色标记笔 by Woedenaz &
Croquembouche
技术支持 by hoah2333
[[include :backrooms-wiki-cn:theme:super-speed]]
(请同时引用以上两行代码!)
介绍
超速度是由 Liurd 制作的 Wikidot 版式,基于 超阈限 版式 制作,可以被应用于任意 速切玩家 相关页面当中。
展示
Included page "credit:start" does not exist (create it now)
这是一个评分信息组件。要使用该组件,插入以下代码:
[[include :backrooms-wiki-cn:credit:start]]
你的内容。
[[include :backrooms-wiki-cn:credit:end]]
Included page "credit:end" does not exist (create it now)
捏嘛的,开切!
可以使用四到六个连字符"-----"1 创建水平线,如果未将其放置在任何内容(例如引用块)中,则可以扩展到整个页面。分隔本文档各部分的行是水平线。
一号标题——好大!
二号标题——还是好大!
三号标题——没那么大了
四号标题——有点小
五号标题——很小
六号标题——小小的也很可爱捏
这是第二个分页。要创建分页,使用以下代码:
[[tabview]]
[[tab 第一个分页]]
准备速切
[[/tab]]
[[tab 第二个分页]]
开切!
冲刺!冲刺!冲!!!
[[/tab]]
[[/tabview]]感谢使用超阈限版式!Ambersight 真的花了很多时间来制作它。
如果你对 Ambersight 的其他作品也有兴趣,不妨去 TA 的作者页 看看!
这是一个长分页。按理来说长分页里面有许多文字。
但是 Liurd 是一个懒狗。
他从其他版式的演示文本东拼西凑才写出了这个页面的使用指南。
所以当然不知道怎么在这里放更多文字。
只能像这样一句话一个分段来水字数。
同时又不让自己显得良心难安。
所以专门自己写了一堆废话放上去。
差不多了吗?
好像还差两行。
现在差不多了。
内容。
假的!
接下来赶来的是加粗斜体下划线删除线等宽上标下标方阵!2
| 这是一个 | 表格 |
|---|---|
| 制作它的 | 方法 |
| 就是用 | 一堆“|” |
| 还可以横跨两列!就像切出!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 预设方案,其余方案则会导致页面崩溃,故不建议使用。
如果你希望使用本版式的“超级模式”,请单击 此链接 以查看使用说明。
/* 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:m-qc-a。遵循 CC BY-SA 3.0 协议。
117orhx.jpg 系本人制作,发布于 CC-BY-SA 3.0 协议下。
更多授权相关信息,请查阅授权指导。
哦……好吧。
这里是速切玩家的版式。
不过因为MC_ZJC不会做组件
因此只能把速切玩家的版式给速通协会用了。
不过也没什么关系。
在下面放一张M.QC.A.(速通协会)的图片吧。
希望各位喜欢这个组织的可以看一看
以及上面的顶文字如果没有特殊建议改成:速通协会;不为最快,只为更快。
关于那个红色的错误框,我也不知道该怎么办,就先这么放着吧。



