这是什么?
霓虹敌托邦版式是视觉上基于赛博朋克美学以及 1982 年的电影《银翼杀手》的黑标暗色主题版式。你可以将其用在任何文章之中……但是最好得有那种带有冷漠无情、人口过剩但是又有尖端科技发展氛围的文章。或者说你喜欢银翼杀手。
主题颜色

基金会远程访问数据库(Foundation Remote Access Database,FRAD)标志
替代配色方案

蓝 - 绿 - 黄 - 红 变体
注意:这是一个基于黑色标记笔的主题版式。若你想使用此版式,你还需要导入黑色标记笔版式。点击这里了解更多。
在你的作品开头添加如下语法以应用此版式:
[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki:component:toggle-sidebar-bhl]]
[[include :scp-wiki-cn:theme:cyberpunk theme-number=1]]
选择你的颜色变体
将 include 中的 theme-number 更改为你需要的颜色。
- 蓝色:[[include :scp-wiki-cn:theme:cyberpunk theme-number=1]]
- 绿色:[[include :scp-wiki-cn:theme:cyberpunk theme-number=2]]
- 黄色:[[include :scp-wiki-cn:theme:cyberpunk theme-number=3]]
- 红色:[[include :scp-wiki-cn:theme:cyberpunk theme-number=4]]
示例
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
还有一个1
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
带有特殊的 Div
替代引用块
她就是那个被称为数字死神的人吗?
对。她叫 Piri Vamuletto,这就是本人。
控制台/终端 Div
+
基金会
移动式访问终端
│ | 部门终端由以下公司提供与赞助: |
---|---|
│ │ |
▄▀█ █▀▀ █▀█ █▀█ █░█ █▀▀ █░░ ▀█▀ █▀▀ █▀▀ █▄█ █▀█ █▄▄ █▀▄ █▄█ ▀▄▀ ██▄ █▄▄ ░█░ ██▄ █▄▄ █▀█ |
│ | 科技带来人道™ |
│ | |
> | 请输入登录凭据: |
/useraccount VAMULETTO P. liveinthedreamofsalome | |
> |
欢迎,员工 [ #F21E - PIRI VAMULETTO ]。您有 [ 0 ] 条未读消息。 |
/open file 视频记录 | |
> | 正在加载文件……正在加载文件…… |
> | 文件 [ 视频记录 ] 加载完毕。 |
> | 需求 [ A ] 级权限。 |
> | 开启文件(Y/N)? |
/Y | |
> | 正在开启文件…… |
> | 正在显示到主屏幕上…… |
> | 文件已开启。 |
音频/视频记录格式
视频记录——New Schmeling,1982
> 记录开始 <
Piri 突然左拐进了附近的一条巷子里。尾随她的男人加快了脚步并拐进巷子里。没走几步,他就发现自己的脸被一把韦伯利 Mk. VI 左轮手枪顶着。 他举起了双手。 |
|
VAMULETTO | 说话。 |
ALEXANDER | 这不是数字死神小姐本人嘛。 |
Piri 将击锤拉回。J. Alexander 笑了笑。 | |
ALEXANDER | 我向你保证,向我开枪会是个错误。 |
VAMULETTO | 从我的视角来看就肯定不是这样了。 |
ALEXANDER | 那继续呗。向一名昆提林公司的高管开枪,你那微不足道的小组织根本就不能阻止我们律师的全面行动。 |
Piri 将左轮手枪装回皮套中,James 将双手放回两侧。 | |
ALEXANDER | 这才像话嘛。 |
VAMULETTO | 郑重声明,我肯定是会开枪射你的;我只是不觉得你还能在流血的时候做出这么多的解释。 |
James 将手伸进口袋中。掏出一张 MO 盘扔给 Piri,后者则空手接住了它。 | |
ALEXANDER | 你可能发现这张磁盘上的东西会对你有用……或者对你的组织有用,如果你选择跟他们共享的话。 |
VAMULETTO | 要是说没有个谋杀动机。你想要我做什么呢?你都有够自己开个工厂的网络设备和人手了。自己干吧。 |
James 大笑。 | |
ALEXANDER | 你看到上面的东西就会懂了。日安,数字死神小姐。 |
他迈着轻快的步伐走出了巷子。Piri 翻转 MO 盘并看向侧边的一行标签,“NUYTENS 计划”。 她想跑出去追 James,但是他已经消失在 New Schmeling 市中心的喧嚣之中了。 |
标题图片字体为 Strasua(上部)以及 Element(下部)。
标题字体为 Unicephalon / Noto Sans SC。
正文字体为 Jost / Noto Sans SC。
等宽字体为 Bedstead / 幼圆。
其它字体包括:
显示屏/LED 文本字体 Liquid Crystal / HuXiaoBo-ZhenShuai。.
显示屏标志字体以及页眉字体 Element。
对话表格字体 SV Basic Manual / Noto Sans SC。
终端/控制台字体 Connection / VonwaonBitmap 16px。
/* Neon Dystopia Theme [2021 Wikidot Theme] by JackalRelated inspired by Blade Runner (1982) */ @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Jost&display=swap'); @import url('https://scp-wiki.wdfiles.com/local--files/theme:cyberpunk/stylesheet.css'); @import url('https://fontlibrary.org//face/connection'); :root { --theme-base: "black-highlighter"; --theme-id: "cyberpunk"; --theme-name: "Neon Dystopia"; --header-title: "FOUNDATION"; --header-subtitle: "REMOTE ACCESS DATABASE"; --body-font: 'Jost', 'Noto Sans SC', sans-serif; --header-font: 'Element', sans-serif; --title-font: 'Unicephalon', 'Noto Sans SC', serif; --mono-font: 'Bedstead', '幼圆', monospace; --terminal-font: 'ConnectionRegular', 'VonwaonBitmap 16px', monospace; --display-font: 'Liquid Crystal', 'HuXiaoBo-ZhenShuai', sans-serif; --dialogue-font: 'SV Basic Manual', 'Noto Sans SC', sans-serif; --UI-font: var(--dialogue-font); /* WHITE - GREY */ --electric-sheep: 230, 255, 255; --gaff-black: 1, 1, 1; /* BLUE */ --neon-blue: 15, 227, 229; --tears-n-rain: 73, 177, 178; --passive-blue: 65, 134, 155; --pkd-blaster: 15, 12, 36; --lapd-badge: 9, 8, 19; /* GREEN */ --display-green: 23, 230, 16; --display-inter: 0, 145, 9; --tyrell-green: 7, 53, 0; --display-dark: 1, 18, 6; /* RED */ --deckard-red: 191, 0, 0; --blade-runner: 163, 0, 0; --retired-replicant: 77, 22, 25; /* THEME ASSIGNMENTS */ --white-monochrome: var(--lapd-badge); --pale-gray-monochrome: var(--display-dark); --light-gray-monochrome: var(--retired-replicant); --gray-monochrome: var(--gaff-black); --dark-gray-monochrome: var(--lapd-badge); --black-monochrome: var(--electric-sheep); --pale-accent: var(--tears-n-rain); --bright-accent: var(--deckard-red); --medium-accent: var(--blade-runner); --dark-accent: var(--retired-replicant); --swatch-topmenu-bg-color: var(--gaff-black); --swatch-topmenu-border-color: var(--tyrell-green); --swatch-background: var(--lapd-badge); --swatch-primary: var(--display-green); --swatch-primary-darker: var(--tyrell-green); --swatch-primary-darkest: var(--display-dark); --swatch-border-color: 0, 0, 0, 0; --swatch-text-dark: var(--gaff-black); --swatch-text-light: var(--electric-sheep); --swatch-text-general: var(--swatch-text-light); --swatch-important-text: var(--bright-accent); --swatch-menubg-color: var(--display-dark); --swatch-menubg-light-color: var(--); --swatch-menubg-medium-color: var(--tyrell-green); --swatch-menubg-medium-dark-color: var(--gaff-black); --swatch-menubg-dark-color: var(--); --swatch-menutxt-light-color: var(--electric-sheep); --swatch-menutxt-dark-color: var(--gaff-black); --swatch-menutxt-general-color: var(--swatch-menutxt-light-color); --swatch-text-secondary-color: var(--gaff-black); --swatch-text-tertiary-color: var(--electric-sheep); --header-gradient-color-top: var(--gaff-black); --header-gradient-color-middle: var(--gaff-black); --header-gradient-color-bottom: var(--gaff-black); --background-gradient-distance: 0rem; --diagonal-stripes: linear-gradient(transparent 0); --sidebar-transition-timing: 0.8s ease-in-out 0.1s; --hover-link-color: var(--neon-blue); --newpage-color: var(--neon-blue); --link-color: var(--tears-n-rain); --visited-link-color: var(--tears-n-rain); --rating-module-bg-color: var(--lapd-badge); --rating-module-button-cancel-color: var(--neon-blue); --rating-module-bottom-border-color: var(--neon-blue); --toggle-button-bg: rgba(var(--gaff-black), 1); --toggle-border-color: rgb(var(--tyrell-green)); --toggle-icon-color: rgb(var(--display-green)); --toggle-roundness: 0%; } :root:lang(cn) { --header-title: "基金会"; --header-subtitle: "远程访问数据库"; } /* HEADER AND TOPBAR */ .page-rate-widget-box .rate-points { font-size: 1em; line-height: calc(var(--rating-module-height)*1.25); } #page-title { color: rgb(var(--neon-blue)); border-bottom: .0625rem solid rgb(var(--neon-blue)); } #page-title:after, .meta-title:after { height: 0; } #header { --swatch-headerh1-color: var(--deckard-red); --swatch-headerh2-color: var(--deckard-red); --search-icon-color: var(--display-green); --search-icon-hover-color: var(--gaff-black); --search-icon-hover-bg-color: var(--display-green); --search-textbox-text-color: 0,0,0,0; --search-icon-focus-color: var(--display-green); --search-icon-focus-bg-color: var(--display-green); --search-focus-outline-color: var(--display-green); --search-focus-textbox-bg-color: var(--display-green); --search-focus-textbox-text-color: var(--gaff-black); --login-line-divider-color: var(--display-inter); --login-username-color: var(--display-green); --login-myaccount-color: var(--display-green); --login-myaccount-underline-color: var(--display-inter); --login-myaccount-hover-color: var(--gaff-black); --login-myaccount-hover-bg-color: var(--display-green); --login-arrow-color: var(--display-green); --login-dropdown-bg-color: var(--display-dark); --login-dropdown-bg-image: var(--display-dark); --login-dropdown-border-color: var(--display-green), 0.5; --login-dropdown-text-color: var(--display-inter); --login-dropdown-text-hover-color: var(--display-green); --login-dropdown-bg-hover-color: var(--display-dark); --login-mobile-icon-color: var(--display-green); --login-mobile-icon-hover-color: var(--gaff-black); --login-mobile-icon-hover-bg-color: var(--display-green); background-image: none; } #header h1 { width: 100%; height: var(--header-height-on-desktop); z-index: -9999; } #header h1 a { text-shadow: none; height: 100%; width: 100%; color: transparent; background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:cyberpunk/foundation-text.png); margin: 0; padding: 0; background-size: auto calc(var(--header-height-on-desktop) - 1rem); background-repeat: no-repeat; background-position: left center; } @media only screen and (max-width: 768px) { #header h1 a { background-size: auto calc(var(--header-height-on-desktop) - 3rem); background-position: center center; } } #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: 0; left: 0; pointer-events: none; background-image: url(https://scp-wiki.wdfiles.com/local--files/theme:cyberpunk/grid.png); background-size: calc(var(--header-height-on-desktop) * 4); } #top-bar { --topmenu-category-color: var(--display-inter); --topmenu-category-hover-color: var(--display-green); --topmenu-hover-border-color: var(--display-green); --mobile-topmenu-sidebar-button-color: var(--display-green); --dropdown-bg-color: var(--display-dark), 0.9; --dropdown-border-color: var(--display-green), 0.5; --dropdown-links-color: var(--display-inter); --dropdown-links-hover-color: var(--display-green); --dropdown-links-hover-bg-color: var(--disaply-dark); } /* BREADCRUMBS */ #breadcrumbs a:hover, .pseudocrumbs a:hover, #breadcrumbs a:active, .pseudocrumbs a:active, #breadcrumbs a:focus-within, .pseudocrumbs a:focus-within { color: rgb(var(--neon-blue)); text-decoration: none; } /* SCROLLBAR AND SIDEBAR */ html,body { scrollbar-color: rgb(var(--display-dark)) rgb(var(--tyrell-green)); } html::-webkit-scrollbar, body::-webkit-scrollbar { width: 18px; background: #transparent; } html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: rgb(var(--display-dark)); } html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { background: rgb(var(--tyrell-green)); border: rgb(var(--tyrell-green)) 1px solid; border-radius: 0px; } html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover { background: rgb(var(--display-green)); } #side-bar { --sidebar-bg-color: var(--display-dark); --sidebar-resources-bg-color: var(--tyrell-green), 0.25; --sidebar-media-bg-color: var(---tyrell-green), 0.25; --sideblock-heading-border-color: var(--display-green); --sideblock-heading-text-color: var(--display-green); --sidebar-border-color: var(--swatch-border-color), 0.08; --sidebar-subtest-color: var(--swatch-primary); --sidebar-links-text: var(--display-inter); --sidebar-links-hover-bg-color: var(--display-green); --sidebar-links-hover-text-color: var(--gaff-black); } hr { background-color: rgb(var(--neon-blue)); border-top: .0625rem solid rgb(var(--neon-blue)); } .code { background-color: rgb(var(--scissor-blades)); } blockquote, div.blockquote { border: .0625rem dashed rgba(var(--display-green),1); color: rgb(var(--display-green)); } blockquote hr, div.blockquote hr { background-color: rgb(var(--display-green)); border-top: .0625rem solid rgb(var(--display-green)); } .code { background-color: rgb(var(--electric-sheep)); } .scp-image-block { box-shadow: none; border: none; } .scp-image-block .scp-image-caption { border-top: .0625rem outset rgba(var(--display-green),1); background-color: rgb(var(--display-dark)); color: rgb(var(--display-green)); } /* MAIN CONTENT */ .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { filter: hue-rotate(0deg); } #main-content { --tabs-bg: var(--pkd-blaster); --tabs-txt: var(--tears-n-rain); --tabs-hover-bg: var(--neon-blue); --tabs-hover-txt: var(--pkd-blaster); --tabs-selected-bg: var(--neon-blue); --tabs-selected-txt: var(--lapd-badge); --tabs-selected-outline: var(--neon-blue); --tabs-bottom-border-color: var(--neon-blue); --tabs-content-bg-color: var(--pkd-blaster), 0.25; --tabs-content-border-color: var(--neon-blue); --tables-header-bg: var(--pkd-blaster); --tables-header-txt: var(--tears-n-rain); --tables-border: var(--neon-blue); --tables-body-txt: var(--passive-blue); --tables-body-bg: var(--pkd-blaster), 0.50; --toc-directory-lines-color: var(--neon-blue); --toc-header-bg-color: var(--passive-blue); --toc-header-text-color: var(--lapd-badge); --toc-header-text-hover-color: var(--neon-blue); --toc-body-bg-color: var(--pkd-blaster); --toc-body-link-color: var(--tears-n-rain); --toc-body-link-hover-color: var(--neon-blue); --toc-body-hover-arrow-color: var(--neon-blue); --ui-icon-color: var(--display-inter); --ui-icon-bg: var(--display-dark); --ui-icon-hover-color: var(--display-green); --ui-icon-hover-bg: var(--tyrell-green); --blockquote-bg-color: var(--display-dark), 0.5; --blockquote-colorbar-color: var(--display-green), 1; --footnotes-footer-colorbar-color: var(--tears-n-rain); --footnotes-footer-title-bg-color: var(--tears-n-rain); --footnotes-footer-title-text-color: var(--lapd-badge); --footnotes-footer-bg-color: var(--pkd-blaster); --pagetags-title-bg: var(--neon-blue); --pagetags-title-text: var(--lapd-badge); --pagetags-text-color: var(--display-inter); --pagetags-text-hover-color: var(--gaff-black); --pagetags-text-hover-bg-color: var(--display-green); } table.wiki-content-table th { font-family: var(--display-font); } :root { --hoverblock-header-bg: var(--neon-blue); --hoverblock-header-txt: var(--lapd-badge); --hoverblock-footer-txt: var(--electric-sheep); --hoverblock-bg: var(--pkd-blaster); --ui-button-bg: var(--display-dark); --ui-button-txt: var(--display-inter); --ui-button-hover-bg: var(--tyrell-green); --ui-button-hover-outline: var(--display-green); --ui-button-hover-txt: var(--display-green); --modal-bg: var(--display-dark); --modal-body-text: var(--display-green); --modal-body-header-txt: var(--blade-runner); --modal-header-bg: var(--blade-runner); --modal-header-stripe: var(--deckard-red); --modal-header-txt: var(--display-dark); } /* FOOTERS AND BELOW */ .page-source { background: rgb(var(--electric-sheep)); font-family: var(--mono-font); color: rgb(var(--gaff-black)); } .content-panel { --box-shadow-3: rgb(var(--neon-blue,170,170,170)); } #lock-info, div.note, input.checkbox, input.text, textarea { font-family: var(--body-font); } #footer { --footer-bg-color: var(--display-inter); --footer-text-color: var(--gaff-black); --footer-link-color: var(--gaff-black); --footer-link-hover-color: var(--gaff-black); --footer-link-hover-bg-color: var(--display-green); } #license-area { --license-bg-color: var(--lapd-badge); --license-text-color: var(--display-inter); --license-link-color: var(--display-green); --license-link-hover-color: var(--gaff-black); --license-link-hover-bg-color: var(--display-green); } /* TOGGLE SIDEBAR (BHL) CHANGES */ @supports((display: -ms-grid) or (display: grid)) { @media only screen and (min-width: 769px) { #main-content::before { background: rgba(var(--display-dark), .55) 1px 1px repeat; } } } /* SPECIAL DIVS */ .console { padding: 5px 5px 5px 5px; margin-bottom:10px; width: 97.7%; font-family: var(--terminal-font); font-size: 1.1em; background-color: rgb(var(--display-dark)); border: 3px dashed rgb(var(--display-green)); color: rgb(var(--display-inter)); } .console hr, .console-header hr { background: linear-gradient(10deg, rgba(var(--display-green), 0.25) 0%, rgba(var(--display-green), 1) 50%, rgba(var(--display-green), 0.25) 100%); border-top: none; } .console-header { font-family: var(--header-font); text-align: center; color: rgb(var(--display-green)); } table.terminal { border-collapse: collapse; } table.terminal th { font-weight: bold; border: none; padding: 0em 0em 0 0; } table.terminal td { padding: 0em 0 0 1em; } .logs { padding: 5px 5px 5px 5px; margin-bottom:10px; width: 97.7%; font-family: var(--display-font); font-size: 1.1em; background-color: rgb(var(--lapd-badge)); border: 3px solid rgb(var(--neon-blue)); color: rgb(var(--passive-blue)); } .logs-header { text-align: center; color: rgb(var(--neon-blue)); } .logs hr { background: linear-gradient(10deg, rgba(var(--neon-blue), 0.25) 0%, rgba(var(--neon-blue), 1) 50%, rgba(var(--neon-blue), 0.25) 100%); } table.dialog { border-collapse: collapse; } table.dialog th { font-family: var(--display-font); font-size: 1.1em; border-right: 1px solid rgb(var(--neon-blue)); color: rgb(var(--neon-blue)); padding: 0.9em 1em 0 1em; } table.dialog td { font-family: var(--dialogue-font); font-size: 1.15em; padding: 1em 0 0 0.85em; } table.dialog td.active { color: rgb(var(--neon-blue)); } .blokquote-alt { margin: .5em 1.25rem; padding: .825em 1.25em; border: .0625rem dashed rgba(var(--neon-blue),1); color: rgb(var(--neon-blue)); background-color: rgb(var(--pkd-blaster); } .blokquote-alt hr { background-color: rgb(var(--neon-blue)); border-top: .0625rem solid rgb(var(--neon-blue)); } /* SIDEBAR SCROLLBAR */ #side-bar:hover, #side-bar:active { scrollbar-color: rgb(var(--display-dark) rgb(var(--tyrell-green), 1); border-color: rgba(var(--tyrell-green), 1); } #side-bar::-webkit-scrollbar-track, #side-bar:hover::-webkit-scrollbar-track { background-color: rgb(var(--display-dark); } #side-bar::-webkit-scrollbar-thumb { background-color: rgb(var(--tyrell-green)); } #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgb(var(--display-green)); } /* END */
绿色变体
:root { /*GREEN (AGAIN) */ --electric-sheep: 233, 255, 230; --neon-blue: 36, 229, 15; --tears-n-rain: 89, 178, 73; --passive-blue: 71, 155, 65; --pkd-blaster: 16, 36, 12; --lapd-badge: 1, 1, 1; } #main-content { --pagetags-title-bg: var(--display-green); }
黄色变体
:root { /* YELLOW */ --electric-sheep: 255, 255, 230; --neon-blue: 229, 227, 15; --tears-n-rain: 178, 150, 73; --passive-blue: 155, 134, 65; --pkd-blaster: 36, 29, 12; --lapd-badge: 10, 8, 4; } #main-content { --pagetags-title-bg: var(--display-green); }
红色变体
:root { /* RED (AGAIN) */ --electric-sheep: 255, 237, 237; --neon-blue: 229, 15, 15; --tears-n-rain: 209, 48, 48; --passive-blue: 195, 111, 111; --pkd-blaster: 36, 12, 12; --lapd-badge: 18, 1, 1; #main-content { --pagetags-title-bg: var(--display-green); }