版式：逐光
这个版式由liurd修改自黑色标记笔版式，参考了半影版式的代码。若要在您的页面中使用本主题，将如下代码插入您页面中的任何位置：
[[include :backrooms-wiki-cn:theme:ldpc]]
版式示例
捏嘛嘛滴怎么跟NERV似的
可以使用五个连字符"-----" 创建水平线，如果未将其放置在任何内容（例如引用块）中，则可以扩展到整个页面。分隔本文档各部分的行是水平线。
可以通过在行首加上1-6个之间的"+"字符来创建标题。
这是一个分页。
看看我，我这有更多文字！
可真是古朴风格。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个长分页，它能容纳很多字符。
这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套块引用1
| 这是一个 | 表格 |
|---|---|
| 你应该早就 | 知道怎么 |
| 制作它了吧 |
脚1
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起来是
怎么运作
包括那些不存在
以及存在的链接！
还有特殊警告
或者风险更低的
或者安全的！
[[div class="lightblock"]]
这个东西用来让你看看链接颜色
[[/div]]
[[div class="darkblock"]]
这个东西用来让你看看链接颜色
[[/div]]
[[div class="pinkblock"]]
[[/div]]
[[div class="greenblock"]]
[[/div]]
[[div class="skyblock"]]
[[/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="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/27/zNRHJJ.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: 242,242,242;
--very-light-gray-monochrome: 242,203,5;
--pale-gray-monochrome: 242,225,194;
--light-gray-monochrome: 242,183,5;
--gray-monochrome: 18,25,53;
--dark-gray-monochrome: 18,25,53;
--black-monochrome: 38,33,31;
--bright-accent: 242,183,5;
--medium-accent: 140,74,15;
--dark-accent: 89,53,21;
--pale-accent: 89,53,21;
--alt-accent: 73,156,166;
--sky-accent: 213,237,242;
--green-accent: 167,226,143;
--pink-accent: 241,188,207;
--gradient-header: linear-gradient(to bottom right, rgba(var(--bright-accent)) 0%, rgba(var(--gray-monochrome), 0.90) 100%);
--final-gradient-header: linear-gradient(to top left, rgba(var(--bright-accent)) 0%, rgba(var(--gray-monochrome), 0.90) 100%);
--body-width-on-desktop:44rem;
}
#header {
background-size:auto 7.5rem;
}
@media only screen and (max-width:768px){
#header {
background-size:auto 10rem;
}
}
#page-content a:not([href*="user"]):not([href*="javascript:;"]) {
padding: 0.15em;
margin: -0.15em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
box-shadow: inset 0 -0.125rem 0 0rem rgba(var(--swatch-primary), 1);
transition:
box-shadow 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
padding 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
margin 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
#page-content a:not([href*="user"]):not([href*="javascript:;"]):hover {
padding: 0.3em 0.25em 0.2em 0.25em;
margin: -0.25em;
box-shadow: inset 0 -1.5em 0 0 rgba(var(--swatch-primary), 1);
text-decoration: none;
color: rgb(var(--black-monochrome))
}
#page-content .collapsible-block-folded,
#page-content .collapsible-block-unfolded-link {
background: rgb(var(--black-monochrome));
transition: background 0.25s linear;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
white-space: nowrap;
overflow: hidden;
margin: auto;
}
#page-content .collapsible-block-folded .collapsible-block-link::before {
content: "+ ";
}
#page-content .collapsible-block-unfolded .collapsible-block-link::before {
content: "- ";
}
#page-content .collapsible-block-link {
text-decoration: none;
color: rgb(var(--white-monochrome));
font-weight: 700;
}
#page-content .collapsible-block-link:hover {
color: rgb(var(--black-monochrome));
}
#page-content .collapsible-block-folded:hover,
#page-content .collapsible-block-unfolded-link:hover {
background: rgb(var(--swatch-primary));
}
#page-content .collapsible-block-unfolded-link {
box-shadow: 0rem -0.26rem 0rem 0rem rgb(var(--swatch-primary));
}
#page-content .collapsible-block-folded,
#page-content .collapsible-block-unfolded-link {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
table.wiki-content-table th {
background-color: rgb(var(--pale-gray-monochrome))!important;
color: rgb(var(--black-monochrome))!important;
}
.styled-quote {
background-color: rgb(var(--white-monochrome));
border-left: 0.5rem solid rgba(var(--gray-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0, 0, 0, .25);
}
.dark-styled-quote {
background-color: rgb(var(--gray-monochrome));
color: rgb(var(--black-monochrome));
border-left: 0.5rem solid rgba(var(--white-monochrome));
color: rgb(var(--white-monochrome));
padding: 0.1rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0, 0, 0, .25);
}
.dark-styled-quote a {
color: rgb(var(--swatch-menubg-medium-color));
}
.lightblock {
background-color: rgb(var(--white-monochrome));
color: rgb(var(--black-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25);
}
.darkblock {
background-color: rgb(var(--gray-monochrome));
color: rgb(var(--white-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25);
}
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
.skyblock {
background-color: rgb(var(--sky-accent));
color: rgb(var(--black-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25);
}
.pinkblock {
background-color: rgb(var(--pink-accent));
color: rgb(var(--black-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25);
}
.greenblock {
background-color: rgb(var(--green-accent));
color: rgb(var(--black-monochrome));
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, .25);
}
.glassblock {
background-image: linear-gradient(-30deg,
rgba(var(--bright-accent),.8) -80%,
rgba(var(--white-monochrome),.4) 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(0,0,0,.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(--pale-gray-monochrome));
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: rgb(var(--black-monochrome));
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);
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));
transform: translateY(.3em);
}
.bblock::hover{
color:white;
}