这是由
hoah2333 为 2024 后室 1K 竞赛制作的基于基岩版式的美学版式,不与任何层级、实体、物品、现象、设定、组织所挂钩。
若需使用本版式,请在所需使用的文章开头加上以下代码:
[[include :backrooms-wiki-cn:theme:defect]]
你可以在 [[include]] 之后使用如下 CSS 模块来修改标题、副标题和标志。
:root {
--header-title: "页眉大标题";
--header-subtitle: "页眉副标题";
--header-icon: url("自定义标志链接");
}
示例
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
一个普通的下划加粗斜体删除等宽字
另一个普通的 下划 加粗 斜体 删除 等宽 字
| 这是一个链接! | 一个空链接! | 一个普通的下划加粗斜体删除等宽链接 | 另一个普通的 下划 加粗 斜体 删除 等宽 链接
1 级标题
2 级标题
3 级标题
4 级标题
5 级标题
6 级标题
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
嵌套引用块里的分割线
嵌套嵌套引用块
嵌套嵌套引用块里的分割线
够了,禁止套娃
| 这是 |
表格 |
| 你应该老早 |
就知道怎么 |
| 做这个了吧 |
| 1 |
2 |
| 3 |
4 |
| 谁是这里 |
最厉害的? |
| #十六进制 |
#至高无上 |
标题字体为 Lexend / 思源黑体简中。
正文字体为 Inter / 思源黑体简中。
用户界面字体为 Jost / 思源黑体简中。
等宽字体为 JetBrains Mono / 思源宋体简中
代码
:root {
--header-title: "Backrooms";
--header-subtitle: "你曾经来过这里";
--header-logo: url("https://github.backroomswiki.cn/New_BHL/image/logo.svg");
--defect_purple-light: 200, 150, 210;
--defect_purple-light-2: 115, 80, 135;
--defect_purple-light-3: 220, 180, 230;
--defect_purple: 241, 23, 236;
--defect_purple-2: 70, 50, 110;
--defect_purple-dark: 50, 30, 80;
--defect_purple-dark-2: 30, 15, 50;
--general-border-color: var(--defect_purple-light);
--basalt-overtone: var(--defect_purple-2);
--basalt-undertone: var(--defect_purple-dark);
--basalt-background-color: var(--defect_purple-dark-2);
--basalt-secondary-color: var(--defect_purple-light-2);
--basalt-bright-element-color: var(--defect_purple-light);
--basalt-focus-color: var(--defect_purple-light-3);
--link-color: var(--defect_purple-light-3);
--link-visited-color: var(--defect_purple-light);
--header-title-color: var(--basalt-light-text-color);
--header-border-color: var(--defect_purple-light);
--header-subtitle-color: var(--basalt-light-text-color);
--side-bar-button-color: var(--basalt-light-text-color);
--top-bar-link-color: var(--basalt-light-text-color);
--top-bar-link-background-hover-alt: var(--defect_purple-light-2);
--top-bar-dropdown-link-color-hover: var(--basalt-main-text-color);
--top-bar-dropdown-background: var(--defect_purple-dark);
--top-bar-dropdown-background-hover: var(--defect_purple-light);
--side-bar-background-color: var(--defect_purple-dark);
--side-bar-heading-background-color: var(--defect_purple-light-2);
--side-bar-link-color: var(--basalt-light-text-color);
--side-bar-link-color-hover: var(--basalt-main-text-color);
--side-bar-link-background-hover: var(--defect_purple-light);
--scrollbar-track-color: var(--defect_purple-light-2);
--title-border-color: var(--defect_purple-light-2);
--rate-module-text-color: var(--basalt-light-text-color);
--rate-module-background-color: var(--defect_purple-light-2);
--blockquote-background-color: var(--basalt-secondary-color), 0.3;
--code-background-color: var(--basalt-secondary-color), 0.3;
--image-caption-background-color: var(--basalt-secondary-color);
--footnote-background-color: var(--basalt-secondary-color), 0.3;
--hr-color: var(--defect_purple-light-3);
--bottom-area-text-color: var(--basalt-light-text-color);
--bottom-area-background-color: var(--defect_purple-dark);
--selection-background-color: var(--defect_purple-light);
--button-text-color: var(--basalt-light-text-color);
--button-hover-background-color: var(--defect_purple-2);
--button-hover-border-color: var(--defect_purple-light-2);
--button-border-color: var(--general-border-color);
}
#header {
background-image: linear-gradient(
to right,
rgb(var(--defect_purple-dark)) 0%,
rgb(var(--defect_purple-2)) 40%,
rgb(var(--defect_purple-light)) 100%
);
--basalt-main-text-color: 235, 235, 235;
}
#side-bar .side-block.media a {
filter: invert(1);
}
body,
#page-title,
h1,
h2,
h3,
h4,
h5,
form#edit-page-form table.form td:first-of-type,
#edit-page-textarea,
#np-text,
select,
input[type="text"],
textarea {
color: rgb(var(--basalt-light-text-color));
}
div.page-rate-widget-box {
--basalt-main-text-color: var(--basalt-light-text-color);
}
.yui-navset.yui-navset-top > ul.yui-nav li:not(.selected) a {
color: rgb(var(--basalt-light-text-color));
&:hover {
color: rgb(var(--basalt-main-text-color));
}
}
.yui-navset.yui-navset-top .yui-content {
background-color: rgba(var(--defect_purple-2), 0.3);
}
:is(:where(#page-content) table:not(.form), table.wiki-content-table) th {
background-color: rgb(var(--defect_purple-light-2));
border-color: rgb(var(--general-border-color));
}
:is(:where(#page-content) table:not(.form), table.wiki-content-table) tr {
&:nth-of-type(even) {
background-color: rgba(var(--defect_purple-2), 0.3);
}
&:nth-of-type(odd) {
background-color: rgba(var(--defect_purple-2), 0.6);
}
}
.bblock {
background-color: rgb(var(--basalt-light-text-color));
&:is(:hover, :focus-within) {
background-color: rgb(var(--basalt-light-text-color));
color: rgb(var(--basalt-main-text-color));
}
}
div[id*="page-options-bottom"] > a:is(:hover, :focus) {
color: rgb(var(--defect_purple-light));
}
#delete-button {
background-color: rgba(var(--basalt-cancel-color), 0.3);
color: rgb(var(--basalt-light-text-color));
}
#action-area .page-source {
padding: 0.5em;
background-color: rgba(var(--defect_purple-2), 0.3);
}
.image-block,
.scp-image-block {
border-bottom-color: rgb(var(--defect_purple-light));
}
.hovertip {
--_background-color: rgb(var(--defect_purple-light-2));
}
:where(#action-area) a.action-area-close,
#action-area div.buttons > :is([name="cancel"], [onclick*="page.listeners.closeActionArea(event)"]),
#action-area div.buttons > :is([name="save"], [onclick*="PageTagsModule.listeners.save(event)"]) {
--button-text-color: var(--basalt-light-text-color);
font-weight: inherit;
}
.wd-editor-toolbar-panel ul li a::after {
background-color: rgb(var(--basalt-light-text-color));
}
Included page "component:license-box-theme" does not exist (create it now)
文件名:2w2e.png
图像名:Fluorite 2
图像作者:James St. John
授权协议:CC BY 2.0
来源链接:Flickr
Included page "component:license-box-end" does not exist (create it now)
本版式基于后室中文维基的 缺陷 版式改造而来,实际上仅更改了其配色与字体。原创作者为
hoah2333。由
LemonChen为后室平行与相交分站原创相关团体“雨海文学社”所创作。
示例
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
一个普通的下划加粗斜体删除等宽字
另一个普通的 下划 加粗 斜体 删除 等宽 字
| 这是一个链接! | 一个空链接! | 一个普通的下划加粗斜体删除等宽链接 | 另一个普通的 下划 加粗 斜体 删除 等宽 链接
1 级标题
2 级标题
3 级标题
4 级标题
5 级标题
6 级标题
顾名思义,雨,下个不停的雨,便是渐雨城永恒的主题。一年下来,几乎有三百余天都在降雨,而别说晴天了,连雨停之时对我们来讲都极为难得。这里的雨,不同于其他地方的雨,它细腻、柔和,却又带着一丝不易察觉的坚韧。
在这样永恒之雨的笼罩下,常年生活此地的人内心再坚毅,似乎也变得多了一份多愁善感。可能是因为某种特殊的原因和心理吧,渐雨城的人们总喜欢在窗前挂一个稍显不合时宜的风铃——不,若是这样,不如称呼它“雨铃”,听起来倒比较合适。
地理位置上,这里的三面为绵延不绝的荒芜郊野和成片的小山丘。由于长年累月的降水,土壤内早已过于潮湿,以至于只有极少数适应环境的低矮草本植物生存于此。它们是自然法则的胜利者,是真正有资格生活于此的植物。城市的西面则临海。实际上,从它在海岸线上一排排的繁忙港口和船只,到它独特的建筑风格和文化,都可以窥见它是一座被海洋影响很明显的城市。
海洋相关产业在渐雨城很是热门,从自给自足到发家致富,渐雨市民可谓紧密扎根于海洋,甚至将大海视为朋友和亲人。不必担心海上的波涛汹涌,细雨绵绵可影响不了平静温和的大海与渔民们对海洋和自我本职的热情。况且,它所带来的利益,可远远高于潜在的风险。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这也是一个长的 tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
嵌套引用块里的分割线
嵌套嵌套引用块
嵌套嵌套引用块里的分割线
够了,禁止套娃
本版式里,亮色块,暗色块等特殊div框暂时无法使用,等我再去研究一下这玩意怎么搞出来…
| 这是 |
表格 |
| 你应该老早 |
就知道怎么 |
| 做这个了吧 |
| 1 |
2 |
| 3 |
4 |
| 谁是这里 |
最厉害的? |
| #十六进制 |
#至高无上 |
[[footnoteblock]]