魔法森林

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

评分: 0+–x



close

著作信息

X

该版式由 ReyDay 制作。

特别感谢波摩娜版式（作者 ghostchibi）与许愿梦境版式（作者 MC_Crafter_24_7），它们的代码为我帮了不少忙。我使用了波摩娜的 div 与许愿梦境的 SD 等级。

同时也非常感谢 cakelord114514 为我提供了分割线和一些其他东西的代码，没有他就没有这个版式。

MyrandFox 给出了技术绿灯。

评分: 0+–x

Table of Contents

思源黑体 + Lobster

标题

--dull-accent
99, 138, 117

--dark-green
9, 35, 29

--vibrant-green
68, 150, 96

--bark-green
21, 60, 56

--link-green
48, 100, 76

--light-grey
130, 150, 130

要使用本版式，用以下代码：

[[include :backrooms-wiki-cn:theme:enchanted-forest]]

我家猫，他的名字是 Twix :DDD

仅仅是绿色 + 青色竟然就会如此美丽？！？！？！？！？！？

使用的字体为：

思源黑体 + Lobster

思源宋体 + Milonga

这是分割线的样子！等等……为什么它看起来不太一样？

这是一条特殊分割线！使用以下代码来在你的文章里加上一条：

[[div class="vine-hr"]]
----
[[/div]]

标题

折叠

脚注¹
粗体
斜体
下划线
删除线
上^标
下_标
打字体

无序列表

不存在的链接
 存在的链接！

这是一条普通的分割线！

这是一个引用块！你可以在一行前加上“> ”来创建。
这些

都是

嵌套

引用块

[[div class="lightblock"]]

[[/div]]

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

[[/div]]

[[div class="darkblock"]]

[[/div]]

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

[[/div]]

[[div class="vibe-box"]]

[[/div]]

[[div class="dark-box"]]

[[/div]]

[[div class="light-grey-frame"]]

[[/div]]

[[div class="dark-grey-frame"]]

[[/div]]

[[div class="dull-grey-frame"]]

[[/div]]

[[div class="vineblock"]]

[[/div]]

注意：根据文本的长度，你可能需要改变这个 div 的代码。

代码：
.vineblock {
border: 35px solid transparent;
padding: 0.01rem 1rem;
border-image: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/vineblock_mods.png);
border-image-slice: 900 900 900 900; /*you will have to edit this for the repeat lengths*/
border-image-width: 20% 20% 20% 20%; /*you will have to edit this for the border width*/
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round;
}

你也可以创作一个自己的 div！这里是基础模板：

.div-name {
color: rgb(var(变量)); /* 用你希望的变量替换“变量” */
background: rgba(var(变量), 0.5); /* 用你希望的变量替换“变量”，将“0.5”更改成你喜欢的不透明度。 */
padding: 0.01rem 1rem; /* 最基础的长宽，一般不用改变。 */
margin: 0.5rem 0; /* 最基础的长宽，一般不用改变。 */
box-shadow: var(变量); /* 用你希望的变量替换“变量” */
border: 4px rgb(var(变量)) solid; /* 这是边框，用你希望的变量替换“变量”，把“solid”改成“ridge”能让它看起来像个框框！ */
}

这是一个表格	表格的另一个部分
你看这多酷啊！	我做出这个版式是不是很牛？ :D

woooo 分页看起来就是这样的！

生存难度：生存難度：

等级等級 0

{$one}
{$two}
{$three}

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

自定义等级

使用 CSS 进行自定义：

你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 1

{$one}
{$two}
{$three}

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

自定义等级

使用 CSS 进行自定义：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 2

{$one}
{$two}
{$three}

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

自定义等级

使用 CSS 进行自定义：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 3

{$one}
{$two}
{$three}

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

自定义等级

使用 CSS 进行自定义：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 4

{$one}
{$two}
{$three}

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

自定义等级

使用 CSS 进行自定义：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 5

{$one}
{$two}
{$three}

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

自定义等级

使用 CSS 进行自定义：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 unknown

{$one}
{$two}
{$three}

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

自定义等级

使用 CSS 进行自定义：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

生存难度：生存難度：

等级等級 habitable

{$one}
{$two}
{$three}

如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English						简体中文						繁體中文
0	1	2	3	4	5	0	1	2	3	4	5	0	1	2	3	4	5
unknown						未知						未知
habitable						宜居						宜居
deadzone						死区						死區
pending						等待分级						等待分級
n/a						不适用						不適用
amended						修正						修正
omega						终结						終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

自定义等级

使用 CSS 进行自定义：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

旧版颜色：

如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

+ 版式代码

+ 隐藏版式代码

@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Milonga&display=swap');

