屎山代码

:root {
    --lh-red: #c0392b;
    --lh-blue: #2980b9;
    --lh-green: #27ae60;
    --lh-dark-green: #16a085;
    --lh-purple: #8e44ad;
    --lh-orange: #e67e22;
    --lh-yellow: #f1c40f;
 
    --lh-paper-bg: 255, 251, 240;
    --lh-string-color: 192, 57, 43;
    --lh-book-color: var(--gray-monochrome);
    --lh-tape-color: 90,90,90,0.3;
    --lh-white-bg: 249,249,249;
    --lh-dark-bg: 50, 50, 50;
    --lh-highlighter: var(--bright-accent);
    --lh-border-color: var(--gray-monochrome);
    --lh-wiki-note-color: var(--bright-accent)
}
 
/**
 *  旧代码合集
 *  为了向下兼容而保留
 */
 
.grid-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.grid-container,.grid-container [class*=grid]{box-sizing:border-box}[class*=grid]{padding:5px}.grid{width:100%}.grid-large{width:75%}.grid-big{width:50%}.grid-medium{width:33.33%}.grid-small{width:25%}@media screen and (min-width:768px){.wd-grid-large{width:75%}.wd-grid,.wd-grid-big{width:50%}.wd-grid-medium{width:33.33%}.wd-grid-small{width:25%}}.text-hover-hide{opacity:0;transition:opacity .3s}.text-hover-hide:hover{opacity:1}.text-block-hide{background:rgb(var(--black-monochrome));color:rgb(var(--black-monochrome));transition:background .3s}.text-block-hide:hover{background:0 0}.text-blur-hide,.text-blur-hover-hide{filter:blur(.3rem);-webkit-filter:blur(.3rem) transition: blur .3s}.text-blur-hover-hide:hover{filter:blur(0);-webkit-filter:blur(0)}.lyric-box{text-align:center;font-size:1.05rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.lyric-box p{margin:1.5em auto}.lyric-box.with-bigger-line p{margin:3em auto}
 
/**
 *  便签纸
 *  notepaper
 */
 
.notepaper {
    background: linear-gradient(rgb(var(--lh-paper-bg)) 95%, #ddd 0);
    line-height: 2em;
    background-size: 100% 2em;
    background-attachment: local;
    border: 2em solid rgb(var(--lh-paper-bg));
    box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.2);
    padding: 0;
    margin: 1em auto;
    box-sizing: border-box;
    position: relative
}
.notepaper p {
    margin: 0;
    font-size: 1.05rem;
    letter-spacing: 0.1rem;
    line-height: inherit
}
.notepaper.narrow,
.notepaper.wide {
        width: 90%
}
@media screen and (min-width:768px){
    .notepaper.narrow {
        width: 50%
    }
    .notepaper.wide {
        width: 75%
    }
}
 
.notepaper.tight {
    border-width: 1rem;
    border-left-width: 1.2rem;
    border-right-width: 1.2rem;
    line-height: 1.8em;
    background-size: 100% 1.8em;
    font-size: 13px
}
 
.notepaper.with-string::before {
    content: '';
    width: 0.5em;
    height: 6rem;
    background: rgb(var(--lh-string-color));
    top: -2rem; right: -1rem;
    display: block;
    position: absolute;
    box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2);
    clip-path: polygon(-100% -100%,100% 0%,100% 100%,50% 98%,0% 100%);
}
.notepaper.with-tape::before {
    content: '';
    border: 1px solid #ddd;
    background: rgba(var(--lh-tape-color));
    width: 1.5em;
    height: 4em;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    top: -3em;
    left: -1.8em
}
 
.notepaper.tight.with-string::before {
    top: -1rem; 
    right: -0.25rem;
}
.notepaper.tight.with-tape::before {
    top: -2.5em;
    left: -1.3em
}
 
.notepaper.page {
    min-height: 36em;
    counter-increment: page;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
@media screen and (min-width:768px){
    .notepaper.page {
        width: 70%
    }
}
.notepaper.page:after {
    content: counter(page);
    display: block;
    text-align: center
}
.notepaper-group {
    counter-reset: page;
}
 
.book-pattern {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}
.book-pattern .notepaper.page:not(.notepaper > .notepaper) {
    width: 100%
}
@media screen and (min-width: 768px) {
    .book-pattern .notepaper.page:not(.notepaper > .notepaper) {
        width: 50%
    }
}
 
.book-wrapper {
    background: rgb(var(--lh-book-color));
    padding: 0.5rem;
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.2);
    border-radius: 5px;
    margin: 1rem auto
}
@media screen and (min-width: 768px) {
    .book-wrapper .notepaper {
        margin: 0
    }
}
 
/**
 *  文字修饰
 */
 
.text-highlighted {
    position: relative
}
.text-highlighted::before {
    content: "";
    position: absolute;
    height: 0.9em;
    bottom: 2px;
    left: -2px;
    width: 105%;
    z-index: -1;
    background-color: rgb(var(--lh-highlighter));
    opacity: .6;
    transform: skew(-15deg);
    transition: opacity .2s ease;
    border-radius: 3px 8px 10px 6px;
    transition: 0.1s ease background-color;
}
 
.text-underlined {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    text-decoration-color: rgb(var(--lh-highlighter))
}
.text-wavy {
    text-decoration: underline wavy;
    text-underline-offset: 4px;
    text-decoration-color: rgb(var(--lh-highlighter))
}
 
.text-circled,
.text-squared {
    display: inline-block;
    border: 2px solid rgb(var(--lh-highlighter));
    border-radius: 100%;
    box-sizing: border-box
}
.text-squared { border-radius: 0 }
 
.text-shadow { text-shadow: 0.075em 0.075em 0 rgb(var(--lh-highlighter)) }
 
.text-highlighted.td-red::before { background: var(--lh-red) }
.text-circled.td-red, .text-squared.td-red { border-color: var(--lh-red) }
.text-underlined.td-red, .text-wavy.td-red { text-decoration-color: var(--lh-red) }
 
.text-highlighted.td-blue::before { background: var(--lh-blue) }
.text-circled.td-blue, .text-squared.td-blue { border-color: var(--lh-blue) }
.text-underlined.td-blue, .text-wavy.td-blue { text-decoration-color: var(--lh-blue) }
 
.text-highlighted.td-green::before { background: var(--lh-green) }
.text-circled.td-green, .text-squared.td-green { border-color: var(--lh-green) }
.text-underlined.td-green, .text-wavy.td-green { text-decoration-color: var(--lh-green) }
 
.text-highlighted.td-darkgreen::before { background: var(--lh-dark-green) }
.text-circled.td-darkgreen, .text-squared.td-darkgreen { border-color: var(--lh-dark-green) }
.text-underlined.td-darkgreen, .text-wavy.td-darkgreen { text-decoration-color: var(--lh-dark-green) }
 
.text-highlighted.td-purple::before { background: var(--lh-purple) }
.text-circled.td-purple, .text-squared.td-purple { border-color: var(--lh-purple) }
.text-underlined.td-purple, .text-wavy.td-purple { text-decoration-color: var(--lh-purple) }
 
.text-highlighted.td-yellow::before { background: var(--lh-yellow) }
.text-circled.td-yellow, .text-squared.td-yellow { border-color: var(--lh-yellow) }
.text-underlined.td-yellow, .text-wavy.td-yellow { text-decoration-color: var(--lh-yellow) }
 
