霓虹敌托邦 主题版式
[[embed]]
<iframe src="//scp-wiki-cn.wdfiles.com/local—files/nav%3Aside/styleFrame.html?bhl" name="typeFrame"></iframe>
[[/embed]]

这是什么?

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


主题颜色

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


foundation-text.png

基金会远程访问数据库(Foundation Remote Access Database,FRAD)标志

替代配色方案

spread.png

蓝 - 绿 - 黄 - 红 变体

注意:这是一个基于黑色标记笔的主题版式。若你想使用此版式,你还需要导入黑色标记笔版式。点击这里了解更多

在你的作品开头添加如下语法以应用此版式:

[[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 级标题

2 级标题

3 级标题

4 级标题

5 级标题
6 级标题

分页分页长 Tab空 Tab空 Tab空 Tab空 Tab空 Tab空 Tab

运用你的想象力,假装这里有乱序文本就行了。

这是一个引用块,在一行字的起始处加上“> ”来创建。

更多文字


一条分割线

嵌套引用块

还有一个1

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

带有特殊的 Div

替代引用块

她就是那个被称为数字死神的人吗?


对。她叫 Piri Vamuletto,这就是本人。

» 展开用法« 收起用法

[[div class="blokquote-alt"]]
文本放这里
-----
或者这里
[[/div]]

以上的代码效果为:

文本放这里


或者这里

控制台/终端 Div

+


基金会
移动式访问终端


部门终端由以下公司提供与赞助:

  ▄▀█ █▀▀ █▀█ █▀█ █░█ █▀▀ █░░   ▀█▀ █▀▀ █▀▀ █▄█
  █▀█ █▄▄ █▀▄ █▄█ ▀▄▀ ██▄ █▄▄   ░█░ ██▄ █▄▄ █▀█
科技带来人道™
     
@@ >@@请输入登录凭据:
    /useraccount  VAMULETTO P.  liveinthedreamofsalome
@@ >@@
  
欢迎,员工 [ #F21E - PIRI VAMULETTO ]。您有 [ 0 ] 条未读消息。
    /open file 视频记录
@@ >@@正在加载文件……正在加载文件……
@@ >@@文件 [ 视频记录 ] 加载完毕。
@@ >@@需求 [ A ] 级权限。
@@ >@@开启文件(Y/N)?
    /Y
@@ >@@正在开启文件……
@@ >@@正在显示到主屏幕上……
@@ >@@文件已开启。
» 展开用法« 收起用法

[[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]]

以上代码的效果为:


随便一个你想用的标题文本!
      
@@ >@@请输入登录凭据:
    /useraccount  VAMULETTO P.  liveinthedreamofsalome

音频/视频记录格式


视频记录——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 市中心的喧嚣之中了。
» 展开用法« 收起用法

[[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]]

以上的代码效果为:


视频记录

> 录像开始 <

在这里描述某些视觉动作。
你喜欢视觉动作的,对吧?
说话人这里是我的发言。非常啰嗦。


标题图片字体为 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。


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 */


绿色变体

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);
}

黄色变体

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);
}

红色变体

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);
}

WikiJump include 未展开: 本地数据库中没有引用的站点(:etinjat:typeface-cn)

[[embed]]
<iframe src="//scp-wiki-cn.wdfiles.com/localfiles/nav%3Aside/styleFrame.html?%3Aroot%7Bgaff-black%3A%201%2C1%2C1%3Bdisplay-green%3A%2023%2C230%2C16%3Bdisplay-inter%3A%200%2C145%2C9%3Btyrell-green%3A%20%207%2C53%2C0%3Bdisplay-dark%3A%201%2C18%2C6%3Bswatch-primary%3A%20var(display-green)%3Bswatch-border-color%3A%200%2C0%2C0%2C0%3B%7D.side-block%7Bsidebar-bg-color%3A%20var(display-dark)%3Bsidebar-resources-bg-color%3A%20var(tyrell-green)%2C0.25%3Bsidebar-media-bg-color%3A%20var(---tyrell-green)%2C0.25%3Bsideblock-heading-border-color%3A%20var(display-green)%3Bsideblock-heading-text-color%3A%20var(display-green)%3Bsidebar-border-color%3A%20var(swatch-border-color)%2C0.08%3Bsidebar-subtest-color%3A%20var(swatch-primary)%3Bsidebar-links-text%3A%20var(display-inter)%3Bsidebar-links-hover-bg-color%3A%20var(display-green)%3Bsidebar-links-hover-text-color%3A%20var(gaff-black)%3B%7D" name="styleFrame"></iframe>
[[/embed]]
Footnotes
  1. 1.这里是脚注!
页面版本:⁨0⁩, 最后编辑于: ⁨2021/9/22 16:46:10⁩ (⁨⁨1820⁩ 日前⁩), 现时评分: 8