版式：阈限逃亡

作者为Flowerssea，参考了强势黄的，无限和抖音的代码，同时参考了B.F.P.F.贰零贰陆的div使用方式。

版式内置了居中标题的样式以及适配，我并不打算把这个适配做成预设。

该版式的题材取自Fandom后室维基的阈限逃亡设定，版头图标为经PS处理的阈限逃亡设定图标，两张背景图为PS制作。

若要将此版式导入到你的页面，请将下方框中的文本放入你页面的最上方：

[[include :flowerssea:theme:liminality]]

示例

阈限 逃亡

可以通过使用五个连字符"-----"来创建一条水平线，如果它没有放在任何内容（例如引用块）之中，则可以适配整个页面。下面这条分割了这篇文章的线便是一个示例。

---

在一句话的开头加入1到6个 "+" 可以创建标题。

+ 标题

标题一

标题二

标题三

标题四

标题五

标题六

分页

这是一个很好的优化。

分页

分页。

分页

分页。

长tab

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

逃。

长头tab，我不知道为什么要写但别人都写了我只能也写了

空tab

空tab

空tab

空tab

---

这是一段¹
普通的文
字可以展
示此版式
的各^种各
样的_格式
很酷对吧
包括那些存在的
和大眼珠子

---

这是一个引用块，在一行字的起始处加上“> ”来创建。

---

这是一条分割线。

坠落

坠落²

坠落³

---

表格
全	wikidot
最没用的	功能
维基笔记	除外

---

[[div class="code"]]
代码块。

[[div class="block"]]
一个标准的div块。

[[div class="block bai"]]
简单的一个白框。

[[div class="block hei"]]
简单的一个黑底。

[[div class="block kcolb"]]
这个块里面的所有东西都是反色的。

[[div class="block yuan"]]
所有包含在这里面的块都会变成圆角。

[[div class="block liminality"]]
把鼠标放上去试试。

[[div class="block yuan bai liminality hei kcolb"]]
你当然可以同时使用。

[[div class="block dian"]]
我最初差点就用这个作为边框了。

[[div class="block shuang"]]
双向线。

[[div class="block qswa"]]
强势黄的。

[[div class="block outer"]]
酷儿？

