版式：冰山

浅--accent-color-light(174, 214, 241)

深--accent-color-dark(31, 97, 141)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

中--accent-color-medium(41, 128, 185)

白--accent-white(230, 242, 255)

黑--black-monochrome(12, 12, 12)

{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

该版式的作者是Ambersight。

想要应用该版式，在文本的任意位置插入以下代码：

[[include :backrooms-wiki-cn:theme:iceberg]]

样例：

嗷呜～嗷呜～

通过5个连字符“-----”即可创建一条分割线，可分割整个页面（除非分割线在引用块内）。本页中分割不同区域的就是分割线。

---

在一行的开头加上一到六个“+”即可建立标题。

+ 标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

制表机

这是一个分页。

制表

嘿瞧，这里还有更多文本。

多么古雅。

长分页

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这是一个长分页，包含很多文本。

这个空分页的名字特别长。可这到底为了什么？

不为什么呵呵

空分页

空分页

空分页

空分页

空分页

这是一个引用块，在每行前面加上“> ”即可创建。
更多文本。

---

上面的是分割线。引用块中的链接。

嵌套引用块¹。

这是	表格
你应该早就	知道怎么创建了
对吧

这里有
一些文本
让你可以
看到
不同格式的
文字
以及^一些
其他的_东西
包括不存在的链接
和存在的链接！

---

---

[[div class="lightblock"]]
这是一个亮色块。链接预览。
[[/div]]

---

[[div class="darkblock"]]
这是一个暗色块。链接预览。
[[/div]]

---

[[div class="styled-quote"]]
这是一个特殊引用块。链接预览。
[[/div]]

---

[[div class="dark-styled-quote"]]
这是一个暗色特殊引用块。链接预览。
[[/div]]

---

自定义 DIV

通过以下代码建立一个自定义 DIV 块：

[[div class="custom bd1 bg1 tx1 a1"]]

[[/div]]

其中，bg 代表背景色，bd 代表边框色，tx 代表文字色与分割线色，a 代表链接色。其后的文字代表具体颜色，1-4 逐渐加深。1 为最浅的白色，4 为最深的蓝色。特别的是，tx0 表示黑色文字。

[+] 展示示例

[[div class="custom bd4 bg1 tx0 a4"]]

---

这是一个自定义引用块。链接预览。
[[/div]]

[[div class="custom bd1 bg4 tx2 a1"]]

---

这是一个自定义引用块。链接预览。
[[/div]]

---

+ 版式代码

@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');
 
/* ----- I LOVE BLACK HIGHLIGHTER ----- */
:root {
    --theme-base: "black-highlighter";
    --theme-id: "iceberg";
    --theme-name: "Iceberg Theme";
 
    --theme-base: "black-highlighter";
    --logo-image: url("https://s2.loli.net/2022/05/25/3YWRG1NotOylr5X.png");
    --header-title: "冰山";
    --header-subtitle: "冰冻三尺";
 
    --body-font: 'Noto Sans SC', sans-serif;
    --header-font: 'ZCOOL XiaoWei', sans-serif;
    --title-font:  'Noto Serif SC', sans-serif;
    --mono-font: 'Noto Serif SC', sans-serif;
 
    --accent-white: 230, 242, 255;
    --accent-color-light: 174, 214, 241;
    --accent-color-medium: 41, 128, 185;
    --accent-color-dark: 31, 97, 141;
 
    --white-monochrome: var(--accent-color-light);
    --pale-gray-monochrome: var(--accent-color-medium);
    --light-gray-monochrome: var(--accent-color-dark);
    --gray-monochrome: var(--accent-color-dark);
    --dark-gray-monochrome: var(--accent-color-dark);
    --black-monochrome: 12, 12, 12;
 
    --pale-accent: var(--accent-color-dark);
    --bright-accent: var(--accent-color-medium);
    --medium-accent: var(--accent-color-dark);
    --dark-accent: var(--accent-color-medium);
    --alt-accent: 221, 102, 17;
 
    --link-color: var(--accent-color-dark);
    --visited-link-color: var(--link-color);
    --hover-link-color: var(--link-color);
 
    --swatch-headerh1-color: var( --accent-white);
    --swatch-headerh2-color: var( --accent-white);
    --swatch-border-color: var(--accent-color-medium);
    --gradient-header:linear-gradient(to top, #9890e3 0%, #7FB3D5 100%);
 
    --box-color-0:  211, 224, 233 !important;
    --box-color-1:  166, 192, 210 !important;
    --box-color-2:  121, 160, 187 !important;
    --box-color-3:  76, 129, 164 !important;
    --box-color-4:  76, 129, 164 !important;
    --box-color-5:  var(--accent-color-dark) !important;
}
 
/* ----- SELECTION ----- */
::selection {
    background: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-white));
}
 
