版式：云室书籍出版社（新）

%%content%%

这个主题版式由 Liurd 创建。

如果想要在你的页面上使用这个主题，请将如下文本放置其中：

[[include :backrooms-wiki-cn:theme:backrooms-core-journal]]

版式示例

这个logo并不是那么严谨。

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

---

可以通过在行首加上1-6个之间的"+"字符来创建标题。

+标题示例

1号标题

2号标题

3号标题

4号标题

5号标题

6号标题

分页1

这是一个分页。

分页2

看看我，我这有更多文字！

这不严谨。

长分页

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这还差不多

不知道为啥，这个空分页贼拉长。不会影响文章的严谨性吧？

后室核心期刊

我们追求绝对的严谨

空分页

空分页

空分页

空分页

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

---

这是一条分割线

嵌套块引用¹

这是一个	表格
你应该早就	知道怎么
制作它了吧	不行_ 我还是觉得不够严谨

---

脚²
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起^来是
怎么_运作
包括那些不存在
以及存在的链接！
还有特殊警告
或者风险更低的
或者安全的！

---

+标题块

标题示例
[[div class="titleblock"]]
[[span class="titlebox"]]标题示例[[/span]]

[[/div]]

标题示例
[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]标题示例[[/span]]

[[/div]]

+装饰块

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

[[/div]]

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

[[/div]]

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

[[/div]]

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

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

[[div class="borderblock"]]

[[/div]]

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

[[/div]]

+图片块

[[div class="logoblock"]]

[[/div]]

[[div class="border-logoblock"]]

[[/div]]

+阴影块

[[div class=''shadowblock'']]

[[/div]]

[[div class=''inset-shadowblock'']]

[[/div]]

+特殊块

这个div块的首字会放大³
[[div class="letterquote"]]

[[/div]]

[[div class="newspaper"]]
这个div块的文本会分成四列，就像这样：Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

这是一个图片
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[[/div]]

[[div class="scroll-box"]]
这个div块会保持一个固定的高度，并会有一个滚动条。
就像这样：Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

这是一个图片
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[[/div]]

[[div class="thinbox"]]

标题效果

这是一个图片

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[[/div]]

[[div class="container-box"]]
thinbox和widebox必须放在container-box中使用
[[div class="widebox"]]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

---

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[[/div]]
[[/div]]

这个版式内置了Dr Hormress创建，hoah2333修改的单页迭代代码，使用以下代码来实现：

[[div id="page-1" class="top"]]
[[/div]]
[[div class="page"]]
第二迭代
[#u-page-2 按此前往第三迭代]
[[/div]]
[[div id="page-2" class="top"]]
[[/div]]
[[div class="page"]]
第三迭代
[#u-page-3 这玩意是跳转用的]
[[/div]]
[[div id="page-3" class="top"]]
[[/div]]
[[div class="page"]]
还可以接着加
[#u-start 你还可以调回第一迭代]
[[/div]]
[[div class="start"]]
第一迭代
[#u-page-1 按此前往第二迭代]
[[/div]]

+ 版式代码

:root {
 --theme-base: "black-highlighter";
    --theme-id: "backcore-magezine";
    --theme-name: "Backrooms Core Journal Theme";
 
    /* Header */
       --logo-image: url("https://s1.ax1x.com/2022/08/11/vGgOzQ.png");
       --header-title: "后室核心期刊";
       --header-subtitle: "核心，科技。";
 
  /* 标准色 */
    --white-monochrome: 255, 255, 255;
    /* 白色 */
    --very-light-gray-monochrome: 56, 116, 248;
    /* 次强调色（应用于杂项） */
    --light-gray-monochrome: 135, 170, 230;
    /* 次强调色（登录时） */
    --gray-monochrome: 0, 0, 0;
    /* 灰色 */
    --black-monochrome: 0, 0, 0;
    /* 黑色 */
    --medium-accent: 0, 0, 136;
    /* 蓝色*/
    --dark-accent: 0, 0, 136;
    /* 深蓝色 */
    --dark-gray-monochrome: 0, 0, 136;
 
/* 评分模块颜色 */
   --rating-module-button-plus-color: var(--dark-accent);
   --rating-module-button-negative-color: var(--dark-accent);
   --rating-module-button-cancel-color: var(--dark-accent);
   --rating-module-button-credit-color: var(--black-monochrome);
 
/* 链接颜色 */
   --link-color: 0, 0, 136;
   --hover-link-color: 0, 0, 136;
   --visited-link-color: 0,0,0;
   --newpage-color: 68,0,136;
 
    /* 背景与网站标题色 */
    --background-gradient-color: var(--light-gray-monochrome);
    --header-gradient-color-bottom: var(--white-monochrome);
    --header-gradient-color-middle: var(--white-monochrome);
    --header-gradient-color-top: var(--white-monochrome);
 
    /* 主要主题色 */
    --swatch-background: var(--light-gray-blacmonochrome);
    --swatch-primary: var(--white-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
}
 
/* 版头 */
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   background-image: var(--logo-image);
   opacity: 0.25;
}
 
#header h1 a::before, #header h2 span::before {
   color: #000088;
   text-shadow: none;
}
 
body::after {
    content: "";
    background-image: none;
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: -1;
}
 
#skrollr-body {
  background-image: none;
  background-color: white;
}
 
::-webkit-scrollbar {
   width: 10px;
   height: 10px;
   background-color: rgb(var(--white-monochrome)) !important;
   box-sizing: border-box;
}
 
::-webkit-scrollbar-thumb {
background-color: #000088;
}
 
#container {
  background-image: none;
}
 
#login-status a {
color: black
}
 