.text-highlighted.td-orange::before { background: var(--lh-orange) }
.text-circled.td-orange, .text-squared.td-orange { border-color: var(--lh-orange) }
.text-underlined.td-orange, .text-wavy.td-orange { text-decoration-color: var(--lh-orange) }
 
/* 隐藏文字 */
 
.text-blank { color: rgba(0,0,0,0) }
.text-block { 
    background: rgb(var(--black-monochrome));
    color: rgb(var(--black-monochrome)); 
}
.text-blur { 
    filter: blur(0.3em);
    -webkit-filter: blur(0.3em)
}
 
.text-hoverback,
.text-selectback {
    transition-duration: 0.3s;
    transition-property: background, transform, color
}
 
.text-blank.text-hoverback:hover,
.text-blank.text-selectback::selection,
.text-blank.text-selectback *::selection { color: rgb(var(--black-monochrome)) }
 
.text-block.text-hoverback:hover { background: transparent!important }
.text-block.text-selectback::selection,
.text-block.text-selectback *::selection { color: rgb(var(--white-monochrome, 255, 255, 255)) }
 
.text-blur.text-hoverback:hover { filter: blur(0)!important; -webkit-filter: blur(0)!important }
 
/**
 * 附加项
 */
.with-border, .with-box-style { border: 1px solid rgb(var(--bright-accent)) }
.with-border-dark { border: 1px solid rgb(var(--black-monochrome)) }
.with-border-light { border: 1px solid rgb(var(--white-monochrome)) }
.with-border-thick { border-width: 2px }
 
.with-shadow-sm { box-shadow: 0 0 0.1em rgba(0,0,0,0.2) }
.with-shadow { box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.2) }
.with-shadow-lg { box-shadow: 0 0.15em 0.3em rgba(0,0,0,0.2) }
.with-shadow-xl { box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.2) }
.with-shadow-xxl { box-shadow: 0 0.25em 0.8em rgba(0,0,0,0.2) }
 
.with-padding, .with-box-style { padding: 0.25em 1em }
.with-p-sm { padding: 0.125em 0.5em }
.with-p-lg { padding: 0.5em 2em }
 
.with-margin, .with-box-style { margin: 1em auto }
.with-m-sm { margin: 0.5em auto }
.with-m-lg { margin: 2em auto }
 
.with-narrow-width { 
    width: 90%!important; 
    margin-left: auto; 
    margin-right: auto 
}
@media screen and (min-width: 768px) {
    .with-narrow-width { width: 75%!important }
}
[class*="with-bg-"], [class*="with-bg-"] h1 { color: #fff!important }
.with-bg-red { background: var(--lh-red)!important }
.with-bg-blue { background: var(--lh-blue)!important }
.with-bg-green { background: var(--lh-green)!important }
.with-bg-darkgreen { background: var(--lh-dark-green)!important }
.with-bg-yellow { background: var(--lh-yellow)!important }
.with-bg-orange { background: var(--lh-orange)!important }
.with-bg-purple { background: var(--lh-purple)!important }
 
/**
 * 删除类
 */
 
.offwith-shadow { box-shadow: none!important }
.offwith-border { border: none!important }
.offwith-padding, .offwith-pam { padding: 0!important }
.offwith-margin, .offwith-pam { margin: 0!important }
 
.offwith-width-limit {
    width: auto!important;
    margin-left: auto!important;
    margin-right: auto!important
}
 
div[class*="grider"].offwith-grid-gap { grid-gap: 0!important }
 
/**
 * 网格布局
 */
 
/* Gridder 容器 */
 
div[class*="gridder"] {
    display: grid;
    box-sizing: border-box;
    grid-gap: 1rem;
    padding: 0
}
div[class*="gridder"] * { box-sizing: border-box }
 
.gridder, .gridder-col-2 {
    grid-template-columns: 1fr 1fr;
}
.gridder-col-3 {
    grid-template-columns: repeat(3, 1fr);
}
.gridder-col-4 {
    grid-template-columns: repeat(4, 1fr);
}
 
@media screen and (min-width: 768px) {
    .pc-gridder, .pc-gridder-col-2 {
       grid-template-columns: 1fr 1fr;
   }
   .pc-gridder-col-3 {
       grid-template-columns: repeat(3, 1fr);
   }
   .pc-gridder-col-4 {
       grid-template-columns: repeat(4, 1fr);
   }
}
 
.spanner, .spanner-2 {
    grid-column-start: span 2;
}
.spanner-3 {
    grid-column-start: span 3;
}
 
/**
 * 告示组件
 */
.signblock,
.signblock-dark,
.signblock-warn {
    margin: 1rem auto;
    box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.4);
    background: rgb(var(--lh-white-bg));
    font-size: 1.05rem;
    padding: 2rem
}
@media screen and (min-width: 768px) {
    .signblock,
    .signblock-dark,
    .signblock-warn {
        width: 75%
    }
}
.signblock-dark, 
.signblock-dark h1 {
    background: rgb(var(--lh-dark-bg));
    color: #fff
}
.signblock-warn, 
.signblock-warn h1 {
    background: var(--lh-red);
    color: #fff
}
 
.signblock h1,
.signblock-dark h1,
.signblock-warn h1 {
    text-align: center;
    font-size: 2rem;
    margin: 0;
    font-weight: 700
}
.signblock-img {
    display: flex;
    flex-direction: row;
    justify-content: center
}
.signblock-img img {
    width: 8em
}
.signblock-footer {
    font-size: 0.9em;
    text-align: center;
    margin: 0.5rem 0;
    font-weight: bolder;
    display: block
}
 
/**
 * 报告
 */
 
.reportblock,
.reportblock-dark {
    border: 2px solid rgb(var(--lh-border-color));
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3);
    background: rgb(var(--white-monochrome));
    padding: 0.8rem 1.5rem;
    padding-bottom: 0.4rem;
    margin: 1.5rem auto;
    margin-bottom: 1rem;
    position: relative
}
 
.reportblock hr,
.reportblock-dark hr {
    background-color: rgb(var(--lh-border-color));
    margin-left: -1.5rem;
    margin-right: -1.5rem
}
 
.reportblock h1:first-child,
.reportblock-dark h1:first-child {
    position: absolute;
    top: -1rem;
    left: 1.5rem;
    font-size: 110%;
    font-weight: 600;
    background: rgb(var(--lh-border-color));
    color: #fff;
    padding: 0.2rem 0.5rem;
    margin: 0;
}
 
.reportblock-dark,
.reportblock-dark h1 {
    border-color: rgb(var(--lh-white-bg));
    background: rgb(var(--lh-dark-bg));
    color: #fff
}
 
.reportblock-dark hr {
    background-color: rgb(var(--lh-white-bg));
}
 
/* 更好的折叠框 */
 
.bettercollap {
  margin: 1em 0;
}
 
.bettercollap .collapsible-block {
  width: auto;
  overflow: hidden;
  border: 1px solid rgb(var(--lh-border-color))
}
 
.bettercollap .collapsible-block-content,
.bettercollap .collapsible-block-link {
  background: rgb(var(--white-monochrome));
  padding: 0.5em
}
 
.bettercollap .collapsible-block-content {
  padding-left: 1em;
  padding-right: 1em
}
 
.bettercollap .collapsible-block-link {
  color: rgb(var(--lh-border-color));
  background: rgb(var(--white-monochrome));
  transition: .3s;
  display: block;
}
.bettercollap .collapsible-block-link:hover,
.bettercollap .collapsible-block-unfolded .collapsible-block-link,
.styledcollap.bettercollap .collapsible-block-link {
  color: rgb(var(--white-monochrome));
  background: rgb(var(--lh-border-color))!important;
  text-decoration: none
}
 
