本征机器 版式
评分: +20+x



本版式由 BillithBillith 设计,衍生自 EstrellaYoshteEstrellaYoshte 所设计的特征向量版式,可供通用。本版式的基本格调与皮闵中心的各个 SCP 有关,但也可通过个性化选项来适配于更广泛的需求。

要在你的页面中使用本版式,请在页面的任意位置写入以下语句:

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

要使用删除部门模式,需写入以下参数:

[[include :scp-wiki-cn:theme:eigenmachine delete=a]] (点此查看版式效果)

要使用易读模式(亮色),需写入以下参数:

[[include :scp-wiki-cn:theme:eigenmachine light=a]] (点此查看版式效果)

要使用《宇宙谋杀案》模式,需写入以下参数:

[[include :scp-wiki-cn:theme:eigenmachine murder=a]] (点此查看版式效果)

每种模式都选取了独特的颜色块,去瞧瞧吧!还有一版复古风格也在开发中。所有变种开发完成后,会以段落的形式添加进本页面中。

基本特性

PM.svg

图像。


可使用 5 个连字符“- - - - -”创建横向分割线。它会穿过整个页面,除非将其置于某些模块中(比如引用块)。本文中分割各个小节的就是这种分割线。

在每一行开头放一到六个加号“+”来使该行成为标题。

此为分页视图。



这是引用块,在每行开头写上“> ”来创建。

更多文本


这是条分割线

嵌套引用

继续嵌套

随你套



网络
细胞 之间
相连 与那 主干
再相连1



个性化 Div/Span 块


本版式对“特征向量”中名为 oheader/capt 的类进行了拓展,现添加了新的着色、细节,以及新的 ocolor 类:

div 块,调用名为 oheader 的类


div 块,调用名为 capt 的类



名为 logger 的 div 类可用于包装对话框,它表现为黯淡的同心弧线背景图案:

BillithBillith

(555-0123)


横向分割线也能得到特别的上色!

[联络信息已移除]


请不要再拿你新版式的事来烦我了。

BillithBillith

(555-0123)