#login-status {
color: black
}
 
#login-status span {
color: black
}
 
#search-top-box {
 background-color: #00008825;
}
 
#main-content {
    border: 2px solid #000088;
    box-shadow: 1px 1px 3px 2px #00008840;
    padding: 2px 8px;
    margin-top: 16px;
}
 
#main-content p {
    text-indent: 16px;
}
 
hr + p,
blockquote > p:first-child,
div > p:first-child,
sup p {
    text-indent: 0 !important;
}
 
div.buttons input:hover{
   background-color: #ffffff;
   color: #000088;
}
 
div.buttons input:focus,
div.buttons input:focus-within{
   background-color: #ffffff;
   color: #000088;
}
 
#footer{
 margin: 16px 0 0 0;
}
 
hr {
    background: rgb(var(--dark-accent));
    border: 4px soild rgb(var(--dark-accent));
    margin: 0 2px;
}
 
/* 表格 */
table.wiki-content-table th {
 background-color: rgb(var(--dark-accent));
}
 
/* 图片块 */
.scp-image-block {
    border: 0.5rem soild #000088;
}
 
.scp-image-block .scp-image-caption {
    color: rgb(var(--white-monochrome));
    background-color: rgb(var(--gray-monochrome));
}
 
/*评分块*/
 
.page-rate-widget-box {
    background-color:rgba(var(--dark-accent),.5);
    border-left: 0.2rem solid rgba(var(--dark-accent));
}
 
/* TABVIEW */
 
.yui-navset .yui-content {
   background-color:rgba(var( --light-gray-monochrome), .25);
     border-color: rgba(var(--medium-accent), 1);
}
 
/*未选择的tab*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     background-color: rgba(var(--light-gray-monochrome), .25);
    color:rgb(var(--black-monochrome));
}
 
/*鼠标移上去的tab*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--medium-accent), .8);
}
 
/*选了的tab*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgba(var(--medium-accent), 1);
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
     background-color: rgba(var(--dark-accent), 1);
     color: #ffffff;
}
 
/* 标准引用块 */
blockquote, div.blockquote {
    border: none;
    background-color: #bbbbbb;
    background-opacity: 0.4
}
 
/* 代码块 */
.code {
    border: 1px solid;
    background-color: #bbbbbb;
}
 