.bettercollap .collapsible-block-link:hover a { color: rgb(var(--white-monochrome)) }
 
.bettercollap .collapsible-block-link::before {
  content: "\25BC";
  display: inline-block;
  margin-right: 0.5em;
  transform: rotate(-90deg) scale(0.9)
}
.bettercollap .collapsible-block-unfolded .collapsible-block-link::before {
   transform: rotate(0) scale(0.9)
}
 
.bettercollap .collapsible-block + .collapsible-block { border-top: none }
 
.styledcollap.bettercollap .collapsible-block {
  border-radius: 2px;
  box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3)
}
 
.styledcollap.bettercollap .collapsible-block-content {
  background-color: rgb(var(--pale-gray-monochrome));
  border-width: 3px
}
 
.styledcollap.bettercollap .collapsible-block-link:hover {
  background: rgba(var(--lh-border-color),0.95)!important;
}
 
/**
 * 提示框
 */
 
.infoblock {
    color: #f1f1f1;
    font-weight: bold;
    background: #424242;
    padding: 5px 5px 5px 5px;
    border-radius: 4px;
    margin: -0.5rem 0 1rem 0;
    display: block;
    width: fit-content;
    padding-right: 25px;
}
 
.infoblock::before {
    content: "ⓘ "
}
 
/**
 * 单页迭代 
 */
 
.offset-page:not(:target), .offset-page:target ~ div#u-default-page { display: none }
.offset-page:target { display: block }

示例

百科入目

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题

此为分页（tab view）。

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

一条分割线

嵌套引用块

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

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

写手小猫，在这个版式里你可以使用
专业级 Wikidot 语法和日文排版E = mc²

可以用来
模拟标签
终于不用
反复测试
标签了

[[div class="pseudo-tags"]]
* 可以用来
* 模拟标签
* 终于不用
* 反复测试
* 标签了
[[/div]]

还有排版工作组喵。

团体类

天鹅座还原

天鹅座档案馆
愿知识成为我们的庇护

[[div class="blanche"]]
[[div_ class="blanche-header"]]
[[size 3em]]**天鹅座档案馆**[[/size]]
[[size 0.9em]]**愿知识成为我们的庇护**[[/size]]
[[/div]]
[[div_ class="blanche-topbar"]]
**分类：**藏书馆 **>** 布兰奇的手稿 **> 里奥·喀斯特洛斯**
[[/div]]
[[div class="body"]]
这是布兰奇的电子藏书阁
[[/div]]
[[/div]]

后室还原

后室公开数据库
保护人类

[[div class="brbase"]]
[[div class="brbase-header"]]
[[size 3em]]**后室公开数据库**[[/size]]
[[size 0.9em]]**保护人类**[[/size]]
[[/div]]
[[div class="brbase-topbar"]]
**主层群库** **C层群库**
[[/div]]
[[div class="body"]]
这里是数据库
[[/div]]
[[/div]]

SCP还原

SCP基金会
控制，收容，保护

