版式：后室核心期刊

这个主题版式由 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;
}
 
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;
}
 
.letterquote::first-letter {
    font-size:xx-large;
    float: left;
}
 
.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的代码指导。

Footnotes

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

2. 注

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