/*标题块/暗色标题块(block是正文，box是标题)*/
.titleblock {
   background-color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(var(--dark-accent)) 2px;
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(var(--dark-accent));
  color: rgb(255,255,255);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.dark-titleblock {
   background-color: rgb(var(--dark-accent));
   color: rgb(255,255,255);
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid rgb(255,255,255) 2px;
}
 
.dark-titleblock a {
   color: white;
}
 
.dark-titlebox{
  position: relative;
  top: -1.6rem;
  background-color: rgb(255,255,255);
  color: rgb(0,0,136);
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
/*各种装饰块*/
 
.darkblock {
  background-color: rgb(0,0,136);
}
 
.darkblock a{
   color: #bbbbbb;
}
 
.styled-quote {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--dark-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote a{
   color: #bbbbbb;
}
 
.styled-quote-d {
   background-color:rgb(255,255,255);
   border-left: 0.5rem solid rgba(var(--dark-accent));
   border-right: 0.5rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote-d {
   background-color:rgba(var(--dark-accent));
   border-left: 0.5rem solid rgba(255,255,255);
   border-right: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote-d a{
   color: #bbbbbb;
}
 
.borderblock{
    background-color:rgb(255,255,255);
    border: 0.5rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-borderblock{
   background-color:rgb(var(--dark-accent));
   border: 0.5rem solid rgba(255,255,255);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-borderblock a{
   color: #bbbbbb;
}
 
/*有logo或者别的什么图片的块*/
 
.logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
    }
 
.logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: var(--logo-image) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
.border-logoblock{
        padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
     border: solid 0.3rem rgb(var(--dark-accent));
    }
 
.border-logoblock::after{
    content: "";
    float: center;
    border: solid 2px #0000;
    background: var(--logo-image) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
 
/*奇奇怪怪的阴影块*/
.shadowblock{
        padding: 0.01rem 1rem;
    box-shadow: 0.4rem 0.4rem rgba(0,0,136,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: white;
    border: solid 0.3rem rgb(var(--dark-accent));
    }
 
.inset-shadowblock{
        padding: 0.01rem 1rem;
    box-shadow: inset 5em 1em rgba(128,128,128,.25), inset 8em 2em rgba(0,0,0,.25), 0.1rem 0.2rem 0.2rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--white-monochrome));
    border: solid 0.3rem rgb(var(--dark-accent));
    }
 
/* 特殊块 */
.letterquote {
   background-color: none;
   border: 0.2rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   text-indent: none;
}
 
.letterquote::first-letter {
    font-size:xx-large;
}
 
.newspaper
{
    -moz-column-count:4; /* Firefox */
    -webkit-column-count:4; /* Safari and Chrome */
    column-count:4;
 
    -moz-column-gap:40px; /* Firefox */
    -webkit-column-gap:40px; /* Safari and Chrome */
    column-gap:40px;
 
    -moz-column-rule:0.2rem solid rgba(var(--dark-accent)); /* Firefox */
    -webkit-column-rule:0.2rem solid rgba(var(--dark-accent)); /* Safari and Chrome */
    column-rule:0.2rem solid rgba(var(--dark-accent));
 
/*我也不知道这是什么总之gp叠说这玩意防止溢出*/
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-warp: break-word;
}
 
.scroll-box {
   background-color: none;
   border: 0.2rem solid rgba(var(--dark-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   max-height: 400px;
   overflow-y: auto;
}
 
.container-box{
  display:flex;
  width:100%;
}
 
.thinbox{
  width:20%;
  margin:auto;
  padding:10px;
}
 
.thinbox h2{
    color: white;
    background-color:#000088;
    font-size:30px;
    margin-left:-8px;
    margin-right:-8px;
    margin-top:-8px;
    padding:5px 10px;
}
 
.widebox{
  width:80%;
  margin:auto;
}
 
/* 单页迭代 */
 
.page,
.top:target ~ .start {
   display: none;
}
.top:target + .page {
   display: block;
}
.top {
   position: absolute;
   top: 0;
}

---

+作者信息

这个版式由Liurd制作
感谢TaRtaR0S、hoah2333与GaplouelPew的代码指导。

该版式在版式：后室核心期刊的基础之上修改而来。

本版式专门用于后室书籍出版社团体的页面。如想要引用该版式，请在版头最上方引用下列代码：

[[include :backroom-wiki-cn:theme:the-c-b-p-h]]

使用五个“-”号“-----”可以创建一个分割线。

---

使用多个“+”（1-6个）可以创建不同等级的标题。

云室书籍出版社 Logo。

展开标题示例

+ 1级标题

++ 2级标题

+++ 3级标题

++++ 4级标题

+++++ 5级标题

++++++ 6级标题

普通段落

+ 展开随便什么

这个折叠块可以同时从顶部与底部收起！

这真的是一个

好大的缺口！

这里有个倾斜的居中文字。
云室书籍出版社，致力于为 Wikidot 用户提供更好的书籍。

一行必须以	双竖杠开始	并以其结尾
单元格要被	双竖杠分割	什么都没有
你可以使用		多个分隔符
使得单元格	能跨越多列
但要看示例 才是最简单

分页1

这是一个分页。

分页2

看看我！我有更多文字！

我可真美丽。

这是一个长分页，它有很多的文字

这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字
这是一个长分页，它有很多的文字

不知道为啥，这个分页贼吉拉长，我们也不知道为什么反正点进来看看吧

空分页

空分页

空分页

空分页

空分页

[[div class="blockquote"]]
自定义引用块
[[/div]]

[[div class="lightblock"]]
亮色块
[[/div]]

[[div class="darkblock"]]
暗色块
[[/div]]

这是一个引用块。

这是一个带缩进的引用块。

更多的文本
这一行文本上面有一行空行！
如果你想在引用块里放空行的话，要记得在 “>” 符号后面放一个空格！

foot⁴

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

+ 非常难绷的源代码

[[div style="display: none;"]]
[[include :backroom-wiki-cn:theme:_template]]
[[include :backrooms-wiki-cn:theme:backrooms-core-journal]]
[[/div]]
[[module css]]
:root {
--theme-base: "black-highlighter";
--theme-id: "backcore-cbph";
--theme-name: "C.B.P.H. (Based On Backrooms Core Journal Theme)";

--header-title: "云室书籍出版社";
--header-subtitle: "为 Wikidot 用户提供更好的书籍";
--logo-image: url("http://brsandbox-pro.wikidot.com/local--files/files-metrofan/yss-clpg-logo-fin");
}

p {
text-indent: 0em;
}

[[/module]]

---

+ 作者信息

基于Liurd的版式：后室核心期刊。
修改：MetroFan

Footnotes

1. 这是一个严谨的脚注。

2. 注

3. 一些浏览器中似乎不适用。

4. note