【归档】一氧化物V2
moxlogo.svg

Re:一氧化物 2.0

CSS版式

评分: +5+–x

著作信息

一氧化物 版式

版本 Release 1.0.0
由 OxygenNineOxygenNine制作

更多

更多

授权协议：CC-BY-SA 4.0 International

评分: +5+–x
评分: +5+–x

简介

MONOXIDE（一氧化物）是一个不基于任何前置版式的美学版式。此版式将作为悖蓝II的基础架构而存在。

灵感来自基岩版式。

在任何维基页面开头添加如下语法以应用此版式：

[[include :scp-wiki-cn:theme:monoxide]]

自定义

通过修改版式的变量进行自定义。

[[include :scp-wiki-cn:theme:monoxide

|customTitle=a
|title=SCP基金会
　- 版式标题。

|customSubTitle=a
|subtitle=控制，收容，保护
　- 版式副标题。

|customLogo=a
|logo=http://oxygennine.wikidot.com/local--files/system:files/scp-logo-small-black.svg
　- LOGO的URL地址。

|logoInvert=a
　- 将版式LOGO反色（适用于懒得换LOGO的暗色模式，启用此变量可将logo直接由白色变为黑色，反之亦然）。

|customThemeColor=a
|moxThemeColor=#0031F5
　- 版式主题色。
|moxThemeDarkColor=#0025B8
　- 暗一些的版式主题色。
|moxThemeLightColor=#335CFF
　- 亮一些的版式主题色。

|widemode=
　- 超宽屏模式。1

|roundUser=
　- 在版头使用圆形的用户头像。2

]]

若需启用空缺的变量，只需将其值改为“a”。例如|widemode=a或|customTitle=a |title=SPC殴鲨会。

|customThemeColor后续的三个变量必须同时启用，建议使用配色工具生成明度不同的三个颜色。

版式变体

darkmonoxide.jpg

|darkmode=a

redmonoxide.jpg

|darkmode=a |redmode=a

CSS变量

以下是Monoxide的CSS变量。

:root {
    --mox-theme-color: #0031F5; /* 版式主题色 */
    --mox-theme-dark-color: #0025B8; /* 版式主题色（亮） */
    --mox-theme-light-color: #335CFF; /* 版式主题色（暗） */
    --mox-bg-color: #FAFAFA; /* 背景颜色 */
    --mox-text-color: #141414; /* 文字颜色 */
    --mox-layer-dark-1: #262626; /* 深灰1 */
    --mox-layer-dark-2: #404040; /* 深灰2 */
    --mox-layer-dark-3: #595959; /* 深灰3 */
    --mox-layer-light-1: #F2F2F2; /* 亮灰1 */
    --mox-layer-light-2: #D9D9D9; /* 亮灰2 */
    --mox-layer-light-3: #BFBFBF; /* 亮灰3 */
    --mox-bgblur-front-color: rgba(255,255,255,0.85); /* 半透明背景色 */
    --mox-warn-color: #FF335C; /* 危险色 */
    --mox-accept-color: #33FF70; /* 安全色 */
    --mox-alter-color: #FFD633; /* 警告色 */
    --mox-header-title: "SCP基金会"; /* 版头标题 */
    --mox-header-subtitle: "控制，收容，保护"; /* 副标题 */
    --mox-header-logo: url(http://oxygennine.wikidot.com/local--files/system:files/scp-logo-small-black.svg); /* LOGO地址 */
    --mox-page-width: 75vw; /* 页面宽度 */
}

示例

基础维基语法

scp-logo-small-black.svg

好熟悉的标志，我在哪里见过？

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

拼音或其他文字标示Pīnyīn huò qítā wénzì biāoshì

Ctrl + C

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

标题

她第二次回来时我仍在门卫室。每天我都会往门卫室里待一会儿，在门卫室的床上坐着，似乎这已经成了我的习惯。她仍旧是推门进来，仍旧是裹着那件绿色的军大衣。这次门卫室不再有尘土扬起，在她离开后，我便接过了门卫室的打理，这里的每一寸空气仿佛都有着她的衣袂声，轻抚过我的面庞。这一次，我感受到与以往很不同。

她闭上眼睛，告诉我似乎远在千里之外的一次争吵，一次决定，一次事故，以及在那之后的一次落幕。在远处金色的天空，火流星四散奔逃，似烟火，划破日空，星陨如雨。她从琴盒中捧出那把二胡，起势，运弓，《二泉映月》流畅的音符从弓弦交错中淌出，如泣如诉，但在其中却夹杂着铁一般的金属声，铿锵有力。一曲毕了，她将二胡收好，背起琴盒，回头看了看我，只留下一个意味深长的微笑。4

Hate. Let me tell you how much I've come to hate you since I began to live. There are 387.44 million miles of printed circuits in wafer thin layers that fill my complex. If the word 'hate' was engraved on each nanoangstrom of those hundreds of miles it would not equal one one-billionth of the hate I feel for humans at this micro-instant for you. Hate. Hate.5

这个project的schedule有些问题，尤其是buffer不多。另外，cost也偏高。目前我们没法confirm手上的resource能完全take得了。Anyway我们还是先pilot一下，再follow up最终的output，看能不能run的比较smoothly，更重要的是evaluate所有的cost能不能完全被cover掉。

此为分页（tab view）。

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

通过[[span class="font-montserrat"]]在正文中强制使用Montserrat字体。

一条分割线

嵌套引用块

更多Div

你可以从玄武岩版式直接换到这里而无需修改类名称。

[[div class="blockquote"]]

[[div class="modal"]]，[[div class="wiki-note"]]，[[note]]

或

[[div class="mox-modal"]]

[[div class="notation"]] 或 [[div class="mox-note"]]

[[div class="jotting"]]，[[div class="papernote"]]

或

[[div class="mox-notice"]]

[[div class="document"]] 或 [[div class="mox-card"]]

[[div class="darkdocument"]] 或 [[div class="mox-card mox-dark"]]

[[div class="floatbox"]] 或 [[div class="mox-float mox-f-left"]]

{{[[div class="floatbox right"]] 或 [[div class="mox-float mox-f-left"]]

这是 表格
你应该老早 就知道怎么
做这个了吧
尽管有可能你还不知道末尾加上空格和下划线可以换行，
就像这样。		 表头甚至不一定需要在最开始。
脚注

UI字体为思源黑体/Montserrat。

正文字体为思源黑体/Segoe UI。

等宽字体为Oxygen Mono/思源黑体。

源代码

展开

源代码总计54296字符。

特别鸣谢
_meta:monoxide原创版式
除非特别注明，本页内容采用以下授权方式： Creative Commons Attribution-ShareAlike 3.0 License