Monotypical



单色型 版式

评分:

评分: 0+x

评分模块与著作信息模块:

评分: 0+x

这是由 EstrellaYoshteEstrellaYoshte 制作的美学版式,且获得了 WoedenazWoedenaz 的额外帮助。若需使用此版式,请将以下代码复制到你的文章中:

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


mono.png

图像。

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

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

此为分页(tab view)。2

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


一条分割线

嵌套引用块

这是 表格
你应该老早 就知道怎么
做这个了吧
1 2
3 4
谁是这里 最厉害的?
#十六进制 #至高无上

页眉字体为 Century Gothic / Quicksand。

正文字体为 Ubuntu。

等宽字体为 Fira Code / 幼圆。

深潜

component:croqstyle 已被引入到此版式中。

[[div class="monoboxical"]]

Hello world!

[[div class="meta-title"]]

在此插入标题


单色型默认隐藏常规标题,所以需要转而使用 meta-title(假标题)。

[[div class="header-center"]]

1 级居中标题

2 级居中标题

5 级居中标题

鉴于此版式中标题的工作机制,其需要被放置在 header-center div 块中才能被正确地居中。

这同样能将常规文本居中。

CSS 变量
单色型的外观由以下变量控制:

:root {
    --linkColor: #FC8391;
    --linkColor-newpage: #FC9958;
 
    --primaryBackgroundColor: #F9F9F9;
    --secondaryBackgroundColor: #EFEFEF;
    --tertiaryBackgroundColor: #E0E0E0;
    --borderColor: #C6C6C6;
 
    --shadow: rgba(0,0,0,0.225);
 
    --selectionColor: #FFE419;
    --textColor: #0E0E0E;
    --textColor-alt: #8E8E8E;
 
    /*----- Technical Variables -----*/
 
    --body-font: 'Ubuntu', sans-serif;
    --header-font: 'Century Gothic', 'Quicksand', sans-serif;
    --header-title: 'SCP基金会';
 
    --sidebar-width: 15rem;
    --sidebar-timing: 0.275s ease-out;
    --header-height: 3.5rem;
    --page-content-width: 954px;
 
    --radius-adjust: 0.95rem;
    --link-timing: .125s ease-out;
}

这里的所有东西都可以修改以改变单色型的默认外观。这里是一些能够放在 [[include]] 后方的预设:


mono-nord.png
[[module CSS]]
:root {
    --linkColor: #88C0D0;

    --primaryBackgroundColor: #ECEFF4;
    --secondaryBackgroundColor: #E5E9F0;
    --tertiaryBackgroundColor: #D8DEE9;
    --borderColor: #4C566A;

    --shadow: rgba(46,52,64,0.25);

    --selectionColor: #EBCB8B;
    --textColor: #2E3440;
    --textColor-alt: #434C5E;
}
#side-bar, #license-area {
    --secondaryBackgroundColor: #2E3440;
    --tertiaryBackgroundColor: #434C5E;
    --textColor: #D8DEE9;
}
[[/module]]

mono-solarized.png
[[module CSS]]
:root {
    --linkColor: #2aa198;

    --primaryBackgroundColor: #fdf6e3;
    --secondaryBackgroundColor: #eee8d5;
    --tertiaryBackgroundColor: #002b36;
    --borderColor: #93a1a1;

    --shadow: rgba(0,0,0,0.2);

    --selectionColor: #268bd2;
    --textColor: #586e75;
    --textColor-alt: #C39006;
}
#side-bar .heading, #license-area {
    --textColor: #fdf6e3;
}
[[/module]]

mono-dracula.png
[[module CSS]]
:root {
    --linkColor: #FF799A;

    --primaryBackgroundColor: #282A36;
    --secondaryBackgroundColor: #2F3142;
    --tertiaryBackgroundColor: #BD93F9;
    --borderColor: #6272A4;

    --shadow: rgba(96,213,248,0.3);

    --selectionColor: #50FA7B;
    --textColor: #F8F8F2;
    --textColor-alt: #6272A4;
}
::-webkit-scrollbar-track {
    background: var(--secondaryBackgroundColor);
}
[[/module]]

请随意实验自己的颜色配置!

源代码

CC BY-SA 114514.810