版式：平页

这是一个使用实例

此版式由Mirror hands在极简版式基础上制作。兴许是用来写故事文的，所以理论上你不会在这个版式下的正文使用任何样式块。特别是在两个正文块里，很难看。

若需将本版式引入到你的页面中，请将以下文本放到任意位置：

[[include :backrooms-to-dv:theme:book]]

最重要的

该版式制作了 2 种应用于正文的div块，其差别在于首行字体是否放大。只有两行之间空行才可以让第二行缩进2em。

我不知道把其他div块放到里面会怎么样。可能很难看。

---

第一行：默认放大

[[div class="indent"]]

正常字体就像这样，很大。

一只敏捷的棕色狐狸跳过懒惰的狗。

Quick brown fox jumps over the lazy dog.

一只敏捷的棕色狐狸跳过懒惰的狗。

Quick brown fox jumps over the lazy dog.

一只敏捷的棕色狐狸跳过懒惰的狗。

Quick brown fox jumps over the lazy dog.

一只敏捷的棕色狐狸跳过懒惰的狗。

Quick brown fox jumps over the lazy dog.

一只敏捷的棕色狐狸跳过懒惰的狗。Quick brown fox jumps over the lazy dog.一只敏捷的棕色狐狸跳过懒惰的狗。Quick brown fox jumps over the lazy dog.

[[/div]]

---

第一行：无放大

[[div class="indentnosize"]]

正常字体也像这样，很大。

一只敏捷的棕色狐狸跳过懒惰的狗。

Quick brown fox jumps over the lazy dog.

一只敏捷的棕色狐狸跳过懒惰的狗。

Quick brown fox jumps over the lazy dog.

一只敏捷的棕色狐狸跳过懒惰的狗。

Quick brown fox jumps over the lazy dog.

一只敏捷的棕色狐狸跳过懒惰的狗。

Quick brown fox jumps over the lazy dog.

一只敏捷的棕色狐狸跳过懒惰的狗。Quick brown fox jumps over the lazy dog.一只敏捷的棕色狐狸跳过懒惰的狗。Quick brown fox jumps over the lazy dog.

[[/div]]

---

其他示例

暖色调。自摄CC。

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

---

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

此为分页（tab view）。

分页

看，这有更多文字。

多么精巧绝伦。

长 Tab

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

由于一些奇怪的原因，这个空 tab 有一个很长的名字。我想知道为什么？这很奇怪。

空 Tab

空 Tab

空 Tab

空 Tab

空 Tab

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

---

一条分割线

嵌套引用块

这是	表格
你应该老早	就知道怎么
做这个了吧

脚¹
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起^来是
怎么_运作
包括那些不存在
以及存在的链接！

---

+ indent块中示例(nosize)

脚²（别用这个。我觉得你也不会去用的。硬要用请在脚注维基代码外套上[[span class="noindent"]][[/span]]）

脚³（用了后就像这样。这不怪我，主要是因为wikidot把footnote也给了一个p标签）

这段文本

放在这里

你们就能

看到不同

格式以及

其它东西

看起^来是

怎么_运作

包括那些不存在

以及存在的链接！

---

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

[[div class="styled-quote"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

---

+ 版式代码

:root{
--medium-accent: 0, 0, 0, 0;
--gray-monochrome: 0, 0, 0;
  }
#header{
display:none;
}
div#skrollr-body{
background:none;
}
 
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected a{
    background-color: rgb(0,0,0)!important;
}
 
:root {
 
--body-font: 'STIX Two Math', 'Noto Serif SC', serif;
--header-font: 'Rufina', 'Noto Serif SC', serif;
--title-font: 'Rufina', 'Noto Serif SC', serif;
--mono-font: 'Overpass Mono', monospace;
}
 
.indent p {
 
font-size: 1.35em;
font-weight: 450;
text-indent: 2em;
letter-spacing: 0.1em;
line-height: 1.8em;
 
}
 
.noindent {
 
text-indent: 0;
 
}
 
.indentnosize p {
 
font-size: 1.35em;
font-weight: 450;
text-indent: 2em;
letter-spacing: 0.1em;
line-height: 1.8em;
 
}
 
.indent::first-line {
  text-indent: 0em;
  font-weight: bold;
  font-size: 1.55em;
  line-height: 2.8em;
  letter-spacing: 0.3em;
}
 
#skrollr-body {
  background: none;
}
 
#container{
background:none;
}
 
#edit-button {
  position: fixed;
  right: 0%;
  top: 0.35em;
  z-index: 9999;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0.1em;
  opacity: 0.3 !important;
}
 
#discuss-button {
  position: fixed;
  right: 0%;
  top: 2.35em;
  z-index: 9999;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0.1em;
  opacity: 0.3 !important;
}
 
#discuss-button::hover {
  opacity: 1;
}
 
#edit-button::hover {
  opacity: 1;
}
 
#edit-button:after {
  content: "——";
}
 
#edit-button:before {
  content: "——";
}
 
#discuss-button:after {
  content: "—";
}
 
#discuss-button:before {
  content: "—";
}
 
#page-options-container .btn{
  opacity: 0;
  border: 2px solid #000;
  transition: opacity 0.3s ease-in-out;
}
 
#page-options-container .btn:hover {
  opacity: 1;
}
 
#page-title {
    padding-bottom: 0.1rem;
    border-bottom: rgb(var(--gray-monochrome)) solid 0.2rem;
    margin-bottom: 0.5rem;
    text-align: center;
}

脚注

1. 注

2. 注

3. 注