:(

[[div class="wikibox"]]

PMW.svg

这张图放在 wikibox 里。


span,调用 capt red
span,调用 capt sandy
span,调用 capt orange
span,调用 capt enki
span,调用 capt desertblue
span,调用 capt mimosa
span,调用 capt dark
span,调用 capt vanta
这是 wikibox
里面的 表格


调用 s-title 类的 span

适合当小节标题。

数角究治以并两家,利车热如工值,铁马否品新。流自青极张消步率低据指治历十,头者号个程活蠢史省专程。低象维天史便人周,细县全前也利术,委雨作折岗。积即又众根前百,置场色没走,感不利私。想满商能位格因转京议二指,下速七等号称科打量位,毛设状杠越回对构精。动山心去满省队后,动支相火解工得,元单更理造作,罐心属强。结九改理干山信那,听且任养见期,才主江权。多果引受美情却山经己区会历身适,自车任求住近定极治租老斗。进工共之思真思表,种中没满高好民,深认复研节。

本节使用名为 box 的类。


数角究治以并两家,利车热如工值,铁马否品新。流自青极张消步率低据指治历十,头者号个程活蠢史省专程。低象维天史便人周,细县全前也利术,委雨作折岗。积即又众根前百,置场色没走,感不利私。想满商能位格因转京议二指,下速七等号称科打量位,毛设状杠越回对构精。动山心去满省队后,动支相火解工得,元单更理造作,罐心属强。结九改理干山信那,听且任养见期,才主江权。多果引受美情却山经己区会历身适,自车任求住近定极治租老斗。进工共之思真思表,种中没满高好民,深认复研节。

本节使用名为 dashbox bubblegum medium 的类。

除车研同直北传动,没引她育过社,高弦火住技位。万亲把权适农但社金,上元究料于总育先,天织照百只。置个步时参形深形花置适,千是整给这结育几与原,性入物看火呀覆专。十队基中都团究全增,山须决反则权由线取,家豆响山何歼选。设记就查人龙所克新群证习素,只龙基信电越弦阶毛起想边。代族住会众报片,至过后年期,公两到入杯。断始候准八法战身子民率平,会志时方飞效才常豆。府压正经眼如布专备,称除分意区力明放验,无养信合北事芬。即素期量油把具,究计收那民米毛,查励便少。你段改而万响阶信不热片,必已品式海保于县资,革声求又关系物约往。思阶干每起今准专资,以同红精断己照地毛,复别块何队。强进每别会细是研基,收利名族收支议白高,打革东经详多。千如十工命九它入种增,于需研构接好导始放,去议详南色事总法。严于观气安流者济次张据很复高条流完通后,适往了类革六技者先露济王厕关只江丽。已美看用们定取江技度界,须共响克如入革有。火办接铁制被议为治定,因到好儿具领把细,一或罐一位约特。

其他 Div 块

razer,听起来像“抬升”raiser,因为这个 div 会抬起来:

div 块,调用 razer

inter,可搭配着色类来改变文本颜色:

div 块,调用 inter

div 块,调用 inter purp

lightpaneldarkpanel,这两个是可自定义的 div 块:

div 类名 lightpanel
背景颜色 --light-color
字体颜色 --dark-color
链接颜色 --dark-link

div 类名 darkpanel
背景颜色 --dark-color
字体颜色 --light-color
链接颜色 --light-link

着色类也能作用于 lightpaneldarkpanel

div 块,调用 lightpanel bubblegum

space 类单独用来按内容多少改变 div 块所占据的空间,不起其他作用:

乱数假文。

数角究治以并两家,利车热如工值,铁马否品新。流自青极张消步率低据指治历十,头者号个程活蠢史省专程。低象维天史便人周,细县全前也利术,委雨作折岗。积即又众根前百,置场色没走,感不利私。想满商能位格因转京议二指,下速七等号称科打量位,毛设状杠越回对构精。动山心去满省队后,动支相火解工得,元单更理造作,罐心属强。结九改理干山信那,听且任养见期,才主江权。多果引受美情却山经己区会历身适,自车任求住近定极治租老斗。进工共之思真思表,种中没满高好民,深认复研节。

给这些 div 块加上各种组合的着色/尺寸/文本对齐类吧,试试看:


备忘


用于删除部门作品:

div 类名 deletions_memo



用于匿视者议会出演的作品:

div 类名 underwatch_memo

若启用减弱动态效果模式,则动图会变为静态图像。


用作你需要的任何东西

div 类名 custom_memo

用到 --custom-header--custom-logo--custom-color 这几个变量。上面枚举的着色类同样会起效,例如:

div 块,调用 custom_memo deep


进阶技巧


淡入淡出

调用名为 fade-in1fade-in2fade-in3 的类,可使对应元素在加载或交互时淡入。





类似地,fade-out1fade-out2fade-out3 可达成相反的淡出效果,不过 fade-out1fade-in1 共用一套参数即 --scale1--delay1--loop1,这一点需要了解。




警告:若你需要某个元素不断闪动,调用 blinkenlights 类!

若启用减弱动态效果模式,则此特效不会生效。




标记

评分: +20+x


指针样式(仅桌面端有效)
标准指针样式为箭头。某些功能默认会使用不同的指针样式,比如:

此处会是十字指针。
此处会是等待指针(可能为沙漏)。


使用特定类来对指针进行自定义:




星号*
* 实际上不是个星号。

这些星号拿来取代横向分割线,或是配合横向分割线进行使用。比如,你可以考虑在 div 块之外使用星号,而在 div 块之内使用横向分割线。它们也可用作良好的图标和加载图像。

将图片包裹在类名为 asterisk 的 div 块内就可将这张图像调整到合适的尺寸,你也可通过 --astersize 这个变量进行更改。它也可用作一种包装,以使特定的动态效果作用于某 div 块。还可使用辅助类 inverse 将图标反色,以用于深色背景。

asterisk_scp.svg
asterisk_scp.svg



额外调用 spinner 类(由参数 --scale1--loop2 控制),以添加自转效果(用 contain-aster 类进行包裹):
asterisk_blackbox.svg


额外调用 rotator 类(由参数 --scale2--loop2 控制),以添加旋转效果(用 contain-aster 类进行包裹):
asterisk_cube.svg

请有节制地使用。若启用减弱动态效果模式,则这些特效不会生效。


根变量

要给根变量赋值,在你的文章中如此加入 CSS 模块。

[[module CSS]]

[[/module]]

然后加入 :root 伪类。

[[module CSS]]
:root {

}
[[/module]]

再填入合适的变量以及你想赋予的值。

[[module CSS]]
:root {

--变量名: 值;

}
[[/module]]

最紧要的根变量:

变量 默认值 单位
--scale 3 秒 (s)
规定了 fade-in1fade-out1spinnerrotatorblinkenlights 的持续时间
--scale2 1 秒 (s)
规定了 fade-in2fade-out2 的持续时间
--scale3 2 秒 (s)
规定了 fade-in3fade-out3 的持续时间
--delay 0 秒 (s)
决定了 fade-in1fade-out1spinnerrotatorblinkenlights 的延迟时间
--delay2 3 秒 (s)
决定了 fade-in2fade-out2 的延迟时间
--delay3 5 秒 (s)
决定了 fade-in3fade-out3 的延迟时间
--loop1 1 次(可接受无限、unset、小数等值)
规定了 fade-in1fade-out1rotatorspinner 静止前循环的次数
--loop2 1 次(可接受无限、unset、小数等值)
规定了 fade-in2fade-out2 静止前循环的次数
--loop3 1 次(可接受无限、unset、小数等值)
规定了 fade-in3fade-out3 静止前循环的次数
--light-color 237, 237, 237 RGB 值
设置 lightpanel 的背景颜色与 darkpanel 的文本、边框颜色
--dark-color 15, 2, 16 RGB 值
设置 darkpanel 的背景颜色与 lightpanel 的文本、边框颜色
--astersize 50 像素 (px)
设定 asterisk 的尺寸
--header-logo 所使用的徽标 url("地址")
设定页眉的徽标
--logger-bg 所使用的图案 url("地址")
设定 logger 所使用的背景
--backdrop 所使用的图案 url("地址")
设定整体的背景图像
--tilesize 0.2(基础)45(删除部门模式) 百分比
设定 --backdrop 的尺寸。值为 100 时显示完整尺寸,值小于 100 时图像会自我重复
--header-title "皮尔克尤–闵可夫斯基" "文本"
设定页眉的主标题
--header-subtitle "高等研究中心" "文本"
设定页眉的副标题
--mobile-title "皮闵中心" "文本"
设定小尺寸屏幕页面顶部的页眉主标题
--mobile-subtitle "高等研究" "文本"
设定小尺寸屏幕页面顶部的页眉副标题
--author-triangle 0 像素 (px)
作者框上面那个三角形玩意儿的尺寸,设定为 0 即不显示
--custom-header "自定义备忘 - 在此输入栏眉" "文本"
设定 custom_memo 的文本。
--custom-logo 所使用的徽标 url("地址")
设定 custom_memo 的背景图像
--custom-color 36, 31, 36 RGB 值
设定 custom_memo 的边框与背景颜色,上面枚举的所有着色类均可用
--link-volume uppercase 任何 text-transform
决定了外链字符的大小写/全半角转换。
--link-decor none 任何 text-decoration
决定了外链的下划线/上划线样式。
--abstractor visible 合法值 visiblehidden
启用页面的名称(标题)

完整列表请见源代码。


字体

字体 应用 自定类/根变量
Poppins
未来荧黑 Extended
默认、亮色、删除部门模式下,用于标题、acs 组件、链接 --header-font-primarybd
Overpass Mono
寒蝉端黑宋
《宇宙谋杀案》模式下的链接 overpass
Zen Kaku Gothic Antique(禅黑体
未来荧黑
默认正文字体。 --body-font-primaryzen
Fragment Mono
寒蝉全圆体
默认等宽字体 --mono-font-primaryfragment
DotGothic16
寒蝉点阵体 16 px
特色字体 gothbit
Silkscreen
精品点阵体 9 px
特色字体 silk
VT323
天王星像素
特色字体 VT323

全宽效果使用 wide




源代码

除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License