这是为异常宗教表现部制作的版式,基于平行。使用以下代码引入此版式:
[[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"]]
随处可见的图像
可通过四至六个连字符“----”、“-----”或“------”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]]语法套住以实现。