:root {
   --wallpaper-mask: none;
   --theme-id: "enchanted-forest";
   --theme-name: "Enchanted Forest";

    /* Header */
    --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
    --header-title: "The Backrooms";
    --header-subtitle: "无限远眺，无限神奇";

   /* Fonts */

   --body-font: 'Milonga', 'Noto Serif SC', serif;
   --header-font: 'Lobster', 'Noto Sans SC', sans-serif;
   --title-font: 'Lobster', 'Noto Sans SC', sans-serif;
   --mono-font: ''Milonga', 'Noto Serif SC', serif;

font-family: 'Milonga', serif;
font-family: 'Lobster', sans-serif;

 /* Colors */
   --white-monochrome: var(--white-accent);
   --pale-gray-monochrome: var(--light-green);
   --light-gray-monochrome: var(--dull-accent);
   --gray-monochrome: var(--dull-accent);
   --black-monochrome: var(--dark-green);
   --bright-accent: var(--dull-accent);
   --medium-accent: var(--vibrant-green);
   --dark-accent: var(--dark-green);
   --pale-accent: var(--link-green);
   --visited-link-color: var(--bark-green);
   --alt-accent: var(--vibrant-green);
   --hover-link-color: var(--dull-accent);

 /* Variables */
  --light-green: 136, 185, 143;
  --dull-accent: 99, 138, 117;
  --dark-green: 9, 35, 29;
  --white-accent: 245, 255, 245;
  --vibrant-green: 68, 150, 96;
  --bark-green: 21, 60, 56;
  --link-green: 48, 100, 76;
  --light-grey: 130, 150, 130;

/* Swatches */

    --swatch-background: var(--light-green);
    --swatch-primary: var(--dark-green);
    --swatch-secondary-color: var(--dull-accent);

    --swatch-text-general: var(--dark-green);
    --swatch-important-text: var(--link-green);

    --swatch-menubg-color: var(--dull-accent);
    --swatch-menutxt-dark-color: var(--white-accent);
    --swatch-menutxt-general-color: var(--dark-green);
    --swatch-border-color: var(--dull-accent);
    --footnotes-footer-bg-color: var(--white-accent);

    --swatch-headerh1-color: var(--white-accent);
    --swatch-headerh2-color: var(--white-accent);
    --swatch-topmenu-border-color: var(--light-green);
    --swatch-topmenu-bg-color: var(--dark-green);

}

/* Tabview + Footnotes */
#main-content {
    --tabs-hover-bg: var(--vibrant-green);
    --tabs-selected-bg: var(--dark-green);
    --tabs-selected-outline: var(--vibrant-green);
    --tabs-bottom-border-color: var(--bark-green);
    --footnotes-footer-colorbar-color: var(--bark-green);
    --footnotes-footer-title-bg-color: var(--dark-green);
}

/* Scrollbar */
html, body {
    color: rgb(var(--swatch-text-general));
    font-variant-ligatures: none;
    scrollbar-color: rgb(99, 138, 117) rgb(9, 35, 29);
    margin: 0;
    padding: 0;
}

/* Banner */
#skrollr-body {
    height: 11rem;
    width: 100vw;
    background: url(http://backrooms-wiki.wikidot.com/local--files/theme:enchanted-forest/Forest1) top center repeat-x;
background-size: 100%;
}

#container {
   background-size: 30rem 37rem;h 
   background-attachment: scroll;
}

@media only screen and (max-width:1366px){

#skrollr-body {
    height: 11rem;
    width: 100vw;
    background: url(http://backrooms-wiki.wikidot.com/local--files/theme:enchanted-forest/Forest1) top center repeat-x;
background-size: 115%;

}

}

@media only screen and (max-width:1000px){

#skrollr-body {
    height: 11rem;
    width: 100vw;
    background: url(http://backrooms-wiki.wikidot.com/local--files/theme:enchanted-forest/Forest1) top center repeat-x;
background-size: 310%;

}

}
/* Top Bar */
#top-bar {
  --dropdown-bg-color: var(--light-green);
}

/* Divs */
.styled-quote {
    border-left: solid 6px rgb(var(--bark-green));
}

.darkblock {
   background: rgb(0, 0, 0);
}

.dark-styled-quote {
    background: rgb(0, 0, 0);
    border-left: solid 6px rgb(var(--bark-green));
}

/* Custom Divs */
.vibe-box {
    color: rgb(var(--dark-green));
    background: rgba(var(--vibrant-green), 0.5);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--dull-accent);
    border: 4px rgb(var(--bark-green)) solid;
}

.dark-box {
    color: rgb(var(--light-green));
    background: rgba(var(--dark-green));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--dull-accent);
    border: 4px rgb(var(--bark-green)) solid;
}

.light-grey-frame {
    color: rgb(var(--dark-green));
    background: rgba(var(--white-accent));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--dull-accent);
    border: 0.8rem rgb(var(--light-grey)) ridge;
}

.dark-grey-frame {
    color: rgb(var(--white-accent));
    background: rgba(var(--dark-green));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--dull-accent);
    border: 0.8rem rgb(var(--light-grey)) ridge;
}

.dull-grey-frame {
    color: rgb(var(--dark-green));
    background: rgba(var(--dull-accent));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: var(--dull-accent);
    border: 0.8rem rgb(var(--light-grey)) ridge;
}