[[div class="block kie" style="background-image: url("https://flowerssea.wdfiles.com/local--files/theme%3Aliminality/图层 0.png");"]]
这东西的原理是什么？

[[div class="block xuxian"]]
我们一般管这个叫代码膨胀。

[[div class="block zhe"]]
我不知道该怎么介绍他。

[[div class="block kkk"]]
这些有什么区别吗？

[[div class="block llll"]]
想要更多div可以看看div扩展。

---

自定义选项

[[module css]]
:root {
    /* 版头标题。 */
    --header-title: "阈限逃亡";
    /* 版头副标题。 */
    --header-subtitle: "死境尚存无限生机";
    /* 版头图标。 */
    --logo-image: url("https://flowerssea.wdfiles.com/local--files/theme%3Aliminality/阈限逃亡3.png");
    /* 背景图，这里是彩色预设。 */
    --background-image: url("https://flowerssea.wdfiles.com/local--files/theme%3Aliminality/%E5%9B%BE%E5%B1%82%200.png");
    /* 内部背景颜色。 */
    --main-content-color: rgb(22, 32, 55);
    /* 内部背景边框。 */
    --main-content-border: solid 0.2rem rgb(255, 255, 255);
    /* 色散：左。 */
    --dispersion-left: rgb(0,255,255);
    /* 色素：右。 */
    --dispersion-right: rgb(255,0,0);
}
[[/module]]

---

+ 版式代码

/* 作者为Flowerssea。 */
/* 我看别人都在这里标作者信息所以我也标。 */
:root {
    --theme-base: "black-highlighter";
    --theme-id: "liminality";
    --theme-name: "Liminality Theme";
    --header-title: "阈限逃亡";
    --header-subtitle: "死境尚存无限生机";
    --logo-image: url("https://flowerssea.wdfiles.com/local--files/theme%3Aliminality/阈限逃亡3.png");
    --swatch-text-general: 255,255,255;
    --swatch-menubg-medium-dark-color: 255,255,255;
    --dark-accent: 15,22,39;
    --bright-accent: 0,0,0;
    --medium-accent: 15,22,39;
    --light-gray-monochrome: 15,22,39;
    --pale-gray-monochrome: 63,69,82;
    --background-image: url("https://flowerssea.wdfiles.com/local--files/theme%3Aliminality/%E5%9B%BE%E5%B1%82%201.png");
    --main-content-color: rgb(22, 32, 55);
    --main-content-border: solid 0.2rem rgb(255, 255, 255);
    --dispersion-left: rgb(0,255,255);
    --dispersion-right: rgb(255,0,0);
}
 
.text.text {
    color: rgb(0,0,0);
}
 
#page-content a:not(.page-rate-widget-box a):link,
.page-tags a:not(.page-rate-widget-box a):link {
    text-decoration: none;
    color: rgb(255,255,255);
    text-shadow:
        -1px -1px 0 var(--dispersion-left),
        1px 1px 0 var(--dispersion-right);
    transition: linear 0.2s;
}
 
#page-content a:not(.page-rate-widget-box a):visited,
.page-tags a:not(.page-rate-widget-box a):visited {
    text-decoration: none;
    color: rgb(200,200,200);
    text-shadow:
        -1px -1px 0 rgb(0,200,200),
        1px 1px 0 rgb(200,0,0);
    transition: linear 0.2s;
}
 
#page-content a:not(.page-rate-widget-box a):hover,
.page-tags a:not(.page-rate-widget-box a):hover {
    text-decoration: none;
    color: rgb(255,255,255);
    text-shadow:
        0 0 0 var(--dispersion-left),
        0 0 0 var(--dispersion-right);
    transition: linear 0.2s;
}
 
#page-content a:not(.page-rate-widget-box a):active,
.page-tags a:not(.page-rate-widget-box a):active {
    text-decoration: none;
    color: rgb(0,0,0);
    text-shadow:
        1px 1px 0 var(--dispersion-left),
        -1px -1px 0 var(--dispersion-right);
    transition: linear 0.2s;
}
 
.printuser {
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);
}
 
#page-title,
.meta-title,
h1,
h2,
h3,
h4,
h5,
h6  {
    text-shadow:
        2px 0 0 var(--dispersion-right),
        -2px 0 0 var(--dispersion-left);
}
 
#page-title::before,
.meta-title::before {
    content: "";
    flex-grow: 1;
    height: .0625rem;
    margin: auto 1.25rem auto auto;
    background: rgb(var(--swatch-tertiary-color));
    border-color: rgb(255,255,255);
    background-color: rgb(255,255,255);
    box-shadow:
        0 1px 0 var(--dispersion-right),
        0 -1px 0 var(--dispersion-left);
}
 
#page-title,
.meta-title {
    display: flex;
    align-items: center;
    border: none;
    font-size: 2em;
}
 
#page-title::after,
.meta-title::after {
    content: "";
    flex-grow: 1;
    height: .0625rem;
    margin: auto auto auto 1.25rem;
    background: rgb(var(--swatch-tertiary-color));
    border-color: rgb(255,255,255);
    background-color: rgb(255,255,255);
    box-shadow:
        0 1px 0 var(--dispersion-right),
        0 -1px 0 var(--dispersion-left);
}
 
hr, 
.open-title-meta-title::after {
    border-color: rgb(255,255,255);
    background-color: rgb(255,255,255);
    box-shadow:
        0 1px 0 var(--dispersion-right),
        0 -1px 0 var(--dispersion-left);
}
 
#header:before {
    opacity: 0.8;
}
 
#main-content::before {
    opacity: 1;
    background-color: rgb(255,255,255);
}
 
#login-status,
#search-top-box {
    background-color: rgb(0,0,0);
    border: solid 0.1rem rgb(255,255,255);
    border-radius: 5px;
}
 
::selection {
    background-color: rgb(0,0,255);
    color: rgb(255,255,255);
}
 
#footer {
    background-color: rgb(0,0,0);
    color: rgb(255,255,255);
    border-top: 1px solid rgb(255,255,255);
}
 
#license-area {
    background-color: rgb(0,0,0);
    color: rgb(255,255,255);
    font-size: 80%
}
 
div#container-wrap {
    background-image: var(--background-image);
    background-attachment: fixed;
    background-position: center center;
    background-repeat: repeat;
    background-size: auto 100vw;
    animation: yid 5s infinite linear;
}
 
@keyframes yid {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 100vw;
    }
}
 
#header h1 a::before,
#header span::before {
    animation: animate 0.5s linear infinite;
    transition: linear 0.15s;
}
 
