版式：永夜
[[f>toc]]
这个版式由liurd创作，参考了极限运动 版式的代码。若要在您的页面中使用本主题，将如下代码插入您页面中的任何位置：
[[include :backrooms-wiki-cn:theme:evernight]]
附加样式
[[include :backrooms-wiki-cn:theme:evernight
|lightmode=true - 启用亮色模式
]]
版式示例
配图由L fainth拍摄。
可以使用五个连字符"-----" 创建水平线，如果未将其放置在任何内容（例如引用块）中，则可以扩展到整个页面。分隔本文档各部分的行是水平线。
可以通过在行首加上1-6个之间的"+"字符来创建标题。
这是一个分页。
看看我，我这有更多文字！
可真是古朴风格。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套块引用1
| 这是一个 | 表格 |
|---|---|
| 你应该早就 | 知道怎么 |
| 制作它了吧 |
脚1
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起来是
怎么运作
包括那些不存在
以及存在的链接！
还有特殊警告
或者风险更低的
或者安全的！
[[note]]
[[note]]
[[span class="dblock"]] [[/span]]
[[span class="bblock"]] [[/span]]
[[/note]]
[[/note]]
[[div class="lightblock"]]
这个东西用来让你看看链接颜色
[[/div]]
[[div class="darkblock"]]
这个东西用来让你看看链接颜色
[[/div]]
[[div class="styled-quote"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
[[div class="glassblock"]]
[[/div]]
[[div class="hoverblock"]]
试试把鼠标放在这里
[[/div]]
[[div class="light-hoverblock"]]
试试把鼠标放在这里
[[/div]]
[[div class="dark-hoverblock"]]
试试把鼠标放在这里
[[/div]]
[[div class="white-hoverblock"]]
试试把鼠标放在这里
[[/div]]
[[div class="inset-hoverblock"]]
试试把鼠标放在这里
[[/div]]
[[div class="shadow-hoverblock"]]
试试把鼠标放在这里
[[/div]]
[[div class="transparent-hoverblock"]]
试试把鼠标放在这里
没错，这是一个div！
[[/div]]
[[div class="glassblock hoverblock"]]
哦你可以给一个div上两个class
[[/div]]
:root {
--theme-base: "black-highlighter";
--theme-id: "liminal";
--theme-name: "Liminal Theme";
--logo-image: url("https://s1.ax1x.com/2022/11/29/zd1cZV.png");
--logo-2: url("https://s1.ax1x.com/2022/11/29/zd14z9.png");
--header-title: "阈限档案馆";
--header-subtitle: "探索不应存在的空间";
--body-font: Inter, Noto Sans SC, Arimo, Verdana, Geneva, sans-serif;
--header-font: Inter, Noto Sans SC, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--title-font: var(--header-font);
--mono-font: Recursive, 幼圆, Noto Serif SC, Consolas, monaco, monospace;
--white-monochrome: 248, 248, 248;
--very-light-gray-monochrome: 237, 237, 237;
--pale-gray-monochrome: 237, 237, 237;
--light-gray-monochrome: 160, 160, 160;
--gray-monochrome: 60, 60, 60;
--dark-gray-monochrome: 40, 40, 40;
--black-monochrome: 20, 20, 20;
--bright-accent: 3,76,140;
--medium-accent: 100, 100, 100;
--dark-accent: 20, 20, 20;
--pale-accent: 140, 140, 140;
--swatch-topmenu-border-color: var(--medium-accent);
--link-color: var(--bright-accent);
--hover-link-color: 3,88,140;
--visited-link-color: 3,70,120;
--alt-accent:140,88,140;
--background-gradient-distance: 40rem;
--gradient-header: linear-gradient(to bottom, rgba(var(--white-monochrome)) 0%, rgba(var(--very-light-gray-monochrome), 1) 100%);
--diagonal-stripes: linear-gradient(transparent 0);
--header-height-on-desktop:10rem;
--tabs-hover-txt:var(--white-monochrome);
--swatch-topmenu-border-color: var(--dark-gray-monochrome);
--swatch-topmenu-bg-color: var(--dark-gray-monochrome);
--swatch-background: var(--white-monochrome);
--swatch-text-general: var(--swatch-text-dark);
--swatch-menubg-color: var(--white-monochrome);
}
body{
background-color: rgb(var(--white-monochrome));
color: rgb(var(--black-monochrome));
}
#skrollr-body {
background-image: none;
}
#header {
background-image: none;
}
#header::before {
content: "";
position: absolute;
height: calc(var(--header-height-on-desktop) - 2rem);
width: calc(var(--header-height-on-desktop) - 2rem);
left: 0.75rem;
top: 1.1875rem;
background-image: var(--logo-image);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transform-origin: center;
opacity: 1;
animation: aniheader 5s ease-in infinite;
-webkit-animation: aniheader 5s ease-in infinite;
z-index: -1;
}
#header::after {
content: "";
position: absolute;
height: calc(var(--header-height-on-desktop) - 2rem);
width: calc(var(--header-height-on-desktop) - 2rem);
left: 0.75rem;
top: 1.1875rem;
background-image: var(--logo-2);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transform-origin: center;
opacity: 1;
animation:aniheader2 5s ease-out infinite;
-webkit-animation:aniheader2 5s ease-out infinite; /* Safari 和 Chrome */
z-index:-1;
}
#header h1 a::before,#header h2 span::before {
color: rgb(var(--black-monochrome));
}
#header h1, #header h1 a, #header h2, #header h2 a {
left: 7.5rem;
justify-content: left;
}
a#my-account{
color: rgb(var(--black-monochrome));
}
a#account-topbutton{
color: rgb(var(--black-monochrome));
}
#page-title {
color: rgb(var(--black-monochrome));
}
table.wiki-content-table tr {
border: none !important;
}
table.wiki-content-table th {
background-color: rgb(var(--gray-monochrome));
color: rgb(var(--white-monochrome));
;
font-family: var(--title-font);
font-weight: 700;
text-transform: uppercase;
padding-top: 0.4em;
}
table.wiki-content-table th,
table.wiki-content-table td {
border: solid 0.0625rem rgb(var(--black-monochrome)) !important;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
color:rgb(var(--black-monochrome));
}
blockquote, div.blockquote {
border: 1px solid;
background-opacity: 0.4
}
.glassblock {
background-image: linear-gradient(-30deg,
rgba(var(--light-gray-monochrome),.8) -80%,
rgba(var(--white-monochrome),.2) 100%);
border: solid rgb(var(--pale-accent)) 2px;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), .25);
}
.hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: translateY(0em);
}
.hoverblock:hover,.hoverblock:focus{
box-shadow: 0px 4px 20px 0 rgba(var(--black-monochrome), .25);
transform: translateY(-.3em);
}
.light-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
transform: translateY(0em);
}
.light-hoverblock:hover,.light-hoverblock:focus{
background-color: rgb(var(--medium-accent));
box-shadow: 0px 4px 20px 0 rgba(var(--black-monochrome), .25);
transform: translateY(-.3em);
}
.dark-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
transform: translateY(0em);
}
.dark-hoverblock:hover,.dark-hoverblock:focus{
background-color: rgb(var(--gray-monochrome));
color: rgb(var(--white-monochrome));
box-shadow: 0px 4px 20px 0 rgba(var(--black-monochrome), .25);
transform: translateY(-.3em);
}
.transparent-hoverblock{
color:transparent;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
transform: translateY(0em);
}
.transparent-hoverblock:hover,.transparent-hoverblock:focus{
color: inherit;
box-shadow: 0px 4px 20px 0 rgba(var(--black-monochrome), .25);
transform: translateY(-.3em);
}
.white-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: box-shadow 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: translateY(0em);
}
.white-hoverblock:hover,.white-hoverblock:focus{
box-shadow: 0px 4px 20px 0 rgba(var(--black-monochrome), .25);
color: rgb(var(--black-monochrome));
background-color: rgb(var(--white-monochrome));
transform: translateY(-.3em);
}
.inset-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: box-shadow 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: translateY(0em);
}
.inset-hoverblock:hover,.hoverblock:focus{
box-shadow: inset 0px 4px 20px 0 rgba(var(--black-monochrome), .25);
background-color: rgb(var(--white-monochrome));
color: rgb(var(--black-monochrome));
transform: translateY(.3em);
}
.shadow-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
box-shadow: 4px 4px 0 0 rgba(var(--light-gray-monochrome));
border: 0.3rem solid rgba(var(--light-gray-monochrome));
}
.shadow-hoverblock:hover,.shadow-hoverblock:focus{
box-shadow: 20px 20px 0px 0 rgba(var(--light-gray-monochrome));
transform: translate(-.3em);
}
.bblock:hover{
color:white;
}:root {
--theme-base: "black-highlighter";
--theme-id: "liminal";
--theme-name: "Liminal Theme";
--logo-image: url("https://s1.ax1x.com/2022/11/29/zd8DH0.png");
--logo-2: url("https://s1.ax1x.com/2022/11/29/zd8yNT.png");
--header-title: "阈限档案馆";
--header-subtitle: "探索不应存在的空间";
--body-font: Inter, Noto Sans SC, Arimo, Verdana, Geneva, sans-serif;
--header-font: Inter, Noto Sans SC, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--title-font: var(--header-font);
--mono-font: Recursive, 幼圆, Noto Serif SC, Consolas, monaco, monospace;
--white-monochrome: 248, 248, 248;
--very-light-gray-monochrome: 80, 80, 80;
--gray-monochrome: 60, 60, 60;
--light-gray-monochrome: 160, 160, 160;
--pale-gray-monochrome: 60, 60, 60;
--dark-gray-monochrome: 40, 40, 40;
--black-monochrome: 20, 20, 20;
--bright-accent: 43,168,217;
--medium-accent: 100, 100, 100;
--dark-accent: 20, 20, 20;
--pale-accent: 140, 140, 140;
--swatch-topmenu-border-color: var(--medium-accent);
--link-color: var(--bright-accent);
--hover-link-color: 128,221,242;
--alt-accent:140,88,140;
--background-gradient-distance: 40rem;
--gradient-header: linear-gradient(to bottom, rgba(var(--black-monochrome)) 0%, rgba(var(--gray-monochrome), 1) 100%);
--diagonal-stripes: linear-gradient(transparent 0);
--header-height-on-desktop:10rem;
--swatch-topmenu-border-color: var(--medium-accent);
--swatch-topmenu-bg-color: var(--gray-monochrome);
--swatch-background: var(--dark-gray-monochrome);
--swatch-text-general: var(--swatch-text-light);
--swatch-menutxt-dark-color: var(--white-monochrome);
--swatch-menubg-color: var(--black-monochrome);
}
@keyframes aniheader {
0%{
transform:scale(1);
-ms-transform:scale(1); /* IE 9 */
-webkit-transform:scale(1);; /* Safari and Chrome */
}
23%{
transform:scale(0.9);
-ms-transform:scale(0.9); /* IE 9 */
-webkit-transform:scale(0.9); /* Safari and Chrome */
}
33%{
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-webkit-transform:scale(1.2);; /* Safari and Chrome */
}
43%{
transform:scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-webkit-transform:scale(1.1);; /* Safari and Chrome */
}
56%{
transform:scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-webkit-transform:scale(1.1);; /* Safari and Chrome */
}
66%{
transform:scale(1);
-ms-transform:scale(1); /* IE 9 */
-webkit-transform:scale(1);; /* Safari and Chrome */
}
76%{
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-webkit-transform:scale(1.2);; /* Safari and Chrome */
}
100%{
transform:scale(1);
-ms-transform:scale(1); /* IE 9 */
-webkit-transform:scale(1);; /* Safari and Chrome */
}
}
@keyframes aniheader2 {
0%{
transform:scale(1);
-ms-transform:scale(1); /* IE 9 */
-webkit-transform:scale(1);; /* Safari and Chrome */
}
10%{
transform:scale(0.9);
-ms-transform:scale(0.9); /* IE 9 */
-webkit-transform:scale(0.9); /* Safari and Chrome */
}
33%{
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-webkit-transform:scale(1.2);; /* Safari and Chrome */
}
43%{
transform:scale(1.1);
-ms-transform:scale(1.1); /* IE 9 */
-webkit-transform:scale(1.1);; /* Safari and Chrome */
}
66%{
transform:scale(1);
-ms-transform:scale(1); /* IE 9 */
-webkit-transform:scale(1);; /* Safari and Chrome */
}
76%{
transform:scale(1.2);
-ms-transform:scale(1.2); /* IE 9 */
-webkit-transform:scale(1.2);; /* Safari and Chrome */
}
100%{
transform:scale(1);
-ms-transform:scale(1); /* IE 9 */
-webkit-transform:scale(1);; /* Safari and Chrome */
}
}
body{
background-color: rgb(var(--black-monochrome));
color: rgb(var(--white-monochrome));
}
#header {
background-image: none;
}
#header::before {
content: "";
position: absolute;
height: calc(var(--header-height-on-desktop) - 2rem);
width: calc(var(--header-height-on-desktop) - 2rem);
left: 0.75rem;
top: 1.1875rem;
background-image: var(--logo-image);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transform-origin: center;
opacity: 1;
animation: aniheader 5s ease-in infinite;
-webkit-animation: aniheader 5s ease-in infinite;
z-index: -1;
}
#header::after {
content: "";
position: absolute;
height: calc(var(--header-height-on-desktop) - 2rem);
width: calc(var(--header-height-on-desktop) - 2rem);
left: 0.75rem;
top: 1.1875rem;
background-image: var(--logo-2);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transform-origin: center;
opacity: 1;
animation:aniheader2 5s ease-out infinite;
-webkit-animation:aniheader2 5s ease-out infinite; /* Safari 和 Chrome */
z-index:-1;
}
#side-bar:hover,
#side-bar:active,
#side-bar:focus-within {
background-color: rgb(var(--black-monochrome));
}
#side-bar .menu-item a, #side-bar:hover,
#side-bar:active,
#side-bar:focus-within a{
color:rgb(var(--white-monochrome))!important;
}
#side-bar .heading{
background-color:rgb(var(--white-monochrome))
}
#page-title {
color: rgb(var(--white-monochrome));
}
#page-content h1 {
color: rgb(var(--bright-accent));
}
#toc {
background-color:rgb(var(--gray-monochrome));
color:rgb(var(--white-monochrome));
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
border: none;
padding: 0.5rem
}
#toc a {
color: rgb(var(--swatch-menubg-medium-color));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
color:rgb(var(--white-monochrome));
}
table.wiki-content-table tr {
border: none !important;
}
table.wiki-content-table th {
background-color: rgb(var(--gray-monochrome));
color: rgb(var(--white-monochrome));
;
font-family: var(--title-font);
font-weight: 700;
text-transform: uppercase;
padding-top: 0.4em;
}
table.wiki-content-table th,
table.wiki-content-table td {
border: solid 0.0625rem rgb(var(--white-monochrome)) !important;
}
.page-rate-widget-box {
background-color:rgb(var(--light-gray-monochrome));
}
#who-rated-page-area>div>span[style*="color"] {
color: rgb(var(--swatch-text-secondary-color)) !important;
}
blockquote, div.blockquote {
border: 1px solid;
background-opacity: 0.4
}
.code pre span[class*="hl-"] {
-webkit-filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
.lightblock{
background-color: rgb(var(--pale-gray-monochrome));
}
.darkblock{
background-color: rgb(var(--black-monochrome));
}
.styled-quote{
border-color: rgb(var(--light-gray-monochrome));
}
.dark-styled-quote{
background-color: rgb(var(--black-monochrome));
}
.glassblock {
background-image: linear-gradient(-30deg,
rgba(var(--light-gray-monochrome),.8) -80%,
rgba(var(--white-monochrome),.2) 100%);
border: solid rgb(var(--pale-accent)) 2px;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
box-shadow: 0 0.2rem 0.3rem rgba(var(--black-monochrome), .25);
}
.hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: translateY(0em);
}
.hoverblock:hover,.hoverblock:focus{
box-shadow: 0px 4px 20px 0 rgba(var(--white-monochrome), .25);
transform: translateY(-.3em);
}
.light-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
transform: translateY(0em);
}
.light-hoverblock:hover,.light-hoverblock:focus{
background-color: rgb(var(--medium-accent));
box-shadow: 0px 4px 20px 0 rgba(var(--white-monochrome), .25);
transform: translateY(-.3em);
}
.dark-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
transform: translateY(0em);
}
.dark-hoverblock:hover,.dark-hoverblock:focus{
background-color: rgb(var(--gray-monochrome));
color: rgb(var(--white-monochrome));
box-shadow: 0px 4px 20px 0 rgba(var(--white-monochrome), .25);
transform: translateY(-.3em);
}
.transparent-hoverblock{
color:transparent;
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
transform: translateY(0em);
}
.transparent-hoverblock:hover,.transparent-hoverblock:focus{
color: inherit;
box-shadow: 0px 4px 20px 0 rgba(var(--white-monochrome), .25);
transform: translateY(-.3em);
}
.white-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: box-shadow 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: translateY(0em);
}
.white-hoverblock:hover,.white-hoverblock:focus{
box-shadow: 0px 4px 20px 0 rgba(var(--white-monochrome), .25);
color: rgb(var(--black-monochrome));
background-color: rgb(var(--white-monochrome));
transform: translateY(-.3em);
}
.inset-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: box-shadow 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transform: translateY(0em);
}
.inset-hoverblock:hover,.hoverblock:focus{
box-shadow: inset 0px 4px 20px 0 rgba(var(--white-monochrome), .25);
background-color: rgb(var(--black-monochrome));
color: rgb(var(--white-monochrome));
transform: translateY(.3em);
}
.shadow-hoverblock{
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0rem;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out; /* Safari */
box-shadow: 4px 4px 0 0 rgba(var(--light-gray-monochrome));
border: 0.3rem solid rgba(var(--light-gray-monochrome));
}
.shadow-hoverblock:hover,.shadow-hoverblock:focus{
box-shadow: 20px 20px 0px 0 rgba(var(--light-gray-monochrome));
transform: translate(-.3em);
}
.bblock:hover{
color:white;
}
.dblock:hover{
color:inherit;
}