这是什么？

动态张量版式是适用于BHL的一款浅色版式，其视觉设计灵感源自1980年代索尼Dynamicron系列VHS录像带包装盒上的图案。你可以将该版式用于任何文章……但更推荐搭配带有80年代普通人视角下那种怀旧氛围、舒缓合成器浪潮风格的文章使用。当然，如果你本身非常喜欢Dynamicron系列的VHS录像带，也完全可以用它。

版式颜色

WikiJump include 未展开： 本地数据库中没有当前版本（:scp-wiki:component:theme-squares）

动态张量样式的SCP标志

注意：这是一个基于黑色标记笔的版式。你需要同时应用黑色标记笔版式以使用此版式。点此了解更多。

在维基页面上使用：

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:dynamikron]]

示例

可通过5个连字符“-----”生成一条水平分割线，若没有被放在任何东西内部（比如一个引用方块），其将横跨整个页面。分隔这份文档的线条就是水平分割线。

可通过在行首输入一至六个“+”号来生成标题。

+ 标题- 标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

制表器

列表

长标签页

空标签页

就想象一下这里有一段“乱数假文”。

这是一个引用方块，通过在行首输入“>”来创建。
更多文本。
这是水平分割线
嵌套引用块。
又一个1

这是一个	表格
你应该早就	知道
怎么做了

	在此处描述一些画面。你喜欢画面，对吗？
说话者	这是我说的话，非常冗长。

源代码

» 显示源代码« 隐藏源代码

css

/*
    Dynamikron版式
    [2023 Wikidot 版式]
       作者 JackalRelated
*/

@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:ital,wght@0,400;0,500;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
@import url('https://scp-wiki.wdfiles.com/local--files/theme%3Adynamikron/stylesheet-new.css');