::-moz-selection {
    background: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-white));
}
 
/* ----- HEADER & TOP BAR ----- */
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0rem;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 9rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.85;
}
 
#top-bar div.mobile-top-bar>ul>li:hover, #top-bar div.top-bar>ul>li:hover {
    background-color: rgb(var(--accent-color-light));
}
 
#top-bar div.mobile-top-bar>ul>li:hover>a, #top-bar div.top-bar>ul>li:hover >a{
    color: rgb(var(--accent-color-dark));
}
 
#top-bar div.mobile-top-bar>ul>li>a:after, #top-bar div.mobile-top-bar>ul>li>a:before, #top-bar div.top-bar>ul>li>a:after, #top-bar div.top-bar>ul>li>a:before {
    background-color: rgba(var(--accent-color-dark), .5);
}
 
#login-status a {
    color: rgb(var(--accent-color-dark));
}
 
#account-topbutton {
    border: 0.1rem solid transparent;
}
 
#account-topbutton:hover {
    border: 0.1rem solid rgb(var(--accent-color-dark));
}
 
#top-bar div.top-bar>ul>li>ul>li>a:before, #top-bar div.top-bar>ul>li>ul>li>a:hover:before, #top-bar div.top-bar>ul>li>ul>li>ul>li>a:before, #top-bar div.mobile-top-bar>ul>li>ul>li>a:hover {
    background-color: rgb(var(--accent-color-light));
}
 
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
    color: rgb(var(--accent-color-dark));
}
 
/* ----- NO THESE THINGS ----- */
#skrollr-body {
    background-image: none;
}
 
#container {
    background-image: none;
}
 
.avatar-hover {
    display: none !important;
}
 
/* ----- COOL THINGS----- */
.inline-diff ins {
    background-color: #66CC66;
}
 
.inline-diff del {
    background-color: #CC9966;
}
 
hr {
    background: transparent;
    border-top: solid 2px rgba(var(--accent-color-dark));
}
 
.scp-image-block .scp-image-caption {
    color: rgb(var( --accent-white));
    background-color: rgb(var( --accent-color-dark));
}
 
.pager a {
    border-color: rgb(var( --accent-color-dark));
}
 
.pager .current {
    color: rgb(var( --accent-white));
    background-color: rgb(var( --accent-color-dark));
    border-color: rgb(var( --accent-color-medium));
}
 
table.page-history td.optionstd a {
    border-color: rgb(var( --accent-color-dark));
}
 
table.page-history td.optionstd a:hover {
    color: rgb(var( --accent-white));
    background-color: rgb(var( --accent-color-dark));
    border-color: rgb(var( --accent-color-dark));
}
 
.change-textarea-size a {
    color: rgb(var( --accent-white));
}
 
.page-source,
.code {
    color: rgb(var(--black-monochrome));
    background: rgb(var( --accent-color-light));
    border: solid 0.15rem rgb(var( --accent-color-dark));
}
 
table.wiki-content-table th, table.wiki-content-table tr, table.wiki-content-table td {
    border: .0625rem solid rgb(var(--accent-color-dark)) !important;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--accent-color-medium));
    color: rgb(var(--accent-white));
    transition: background-color 300ms;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: rgb(var(--accent-color-light));
    color: rgb(var(--accent-color-dark));
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-color-light));
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-color-light));
}
 
.page-tags span {
    border-top: 2px solid rgb(var(--accent-color-dark));
}
 
.page-tags:before {
    color: rgb(var(--accent-white));
    content: "TAGS";
    font-weight: bold;
    font-size: 85%;
    background: rgb(var(--accent-color-dark));
    padding: 1px 1px 0 1px;
    margin: 0 0 -2px 0;
    display: block;
    width: fit-content;
}
 
/* ----- SIDE BAR ----- */
#side-bar::-webkit-scrollbar {
    display: none;
}
 
