过氧化物 基础版式

模块暂不可用: 此动态功能尚未由只读迁移站支持。

[[embed]]
<iframe src="//interwiki.scpwikicn.com/styleFrame.html?priority=2
&type=sidebar
&override={$override}&theme=https://cdn.scpwiki.com/theme/en/basalt/normalize-min.css
&css={$css}" style="display: none"></iframe>
[[/embed]]

[[embed]]
<iframe src="//interwiki.scpwikicn.com/styleFrame.html?priority=2
&type=sidebar
&override={$override}&theme=https://oxygennine.github.io/Peroxide/CSS/Interwiki/Interwiki.css
&css={$css}" style="display: none"></iframe>
[[/embed]]

隐藏Saving Pages显示Saving Pages
69a9c5f12e120.png
v1.0.1
Rating: +163
欢迎使用过氧化物Peroxide基础版式,这是一个不基于任何前置版式的美学版式,其前身为一氧化物版式,由OxygenNineOxygenNine开发。在任何页面上,通过在页面顶端插入以下代码以启用此版式:
[[include :scp-wiki-cn:theme:peroxide]]

预设

推荐的引用顺序是:先引用过氧化物本体(可以调整参数),再引用布局方案,最后引用配色预设。配色预设会覆盖前面的设置。

布局方案

引用教程经典布局经典布局 版头居中经典布局 切换侧边栏版头居中侧边栏常显侧边栏切换位于版头页面内容布局

需要在引用过氧化物版式后,再引用布局方案,例如:

[[include :scp-wiki-cn:theme:peroxide]]
[[include :oxygennine:peroxide:layout-classic-header]]

除了“页面内容布局”之外,不同的布局方案彼此互不兼容。

配色方案

引用教程深色高对比度铅封水华极境覆巢薄荷扫描

需要在引用过氧化物版式后,再引用配色方案,例如:

[[include :scp-wiki-cn:theme:peroxide]]
[[include :oxygennine:peroxide:palette-dark]]

如果需要将本来是黑色的LOGO变成白色,需要启用引用参数logoInvert=*,例如:

[[include :scp-wiki-cn:theme:peroxide logoInvert=*]]
[[include :oxygennine:peroxide:palette-dark]]

自定义

可以通过引用参数对过氧化物进行简单的自定义。请复制下面的引用模板。在使用模板时不要删除参数——如果你只希望改动其中一两个参数,那就把剩下的完整保留。

[[include :scp-wiki-cn:theme:peroxide
|custom=*
↑ 启用自定义参数。
|title='SCP基金会'
↑ 版头标题。左右使用半角引号括住。
|slogan='控制 / 收容 / 保护'
↑ 版头副标题。左右使用半角引号括住。
|logo={{url('https://oxygennine.github.io/Peroxide/Images/scp-logo-line-black.svg')}}
↑ 版头LOGO。以CSS url()格式引入。
|colorLight=#3b69e4
↑ 亮一些的主题色。
|colorNormal=#3d5cab
↑ 主题色。
|colorDark=#354f96
↑ 暗一些的主题色。
|logoInvert=
↑ 是否将LOGO黑白反转;填“*”启用。
]]

排版元素

引用块和div元素

[[div class="blockquote"]]
[[div class="p-bq"]]

默认引用块。

默认引用块嵌套。

[[div class="blockquote-clear"]]
[[div class="p-bqc"]]

无边框引用块。

[[div class="blockquote shadow"]]
[[div class="p-bq shadow"]]

有阴影的引用块。
任意div的class若加上shadow,则自动拥有阴影。

[[div class="notation"]]
[[div class="p-no"]]

标准装饰块2。

[[div class="underline"]]
[[div class="p-ud"]]

下方划线的引用块。

[[div class="doubleline"]]
[[div class="p-dl smaller"]]

doubleline是上下都划线。
smaller会缩短div的尺寸,对任何一个div都起效果。

[[div class="doubleline dark"]]
[[div class="p-db dark"]]

dark会让div变成暗色,对任何一个div都起效果。

[[div class="card"]]
[[div class="p-ca"]]

标准装饰块3。

特性

布局

#page-content被设置成类似流明冲击的纵轨道,可以使用下列class的div制作整个页面宽度范围的布局:
fullwidth
全宽
extrude
突出
content
正文
extrude
突出
fullwidth
全宽
[[div class="fullwidth-start end-extrude-start"]]
[[div class="extrude-start end-content-start"]]
[[div class="content"]]
[[div class="start-content-end extrude-end"]]
[[div class="start-extrude-end fullwidth-end"]]
[[div class="extrude-start"]]
[[div class="extrude-end"]]
[[div class="extrude"]]
[[div class="fullwidth-start"]]
[[div class="fullwidth-end"]]
[[div class="extrude-start fullwidth-end"]]
[[div class="fullwidth"]]
这使得插入全宽元素更方便,但亦导致过氧化物无法正确显示裸文本布局(例如,使用换行而非空行可能会让Wikidot错误解析为裸文本而非块级元素<p>),CSS float也会失效。为取得最大兼容性,可将所有内容包裹在一个[[div]]内,或使用[[include :oxygennine:peroxide:layout-page-content-block]]取消这一特性。

二级导航栏

隐藏“Saving Pages”

在保存页面时,底部会出现一个“隐藏Saving Pages”的按钮。若遇到页面无响应,可点击此按钮,隐藏背景遮罩,将代码复制到安全的地方并刷新页面,重新编辑。

本地化

部分Wikidot未在Translate Wikidot列出的文本通过CSS伪元素进行了翻译。

打印

由于过氧化物使用ThemePreviewer以提升加载速度,你可能会遇到使用Wikidot自带的打印预览时无法显示版式的问题。可以通过引用参数printFriendly解决此问题:

[[include :scp-wiki-cn:theme:peroxide
|printFriendly=*
]]

声明

过氧化物的代码现在完全托管在Github上。原有的通过Module CSS方式引用版式的页面出于兼容性考虑暂时保留,但将在未来停止使用。此版式内置了Agent FSAgent FS优化脚注组件,并修改了部分代码。图标来自Bootstrap图标库SVG Repo。正文字体为更纱黑体,等宽字体为JetBrains Mono,衬线字体为思源宋体。此版式的全部CSS代码采用的授权方式为CC-BY-SA 4.0 International。源代码参见GitHub仓库
页面版本:⁨0⁩, 最后编辑于: ⁨2026/3/18 05:42:57⁩ (⁨⁨182⁩ 日前⁩), 现时评分: 163