:root {
   --theme-base: "black-highlighter";
   --theme-id: "dynamikron";
   --theme-name: "Dynamikron";

   --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Adynamikron/dynamikron-vhs.png");
   --header-title: " ";
   --header-subtitle: " ";

   --header-height-on-desktop: 11.5rem;
   --header-height-on-mobile: 11.5rem;

/* FONTS */
   --body-font:  'Wix Madefor Text', sans-serif;
   --header-font: 'Clarendon', serif;
   --title-font: 'Alte Haas Grotesk', sans-serif;
   --mono-font: 'Anonymous Mono', monospace;
   --UI-font: 'Jura', sans-serif;
   --logs-dialogue-font: 'IBM Plex Mono', sans-serif;
   --logs-speaker-font: 'DotGothic16', sans-serif;

/* WHITE -- GREY */
   --t130-wht: 245, 241, 240;
   --cover-matte: 239, 232, 228;
   --cover-dirty: 209, 202, 199;
   --cover-sticker: 173, 166, 163;
   --t140-gry: 131, 135, 138;
   --vcr-body: 73, 80, 84;
   --vhs-cassette: 42, 39, 49;
   --magnetic-tape: 17, 17, 17;

/* YELLOW -- ORANGE */
   --t20-ylo: 247, 185, 0;
   --t30-org: 250, 77, 50;

/* RED -- PINK */
   --t45-red: 239, 39, 76;
   --t60-pnk: 203, 36, 103;

/* PURPLE */
   --t120-prp: 129, 52, 112;

/* THEME ASSIGNMENTS */
   --white-monochrome: var(--cover-matte);
   --black-monochrome: var(--magnetic-tape);

   --bright-accent: var(--t45-red);
   --medium-accent: var(--t60-pnk);
   --dark-accent: var(--t120-prp);

   --swatch-primary-darkest: var(--medium-accent);

   --swatch-background: var(--white-monochrome);
   --background-gradient-color: var(--cover-dirty);
   --background-gradient-distance: 0.575rem;

   --header-gradient-color-bottom: var(--cover-matte);
   --header-gradient-color-middle: var(--cover-dirty);
   --header-gradient-color-top: var(--cover-sticker);
   --diagonal-stripes: linear-gradient(transparent 0);

   --swatch-text-general: var(--swatch-text-dark);
   --swatch-text-light: var(--t130-wht);
   --swatch-text-secondary-color: var(--t130-wht);
   --swatch-text-tertiary-color: var(--swatch-text-dark);
   --swatch-important-text: var(--t45-red);

   --swatch-menubg-color: var(--vcr-body);
   --swatch-menubg-medium-color: var(--cover-dirty);
   --swatch-menubg-medium-dark-color: var(--vhs-cassette);

   --swatch-menutxt-light-color: var(--t130-wht);
   --swatch-menutxt-dark-color: var(--magnetic-tape);
   --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);

   --swatch-topmenu-bg-color: var(--vhs-cassette);
   --swatch-topmenu-border-color: var(--vcr-body);

   --sidebar-transition-timing: 0.8s ease-in-out 0.1s;

   --toggle-button-bg: rgba(var(--magnetic-tape), 0);
   --toggle-border-color: rgb(var(--vhs-cassette));
   --toggle-icon-color: rgb(var(--vhs-cassette));
   --toggle-roundness: 0%;

   --pager-link: var(--t60-pnk);
   --pager-link-hover: var(--t130-wht);
   --pager-hover-bg: var(--t60-pnk);
   --pager-selected-bg: var(--t45-red);
   --pager-selected-link: var(--t130-wht);

   --modal-bg: var(--cover-matte);
   --modal-body-text: var(--magnetic-tape);
   --modal-body-header-txt: var(--t60-pnk);
   --modal-header-bg: var(--vhs-cassette);
   --modal-header-txt: var(--t130-wht);
   --modal-header-stripe: var(--vhs-cassette);

   --hoverblock-bg: var(--vhs-cassette);
   --hoverblock-txt: var(--cover-matte);
   --hoverblock-header-bg: var(--t45-red);
   --hoverblock-header-txt: var(--t130-white);
   --hoverblock-footer-bg: var(--magnetic-tape);
   --hoverblock-footer-txt: var(--cover-matte);

   --ui-button-bg: var(--vhs-cassette);
   --ui-button-txt: var(--t130-wht);
   --ui-button-hover-bg: var(--t60-pnk);
   --ui-button-hover-txt: var(--t130-wht);
   --ui-button-hover-outline: var(--t60-pnk);

   --rating-module-button-cancel-color: var(--t30-org);
   --rating-module-button-credit-color: var(--swatch-secondary-color);
   --rating-module-bg-color: var(--vhs-cassette);
   --rating-module-bottom-border-color: var(--swatch-primary);
   --rating-module-text-color: var(--t130-wht);
   --rating-module-text-hover-color: var(--magnetic-tape);

    --link-color: var(--t45-red);
    --visited-link-color: var(--t60-pnk);
    --hover-link-color: var(--t45-red);
    --newpage-color: var(--t30-org);
}

/* HEADER */
#header {
   --swatch-headerh1-color: var(--swatch-text-dark);
   --swatch-headerh2-color: var(--swatch-text-dark);

   --search-icon-color: var(--vhs-cassette);
   --search-icon-hover-color: var(--cover-matte);
   --search-icon-hover-bg-color: var(--t60-pnk);

   --search-icon-focus-color: var(--t130-wht);
   --search-icon-focus-bg-color: var(--t60-pnk);
   --search-focus-outline-color: var(--t60-pnk);
   --search-focus-textbox-bg-color: var(--t130-wht);
   --search-focus-textbox-text-color: var(--magnetic-tape);

   --login-line-divider-color: var(--vhs-cassette);
   --login-username-color: var(--t60-pnk);
   --login-myaccount-color: var(--t60-pnk);
   --login-myaccount-hover-color: var(--cover-matte);
   --login-myaccount-underline-color: var(--t60-pnk);
   --login-myaccount-hover-bg-color: var(--t60-pnk);
   --login-arrow-color: var(--vhs-cassette);

   --login-dropdown-bg-color: var(--vhs-cassette);
   --login-dropdown-bg-image: var(--vhs-cassette);
   --login-dropdown-border-color: var(--magnetic-tape), 0.5;
   --login-dropdown-text-color: var(--t130-wht);
   --login-dropdown-text-hover-color: var(--cover-matte);
   --login-dropdown-bg-hover-color: var(--t60-pnk);

   background-position: left 0rem top 0rem;
   background-size: auto calc(var(--header-height-on-desktop) - 0rem);
}

