版式：冰冷下雪

由zigu99chushentai为已逝去的Level C-1043所设计的版式，基于阈限，希望以后作者们能多用用这个版式。（适用于冰天雪地的层级）

如何使用：

[[include :backrooms-wiki-cn:theme:cold-and-snowy]]

更改版头标题详见阈限版式，方法相同。
以下为本版式的部分元素示例。

示例:

标题展示：

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

使用-----来进行水平分割。如果未将其放置在任何内容（例如引用块）中，则可以扩展到整个页面。分隔本文档各部分的行是水平线：

---

图片块：

图片。

分页1

你好，这个版式是不是很有既视感。

分页2

你好！¹

好长的分页

环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感
环境伴随强烈压迫感

好长好长，谁也不知道这空分页的标题为什么那么长.......

空分页

.......

我是分页中的分页

啊这……

这是个引用块，在一行字的起始处加上“> ”来创建。（别忘了空格）

我是引用块中的引用块

这是一个	表格
你已经	知道
该怎么做。

div块：

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

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

不推荐使用这个，很伤眼！

[[/div]]

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

[[/div]]

‡ 授权 / 引用

请按如下方式引用此页：

“版式：冰冷下雪”，作者 zigu99chushentai，来自后室中文维基。原文链接：http://backrooms-wiki-cn.wikidot.com/theme:cold-and-snowy。遵循 CC BY-SA 3.0 协议。

---

图片:原为Level C-1043的图片。

更多授权相关信息，请查阅授权指导。

+ 版式代码

body::before,
body::after,
#container::before,
#container::after,
#content-wrap::before,
#content-wrap::after {
    content: "";
    position: fixed;
    top: -50px;
    left: calc(var(--random-left, 0) * 100%);
    width: var(--size, 8px);
    height: var(--size, 8px);
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    opacity: var(--opacity, 0.6);
    animation: snowfall var(--duration, 10s) linear infinite;
    z-index: 9999;
    pointer-events: none;
}
 
body::before { --random-left: 0.1; --size: 6px; --duration: 8s; --opacity: 0.7; }
body::after { --random-left: 0.3; --size: 10px; --duration: 12s; --opacity: 0.5; }
#container::before { --random-left: 0.5; --size: 7px; --duration: 9s; --opacity: 0.8; }
#container::after { --random-left: 0.7; --size: 5px; --duration: 11s; --opacity: 0.6; }
#content-wrap::before { --random-left: 0.2; --size: 9px; --duration: 13s; --opacity: 0.4; }
#content-wrap::after { --random-left: 0.8; --size: 8px; --duration: 7s; --opacity: 0.9; }
 
@keyframes snowfall {
    0% {
        transform: translate(0, 0) rotate(0deg);
        opacity: var(--opacity);
    }
    100% {
        transform: translate(var(--x-move, 30px), 100vh) rotate(360deg);
        opacity: 0;
    }
}
 
body {
    opacity: 0;
    animation: fadeIn 2s ease-in-out forwards;
    background-color: rgb(15, 23, 42);
    color: rgb(200, 214, 255);
}
 
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
 
#main-content::before,
#main-content::after,
#side-bar::before,
#side-bar::after {
    content: "";
    position: fixed;
    top: -50px;
    left: calc(var(--random-left, 0) * 100%);
    width: var(--size, 6px);
    height: var(--size, 6px);
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    opacity: var(--opacity, 0.5);
    animation: snowfall var(--duration, 9s) linear infinite;
    z-index: 9999;
    pointer-events: none;
}
 
#main-content::before { --random-left: 0.4; --size: 5px; --duration: 10s; --opacity: 0.6; }
#main-content::after { --random-left: 0.6; --size: 7px; --duration: 14s; --opacity: 0.4; }
#side-bar::before { --random-left: 0.9; --size: 8px; --duration: 8s; --opacity: 0.7; }
#side-bar::after { --random-left: 0.05; --size: 9px; --duration: 11s; --opacity: 0.5; }
 
#container {
    background-color: rgb(10, 18, 35);
    background-image: radial-gradient(circle, rgba(30, 58, 138, 0.1) 50%, transparent 0);
}
 
h0, h1, h2, h3, h4, h5, h6, #page-title {
    color: rgb(144, 195, 255);
}
 
a, a:link, a.newpage {
    color: rgb(125, 185, 255);
}
 
a:hover, a:focus {
    color: rgb(173, 216, 255);
}
 
a:visited {
    color: rgb(100, 160, 255);
}
 
.whiteblock {
    background-color: rgb(30, 41, 59);
    color: rgb(224, 231, 255);
    border: 1px solid rgb(59, 130, 246);
}
 
.blackblock {
    background-color: rgb(8, 14, 30);
    color: rgb(200, 214, 255);
    border: 1px solid rgb(37, 99, 235);
}
 
.lightblock {
    background-color: rgb(29, 41, 70);
    color: rgb(216, 228, 255);
    border: 1px solid rgb(59, 130, 246);
}
 
.darkblock {
    background-color: rgb(12, 20, 38);
    color: rgb(191, 219, 254);
    border: 1px solid rgb(37, 99, 235);
}
 
blockquote, .light-styled-quote, .dark-styled-quote, .white-styled-quote, .black-styled-quote {
    background-color: rgb(18, 32, 64);
    color: rgb(200, 214, 255);
    border-left-color: rgb(59, 130, 246);
}
 
table.wiki-content-table th {
    background-color: rgb(12, 20, 38);
    border-color: rgb(59, 130, 246) !important;
    color: rgb(144, 195, 255);
}
 
table.wiki-content-table td {
    background-color: rgb(15, 23, 42);
    border-color: rgb(59, 130, 246) !important;
    color: rgb(200, 214, 255);
}
 
.light-titleblock, .dark-titleblock, .white-titleblock, .black-titleblock {
    background-color: rgb(18, 32, 64);
    color: rgb(191, 219, 254);
    border-color: rgb(59, 130, 246);
}
 
.light-titlebox, .dark-titlebox, .white-titlebox, .black-titlebox {
    background-color: rgb(18, 32, 64);
    color: rgb(191, 219, 254);
    border-color: rgb(59, 130, 246);
}
 
#header {
    background-color: rgb(8, 14, 30);
}
 
#top-bar {
    background-color: rgb(12, 20, 38);
    border-bottom-color: rgb(59, 130, 246);
}
 
.footer-wikiwalk-nav {
    color: rgb(173, 216, 255);
}

Footnotes

1. 一个脚注