Thumbnail (Dynamikron Logo)
这是什么?
动态张量版式是适用于BHL的一款浅色版式,其视觉设计灵感源自1980年代索尼Dynamicron系列VHS录像带包装盒上的图案。你可以将该版式用于任何文章……但更推荐搭配带有80年代普通人视角下那种怀旧氛围、舒缓合成器浪潮风格的文章使用。当然,如果你本身非常喜欢Dynamicron系列的VHS录像带,也完全可以用它。
版式颜色
动态张量样式的SCP标志
注意:这是一个基于黑色标记笔的版式。你需要同时应用黑色标记笔版式以使用此版式。点此了解更多。
在维基页面上使用:
[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:dynamikron]]
示例
可通过5个连字符“-----”生成一条水平分割线,若没有被放在任何东西内部(比如一个引用方块),其将横跨整个页面。分隔这份文档的线条就是水平分割线。
可通过在行首输入一至六个“+”号来生成标题。
就想象一下这里有一段“乱数假文”。
嘿,瞧,这儿还有更多文本。
真是古色古香。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
这是一个长标签页,包含很多文本。
"我的女孩想整天派对,整天派对,整天派——对~" - Eddie Murphy, '85
这是一个引用方块,通过在行首输入“>”来创建。
更多文本。
这是水平分割线
嵌套引用块。
又一个1
| 这是一个 | 表格 |
|---|---|
| 你应该早就 | 知道 |
| 怎么做了 | |
更多Div
替换用应用模块。
使用blokquote-alt div
此处输入文本。
或者此处。
视频记录
使用 logs 和 logs-header div + dialog 和active 分类
VHS录像带.01
> 记录开始 <
|
在此处描述一些画面。 你喜欢画面,对吗? |
|
| 说话者 | 这是我说的话,非常冗长。 |
使用字体
WIX MADEFOR
sphinx of black quartz, judge my vow
SPHINX OF BLACK QUARTZ, JUDGE MY VOW
加粗 和 斜体
CLARENDON
sphinx of black quartz, judge my vow
SPHINX OF BLACK QUARTZ, JUDGE MY VOW
加粗 和 斜体
ALTE HAAS GROTESK
sphinx of black quartz, judge my vow
SPHINX OF BLACK QUARTZ, JUDGE MY VOW
加粗 和 斜体
ANONYMOUS MONO
sphinx of black quartz, judge my vow
SPHINX OF BLACK QUARTZ, JUDGE MY VOW
加粗 和 斜体
JURA
sphinx of black quartz, judge my vow
SPHINX OF BLACK QUARTZ, JUDGE MY VOW
加粗 和 斜体
IBM PLEX MONO
sphinx of black quartz, judge my vow
SPHINX OF BLACK QUARTZ, JUDGE MY VOW
加粗 和 斜体
DOT GOTHIC 16
sphinx of black quartz, judge my vow
SPHINX OF BLACK QUARTZ, JUDGE MY VOW
加粗 和 斜体
源代码
/* 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; }