#header h1 a {
    text-shadow: none;
    height: 100%;
    width: 250%;
    color: transparent;

    background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Adynamikron/dynamikron-scp-s.png");
    margin: 0;
    margin-left: 3.3em;
    padding: 0;

    background-size: auto calc(var(--header-height-on-desktop) - 5.5rem);
    background-repeat: no-repeat;
    background-position: left center;
}

@media only screen and (max-width: 56.25rem) {
    #header {
        background-size: calc(var(--size) - 2rem), 100% var(--header-height-on-mobile);
        background-position: calc(var(--header-height-on-mobile) - 0 - var(--size)) calc(((var(--size)*-1) + var(--header-height-on-mobile) + var(--y-offset))/2);
    }

    #header h1 a {
        background-size: contain;
        position: relative;
        width: min(10em, 65vw);
        margin-left: 6.45em;
    }
}

#header h1 a::before {
    text-shadow: none;
    color: transparent;
}

#header h2 {
    display: none;
}

#extra-div-1 {
    height: var(--header-height-on-desktop);
    width: 100%;
    position: absolute;
    top: 5px;
    left: 0;
    pointer-events: none;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Adynamikron/dynamikron-bg.png");
    background-size: calc(var(--header-height-on-desktop) * 0.75);
}

#extra-div-2 {
    height: var(--header-height-on-desktop);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Adynamikron/dynamikron-tex.png");
    background-size: calc(var(--header-height-on-desktop) * 1.5);
    mix-blend-mode: soft-light;
    opacity: 0.525;
}

#header div#top-bar,
#header div#mobile-top-bar,
#login-status {
   font-family: var(--UI-font);
}

h1, h2 {
   font-family: var(--header-font);
   letter-spacing: 0.0575rem;
}

/* TOP BAR */
#top-bar {
   --topmenu-category-color: var(--t130-wht);
   --topmenu-category-hover-color: var(--t130-wht);
   --topmenu-hover-border-color: var(--t60-pnk);

   --mobile-topmenu-sidebar-button-color: var(--t130-wht);

   --dropdown-bg-color: var(--magnetic-tape), 0.9;
   --dropdown-border-color: var(--t140-gry), 0.5;
   --dropdown-links-color: var(--t130-wht);
   --dropdown-links-hover-color: var(--cover-matte);
   --dropdown-links-hover-bg-color: var(--t60-pnk);   
}

/* PAGE TITLE */
#page-title {
   color: rgb(var(--magnetic-tape));
   font-style: italic;
}

#page-title::after,
.meta-title::after {
   height: 0.0825rem;
   background: rgb(var(--vhs-cassette));
}

/* SCROLLBAR AND SIDEBAR */
html,
body {
    scrollbar-color:
        rgb(var(--cover-dirty))
        rgb(var(--cover-sticker));
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 18px;
    background: #transparent;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: rgb(var(--cover-dirty));
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: rgb(var(--cover-sticker));
    border: rgb(var(--cover-sticker)) 1px solid;
    border-radius: 0px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--t45-red));
}

#side-bar, #interwiki {
   --UI-font: 'Michroma', sans-serif;
   --sidebar-bg-color: var(--cover-matte);
   --sidebar-resources-bg-color: var(--t60-pnk), 0.25;
   --sidebar-media-bg-color: var(--t60-pnk), 0.125;

   --sideblock-heading-bg-color: var(--t45-red);
   --sideblock-heading-border-color: var(--swatch-primary);
   --sideblock-heading-text-color: var(--t130-wht);

   --sidebar-border-color: var(--swatch-border-color), 0.08;
   --sidebar-subtext-color: var(--swatch-primary);

   --sidebar-links-text: var(--magnetic-tape);
   --sidebar-links-hover-bg-color: var(--t20-ylo);
   --sidebar-links-hover-text-color: var(--magnetic-tape);
}

#interwiki .heading,
#side-bar .heading {
   padding-bottom: 0.175em;
   min-height: 1.75rem;
}

#interwiki .heading p,
#side-bar .heading p {
   font-size: calc(var(--base-font-size)*(16/15));
}

hr {
    background-color: rgb(var(--cover-dirty));
    border-top: .0625rem solid rgb(var(--cover-dirty));
}

.code {
    background-color: rgb(var(--t130-wht));
}

