extrude
突出
过氧化物 基础版式
v1.0-pre1
欢迎使用过氧化物Peroxide基础版式，这是一个不基于任何前置版式的美学版式，其前身为一氧化物版式，由OxygenNine开发。
在任何页面上，通过在页面顶端插入以下代码以启用此版式：
[[include :scp-wiki-cn:theme:peroxide]]
由于wdfiles.com的可访问性问题，如果上述代码无法起效，可尝试直接通过Module CSS引入版式：
[[include :scp-wiki-cn:theme:peroxide moduleCSS=--]]
预设
推荐的引用顺序是：先引用过氧化物本体（可以调整参数），再引用布局方案，最后引用配色预设。配色预设会覆盖前面的设置。
布局方案
需要在引用过氧化物版式后，再引用布局方案，例如：
[[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://cdn.mer.run/i/2026/03/05/69a98e8720849.png')
↑ 版头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="modal"]]
或 [[div class="p-md"]]
标准装饰块1。
[[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
正文
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"]]
二级导航栏
过氧化物支持在顶栏插入二级导航栏，使用如下格式即可：
* 标签1
* 二级列表项1
* 二级列表项2
* ……
* 标签2
* ……隐藏“Saving Pages”
在保存页面时，底部会出现一个“隐藏Saving Pages”的按钮。若遇到页面无响应，可点击此按钮，隐藏背景遮罩，将代码复制到安全的地方并刷新页面，重新编辑。
本地化
部分Wikidot未在Translate Wikidot列出的文本通过CSS伪元素进行了翻译。
打印
由于过氧化物使用ThemePreviewer以提升加载速度，你可能会遇到使用Wikidot自带的打印预览时无法显示版式的问题。可以通过引用参数printFriendly解决此问题：
[[include :scp-wiki-cn:theme:peroxide
|printFriendly=*
]]
声明
此版式内置了Agent FS的优化脚注组件，并修改了部分代码。
图标来自Bootstrap图标库和SVG Repo。
正文字体为更纱黑体，等宽字体为JetBrains Mono，衬线字体为思源宋体。
此版式的全部CSS代码采用的授权方式为CC-BY-SA 4.0 International。
源代码参见GitHub仓库。
页面版本: 10, 最后编辑于: 04 Apr 2026 16:44