[[include :backrooms-wiki-cn:theme:super-speed]]
(请同时引用以上两行代码!)
介绍
超速度是由 Liurd 制作的 Wikidot 版式,基于 超阈限 版式 制作,可以被应用于任意 速切玩家 相关页面当中。
展示

捏嘛的,开切!
可以使用四到六个连字符"-----"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:super-speed。遵循 CC BY-SA 3.0 协议。
117orhx.jpg 系本人制作,发布于 CC-BY-SA 3.0 协议下。
更多授权相关信息,请查阅授权指导。