blockquote,
div.blockquote {
   border: .0625rem dashed rgba(var(--cover-sticker), 1);

   --hover-link-color: var(--t30-org);
   --newpage-color: var(--t45-red);
   --link-color: var(--t45-red);
   --visited-link-color: var(--vhs-cassette);
}

blockquote hr,
div.blockquote hr {
   background-color: rgb(var(--cover-sticker));
   border-top: .0625rem solid rgb(var(--cover-sticker));
}

.scp-image-block {
   box-shadow: none;
   border: none;
}

.scp-image-block .scp-image-caption {
   border-top: .125rem outset rgba(var(--t45-red), 1);
   background-color: rgba(var(--cover-dirty), 0.5) !important;
   color: rgb(var(--magnetic-tape));
}

:is(div.image-block,div.scp-image-block) :is(.image-caption,.scp-image-caption)>p {
   padding: 2px 0px 0px 0px;
}

#odialog-container .modal-header,
#odialog-container .title {
   padding: 1.725rem 1.25rem;
}

#odialog-container .content :is(h1,h2,h3,h4,h5),
#odialog-container .modal-body :is(h1,h2,h3,h4,h5) {
    box-shadow: none;
}

/* MAIN CONTENT */
#main-content {
   --ui-icon-color: var(--cover-matte);
   --ui-icon-bg: var(--vhs-cassette);
   --ui-icon-hover-color: var(--t130-wht);
   --ui-icon-hover-bg: var(--t60-pnk);

   --pagetags-title-bg: var(--swatch-primary);
   --pagetags-title-text: var(--t130-wht);
   --pagetags-text-color: var(--swatch-primary);
   --pagetags-text-hover-color: var(--magnetic-tape);
   --pagetags-text-hover-bg-color: var(--t20-ylo);

   --editor-icon-color: var(--vhs-cassette);
   --editor-icon-submenu-bg: var(--t140-gry);
   --editor-icon-hover-color: var(--t130-wht);
   --editor-icon-hover-bg: var(--t30-org);

   --tabs-bg: var(--vhs-cassette);
   --tabs-txt: var(--t130-wht);
   --tabs-hover-bg: var(--t60-pnk);
   --tabs-hover-txt: var(--t130-wht);
   --tabs-selected-bg: var(--t45-red);
   --tabs-selected-txt: var(--t130-wht);
   --tabs-selected-outline: var(--t45-red);
   --tabs-bottom-border-color: var(--t60-pnk);
   --tabs-content-bg-color: var(--t140-gry), 0.25;
   --tabs-content-border-color: var(--vhs-cassette);

   --tables-header-bg: var(--t60-pnk);
   --tables-header-txt: var(--t130-wht);
   --tables-border: var(--vhs-cassette);
   --tables-body-bg: var(--t140-gry), 0.125;
   --tables-body-txt: var(--swatch-text-general);

   --toc-header-bg-color: var(--t60-pnk);
   --toc-header-text-color: var(--cover-matte);
   --toc-header-text-hover-color: var(--t130-wht);
   --toc-body-bg-color: var(--vhs-cassette);
   --toc-directory-lines-color: var(--vcr-body);
   --toc-body-link-color: var(--t130-wht);
   --toc-body-link-hover-color: var(--t20-ylo);
   --toc-body-hover-arrow-color: var(--t20-ylo);

   --blockquote-bg-color: var(--cover-dirty), 0.175;
   --blockquote-border-color: var(--cover-sticker);
   --blockquote-colorbar-color: var(--swatch-primary), 1;

   --footnotes-footer-bg-color: var(--cover-dirty);
   --footnotes-footer-colorbar-color: var(--t45-red);
   --footnotes-footer-title-bg-color: var(--t45-red);
   --footnotes-footer-title-text-color: var(--t130-wht);
   --footnotes-footer-num-color: var(--t45-red);
   --footnotes-footer-num-hover-color: var(--t30-org);
   --footnotes-footer-text-color: var(--swatch-text-general);
}

/* FOOTERS AND BELOW */
#footer {
   --footer-bg-color: var(--vhs-cassette);
   --footer-text-color: var(--cover-dirty);
   --footer-link-color: var(--t130-wht);
   --footer-link-hover-color: var(--t130-wht);
   --footer-link-hover-bg-color: var(--t60-pnk);
}

