基岩 版式

[[embed]]
<iframe src="//interwiki.scpwikicn.com/styleFrame.html?priority=0
&type=sidebar
&override=1
&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=1
&type=sidebar
&override={$override}&theme=https://cdn.scpwiki.com/theme/en/basalt/basalt-bedrock-min.css
&css={$css}" style="display: none"></iframe>
[[/embed]]

基岩

Rating: +102
基岩是一个由 EstrellaYoshteEstrellaYoshte、LirynLiryn 以及 Placeholder McDPlaceholder McD 制作的美学基础版式，特别感谢 aismallardaismallard 在 GitHub 上的协助，感谢 WoedenazWoedenaz 协助制作了编辑区域的按钮 SVG 以及一些常规的咨询。此版式作为玄武岩 2.0 的基础架构存在。

WikiJump include 未展开： 跨站引用未启用（:scp-wiki:component:theme-squares）

若需在某页面中使用，请添加以下代码：

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

示例

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

WikiJump include 未展开： 跨站引用未启用（:scp-wiki:component:image-block）

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

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题
6 级标题
分页分页长 Tab由于一些奇怪的原因，这个空 tab 有一个很长的名字。我想知道为什么？这很奇怪。空 Tab空 Tab空 Tab空 Tab空 Tab

此为分页（tab view）。

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

更多文字

一条分割线

嵌套引用块

这是表格
你应该老早就知道怎么
做这个了吧
Footnotes
  1. 1.这依然是用来抚慰 Placeholder McDPlaceholder McD 的。

标题字体为 Lexend / 思源黑体简中。

正文字体为 Inter / 思源黑体简中。

用户界面字体为 Jost / 思源黑体简中。

等宽字体为 JetBrains Mono / 思源宋体简中

CSS 变量

基岩内置了一系列的 CSS 变量，可以被修改以改变其外观。某些顶级变量如下：
css
:root {
    --basalt-primary-color: 254,254,254;
    --basalt-secondary-color: 247,248,250;
    --basalt-tertiary-color: 218,219,222;
    --basalt-main-text-color: 20,20,20;
    --basalt-overtone: 50,50,50;
    --basalt-undertone: 61,71,202;

    --basalt-bright-element-color: 16,76,184;
    --basalt-dark-element-color: 18,20,150;
    --basalt-alternate-color: 255,132,0;
    --basalt-positive-color: 24,163,20;
    --basalt-negative-color: 255,48,48;
    --basalt-cancel-color: var(--basalt-negative-color);
    --basalt-sub-text-color: 155,154,162;
    --basalt-light-text-color: var(--basalt-primary-color);

    --basalt-UI-dark-palette: var(--basalt-overtone);
    --basalt-focus-color: var(--basalt-undertone);
    --basalt-background-color: var(--basalt-primary-color);
}
颜色变量为 RGB 格式。
css
:root {
    --header-font-primary: 'Lexend';
    --UI-font-primary: 'Jost';
    --body-font-primary: 'Inter';
    --mono-font-primary: 'JetBrains Mono';
}

:root:lang(cn) {
    --body-font-fallback: "Noto Sans SC", Verdana, "Microsoft YaHei", "微软雅黑", Geneva, sans-serif, STXihei, "华文细黑";
    --UI-font-fallback: "Noto Sans SC", "方体", "PingFang SC", "黑体", "Heiti SC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK SC", sans-serif;
    --header-font-fallback: var(--body-font-fallback);
    --mono-font-fallback: "Noto Serif SC", "Microsoft YaHei", "微软雅黑", "Courier New", Courier, monospace, STXihei, "华文细黑";
}
这是四个被基岩所使用的字体种类。
css
:root {
    --header-logo: url('https://cdn.scpwiki.com/theme/en/basalt/basaltlogo.svg');
    --header-title: 'SCP Foundation';
    --header-subtitle: 'SECURE - CONTAIN - PROTECT';
    --title-size: 1.5rem;
    --subtitle-size: 0.825rem;

    --base-font-size: 1rem;
    --main-content-width: 67.5rem;
    --side-bar-width: 19rem;
}

:root:lang(cn) {
    --header-title: 'SCP基金会';
    --header-subtitle: '控制 - 收容 - 保护';
}
注意由于 CSS 的 calc() 函数机制，任何有长度单位的变量，比如 rem 或是 px，其单位都不应被省略，即使其值被设定为 0，比如 --subtitle-size: 0rem; 能使副标题消失，且亦不会使 calc() 功能无效。--main-content-width 不应被以 % 单位设定。若需使主区域占据整个屏幕的宽度，则使用任意高的 rem 值即可。

其它

该版式的源代码可以在我们的 GitHub 页面中找到。基岩目前与常规版式并不兼容。
版式
页面版本：⁨0⁩, 最后编辑于: ⁨2022/10/17 05:25:43⁩ (⁨⁨1430⁩ 日前⁩), 现时评分: 102
历史 附件 + 选项