.vineblock {
    border: 35px solid transparent;
    padding: 0.01rem 1rem;
    border-image: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/vineblock_mods.png);
    /* border-image-repeat: round; */
    border-image-slice: 700 700 700 700;
    border-image-width: 10% 10% 10% 10%;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: round;
}
}
@media only screen and (max-width:1366px){
.vineblock {
    border: 35px solid transparent;
    padding: 0.01rem 1rem;
    border-image: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/vineblock_mods.png);
    /* border-image-repeat: round; */
    border-image-slice: 900 900 900 900;
    border-image-width: 20% 20% 20% 20%;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: round;
}

}

@media only screen and (max-width:1000px){
.vineblock {
    border: 35px solid transparent;
    padding: 0.01rem 1rem;
    border-image: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/vineblock_mods.png);
    /* border-image-repeat: round; */
    border-image-slice: 900 900 900 900;
    border-image-width: 20% 20% 20% 20%;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: round;
}

}
/* Horizontal Rule */
hr{
border-top: 4px double rgb(var(--dull-accent));
text-align: center;
background-color: rgba(var(—dull-accent));
}

.vine-hr{
margin: 0 0 50px 0;
}

.vine-hr hr {
height: 42px;
border: none !important;
}

.vine-hr hr::after {
content: " ";
display: block;
background: url(http://backrooms-sandbox-2.wikidot.com/local--files/theme-test-preview-cakelord/Untitled355_20240206160835-export.png) no-repeat top;
height: 42px;
background-size: 100%;
background-position: bottom;
}
/* SD Classes! */
.sd-container {
   --sd-border:59,59,59;
}

.top-box {
   border-color: rgb(59, 54, 59) !important;
}

.bottom-box ul li {
   color: rgb(59, 54, 59) !important;
}

.bottom-box ul li:before {
   background: rgb(59, 54, 59) !important;
}

.top-box .gradient-box {
  background: linear-gradient(90deg, rgba(59, 54, 59, 1) 0%, rgba(59, 54, 59, 0) 36%) !important;
}

.header-diamond {
   background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 300.9 284.5' style='enable-background:new 0 0 300.9 284.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%233b363b;%7D .st1%7Bfill:%233b363b;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st1' points='73.4,32.6 0,105.4 13.6,105.4 86.4,32.6 '/%3E%3Cpolygon class='st1' points='26.5,105.4 40.1,105.4 112.9,32.6 99.3,32.6 '/%3E%3C/g%3E%3Cpolyline class='st1' points='287.3,105.4 214.5,32.6 227.5,32.6 287.3,91.9 '/%3E%3Cpolygon class='st1' points='274.4,105.4 260.8,105.4 188,32.6 201.6,32.6 '/%3E%3C/svg%3E") !important;
}

.top-box.class-unknown .header-diamond { filter: none !important; }
.top-box.class-unknown:before, .top-box.class-unknown .header-diamond .diamond-pattern{ opacity: 0.15 !important; }

.top-box .header-diamond .diamond-image {
   filter: brightness(0%) invert(100%);
}

.top-box.class-0,
.header-diamond .diamond-color.class-0 {
   background: rgb(184, 243, 208) !important;
}

.top-box.class-1,
.header-diamond .diamond-color.class-1 {
   background: rgb(126, 206, 159) !important;
}

.top-box.class-2,
.header-diamond .diamond-color.class-2 {
   background: rgb(61, 152, 99) !important;
}

.top-box.class-3,
.header-diamond .diamond-color.class-3 {
   background: rgb(46, 127, 80) !important;
}

.top-box.class-4,
.header-diamond .diamond-color.class-4 {
   background: rgb(35, 91, 58) !important;
}

.top-box.class-5,
.header-diamond .diamond-color.class-5 {
   background: rgb(2, 48, 23) !important;
}

.top-box.class-unknown,
.header-diamond .diamond-color.class-unknown,
.top-box.class-未知,
.header-diamond .diamond-color.class-未知 {
   background: rgb(59, 64, 59) !important;
}

.top-box.class-habitable,
.header-diamond .diamond-color.class-habitable,
.top-box.class-宜居,
.header-diamond .diamond-color.class-宜居 {
   background: rgb(214, 255, 231) !important;
}

/* License Box Color */
#page-content .licensebox .collapsible-block-link {
  color: var(--dark-green);
}

‡ 授权 / 引用

已完成版式

夜芷的个人站

你没有来过这里……

示例

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

著作信息

思源黑体 + Lobster

标题

标题

标题

标题

标题

标题

如何使用：

自定义等级

使用 CSS 进行自定义：

旧版颜色：

如何使用：

自定义等级

使用 CSS 进行自定义：

旧版颜色：

如何使用：

自定义等级

使用 CSS 进行自定义：

旧版颜色：

如何使用：

自定义等级

使用 CSS 进行自定义：

旧版颜色：

如何使用：

自定义等级

使用 CSS 进行自定义：

旧版颜色：

如何使用：

自定义等级

使用 CSS 进行自定义：

旧版颜色：

如何使用：

自定义等级

使用 CSS 进行自定义：

旧版颜色：

如何使用：

自定义等级

使用 CSS 进行自定义：

旧版颜色：