霓虹敌托邦 主题版式

[[iftags +版式]] [[module CSS]] @import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/normalize.min.css"); @import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/black-highlighter.min.css"); .scp-image-block.block-right {     background: var(--dark-gray-monochrome); } .scp-image-block img {     min-width: 100%;     border: 0.5rem solid transparent;     box-sizing: border-box; }   [[/module]] [[div_ style="display:none"]] [[embed]] <iframe src="//scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?bhl" name="typeFrame"></iframe> [[/embed]] [[/div]] ----- ++ 这是什么？ [[div class="blokquote-alt"]] 霓虹敌托邦版式是视觉上基于赛博朋克美学以及 1982 年的电影《银翼杀手》的黑标暗色主题版式。你可以将其用在任何文章之中……但是最好得有那种带有冷漠无情、人口过剩但是又有尖端科技发展氛围的文章。或者说你喜欢银翼杀手。 [[/div]] ---- [[=]] + 主题颜色 [[/=]] [[include :scp-wiki:component:theme-squares -=- | color1-name=Neon Blue | color1-variable=--neon-blue | color1-info=(15, 227, 229) | color2-name=Tears In Rain | color2-variable=--tears-n-rain | color2-info=(73, 177, 178) | color2-has-light-text=1 | subcolor1-name=Deckard's Red | subcolor1-variable=--deckard-red | subcolor1-info=(191, 0, 0) | subcolor2-name=Blade Runner | subcolor2-variable=--blade-runner | subcolor2-info=(163, 0, 0) | subcolor3-name=Replicant, Retired | subcolor3-variable=--retired-replicant | subcolor3-info=(77, 22, 25) | subcolor3-has-light-text=1 | subcolor4-name=Display Light | subcolor4-variable=--display-green | subcolor4-info=(23, 230, 16) | subcolor5-name=Display Medium | subcolor5-variable=--tyrell-green | subcolor5-info=(7, 53, 0) | subcolor5-has-light-text=1 | subcolor6-name= Display Dark | subcolor6-variable=--display-dark | subcolor6-info=(1, 18, 6) | subcolor6-has-light-text=1 ]] ---- @@ @@ [[div class="scp-image-block block-center" style="width:100%; box-shadow:none;"]] [[image https://scp-wiki.wdfiles.com/local--files/theme:cyberpunk/foundation-text.png style="width:100%;" link=#]] [[div class="scp-image-caption" style="width:100%;"]] 基金会远程访问数据库（Foundation Remote Access Database，FRAD）标志 [[/div]] [[/div]] @@ @@ +++ 替代配色方案 [[div class="scp-image-block block-center" style="width:100%; box-shadow:none;"]] [[image https://hoah-lab.wdfiles.com/local--files/theme:cyberpunk/spread.png style="width:100%;" link=#]] [[div class="scp-image-caption" style="width:100%;"]] 蓝 - 绿 - 黄 - 红 变体 [[/div]] [[/div]] 注意：这是一个基于黑色标记笔的主题版式。若你想使用此版式，你还需要导入黑色标记笔版式。[[[theme:black-highlighter-theme|点击这里了解更多]]]。 **在你的作品开头添加如下语法以应用此版式：** [[div class="code" style="color: rgb(var(--gaff-black));"]] @@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@ @@[[include :scp-wiki:component:toggle-sidebar-bhl]]@@ @@[[include :scp-wiki-cn:theme:cyberpunk theme-number=1]]@@ [[/div]] @@ @@ [[div class="blokquote-alt"]] **选择你的颜色变体** ----- 将 include 中的 theme-number 更改为你需要的颜色。 * 蓝色：@@[[include :scp-wiki-cn:theme:cyberpunk theme-number=1]]@@ * ##24e50f|绿色：@@[[include :scp-wiki-cn:theme:cyberpunk theme-number=2]]@@## * ##e5e30f|黄色：@@[[include :scp-wiki-cn:theme:cyberpunk theme-number=3]]@@## * ##e50f0f|红色：@@[[include :scp-wiki-cn:theme:cyberpunk theme-number=4]]@@## [[/div]] @@ @@ @@ @@ + 示例 可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。 ----- 标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。 [[collapsible show="+ 标题" hide="- 标题"]] + 1 级标题 ++ 2 级标题 +++ 3 级标题 ++++ 4 级标题 +++++ 5 级标题 ++++++ 6 级标题 [[/collapsible]] @@ @@ [[tabview]] [[tab 分页]] 运用你的想象力，假装这里有乱序文本就行了。 [[/tab]] [[tab 分页]] 看，这有更多文字。 多么精巧绝伦。 [[/tab]] [[tab 长 Tab]] 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字 [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] 可惜她活不下去了。但话又说回来了，谁能活呢？ [[/tab]] [[/tabview]] @@ @@ > 这是一个引用块，在一行字的起始处加上“> ”来创建。 > > 更多文字 > ----- > 一条分割线 > >> 嵌套引用块 >>> 还有一个[[footnote]]这里是脚注！[[/footnote]] @@ @@ ||~ 这是 ||~ 表格 || || 你应该老早 || 就知道怎么 || |||| 做这个了吧 || ---- @@ @@ + 带有特殊的 Div @@ @@ ++++ 替代引用块 [[div class="blokquote-alt"]] 她就是那个被称为数字死神的人吗？ ----- 对。她叫 Piri Vamuletto，这就是本人。 [[/div]] [[collapsible show="» 展开用法" hide="« 收起用法"]] [[div class="code" style="color: rgb(var(--gaff-black));"]] @@[[div class="blokquote-alt"]]@@ @@文本放这里@@ @@-----@@ @@或者这里@@ @@[[/div]]@@ [[/div]] 以上的代码效果为： [[div class="blokquote-alt"]] 文本放这里 ----- 或者这里 [[/div]] [[/collapsible]] @@ @@ ++++ 控制台/终端 Div [[div class="console"]] + [[div class="console-header"]] ----- [[size 250%]] 基金会 [[/size]] [[size 125%]] 移动式访问终端 [[/size]] ------ [[/div]] [[table class="terminal"]] [[row]] [[hcell]] │ [[/hcell]] [[cell]] 部门终端由以下公司提供与赞助： [[/cell]] [[/row]] [[row]] [[hcell]] │ │ [[/hcell]] [[cell]] {{@@  ▄▀█ █▀▀ █▀█ █▀█ █░█ █▀▀ █░░   ▀█▀ █▀▀ █▀▀ █▄█@@}} {{@@  █▀█ █▄▄ █▀▄ █▄█ ▀▄▀ ██▄ █▄▄   ░█░ ██▄ █▄▄ █▀█@@}} [[/cell]] [[/row]] [[row]] [[hcell]] │ [[/hcell]] [[cell]] {{@@ 科技带来人道™@@}} [[/cell]] [[/row]] [[row]] [[hcell]] │ [[/hcell]] [[cell]]   [[/cell]] [[/row]] [[row]] [[hcell]] @@   @@ [[/hcell]] [[cell]] @@  @@ [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ [[/hcell]] [[cell]] 请输入登录凭据： [[/cell]] [[/row]] [[row]] [[hcell]] @@ @@ [[/hcell]] [[cell]] @@    @@##17e610|__/useraccount@@  @@VAMULETTO P.@@  @@liveinthedreamofsalome__## [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ @@  @@ [[/hcell]] [[cell]] 欢迎，员工 [ ##17e624|#F21E - PIRI VAMULETTO## ]。您有 [ ##17e610|0## ] 条未读消息。 [[/cell]] [[/row]] [[row]] [[hcell]] @@ @@ [[/hcell]] [[cell]] @@    @@##17e610|__/open file 视频记录__## [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ [[/hcell]] [[cell]] 正在加载文件……正在加载文件…… [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ [[/hcell]] [[cell]] 文件 [ ##17e610|视频记录## ] 加载完毕。 [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ [[/hcell]] [[cell]] 需求 [ ##17e610|A## ] 级权限。 [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ [[/hcell]] [[cell]] 开启文件（Y/N）？ [[/cell]] [[/row]] [[row]] [[hcell]] @@ @@ [[/hcell]] [[cell]] @@    @@##17e610|__/Y__## [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ [[/hcell]] [[cell]] 正在开启文件…… [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ [[/hcell]] [[cell]] 正在显示到主屏幕上…… [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ [[/hcell]] [[cell]] 文件已开启。 [[/cell]] [[/row]] [[/table]] [[/div]] [[collapsible show="» 展开用法" hide="« 收起用法"]] [[div class="code" style="color: rgb(var(--gaff-black));"]] @@[[div class="console"]]@@ @@[[div class="console-header"]]@@ @@[[size 200%]]@@ @@-----@@ @@随便一个你想用的标题文本！@@ @@-----@@ @@[[/size]]@@ @@[[/div]]@@ @@[[table class="terminal"]]@@ @@ @@ @@[[row]]@@ @@[[hcell]@@ @@﹫﹫   ﹫﹫@@ @@[[/hcell]]@@ @@[[cell]]@@ @@﹫﹫   ﹫﹫@@ @@[[/cell]]@@ @@[[/row]]@@ @@ @@ @@[[row]]@@ @@[[hcell]]@@ @@﹫﹫ >﹫﹫@@ @@[[/hcell]]@@ @@[[cell]]@@ @@请输入登录凭据：@@ @@[[/cell]]@@ @@[[/row]]@@ @@ @@ @@[[row]]@@ @@[[hcell]]@@ ﹫﹫ ﹫﹫ @@[[/hcell]]@@ @@[[cell]]@@ @@﹫﹫    ﹫﹫ ##17e610|__/useraccount﹫﹫  ﹫﹫VAMULETTO P.﹫﹫  ﹫﹫liveinthedreamofsalome__##@@ @@[[/cell]]@@ @@[[/row]]@@ @@[[/table]]@@ @@[[/div]]@@ [[/div]] 以上代码的效果为： [[div class="console"]] [[div class="console-header"]] [[size 200%]] ----- 随便一个你想用的标题文本！ ----- [[/size]] [[/div]] [[table class="terminal"]] [[row]] [[hcell]] @@   @@ [[/hcell]] [[cell]] @@   @@ [[/cell]] [[/row]] [[row]] [[hcell]] @@ >@@ [[/hcell]] [[cell]] 请输入登录凭据： [[/cell]] [[/row]] [[row]] [[hcell]] @@ @@ [[/hcell]] [[cell]] @@    @@##17e610|__/useraccount@@  @@VAMULETTO P.@@  @@liveinthedreamofsalome__## [[/cell]] [[/row]] [[/table]] [[/div]] [[/collapsible]] @@ @@ ++++ 音频/视频记录格式 [[div class="logs"]] [[div class="logs-header"]] [[size 150%]] 视频记录——New Schmeling，1982 [[/size]] **> 记录开始 <** @@ @@ [[/div]] [[table class="dialog"]] [[row]] [[hcell]] [[/hcell]] [[cell]] //Piri 突然左拐进了附近的一条巷子里。尾随她的男人加快了脚步并拐进巷子里。没走几步，他就发现自己的脸被一把韦伯利 Mk. VI 左轮手枪顶着。// //他举起了双手。// [[/cell]] [[/row]] [[row]] [[hcell]] VAMULETTO [[/hcell]] [[cell class="active"]] 说话。 [[/cell]] [[/row]] [[row]] [[hcell]] ALEXANDER [[/hcell]] [[cell class="active"]] 这不是数字死神小姐本人嘛。 [[/cell]] [[/row]] [[row]] [[hcell]] [[/hcell]] [[cell]] //Piri 将击锤拉回。J. Alexander 笑了笑。// [[/cell]] [[/row]] [[row]] [[hcell]] ALEXANDER [[/hcell]] [[cell class="active"]] 我向你保证，向我开枪会是个错误。 [[/cell]] [[/row]] [[row]] [[hcell]] VAMULETTO [[/hcell]] [[cell class="active"]] 从我的视角来看就肯定不是这样了。 [[/cell]] [[/row]] [[row]] [[hcell]] ALEXANDER [[/hcell]] [[cell class="active"]] 那继续呗。向一名昆提林公司的高管开枪，你那微不足道的小组织根本就不能阻止我们律师的全面行动。 [[/cell]] [[/row]] [[row]] [[hcell]] [[/hcell]] [[cell]] //Piri 将左轮手枪装回皮套中，James 将双手放回两侧。// [[/cell]] [[/row]] [[row]] [[hcell]] ALEXANDER [[/hcell]] [[cell class="active"]] 这才像话嘛。 [[/cell]] [[/row]] [[row]] [[hcell]] VAMULETTO [[/hcell]] [[cell class="active"]] 郑重声明，我肯定是会开枪射你的；我只是不觉得你还能在流血的时候做出这么多的解释。 [[/cell]] [[/row]] [[row]] [[hcell]] [[/hcell]] [[cell]] //James 将手伸进口袋中。掏出一张 MO 盘扔给 Piri，后者则空手接住了它。// [[/cell]] [[/row]] [[row]] [[hcell]] ALEXANDER [[/hcell]] [[cell class="active"]] 你可能发现这张磁盘上的东西会对你有用……或者对你的组织有用，如果你选择跟他们共享的话。 [[/cell]] [[/row]] [[row]] [[hcell]] VAMULETTO [[/hcell]] [[cell class="active"]] 要是说没有个谋杀动机。你想要//我//做什么呢？你都有够自己开个工厂的网络设备和人手了。自己干吧。 [[/cell]] [[/row]] [[row]] [[hcell]] [[/hcell]] [[cell]] //James 大笑。// [[/cell]] [[/row]] [[row]] [[hcell]] ALEXANDER [[/hcell]] [[cell class="active"]] 你看到上面的东西就会懂了。日安，数字死神小姐。 [[/cell]] [[/row]] [[row]] [[hcell]] [[/hcell]] [[cell]] //他迈着轻快的步伐走出了巷子。Piri 翻转 MO 盘并看向侧边的一行标签，“NUYTENS 计划”。// //她想跑出去追 James，但是他已经消失在 New Schmeling 市中心的喧嚣之中了。// [[/cell]] [[/row]] [[/table]] [[/div]] [[collapsible show="» 展开用法" hide="« 收起用法"]] [[div class="code" style="color: rgb(var(--gaff-black));"]] @@[[div class="logs"]]@@ @@[[div class="logs-header"]]@@ @@[[size 150%]]@@ @@视频记录@@ @@[[/size]]@@ @@**> 录像开始 <**@@ @@﹫﹫ ﹫﹫@@ @@[[/div]]@@ @@[[table class="dialog"]]@@ @@ @@ @@[[row]]@@ @@[[hcell]]@@ @@ @@ @@[[/hcell]]@@ @@[[cell]]@@ @@//在这里描述某些视觉动作。//@@ @@ @@ @@//你喜欢视觉动作的，对吧？//@@ @@[[/cell]]@@ @@[[/row]]@@ @@ @@ @@[[row]]@@ @@[[hcell]]@@ @@说话人@@ @@[[/hcell]]@@ @@[[cell class="active"]]@@ @@这里是我的发言。非常啰嗦。@@ @@[[/cell]]@@ @@[[/row]]@@ @@ @@ @@[[/table]]@@ @@[[/div]]@@ [[/div]] 以上的代码效果为： [[div class="logs"]] [[div class="logs-header"]] [[size 150%]] 视频记录 [[/size]] **> 录像开始 <** @@ @@ [[/div]] [[table class="dialog"]] [[row]] [[hcell]] [[/hcell]] [[cell]] //在这里描述某些视觉动作。// //你喜欢视觉动作的，对吧？// [[/cell]] [[/row]] [[row]] [[hcell]] 说话人 [[/hcell]] [[cell class="active"]] 这里是我的发言。非常啰嗦。 [[/cell]] [[/row]] [[/table]] [[/div]] [[/collapsible]] @@ @@ ------ [[=]] 标题图片字体为 Strasua（上部）以及 Element（下部）。 @@ @@ [[span style="font-family: var(--title-font);"]]标题字体为 Unicephalon / Noto Sans SC。[[/span]] [[span style="font-family: var(--body-font);"]]正文字体为 Jost / Noto Sans SC。[[/span]] [[span style="font-family: var(--mono-font);"]]等宽字体为 Bedstead / 幼圆。[[/span]] @@ @@ __其它字体包括：__ [[span style="font-family: var(--display-font);"]]显示屏/LED 文本字体 Liquid Crystal / HuXiaoBo-ZhenShuai。.[[/span]] [[span style="font-family: var(--header-font);"]]显示屏标志字体以及页眉字体 Element。[[/span]] [[span style="font-family: var(--dialogue-font);"]]对话表格字体 SV Basic Manual / Noto Sans SC。[[/span]] [[span style="font-family: var(--terminal-font);"]]终端/控制台字体 Connection / VonwaonBitmap 16px。[[/span]] [[/=]] ----- [[div style="display: none"]] [[include :scp-wiki:component:toggle-sidebar-bhl]] [[/div]] [[code type="css"]] /*    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 */ [[/code]] ----- ++++ 绿色变体 [[code type="css"]] :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); } [[/code]] ----- ++++ 黄色变体 [[code type="css"]] :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); } [[/code]] ----- ++++ 红色变体 [[code type="css"]] :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); } [[/code]] [[/iftags]] [[include :etinjat:typeface-cn |HuXiaoBo-ZhenShuai=true |VonwaonBitmap-16px=true ]] [[module CSS]] @import url(https://scp-wiki-cn.wikidot.com/theme:cyberpunk/code/1); /* main theme */ @import url(https://scp-wiki-cn.wikidot.com/theme:cyberpunk/code/{$theme-number}); [[/module]] [[div_ style="display:none"]] [[embed]] <iframe src="//scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?%3Aroot%7B--gaff-black%3A%201%2C1%2C1%3B--display-green%3A%2023%2C230%2C16%3B--display-inter%3A%200%2C145%2C9%3B--tyrell-green%3A%20%207%2C53%2C0%3B--display-dark%3A%201%2C18%2C6%3B--swatch-primary%3A%20var(--display-green)%3B--swatch-border-color%3A%200%2C0%2C0%2C0%3B%7D.side-block%7B--sidebar-bg-color%3A%20var(--display-dark)%3B--sidebar-resources-bg-color%3A%20var(--tyrell-green)%2C0.25%3B--sidebar-media-bg-color%3A%20var(---tyrell-green)%2C0.25%3B--sideblock-heading-border-color%3A%20var(--display-green)%3B--sideblock-heading-text-color%3A%20var(--display-green)%3B--sidebar-border-color%3A%20var(--swatch-border-color)%2C0.08%3B--sidebar-subtest-color%3A%20var(--swatch-primary)%3B--sidebar-links-text%3A%20var(--display-inter)%3B--sidebar-links-hover-bg-color%3A%20var(--display-green)%3B--sidebar-links-hover-text-color%3A%20var(--gaff-black)%3B%7D" name="styleFrame"></iframe> [[/embed]] [[/div]]