往昔 版式

//往昔 版式

评分: +1+x
ARED_2.svg
parallel-theme-logo.svg
parallel-theme-logo-zh.svg

这是为异常宗教表现部制作的版式,基于平行。使用以下代码引入此版式:

[[include :scp-wiki-cn:theme:parallel]]
[[include :scp-wiki-cn:theme:yore]]

请注意,此版式与流明冲击相类似,将内容区域置于CSS GRID轨道中,这将导致标准图片块等浮动元素失效,大部分[[div]]元素的默认外边距也会失效。将包含这些元素的内容区段置于一个不含任何属性的[[div]]容器内即可避免这些问题。

在版式[[include]]语法后使用如下代码可以修改页眉标题、副标题、Logo和页面背景图:

[[module CSS]]
:root:lang(cn) {
    --title: "版头标题";
    --subtitle: "版头副标题";
    --logo: url("Logo链接");
    --yore-bg: url("背景链接");
}
[[/module]]

在版式[[include]]语法后使用如下代码可以使部分隐去的页眉Logo完整显示:

[[module CSS]]
#header h1 a {
    padding-left: calc(var(--base-header-height) * 0.125);
    padding-right: calc(var(--base-header-height) * 0.25);
}
 
#header h1 a::before {
    margin-inline-end: 0;
    mask-image: none;
    -webkit-mask-image: none;
}
[[/module]]

页面元素

基础元素

这是引用块


嵌套引用

暗色引用块


[[div class="blockquote dark"]]

ARED_2.svg

随处可见的图像

可通过四至六个连字符“----”、“-----”或“------1创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。

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

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题
6 级标题

这是分页(Tab View)。

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

进阶元素

假标题

假标题,即.meta-title,是目前网站版式自带的class。由于此版式的页面标题使用了一些奇特的手段实现,若需要完全还原标题的样式,请将假标题直接放在页面里,不要套上任何外层容器。

如此简单!

如果被套上外层容器,假标题会采用如下的阉割版样式,与完全体的主要区别是左侧并不会延伸至页面边缘:

一个标题

本版式针对迭代进行了单独适配,直接生成在ListPages模块内的假标题采用默认样式显示。

章节标题格式

此为章节标题格式,默认为暗色风格。

一个酷炫的标题

[[div class="chapter-title"]]
+* 一个酷炫的标题
[[/div]]

可以从多方面定制这个标题:

“噎鸣”协议

[[div class="chapter-title" style="--yore-bg: url('https://scpsandboxcn.wdfiles.com/local--files/infas12-4/1540881201396.jpg'); --bg-mode: scroll;"]]
+* “噎鸣”协议
[[/div]]

样式中,--yore-bg用以控制标题块的背景图片,填入图片链接即可;将--bg-mode设为scroll可使图片跟随标题块移动,否则图片将会悬浮在原处。两个变量都是可选的。

段落标题格式

一种简易的副标题样式,包含了三种不同颜色深浅的版本。

段落标题1

段落标题2

段落标题3

[[div class="section-title"]]
段落标题1
[[/div]]
 
[[div class="section-title dark"]]
段落标题2
[[/div]]
 
[[div class="section-title darker"]]
段落标题3
[[/div]]

如果标题内容过长,超出了一行的宽度,导致文本自动换行,那么标题右侧的多边形装饰就会像这个这样,只跟随在最后的文字旁。

快速换行

使用[[div class="hor"]]可以一次性创建80px的空间。

上面这段空白就是示例。

“hor”是分割线Horizon的简写,和Dr Hormress没有太大关联。

分割页面

这是一个非常迷惑的工具,可以用于创建内容区域之间的硬隔断。显而易见地,此工具只能被直接放置在内容区域之内。

[[div class="page-cut"]]
[[div class="hor"]]
[[/div]]
[[/div]]

章节导航

比Earthworm更简单!只需要使用对应的[[div]]容器,在里面放上表格就好了。

[[div class="part-nav first-part"]]
|| || [# 当前篇目或中心页] || [# 后一篇目] ||
[[/div]]
 
[[div class="part-nav"]]
|| [# 前一篇目] || [# 当前篇目或中心页] || [# 后一篇目] ||
[[/div]]
 
[[div class="part-nav last-part"]]
|| [# 前一篇目] || [# 当前篇目或中心页] || ||
[[/div]]

自定义DIVs

[[div class="blockquote info"]]

[[div class="blockquote title" data-title="示例标题"]]

[[div class="blockquote title small" data-title="示例标题"]]

ACS

使用[[div class="Parallel-ACS"]]把ACS的[[include]]语法套住以实现。

项目编号:項目編號:CN-XXX
等级等級4
收容等级:收容等級:
keter
次要等级:次要等級:
{$secondary-class}
扰动等级:擾動等級:
ekhi
风险等级:風險等級:
notice
CC BY-SA 114514.810