#license-area {
   --license-bg-color: var(--cover-matte);
   --license-text-color: var(--magnetic-tape);
   --license-link-color: var(--t45-red);
   --license-link-hover-color: var(--t130-wht);
   --license-link-hover-bg-color: var(--t45-red);
}

form#edit-page-form textarea,
form#new-post-form textarea {
   background-color: rgb(var(--t130-wht));
}

#action-area:has(form[onsubmit*=setParent],#who-rated-page-area,form[onsubmit*=PageTagsModule],table.page-files,#edit-meta-addbutton,ul[style="list-style: none"],#page-block-checkbox,#rename-option-rename,#rename-option-delete) p:not(:has(a[id*=backlinks],a[onclick*=showWho],a.btn)) {
   background-color: rgb(var(--cover-dirty));
   box-shadow: inset 0.25rem 0 0 0 rgb(var(--swatch-primary)), -0.125rem 0 0.25rem 0 rgba(var(--cover-sticker), .25), inset 0-0.0625rem 0 0 rgba(var(--cover-sticker), .75);
}

:is(form#edit-page-form,form#edit-post-form,form#new-post-form,form#new-thread-form) .edit-page-bottomtable tr>td:first-of-type>div:first-of-type textarea:not(:placeholder-shown) {
   color: black !important;
}

/* TOGGLE SIDEBAR (BHL) CHANGES */
@supports((display: -ms-grid) or (display: grid)) {
   @media only screen and (min-width: 769px) {
      #main-content::before {
         background: rgba(var(--vhs-cassette), .55) 1px 1px repeat;
      }
   }
}

/* CUSTOM DIVS */

.blokquote-alt {
   margin: .5em 1.25rem;
   padding: .525em 1.55em;
   border: .0625rem dashed rgba(var(--cover-dirty), 1);
   background-color: rgba(var(--t130-wht), 0.9);

   color: rgb(var(--vhs-cassette));
   font-weight: 400;
   font-size: 1.05em;
   font-family: var(--UI-font);

   --hover-link-color: var(--t30-org);
   --newpage-color: var(--t45-red);
   --link-color: var(--t45-red);
   --visited-link-color: var(--t60-pnk);
}

.blokquote-alt hr {
    background-color: rgb(var(--t45-red));
    border-top: .0625rem solid rgb(var(--t45-red));
}

.logs p,
.logs-header p,
table.dialog p {
    margin: 0em;
}

.logs {
   padding: 0px 0px 0.5em 0px;
   margin: auto;
   width: 95%;

   background-color: rgb(var(--vhs-cassette));
   border: 3px outset rgb(var(--vcr-body));
   color: rgb(var(--t130-wht));

   font-family: 'Michroma', sans-serif;
   font-size: 1.175em;
   letter-spacing: 0.15em;
}

.logs-header {
   background-color: rgb(var(--t120-prp));
   color: rgb(var(--t130-wht));

   padding: 0.5em 0px 0.5em 0px;
   border-bottom: 0.675rem double rgb(var(--vhs-cassette));

   text-align: center;
   font-size: 2.15em;
   letter-spacing: 0em;
   letter-spacing: 0.075em;
}

.logs hr {
    background-color: rgb(var(--ink-blot));
}

table.dialog {
   border-collapse: collapse;
   margin-top: 1.5em;
   font-family: var(--logs-speaker-font);
   letter-spacing: normal;
}

table.dialog th {
   border-right: 1px solid rgb(var(--t130-wht));
   color: rgb(var(--t130-wht));
   padding: 1em 1em 0em 1em;
   letter-spacing: 0.1rem;
   font-weight: bold;
}

table.dialog td {
   padding: 1em 0em 0em 1em;
   font-family: var(--title-font);
   line-height: 1.35em;
}

table.dialog td.active {
   color: rgb(var(--t130-wht));
   font-family: var(--logs-dialogue-font);
   line-height: 1.5em;
}

Footnotes

1.然后这儿有一条注释！

版式

页面版本：⁨0⁩, 最后编辑于: ⁨2025/8/25 15:36:13⁩ (⁨⁨387⁩ 日前⁩), 现时评分: 10

历史附件 + 选项

SCP基金会中文分部

这是什么？

版式颜色

示例

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

更多Div

替换用应用模块。

视频记录

使用字体

源代码