#side-bar {
    border-right: 0.15rem solid rgb(var(--accent-color-dark));
}
 
@media only screen and (max-width: 768px) {
    #side-bar {
        border-right: none;
    }
}
 
#side-bar > div:nth-child(1) {
    margin-top: 0;
}
 
#side-bar div.side-block,
#side-bar div.side-block .heading {
    border: none;
}
 
/* ----- FOOTER ----- */
#footer {
    background-color: rgb(var(--accent-color-dark));
    color: rgb(var(--accent-white));
}
 
#footer a {
    color: rgb(var(--accent-white));
}
 
/* ----- DIVS ----- */
blockquote,
div.blockquote {
    --link-color: var(--accent-color-light);
    --visited-link-color: var(--accent-color-light);
    --hover-link-color: var(--accent-color-light);
    border: 2px solid rgb(var(--accent-color-dark));
    background-color: rgb(var(--accent-color-medium));
    color: rgb(var(--accent-white));
}
 
.styled-quote {
    --link-color: var(--accent-color-light);
    --visited-link-color: var(--accent-color-light);
    --hover-link-color: var(--accent-color-light);
    color: rgb(var(--accent-white));
    margin-left: 0px;
}
 
.dark-styled-quote a {
    color: rgb(var(--link-color));
}
 
.darkblock a {
    color: rgb(var(--link-color));
}
 
.dark-styled-quote ,
.darkblock,
.lightblock  {
    margin-left: 0px;
}
 
.dark-styled-quote,
.darkblock {
    --link-color: var(--accent-white);
    --visited-link-color: var(--accent-white);
    --hover-link-color: var(--accent-white);
    color: 
}
 
.dark-styled-quote hr,
.darkblock hr {
    border-color: rgb(var(--accent-color-light));
}
 
/* ----- IETS ----- */
.box {
    background: rgb(var(--accent-white)) !important;
}
 
.box.class-0 {
    --box-border: var(--box-color-0);
    --box-shadow: var(--box-color-0);
}
.box.class-1 {
    --box-border: var(--box-color-1);
    --box-shadow: var(--box-color-1);
}
.box.class-2 {
    --box-border: var(--box-color-2);
    --box-shadow: var(--box-color-2);
}
.box.class-3 {
    --box-border: var(--box-color-3);
    --box-shadow: var(--box-color-3);
}
.box.class-4 {
    --box-border: var(--box-color-4);
    --box-shadow: var(--box-color-4);
}
.box.class-5 {
    --box-border: var(--box-color-5);
    --box-shadow: var(--box-color-5);
}
 
/* ----- CUSTOM DIV ----- */
.bd1 {
    border: rgb(var(--accent-white)) 2px solid;
}
 
.bd2 {
    border: rgb(var(--accent-color-light)) 2px solid;
}
 
.bd3 {
    border: rgb(var(--accent-color-medium)) 2px solid;
}
 
.bd4 {
    border: rgb(var(--accent-color-dark)) 2px solid;
}
 
.bg1 {
    background: rgb(var(--accent-white));
}
 
.bg2 {
    background: rgb(var(--accent-color-light));
}
 
.bg3 {
    background: rgb(var(--accent-color-medium));
}
 
.bg4 {
    background: rgb(var(--accent-color-dark));
}
 
.tx0 {
    color: rgb(var(--black-monochrome));
    --hr-color:var(--black-monochrome);
}
 
.tx1 {
    color: rgb(var(--accent-white));
    --hr-color:var(--accent-white);
}
 
.tx2 {
    color: rgb(var(--accent-color-light));
    --hr-color:var(--accent-color-light);
}
 
.tx3 {
    color: rgb(var(--accent-color-medium));
    --hr-color:var(--accent-color-medium);
}
 
.tx4 {
    color: rgb(var(--accent-color-dark));
    --hr-color:var(--accent-color-dark);
}
 
.a1 {
    --custom-link: var(--accent-white);
}
 
.a2 {
    --custom-link: var(--accent-color-light);
}
 
.a3 {
    --custom-link: var(--accent-color-medium);
}
 
.a4 {
    --custom-link: var(--accent-color-dark);
}
 
.custom {
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0;
}
 
.custom hr {
    border-color: rgb(var(--hr-color));
}
 
.custom a {
    color: rgb(var(--custom-link));
}

Footnotes

1. 这里还有一个脚注！