[[div class="scpbase"]]
[[div_ class="scpbase-header"]]
[[f<image https://scp-wiki-cn.wikidot.com/local--files/component:theme/logo.png]]
[[size 3em]]**SCP基金会**[[/size]]
[[size 0.9em]]**控制，收容，保护**[[/size]]
[[/div]]
[[div_ class="scpbase-topbar"]]
已收容项目已解密项目使命宣言世界地图
[[/div]]

被放逐者还原

被放逐者之图书馆
来自另一个世界的幻想。

[[div class="scpbase"]]
[[div_ class="wandbase-header"]]
[[f<image https://scp-wiki.wdfiles.com/local--files/theme%3Awanderers/sh_logo.png]]
[[size 3em]]**被放逐者之图书馆**[[/size]]
[[size 0.9em]]**来自另一个世界的幻想。**[[/size]]
[[/div]]
[[div_ class="scpbase-topbar"]]
琅嬛福地藏书阁苍树与血
[[/div]]
[[div class="body"]]
这里是资料库
[[/div]]
[[/div]]

速切

速切竞赛协会网络 (S.N.I.) - 终端 v3.4.2
用户: Liukexuan | 积分: 789

== 当前热门讨论 ==

[12.8s前] Level_11速通新路线 - 用户: Flash_CN
> 在商场东侧发现新捷径，可节省至少3.7秒…

[24.5s前] 回复: Level_73警告 - 用户: SafeRunner
> 确认Level_73的实体活动增加，建议避开北翼…

[上一页][1][2][3][4][5][下一页]

[[div class="speed"]]
[[div class="speed-header"]]
**速切竞赛协会网络 (S.N.I.) - 终端 v3.4.2**
用户: Liukexuan | 积分: 789
[[/div]]
[[div class="speed-topbar"]]
[刷新终端]
[发布新主题]
[个人资料]
[排行榜]
[资源地图]
[[/div]]
[[div class="speed-body"]]
== 当前热门讨论 ==

请输入文本
[[/div]]
[[div class="speed-p"]]
[[span class="speed-p-span"]][上一页][[/span]][[span class="speed-p-span"]][1][[/span]][[span class="speed-p-span"]][2][[/span]][[span class="speed-p-span"]][3][[/span]][[span class="speed-p-span"]][4][[/span]][[span class="speed-p-span"]][5][[/span]][[span class="speed-p-span"]][下一页][[/span]]
[[/div]]
[[/div]]

速切重影

[[div class="shadowblock"]]
一段文字
[[/div]]

M.E.G.通告

[[div class="meg"]]

[[/div]]

备忘录系列

使用了由 EstrellaYoshte 制作的图标。

[[div class="raisa_memo"]]

[[div class="classification_memo"]]

[[div class="ettra_memo"]]

[[div class="ethics_memo"]]

[[div class="temporal_memo"]]

标记类

引用块

[[div class="blockquote"]]

[[/div]]

亮色块

[[div class="lightblock"]]

[[/div]]

暗色块

[[div class="darkblock"]]

[[/div]]

亮样式块

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

[[/div]]

暗样式块

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

[[/div]]

隐藏块

[[div class="hoverblock"]]
点击试试
[[/div]]

标题块

这是标题
一堆文字
[[div class="titleblock"]]
[[span class="titlebox"]]这是标题[[/span]]
一堆文字
[[/div]]

宣言板

一段话

我们控制，我们收容，我们保护。

— The Administrator

[[div class="mission"]]
一段话
[[image http://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/scp-logo-signature.png class="mission-image"]]
**我们控制，我们收容，我们保护。**

**-- The Administrator**
[[/div]]

千禧年电脑

[[div class="millennium"]]

[[/div]]

书本一

[[div class="paperblock"]]

[[/div]]

书本二

[[div class="paperblock2"]]

[[/div]]

段落块

这是一段又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长又臭又长的文字，同时他非常适合一段又臭又长的文字，这样能缓解读者压力。

神秘丛林

[[div class="vineblock"]]

[[/div]]

发送信息

BACKMAIL 邮箱 | 等待是最美好的陪伴

Castellos_222 ▼

收信箱发信箱写信通讯录关于我们

[[div class="email"]]
[[div_ class="email-header"]]
[[div]]
[[size 150%]]**BACKMAIL 邮箱 |**[[/size]] [[size 80%]]**等待是最美好的陪伴**[[/size]]
[[/div]]
[[div_ class="email-user"]]
**__用户名 ▼__**
[[/div]]
[[/div]]
[[div_ class="email-options"]]
[[span]]收信箱[[/span]][[span]]发信箱[[/span]][[span class="picked"]]**点击的按钮**[[/span]][[span]]通讯录[[/span]][[span]]关于我们[[/span]]
[[/div]]
[[div class="body"]]
**收件人：**填邮箱

**主题：**如标题

----

正文
[[>]]
——发信人
[[/>]]
[[/div]]
[[/div]]

电影块

[[div class="film-frame"]]
[[div class="film-inner"]]
[[div class="film-inner-img"]]
[[image url]]
[[/div]]
[[div class="film-inner-text"]]
[[/div]]
[[/div]]
[[/div]]

推文块

[[div class="tuiwen"]]
[[div class="tuiwenbody"]]

[[/div]]
[[/div]]

批注块

[[div class="comments-1"]]

[[/div]]

[[div class="comments-2"]]

[[/div]]

奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强

六边形

[[div class="hexagon"]]

[[/div]]

八边形

[[div class="octagon"]]

[[/div]]

十边形

[[div class="decagon"]]

[[/div]]

三列换行块

[[div class="fixmargin"]]

[[/div]]
这个可以自动换列，我给你示范一下——奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强奶龙最强

网站类

分站链接

名字

[[div class="siteitems" style="background-image:url(https://backrooms-wiki-cn.wikidot.com/local--files/start/cn_logo.svg);"]]
[[a href="nidelianjie" class="sitetext"]]名字[[/a]]
[[/div]]

枢纽按钮

[[div class="button-container"]]
[[div class="button-item1" ]]
[[a class="buttonslink" href="http://endlessincident-bureau-cn.wikidot.com/system:join"]]-[[/a]]
[[/div]]
[[div class="button-item2"]]
[[a class="buttonslink" href="https://qm.qq.com/q/Z90XgKYAyO"]]-[[/a]]
[[/div]]
[[div class="button-item3"]]
[[a class="buttonslink" href="http://endlessincident-bureau-cn.wikidot.com/system:join"]]-[[/a]]
[[/div]]
[[/div]]

装饰

魔法装饰线

[[div class="magicfancyhr"]]
----
[[/div]]

机械装饰线

[[div class="broken-fancyborder"]]

[[/div]]

放逐者装饰块

[[div class="wanfancyborder"]]
这是一段文字
[[/div]]

放逐者装饰线

[[div_ class="wanfancyhr"]]
-----
[[/div]]

[[include :nationarea:theme:liukexuan |nationarea=true]]
[[include :nationarea:theme:liukexuan |liminal=true]]
[[include :nationarea:theme:liukexuan |meg=true]]
[[include :nationarea:theme:liukexuan |isc=true]]
[[include :nationarea:theme:liukexuan |goc=true]]
[[include :nationarea:theme:liukexuan |scp=true]]

内容有点多就不放图片了，反正颜色都是绝美的。

+ 显示代码

- 隐藏代码

@import url(https://github.backroomswiki.cn/Old_BHL/css/liminal.css);
@import url('https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/fonts/font-bauhaus.css');
/*SCPdiv大标题的字体*/
@import url("https://fastly.jsdelivr.net/gh/Crimone/typefaces@main/fandol-kaiti/FandolKai-Regular.css");
@import url('https://fonts.googleapis.com/css?family=ZCOOL+KuaiLe&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Oswald&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap");
@import url("https://fontsapi.zeoseven.com/223/main/result.css");
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&family=Noto+Serif+SC&display=swap');
@import url('https://cdn.jsdelivr.net/gh/WinterholdPrime/webfont_ChillKai@main/ChillKai.css');
@import url('https://cdn.jsdelivr.net/gh/WinterholdPrime/webfont_GenRyuMin@main/GenRyuMin_Regular.css');
@import url('https://cdn.jsdelivr.net/gh/WinterholdPrime/webfont_GenRyuMin@main/GenRyuMin_Bold.css');
/*其他杂七杂八的字体*/
 
:root {
    --white-monochrome: 168, 210, 201;/*主色调*/
    --gray-monochrome: 87, 116, 104;/*顶栏初始颜色*/
    --black-monochrome: 87,116,104;/*字体颜色，特殊调节颜色外的所有字*/
    --bright-accent: 69, 141, 138;/*代码块的滑动条颜色*/
    --medium-accent: 92,121,109;/*板头背景颜色*/
    --dark-accent: 97,172,168;/*编辑那一块的按钮颜色*/
/*字体引用部分请不要删掉sans-serif，最后写一个sans-serif防止没有字体可加载*/
    --body-font: Inter, Noto Sans SC, Arimo, Verdana, Geneva, sans-serif;/*正文字体*/
    --header-font: Inter, Noto Sans SC, Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;/*版头的字体（就是那个后室，backrooms那个）*/
    --title-font: var(--header-font);/*正文你会用的标题字体*/
    --mono-font: Recursive, Noto Serif SC, Consolas, monaco, monospace;/*等宽字，就是那个稍微细一点的字*/
    --logo-image: url("http://scutoidbox.wikidot.com/local--files/front-page:footer/logo.png");/*版头logo，svg（比如后室中文logo）可能加载会慢一点*/
    --header-title: "后室";/*版头标题（大一点的）*/
    --header-subtitle: "backrooms";/*版头副标题（小一点的）*/
    --alt-accent: 221, 102, 17;
    --background-gradient-color: var(--very-light-gray-monochrome);
    --header-gradient-color-bottom: var(--medium-accent);
    --header-gradient-color-middle: var(--black-monochrome);
    --header-gradient-color-top: var(--black-monochrome);
    --swatch-background: var(--white-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--medium-accent);
    --swatch-primary-darkest: var(--dark-accent);
    --swatch-text-dark: var(--black-monochrome);
    --swatch-text-light: var(--white-monochrome);
    --swatch-text-general: var(--swatch-text-dark);
    --swatch-important-text: var(--bright-accent);
    --swatch-menubg-color: var(--white-monochrome);
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--gray-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--black-monochrome);
    --swatch-menutxt-dark-color: var(--black-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-dark-color);
    --swatch-border-color: var(--black-monochrome);
    --swatch-secondary-color: var(--swatch-menubg-light-color);
    --swatch-tertiary-color: var(--swatch-menubg-medium-color);
    --swatch-text-secondary-color: var(--swatch-menutxt-light-color);
    --swatch-text-tertiary-color: var(--swatch-menutxt-dark-color);
    --swatch-headerh1-color: var(--swatch-text-light);
    --swatch-headerh2-color: var(--swatch-text-light);
    --swatch-topmenu-bg-color: var(--swatch-menubg-medium-dark-color);
    --newpage-color: var(--alt-accent);
    --sidebar-links-text: var(--swatch-menutxt-general-color);
    --rating-module-button-color: var(--swatch-menutxt-dark-color);
    --swatch-topmenu-border-color: var(--medium-accent);
    --link-color: 230, 23, 68;
    --hover-link-color: 187, 0, 34;
    --visited-link-color: 150, 24, 43;
    --background-gradient-distance: 0rem;
    --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.999) 100%);
    --diagonal-stripes: linear-gradient(transparent 0);
    --rename-option: "你确定要删除这个页面吗？它会消失很久很久的哦？";
    --lh-red: #c0392b;
    --lh-blue: #2980b9;
    --lh-green: #27ae60;
    --lh-dark-green: #16a085;
    --lh-purple: #8e44ad;
    --lh-orange: #e67e22;
    --lh-yellow: #f1c40f;
    --lh-paper-bg: 255, 251, 240;
    --lh-string-color: 192, 57, 43;
    --lh-book-color: var(--gray-monochrome);
    --lh-tape-color: 90,90,90,0.3;
    --lh-white-bg: 249,249,249;
    --lh-dark-bg: 50, 50, 50;
    --lh-highlighter: var(--bright-accent);
    --lh-border-color: var(--gray-monochrome);
    --lh-wiki-note-color: var(--bright-accent);
    --rateup-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Up' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='200.1,86.6 113.5,86.6 113.5,0 86.5,0 86.5,86.6 -0.1,86.6 -0.1,113.4 86.5,113.4 86.5,200 113.5,200 113.5,113.4 200.1,113.4 '/%3E%3C/svg%3E%0A");
    --ratedown-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Down' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Crect x='10' y='86.6' width='180' height='26.9'/%3E%3C/svg%3E%0A");
    --cancel-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Cancel' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpolygon points='198.3,20.1 179.9,1.7 100,81.6 20.1,1.7 1.7,20.1 81.6,100 1.7,179.9 20.1,198.3 100,118.4 179.9,198.3 198.3,179.9 118.4,100 '/%3E%3C/svg%3E%0A");
    --credit-button-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.2' baseProfile='tiny' id='Info' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' overflow='visible' xml:space='preserve'%3E%3Cpath d='M140.1,154.6c-12,23.7-29,45.4-57.7,45.4c-19,0-26.6-12-20.5-34.3l20.5-75c2.1-7.3,0.9-11.7-4.7-12L61.1,77l2.3-10.5 l66.8-8.2l1.8,2.1l-27.5,101.9c-1.8,7-2,12.6,3.2,12.6c5.9,0,16.1-14.9,22.8-26.9L140.1,154.6z M138.1,19.9 c0,15.5-10.8,24.3-24.9,24.3c-13.8,0-22-7.9-22-19.9C91.2,12.6,99.4,0,116.4,0C128.7,0,138.1,7,138.1,19.9z'/%3E%3C/svg%3E%0A");
    --rating-module-height: 1.5rem;
    --thread-accent-color: 227, 223, 213;
    --header-height-on-mobile: 290px;
    --header-height-on-desktop: 290px;
    --topbar-height-on-desktop: 3rem;
    --topbar-height-on-mobile: 4rem;
    --header-background-image-size: 100% var(--header-height-on-desktop);
    --body-width-on-desktop: 44.25rem;
    --sidebar-width-on-desktop: calc((var(--base-font-size) * (14/15)) * 19);
    --sidebar-width-on-mobile: calc((var(--base-font-size) * (14/15)) * 16);
    --scrollbar-width: 1rem;
    --border-styling: solid 0.0625rem rgb(var(--swatch-border-color));
    --border-radius-width: 625rem;
｝
/*根元素是方便更改的，如果你可以直接改当我没说*/
/*上面的是标签*/
.page-tags::before {
    display: none;
}
 
.page-tags::before {
    content: "标签——";
}
 
/*把前面的before显示隐藏*/
.titleblock {
    background-color: rgb(var(--pale-gray-monochrome));
    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(--pale-accent)) 2px;
}
 
.titlebox {
    position: relative;
    top: -1.6rem;
    background-color: rgb(var(--pale-accent));
    color: rgb(var(--white-monochrome));
    padding: 0.25rem 1rem;
    line-height: 0.1rem;
}
/*这个span用的时候可能会有挤压文字换行的情况，但不太常见*/
.email {
    background-color: rgba(90, 18, 3, 0.6);
    color: rgba(217, 132, 39);
    margin: 1em 0;
    border-left: rgba(217, 132, 39) solid 0.5em;
}
 
.email-header {
    background-color: rgba(217, 132, 39);
    color: rgba(90, 18, 3);
    padding: 1em 1em 0.5em 0.5em;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
 
.email-options {display: flex;}
 
.email-options > span {
    flex: auto;
    background: rgba(90, 18, 3, 0.6);
    border: rgba(90, 18, 3) 2px solid;
    text-align: center;
    padding: 0.3em 0;
    position: relative;
    font-size: 0.85em;
}
 
.email-options > span.picked::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(90, 18, 3) transparent transparent transparent;
    border-width: .575em;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
/*使用这个的span下方会有一个反着的三角形*/
.email hr {
    margin: 0;
    height: 0;
    border-top: rgba(217, 132, 39) 2px solid;
}
/*hr用来更改那个分割线*/
.email ul {
    padding-left: 1em;
}
/*email这个div中的无序列表*/
.email-user {
    text-align:right;
    font-size: 0.85em;
    flex: auto;
}
 
.blanche {
    background: rgba(217, 213, 204);
    color: rgba(85, 60, 48);
    margin: 1em 0;
    border: 2px solid rgba(217, 213, 204);
    font-family: var(--mono-font);
}
 
.blanche-topbar {
    background: rgba(85, 60, 48);
    padding: 0.3em 0.5em;
    color: rgba(217, 213, 204);
    font-size: 0.9em;
}
 
.blanche-header {
    background-color: rgba(14, 25, 72);
    text-align: center; background-image: url(http://ye-zhi-d.wikidot.com/local--files/level-c-1025/cygnus.png);/*虽然很多图片可以使用原链接，但需要先确认原链接是否可以正常加载*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 90%;
    padding: 1rem 0 1rem;
    text-shadow: black 3px 3px 3px;
    color: rgba(217, 213, 204);
}
 
.brbase {
    background: rgba(240, 236, 227, 1);
    margin: 1em 0;
    border: 2px solid rgba(217, 213, 204);
}
 
.brbase-header {
    background-color: rgba(81, 77, 68, 1);
    text-align: center;
    background-image: url(https://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg);       
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 150%;
    padding: 1em 0 1rem;
    text-shadow: black 3px 3px 3px;
    color: rgba(217, 213, 204);
}
 
.brbase-topbar {
    background: rgba(81, 77, 68, 1);
    padding: 0.3em 0.5em;
    color: rgba(217, 213, 204);
    font-size: 1.3em;
    text-align: center;
}
 
.scpbase {
    margin: 1em 0;
    border: 2px solid rgba(217, 213, 204);
    background: rgba(250, 253, 247, 1)
}
 
.scpbase-header {
    background: linear-gradient(0deg, #680121, #000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#680121', GradientType=0);
    color: rgba(245, 247, 247);
    height:127px;
    font-family: BauhausLTDemi, Simhei, Arial, sans-serif;
}
 
.scpbase-topbar {
    padding: 0.1px 1em;
    height: 150%;
    background: linear-gradient(150deg, #575352, #3c3c3c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#575352', GradientType=0);
    color: rgba(210, 213, 229, 1);
}
/*因为渐变色技术并不是全版本通用，所以你可能看不到*/
.mission {
    font-family: Courier New, Courier, monospace;
    padding: 10px 30px;
    margin: 20px auto;
    background: url(http://scp-wiki.wdfiles.com/local--files/about-the-scp-foundation/bg-marble.png) repeat;/*这张图片加载的似乎有问题*/
    text-shadow: 1px 1px 1px rgba(0,0,0,.25);
    border: solid 1px #888880;
    border-radius: 10px;
    background-color: #999990;
    margin: 10px 0 15px;
    box-shadow: 3px 3px 6px #bbb;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
    background: #fcfdfb;
}
 
.mission-image {
    width: 63px;
    margin: 12px 15px 0 42px;
    float: left;
}
 
.wandbase-header {
    background: linear-gradient(0deg, #227434, #000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#227434', GradientType=0);
    color: rgba(245, 247, 247);
    height:127px;
    font-family: 'zuijinregular', 'Poppins', "FandolKai-Regular", kaiti, sans-serif;
}
 
.wanfancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(255, 219, 90, 0);
    height: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-image-source: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_hr.png);
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
    margin: 1em 0;
}
 
.wanfancyborder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    -webkit-border-image: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_border.png) 600 round;
    -moz-border-image: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_border.png) 600 round;
    -o-border-image: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_border.png) 600 round;
    border-image: url(https://wanderers-library.wdfiles.com/local--files/component:dustjacket-theme/wl_border.png) 600 round;
    border-image-width: 6;
    padding: 2vw;
}
 
.hoverblock{
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0rem;
    transition: box-shadow 0.3s ease-out;
    -webkit-transition: box-shadow 0.3s ease-out;
}
 
.hoverblock:hover,.hoverblock:focus{
    box-shadow: 0px 4px 10px 0 rgba(0,0,0, .25);
}
 
.shadowblock {
    background: rgba(237, 237, 255, 1);
    color: rgba(var(--styled-quote-text-color));
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    box-shadow: 0.5rem 0.5rem rgb(0, 53, 145);
}
 
.comments-1 {
    float: right;
    width: 10em;
    padding: 0 1em;
    margin: 1em 0 1em 1em;
    border-left: solid #888888 1px;
    background-color: #FFFBF0;
    box-sizing: border-box;
    word-wrap:break-word;
}
 
.comments-2 {
    float: left;
    width: 10em;
    padding: 0 1em;
    margin: 1em 1em 1em 0;
    border-right: solid #888888 1px;
    background-color: #FFFBF0;
    box-sizing: border-box;
    word-wrap:break-word;
}
 
.fixmargin {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}
 
.fixmargin p {
  margin-top: 0;
}
 
.body {
    padding: 0.1px 1em;
}
 
.signature {
    display: block !important;
}
 
.footnotes-footer {
    background-color: rgba(var(--white-monochrome), 0.3);
    border: 1px solid rgb(var(--gray-monochrome));
    box-shadow: 0px 0px 0px;
    border-radius: 5px;
    color: rgb(var(--black-monochrome));
    text-align: left;
}
 
div.siteitems {
    color: rgb(var(--pale-gray-monochrome));
    background-color: rgb(var( --medium-accent));
    border-radius: 1px;
    border-bottom: 3px solid rgb(var(--dark-accent));
    text-align: right;
    transition: filter 0.3s ease-in-out;
    filter: brightness(100%);
    height: 5rem;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: left;
}
 
@media screen and (max-width: 768px) {
    div.siteitems {
         background-size: 42%;
    }
}
 
div.siteitems:hover {
    filter: brightness(75%);
}
 
a.sitetext {
    display: block;
    position: relative;
    top: 5px;
    padding: 1.5rem;
    font-size: 1.7rem;
    color: rgb(var(--pale-gray-monochrome));
    right: 0.15rem;
}
 
a.sitetext:hover {
    text-decoration: none;
}
 
.hexagon {
    background-color: rgba(var(--gray-monochrome), 0.3);
    border: 1px solid rgb(var(--gray-monochrome));
    box-shadow: 0px 0px 0px;
    border-radius: 5px;
    color: rgb(var(--black-monochrome));
    text-align: center;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
 
.octagon {
    background-color: rgba(var(--gray-monochrome), 0.3);
    border: 1px solid rgb(var(--gray-monochrome));
    box-shadow: 0px 0px 0px;
    border-radius: 5px;
    color: rgb(var(--black-monochrome));
    text-align: center;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
 
.decagon {
    background-color: rgba(var(--gray-monochrome), 0.3);
    border: 1px solid rgb(var(--gray-monochrome));
    box-shadow: 0px 0px 0px;
    border-radius: 5px;
    color: rgb(var(--black-monochrome));
    text-align: center;
    clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 95% 60%, 80% 80%, 50% 90%, 20% 80%, 5% 60%, 0% 35%, 20% 10%);
}
 
a,button,input {
    -webkit-tap-highlight-color:rgba(255,0,0,0);
}
 
.button-container {
    margin-left:1em;
    margin-right:1em;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
    grid-template-rows: 50px;
}
 
.button-item1,
.button-item2,
.button-item3 {
    background-color:rgb(var(--gray-monochrome));
    background-repeat:no-repeat;
    background-position: center;
    background-size:60px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
    border-radius:5px;
    transition:all 0.2s ease-in-out;
}
 
.button-item1:hover,
.button-item2:hover,
.button-item3:hover {
    background-color:rgb(50,50,50);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
 
.button-item1 {
    background-image:url("http://endlessincident-bureau-cn.wikidot.com/local--files/home-block/join.png");
}
 
.button-item2 {
    background-image:url("http://endlessincident-bureau-cn.wikidot.com/local--files/home-block/chat.png");
}
 
.button-item3 {
    background-image:url("http://endlessincident-bureau-cn.wikidot.com/local--files/home-block/info.png");
}
 
.button-item1:hover {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-size='18' fill='%23ffffff' font-weight='200' font-family='system-ui, sans-serif' text-anchor='middle' dominant-baseline='middle'%3E应聘%3C/text%3E%3C/svg%3E");
}
 
.button-item2:hover {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-size='18' font-weight='200' fill='%23ffffff' font-family='system-ui, sans-serif' text-anchor='middle' dominant-baseline='middle'%3E交流%3C/text%3E%3C/svg%3E");
}
 
.button-item3:hover {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='50%25' y='50%25' font-size='18' font-weight='200' fill='%23ffffff' font-family='system-ui, sans-serif' text-anchor='middle' dominant-baseline='middle'%3E关于%3C/text%3E%3C/svg%3E");
}
 
a.buttonslink {
    color:rgb(70,70,70);
    display: inline-block;
    text-decoration: none;
    height:auto;
    width:100%;
    opacity:0;
}
 
.magicfancyhr {
    background: url(https://scpsandboxcn.wikidot.com/local--files/oxygen9-files-2/mdk-hr.svg) no-repeat;
    padding: 2rem 0rem;
    width: 100%;
    background-position: center;
    background-size: contain;
    margin: 2rem 0rem;
}
 
.magicfancyhr hr {
    display: none;
}
 
.millennium {
    background-color: #ECE9D8;
    border: 1px solid #808080;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    width: 300px;
    position: relative;
    padding-top: 20px;
    overflow: hidden;
}
 
.millennium::before {
    content: "Block level";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    background: linear-gradient(to right, #0A246A, #245DDB);
    color: #FFFFFF;
    font-family: 'Tahoma', 'Verdana', sans-serif;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #0A246A;
    z-index: 1;
}
 
.millennium::after {
    content: "─ □ ×";
    position: absolute;
    top: 0;
    right: 3px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    color: #C0D0EF;
    cursor: default;
    letter-spacing: 2px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    z-index: 2;
}
 
div[class$="_memo"] {
    background: var(--memo-logo) rgba(var(--memo-color), 1);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 4rem;
    margin-inline: auto;
    margin-block: 2rem;
    padding-inline: 20px;
    padding-block: 10px;
    border: solid 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}
 
div[class$="_memo"]::before {
    content: var(--memo-heading);
    font-family: var(--UI-font);
    font-weight: 900;
    font-size: 1.3em;
    text-align: center;
    margin: 0 auto 1rem auto;
    display: flex;
    flex-direction: column;
    padding-top: 0.5em;
}
 
div[class$="_memo"] {
    background-color: rgba(var(--basalt-secondary-color), 1);
    border: solid 2px rgba(var(--memo-color), 1);
}
 
div[class$="_memo"]::before {
    color: rgb(var(--memo-color));
}
 
div.raisa_memo {
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_DARKLOGO.png);
}
 
div.classification_memo {
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_DARKLOGO.png);
}
 
div.ettra_memo {
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_DARKLOGO.png);
}
 
div.ethics_memo {
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_DARKLOGO.png);
}
 
div.temporal_memo {
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_DARKLOGO.png);
    --memo-color: 195, 195, 200;
}
 
div.raisa_memo {
    --memo-heading: "来自记录与信息安全管理部的通知";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
    --memo-color: 255, 243, 173;
}
 
div.classification_memo {
    --memo-heading: "分级委员会备忘录";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
    --memo-color: 237, 245, 243;
}
 
div.ettra_memo {
    --memo-heading: "来自潜在威胁战术响应局的通知";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
    --memo-color: 245, 215, 215;
}
 
div.ethics_memo {
    --memo-heading: "伦理委员会备忘录";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
    --memo-color: 255, 219, 196;
}
 
div.temporal_memo {
    --memo-heading: "时间异常部门";
    --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
    --memo-color: 255, 255, 255;
}
 
.letterdeco p:first-of-type::first-letter{
    margin-top: 0.3em;
    font-size: 2em;
    font-weight: bold;
    float: left;
    margin-right: 0.1em;
    font-family: "Noto Serif SC", serif;
}
 
.tuiwen {
    background-color: #f4f1e6;
    border: 1px solid #d6d6d6;
    padding: 12px 16px;
    margin: 16px 0;
    font-size: 21px;
    font-family:Tahoma, sans-serif;
    color: #333;
    line-height: 1.6;
    position: relative;
    border-radius: 6px;
}
 
.tuiwen::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 8px;
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
    z-index: 1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMlptLTYgMGExIDEgMCAwIDAgMS0xVjguNTU4YTEgMSAwIDAgMC0xLTFINC42MTJjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCAzIDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMloiLz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.4;
}
 
.tuiwen::after {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 8px;
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
    z-index: 1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktcXVvdGUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTEyIDEyYTEgMSAwIDAgMCAxLTFWOC41NThhMSAxIDAgMCAwLTEtMWgtMS4zODhjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCA5IDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMlptLTYgMGExIDEgMCAwIDAgMS0xVjguNTU4YTEgMSAwIDAgMC0xLTFINC42MTJjMC0uMzUxLjAyMS0uNzAzLjA2Mi0xLjA1NC4wNjItLjM3Mi4xNjYtLjcwMy4zMS0uOTkyLjE0NS0uMjkuMzMxLS41MTcuNTU5LS42ODMuMjI3LS4xODYuNTE2LS4yNzkuODY4LS4yNzlWM2MtLjU3OSAwLTEuMDg1LjEyNC0xLjUyLjM3MmEzLjMyMiAzLjMyMiAwIDAgMC0xLjA4NS45OTIgNC45MiA0LjkyIDAgMCAwLS42MiAxLjQ1OEE3LjcxMiA3LjcxMiAwIDAgMCAzIDcuNTU4VjExYTEgMSAwIDAgMCAxIDFoMloiLz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.4;
    transform: scaleX(-1);
}
 
.tuiwenbody {
    font-weight: bold;
    color: #000;
    margin-bottom: 6px;
    padding-left: 12px;
    margin-left: 12px;
}
 
@media (max-width: 768px) {
    .tuiwenbody {
        font-size: 15px;
    }
}
 
.film-frame {
    display:flex;
    justify-content:center;
    padding:0 24px;
    position:relative;
    max-width:800px;
    margin:0 auto;
    box-sizing:border-box;
}
 
.film-frame::before,
.film-frame::after {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:20px;
    background:repeating-linear-gradient(to bottom,#000 0,#000 20px,transparent 20px,transparent 35px);
    border-left:15px solid #000;
    border-right:15px solid #000;
}
 
.film-frame::before {left:0;}
.film-frame::after {right:0;}
 
.film-inner {
    position:relative;
    box-sizing:border-box;
    padding:32px;
    width:calc(100% - 48px);
    aspect-ratio:4/3;
    background:#000;
}
 
.film-inner-text {
    position:absolute;
    inset:-32px -20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    line-height:1.6;
    color:#fff;
    z-index:2;
    font-family:"PT Mono","Noto Serif SC",serif;
}
 
.film-inner-img {
    position:absolute;
    inset:6% 0;
    box-sizing:border-box;
    overflow:hidden;
    z-index:0;
}
 
.film-inner-img img {
    width:100%;
    height:100%;
    object-fit:cover;
}
 
@media(max-width:768px) {
    .film-frame {
        padding:0;
    }
 
    .film-frame::before,
    .film-frame::after {
        width:10px;
        background:repeating-linear-gradient(to bottom,#000 0,#000 15px,transparent 15px,transparent 25px);
        border-left:15px solid #000;
        border-right:15px solid #000;
    }
 
    .film-inner {
        padding:16px;
    }
 
    .film-inner-text {
        inset:-12px;
        font-size:10px;
    }
}
 
.modal-header {
    border-radius: 4px;
    background: rgba(var(--gray-monochrome));
    padding: 30px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    transition: all 0.3s ease;
    color: rgba(var(--white-monochrome));
    text-align:center;
}
 
#edit-save-draft-button {
    display: none;
}
 
.speed {
    font-family: 'Courier New', monospace;
    background-color: rgb(248, 248, 255);
    color: rgb(0, 53, 145);
}
 
.speed-header {
    padding: 10px;
    border: 1px solid #000000;
    margin-bottom: 10px;
    background-color: rgb(255, 255, 255);
}
 
.speed-topbar {
    padding: 10px;
    border: 1px solid #000000;
    margin: 0 10px 10px 10px;
    text-align: center;
    color: rgb(200, 200, 200);
    position: relative;
    background:
        url('https://backrooms-wiki-cn.wikidot.com/local--files/theme:speednoclippers/noclipb')
        no-repeat
        center center / cover
        rgb(248, 248, 255);
    background-attachment: fixed;
}
 
.speed-body {
    padding: 15px;
    border: 1px solid #000000;
    margin-bottom: 10px;
    height: 300px;
    overflow-y: auto;
}
 
.speed-p {
    padding: 10px;
    border: 1px solid #000000;
    text-align: center;
    background-color: rgb(248, 248, 255);
}
 
.speed-p-span {
    margin: 0 5px;
    background-color: rgb(135, 170, 230);
    padding: 3px 10px;
}
 
.meg {
    background-color: rgb(34, 34, 0);
    background-image: radial-gradient(circle, rgba(170, 170, 85, 0.12) 30%, transparent 0);
    background-repeat: repeat;
    background-size: 0.60em 0.60em;
    border: 4px solid rgb(170, 170, 85);
    padding: 0.1px 1em;
    margin: 1em 0;
    color: rgb(221, 221, 119);
}
 
.meg hr {
    height: 0;
    border-top: rgb(170, 170, 85) solid 3px;
}
 
.footnoteref::before {
    content: "[";
}
 
.footnoteref::after {
    content: "]";
}
 
#main-content {
    border: 1px solid rgb(var(--gray-monochrome));
}
 
#page-title {
    text-align: center;
    font-size: 50px;
    padding: 0.2rem;
    width: max-content;
    position: relative;
}
 
#page-title::after {
    content: '';
    position: absolute;
    right: -3rem;
    height: 100%;
    width: 3rem;
    background: rgb(var(--black-monochrome));
    clip-path: polygon(0 0,0 100%,100% 100%);
    top: 0px;
}
 
#page-content {
    padding-left: 5px;
    padding-right: 5px;
}
 
@media screen and (max-width: 768px) {
    #page-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}
 
.page-watch-options {
    display: none;
}
 
.printuser.avatarhover {
    background-color: rgba(var(--white-monochrome), 0.3);
    border: 1px solid rgb(var(--gray-monochrome));
    box-shadow: 0px 0px 0px;
    border-radius: 5px;
    color: rgb(var(--black-monochrome));
    text-align: left;
    padding-right: 3px;
}
 
.button-buttom {
    position: fixed;
    top: 10px;
    z-index: 1000;
}
 
@media screen and (max-width: 768px) {
    .button-buttom {
        left: 0px;
    }
}
 
#main-content::after {
    background: rgb(var(--swatch-text-general)) url("");
}
 
.tategaki span[style="text-decoration: line-through;"] > tt {
    line-height: 1em;
}
 
.tategaki span[style="text-decoration: line-through;"] {
    vertical-align: 0.3em;
}
 
.tategaki blockquote {
    padding: 2em 0.5em;
}
 
.tategaki {
    vertical-align: middle;
    font-family: "ヒラギノ明朝 Pro W3", "GenRyuMin", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
 
.tategaki:before {
    content: " ";
    color: rgba(51, 51, 51, 1.0);
    opacity: 1;
    transform: scale(1, 1)rotateX(0) translateY(0);
}
 
.tategaki:before {
    content: " ";
    color: rgba(51, 51, 51, 1.0);
    opacity: 1;
    transform: scale(1, 1)rotateX(0) translateY(0);
}
 
.tategaki:after {
    content: "";
    color: rgba(51, 51, 51, 1.0);
    opacity: 1;
    transform: skewX(-10deg);
}
 
.tategaki {
    -webkit-columns-axis: vertical;
    -moz-columns: auto 20em;
    -moz-column-gap: 20px;
    -moz-column-rule: 1px solid #dddddd;
    -moz-column-fill: auto;
    -webkit-columns: auto 20em;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px solid #dddddd;
    -webkit-column-fill: auto;
    columns: auto 20em;
    column-gap: 20px;
    column-rule: 1px solid #dddddd;
    column-fill: auto;
    font-size: small;
    overflow-y: scroll;
    width: calc(100% + 3em);
    padding-right: 2em;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    font-family: "ヒラギノ明朝 Pro W3", "GenRyuMin", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
 
.tategaki {
    -webkit-column-axis: vertical
    -moz-columns: auto 20em;     
    -moz-column-gap: 20px;
    -moz-column-rule: 1px solid #dddddd;
    -moz-column-fill: auto;
    -webkit-columns: auto 20em;
    -webkit-column-gap: 20px;
    -webkit-column-rule: 1px solid #dddddd;
    -webkit-column-fill: auto;
    columns: auto 20em;
    column-gap: 20px;
    column-rule: 1px solid #dddddd;
    column-fill: auto;
    font-size: small;
    width: calc(100% + 3em);
    padding-right: 2em;
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    font-family: "ヒラギノ明朝 Pro W3", "GenRyuMin", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tategaki {
        overflow-y: scroll;
    }
}
 
div.pseudo-tags ul {
    font-size: 85%;
    border-top: 1px solid #bbbbbb;
    display: inline-block;
    margin: 10px 0 0;
    padding: 0 2px;
    list-style: none;
}
 
div.pseudo-tags li {
    color: #bb0011;
    text-decoration: none;
    display: inline-block;
    margin: 0 1px;
    cursor: pointer;
}
 
.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;
}
 
.paperblock {
    width: auto;
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    background: url(http://vivarium.wdfiles.com/local--files/backrooms%3Aoldpapertheme/thefinalone.jpg) repeat center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.25);
    box-shadow: 0 0.2rem 0.3rem rgba(168, 210, 201,.25);
}
 
.paperblock2 {
    width: auto;
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    background: linear-gradient(180deg, rgba(235, 196, 63,.3), rgba(235, 196, 63,.3)), url(http://vivarium.wdfiles.com/local--files/backrooms%3Aoldpapertheme/thefinalone.jpg) repeat center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.25);
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
:root{
    --copy-box: none;
}
 
:root:has(#edit-save-button){
    --copy-box: block;
}
 
.copy-box{
    display:var(--copy-box);
    position: fixed;
    right: 3%;
    bottom: 3%;
    z-index: 99;
  margin: 5px auto 0 0;
  border: 4px solid rgb(var(--black-monochrome));
  padding: 0 10px;
  border-radius: 5px;
  background-color: rgb(var(--white-monochrome));
max-width:35vw;
max-height:40vh;
resize:both;
}
 
.copy-box-in{
max-height:37vh;
overflow: auto;
}
 
.copy-box-in iframe{
margin-top: -4.5%;
}
 
.test-has-yes{
display:none;
}
 
.test-has-no{
display:block;
}
 
.test-has-yes:has(p){
display:block;
}
 
.test-has-no:has(p){
display:none;
}
 
@supports (display:grid) {
    .blockquote>:first-child, [class*=blockquote]>:first-child, blockquote>:first-child, div.blockquote>:first-child {
        margin-top: 1rem;
    }
    .blockquote>:last-child, [class*=blockquote]>:last-child, blockquote>:last-child, div.blockquote>:last-child {
        margin-bottom: 1rem;
}
 
.broken-fancyborder {
    box-sizing: border-box;
    padding: 2vw;
    border: 2vw solid rgba(0, 0, 0, 0.5);
    border-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Afuladh-theme/cyberfancy_border.png") 600 round;
    border-image-width: 6;
    margin: 1.5rem auto;
}
 
#header h1 a::before {
    position: relative;
    top: 140px;
    font-size: 60px;
    transform: perspective(210px) rotateX(20deg);
}
 
#header h2 span::before {
    top: 20px;
    font-size: 30px;
    transform: skewX(-20deg);
    -webkit-text-stroke: 1px rgba(var(--white-monochrome));
}
 
p {
    line-height: 1.5;
}
 
.duanluo > p::first-letter {
  font-size: 250%;
  padding: 3px 3px;
  margin-right: 6px;
  float: left;
}
 
.theme-presents-container {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: auto;
    grid-template-areas: "presentsImage" "presentsTexts";
    position: relative;
}
 
.theme-presents-container > img {
    grid-area: presentsImage;
    position: relative;
}
 
.theme-presents-texts {
    grid-area: presentsTexts;
    position: relative;
    padding-left: 0;
}

快捷复制

版式

祝黎的小窝

喵呜

示例

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

团体类

天鹅座还原

后室还原

SCP还原

被放逐者还原

速切

速切重影

M.E.G.通告

备忘录系列

标记类

引用块

亮色块

暗色块

亮样式块

暗样式块

隐藏块

标题块

宣言板

千禧年电脑

书本一

书本二

段落块

神秘丛林

发送信息

电影块

推文块

批注块

六边形

八边形

十边形

三列换行块

网站类

分站链接

枢纽按钮

装饰

魔法装饰线

机械装饰线

放逐者装饰块

放逐者装饰线