#header:hover h1 a::before {
    transform: translateY(-5px);
}
 
#edit-page-textarea {
    background-color: rgb(0,0,0);
}
 
#main-content {
    background-color: var(--main-content-color);
    border-right: var(--main-content-border);
    border-bottom: var(--main-content-border);
    border-left: var(--main-content-border);
}
 
@media only screen and (max-width: 768px) {
    #main-content {
        border-top: var(--main-content-border);
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}
 
@keyframes animate {
    0%, 100% {
        text-shadow: -1.5px -1.5px 0 var(--dispersion-left), 1.5px 1.5px 0 var(--dispersion-right);
    }
    25% {
        text-shadow: 1.5px 1.5px 0 var(--dispersion-left), -1.5px -1.5px 0 var(--dispersion-right);
    }
    50% {
        text-shadow: 1.5px -1.5px 0 var(--dispersion-left), 1.5px -1.5px 0 var(--dispersion-right);
    }
    75% {
        text-shadow: -1.5px 1.5px 0 var(--dispersion-left), -1.5px 1.5px 0 var(--dispersion-right);
    }
}
 
.page-tags,
#page-info {
    text-align: center;
}
 
.page-watch-options,
#main-content::after,
.license-area {
    display: none;
}
 
.avatarhover {
    background-color: var(--main-content-color);
}
 
.block {
    padding: 0.01rem 1rem;
    margin: 0.5rem 0.25rem 0.5rem 0.25rem;
    border-color: rgb(255,255,255);
    border-width: 3px;
}
 
.kcolb,
#side-bar, 
#header:hover h1 a::before,
#header:hover span::before {
    filter: invert(1);
    transition: linear 0.15s;
}
 
.yuan {
    border-radius: 8px;
}
 
.bai {
    border-style: solid;
}
 
.zhe {
    border-style: groove;
}
 
.shuang {
    border-style: double;
}
 
.dian {
    border-style: dotted;
}
 
.xuxian {
    border-style: dashed;
}
 
.qswa {
    border-style: inset;
}
 
.kkk {
    border-style: ridge;
}
 
.llll {
    border-style: outset;
}
 
.hei {
    background-color: rgb(0,0,0);
}
 
th[colspan="2"][colspan="2"] {
    background-color: rgb(15,22,39);
}
 
.page-rate-widget-box.page-rate-widget-box {
    background-color: rgb(255,255,255);
    outline: 2px solid rgb(0,0,0);
    outline-offset: 0;
    filter: invert(1);
}
 
blockquote,
div.blockquote,
.code {
    background-color: transparent;
    border-color: rgb(255,255,255);
    border-width: 2px;
}
 
.scp-image-block {
    border: 2px solid rgb(255,255,255);
}
 
.scp-image-caption.scp-image-caption {
    background-color: rgb(0,0,0);
    border-top: 2px solid rgb(255,255,255);
}
 
.liminality,
.footnotes-footer {
    overflow: hidden;
    transition: linear 0.2s;
}
 
.liminality:hover,
.footnotes-footer:hover {
    box-shadow: -3px -3px 0 var(--dispersion-left), 3px 3px 0 var(--dispersion-right);
}
 
.footnotes-footer {
    border: solid 2px rgb(255,255,255);
}
 
.outer {
    border-style: solid;
    border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
    border-image-slice: 1;
}
 
.kie {
  background-image: url("https://flowerssea.wdfiles.com/local--files/theme%3Aliminality/图层 0.png");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
 
#top-bar {
    background-color: rgb(255,255,255);
    text-shadow:
        -0.5px -0.5px 0 rgb(0,0,0),  
        0.5px -0.5px 0 rgb(0,0,0),
        -0.5px  0.5px 0 rgb(0,0,0),
        0.5px  0.5px 0 rgb(0,0,0);
}
 
@media only screen and (min-width: 768px) {
    #top-bar {
        position: relative;
    }
 
    #top-bar::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 100vw;
        background: rgb(255,255,255);
    }
 
    #top-bar::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100vw;
        left: 50.3%;
        transform: translateX(-50%);
        background: rgb(255,255,255);
        z-index: -1;
    }
}
 
/* 这里是修改所有编辑窗口样式的，我试过增加优先级，但没用。 */
.alert,
.owindow,
.confirmation,
.alert-info {
    background-color: rgb(15,22,39) !important;
    border: solid 2px rgb(255,255,255) !important;
}

脚注

1. 平平无奇的脚注。