波兰科学研究与发展中心 版式

该版式由 Cytryniak制作。
版式基于CutTheBirch的 数据库 新 版式制作。

若需将本版式引入到你的页面中，请使用：

[[include :backrooms-to-dv:theme:pkbr]]

示例

欢迎！

可通过五个连字符“-”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

---

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

分页

好奇地想象一下这里有一条线……

分页

看，这有更多文字。

长 Tab

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

这是一个长的 tab，它有很多文字。

空 Tab

空 Tab……呃…请继续检查这些Tab。

空 Tab

我说停下来！

空 Tab

你不会知晓。

空 Tab

真的停下来！

空 Tab

你要我告诉你多少次？

空 Tab

~\(≧▽≦)/~

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

---

一条分割线

嵌套引用块

引用块中的引用块中的引用块¹

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

---

脚注²

英文使用字体 VT323。
中文使用字体 凤凰点阵体12px。

---

这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起^来是
怎么_运作
包括那些不存在
以及存在的链接

---

[[div class="lightblock"]]

[[/div]]

---

[[div class="darkblock"]]

[[/div]]

---

[[div class="lightstyled-quote"]]

[[/div]]

---

[[div class="darkstyled-quote"]]

[[/div]]

---

[[div class="logo-block"]]

[[/div]]

---

[[div class="border-logoblock"]]

[[/div]]

---

[[div class="dark-borderblock"]]

[[/div]]

---

[[div class="light-borderblock"]]

[[/div]]

---

插入文本
[[div class="titleblock"]]
[[span class="titlebox"]]Wstaw Tekst[[/span]]

[[/div]]

---

[[div class="danke agent"]]

[[/div]]

---

[[div class="glitch"]]

[[/div]]

+ 展开样式代码

@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
 
/*
PKBR Terminal v3.0
by: Cytryniak
Contact: Cytryniak#8558
*/
 
/*Animations*/
#page-title { animation-delay: 3s; }
@media screen and (prefers-reduced-motion: no-preference) {
   #page-title, #breadcrumbs, #page-content, #header> * #skrollr-body {
      animation-name: fadeIn;
      animation-duration: 2.5s;
      animation-iteration-count: 1;
      animation-delay: 1.5s;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
   }
 
   #header h1 a:before, #header h2 span:before, h1, h2, h3, h4, h5, h6, #page-title{
      animation: textGlitch 1.6s linear infinite;
      animation-delay: 0s;
   }
 
   #extra-div-1{
      animation: loading-1 4s ease-out 0s 1;
   }
   #extra-div-2 {
      animation: loading-2 4s ease-out 0s 1;
   }
   #extra-div-3 {
      animation: loading-3 4s ease-out 0s 1;
   }
}
 
@keyframes textGlitch {
   0% {text-shadow: 0.4389924193300864px 0 1px rgba(25, 184, 196,0.5), -0.4389924193300864px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   5% {text-shadow: 2.7928974010788217px 0 1px rgba(25, 184, 196,0.5), -2.7928974010788217px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   10% {text-shadow: 0.02956275843481219px 0 1px rgba(25, 184, 196,0.5), -0.02956275843481219px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   15% {text-shadow: 0.40218538552878136px 0 1px rgba(25, 184, 196,0.5), -0.40218538552878136px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   20% {text-shadow: 3.4794037899852017px 0 1px rgba(25, 184, 196,0.5), -3.4794037899852017px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   25% {text-shadow: 1.6125630401149584px 0 1px rgba(25, 184, 196,0.5), -1.6125630401149584px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   30% {text-shadow: 0.7015590085143956px 0 1px rgba(25, 184, 196,0.5), -0.7015590085143956px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   35% {text-shadow: 3.896914047650351px 0 1px rgba(25, 184, 196,0.5), -3.896914047650351px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   40% {text-shadow: 3.870905614848819px 0 1px rgba(25, 184, 196,0.5), -3.870905614848819px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   45% {text-shadow: 2.231056963361899px 0 1px rgba(25, 184, 196,0.5), -2.231056963361899px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   50% {text-shadow: 0.08084290417898504px 0 1px rgba(25, 184, 196,0.5), -0.08084290417898504px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   55% {text-shadow: 2.3758461067427543px 0 1px rgba(25, 184, 196,0.5), -2.3758461067427543px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   60% {text-shadow: 2.202193051050636px 0 1px rgba(25, 184, 196,0.5), -2.202193051050636px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   65% {text-shadow: 2.8638780614874975px 0 1px rgba(25, 184, 196,0.5), -2.8638780614874975px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   70% {text-shadow: 0.48874025155497314px 0 1px rgba(25, 184, 196,0.5), -0.48874025155497314px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   75% {text-shadow: 1.8948491305757957px 0 1px rgba(25, 184, 196,0.5), -1.8948491305757957px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   80% {text-shadow: 0.0833037308038857px 0 1px rgba(25, 184, 196,0.5), -0.0833037308038857px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   85% {text-shadow: 0.09769827255241735px 0 1px rgba(25, 184, 196,0.5), -0.09769827255241735px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   90% {text-shadow: 3.443339761481782px 0 1px rgba(25, 184, 196,0.5), -3.443339761481782px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   95% {text-shadow: 2.1841838852799786px 0 1px rgba(25, 184, 196,0.5), -2.1841838852799786px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
   100% {text-shadow: 2.6208764473832513px 0 1px rgba(25, 184, 196,0.5), -2.6208764473832513px 0 1px rgba(158, 3, 124,0.3), 0 0 3px;}
}
 
@keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
 
@keyframes loading-1{
   0%{transform: translate(40px,-40px); opacity: 0;}
   70%{transform: translate(0px,0px);}
   75%{opacity: .25;}
   100% {opacity: 0.05;}
}
 
@keyframes loading-2{
   0%{transform: translate(-40px); opacity: 0;}
   70%{transform: translate(0px,0px);}
   75%{opacity: .25;}
   100% {opacity: 0.05;}
}
 
@keyframes loading-3{
   0%{transform: translate(40px,40px); opacity: 0;}
   70%{transform: translate(0px,0px);}
   75%{opacity: .25;}
   100% {opacity: 0.05;}
}
 
@keyframes flicker {
   0% {opacity: 0.27861;}
   5% {opacity: 0.34769;}
   10% {opacity: 0.23604;}
   15% {opacity: 0.90626;}
   20% {opacity: 0.18128;}
   25% {opacity: 0.83891;}
   30% {opacity: 0.65583;}
   35% {opacity: 0.67807;}
   40% {opacity: 0.26559;}
   45% {opacity: 0.84693;}
   50% {opacity: 0.96019;}
   55% {opacity: 0.08594;}
   60% {opacity: 0.20313;}
   65% {opacity: 0.71988;}
   70% {opacity: 0.53455;}
   75% {opacity: 0.37288;}
   80% {opacity: 0.71428;}
   85% {opacity: 0.70419;}
   90% {opacity: 0.7003;}
   95% {opacity: 0.36108;}
   100% {opacity: 0.24387;}
}
 
@keyframes scanm {
   0%   { top: -1rem; opacity : .05;}
   25% { top: 50%; opacity: .03;}
   37.5% { top: 75%; opacity: 0.06;}
   50% { top: 100%; opacity: .03;}
   100% { top: 100%;}
}
 
/*Root*/
 
:root {
 
   --fade-in-delay: 0.1s;
 
   --theme-base: "black-highlighter";
   --theme-id: "Terminal_PKBR";
   --theme-name: "Terminal PKBR";
 
   --logo-image: url("https://raw.githubusercontent.com/Cytryniak/Backrooms-Themes/642dc911f94149346135c50fb481a99e0a971d6b/PDBR/logo_pdbr2.svg");
   --header-title: "波兰科学研究与发展中心";
   --header-subtitle: "为赴星辰，勇攀险峰";
 
   --body-font: 'VT323','VonwaonBitmap 12px', monospace;
   --header-font: 'VT323,'VonwaonBitmap 12px'', monospace;
   --title-font: 'VT323','VonwaonBitmap 12px', monospace;
   --mono-font: 'VT323','VonwaonBitmap 12px', monospace;
   --base-font-size: 1.2rem;
   --text-shadow: 2px 2px  #19b8c4;
 
   /*Color Variables*/
   --white-monochrome: 25,184,196;
   --pale-gray-monochrome: 190, 190, 190;
   --dark-gray-monochrome: 30, 30, 30;
   --light-gray-monochrome: 160, 160, 160;
   --gray-monochrome: 72, 69, 60;
   --black-monochrome: 10, 10, 10;
   --bright-accent: 158, 3, 124;
   --medium-accent: 158, 3, 124;
   --custom-text: 25,184,196;
   --dark-accent: 140, 136, 126;
   --pale-accent: 140, 136, 126;
   --medium-dark-accent: 145,12,230;
 
   /* Primary Theme Colors */
   --swatch-background: var(--black-monochrome);
   --swatch-primary: var(--bright-accent);
   --swatch-primary-darker: var(--medium-accent);
   --swatch-primary-darkest: var(--black-monochrome);
 
   /* Primary Text Colors */
   --swatch-text-dark: var(--custom-text);
   --swatch-text-light: var(--bright-accent);
   --swatch-text-tertiary-color: var(--medium-accent);
   --swatch-important-text: var(--bright-accent);
   --barColour: var(--very-light-gray-monochrome);
   --linkColour: var(--pale-accent);
 
   /* Primary Menu Colors */
   --swatch-menubg-color: var(--black-monochrome);
   --swatch-menubg-light-color: var(--dark-gray-monochrome);
   --swatch-menubg-medium-color: var(--medium-accent);
   --swatch-menubg-medium-dark-color: var(--gray-monochrome);
   --swatch-menubg-dark-color: var(--dark-gray-monochrome);
   --swatch-menubg-black-color: var(--black-monochrome);
   --swatch-menubg-hover-color: var(--black-monochrome);
   --swatch-menutxt-dark-color: var(--white-monochrome);
   --swatch-menutxt-light-color: var(--white-monochrome);
   --swatch-border-color: var(--bright-accent);
 
   /* Primary Header Colors */
   --swatch-headerh1-color: var(--white-monochrome);
   --swatch-headerh2-color: var(--white-monochrome);
   --swatch-topmenu-border-color: var(--bright-accent);
   --swatch-topmenu-bg-color: var(--black-monochrome);
 
   /* Link Colors */
   --link-color: var(--bright-accent);
   --visited-link-color: var(--medium-dark-accent);
   --hover-link-color: var(--bright-accent);
   --sidebar-links-text: var(--swatch-menutxt-dark-color);
   --link-color-bright: var(--medium-accent);
 
   /* Rating Module Colors */
   --rating-module-button-color: var(--bright-accent);
   --rating-module-text-color: var(--white-monochrome);
   --rating-module-text-hover-color: var(--swatch-menutxt-light-color);
 
   /* Header Gradients */
   --gradient-header: none;
   --diagonal-stripes: none;
}
 
#extrac-div-1 {
   position: fixed;
   width: 100vw;
   height: 100vh;
   pointer-events: none;
}
 
#extrac-div-1::before {
   content: " ";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   pointer-events: none;
   background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
   z-index: 30;
   background-size: 100% 2px, 3px 100%;
}
 
#extrac-div-1::after {
   content: " ";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   pointer-events: none;
   background: rgba(18, 16, 16, 0.1);
   opacity: 0;
   z-index: 2;
   animation: flicker 10ms infinite;
}
 
#extrac-div-2 {
   position: fixed;
   width: 100vw;
   height : 0.5rem;
   top: 0;
   pointer-events: none;
   background: linear-gradient(to bottom, rgba(145,12,230) 0%,rgba(145,12,230,1) 50%,rgba(145,12,230,0.98) 51%,rgba(145,12,230) 100%);
   opacity : .1;
   animation: scanm 4s linear infinite;
   animation-delay: 48.24ms;
}
 
#extrac-div-3 {
   position: fixed;
   width: 100vw;
   height: 100vh;
   pointer-events: none;
   background-image: radial-gradient(circle, rgb(145,12,230) 4%, rgb(0,0,0) 45%, rgb(145,12,230) 95%);
   opacity: 0.2;
   mix-blend-mode: color-dodge;
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 30;
}
 
#page-content > :nth-child(1) { animation-delay: calc(1 * var(--fade-in-delay)); }
#page-content > :nth-child(2) { animation-delay: calc(2 * var(--fade-in-delay)); }
#page-content > :nth-child(3) { animation-delay: calc(3 * var(--fade-in-delay)); }
#page-content > :nth-child(4) { animation-delay: calc(4 * var(--fade-in-delay)); }
#page-content > :nth-child(5) { animation-delay: calc(5 * var(--fade-in-delay)); }
#page-content > :nth-child(6) { animation-delay: calc(6 * var(--fade-in-delay)); }
#page-content > :nth-child(7) { animation-delay: calc(7 * var(--fade-in-delay)); }
#page-content > :nth-child(8) { animation-delay: calc(8 * var(--fade-in-delay)); }
#page-content > :nth-child(9) { animation-delay: calc(9 * var(--fade-in-delay)); }
#page-content > :nth-child(10) { animation-delay: calc(10 * var(--fade-in-delay)); }
#page-content > :nth-child(11) { animation-delay: calc(11 * var(--fade-in-delay)); }
#page-content > :nth-child(12) { animation-delay: calc(12 * var(--fade-in-delay)); }
#page-content > :nth-child(13) { animation-delay: calc(13 * var(--fade-in-delay)); }
#page-content > :nth-child(14) { animation-delay: calc(14 * var(--fade-in-delay)); }
#page-content > :nth-child(15) { animation-delay: calc(15 * var(--fade-in-delay)); }
#page-content > :nth-child(n+15) { animation-delay: calc(16 * var(--fade-in-delay)); }
 
#extra-div-1 {
   position: fixed;
   display: block;
   top: 0%;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   background-image: url(https://raw.githubusercontent.com/Cytryniak/Backrooms-Themes/d87be55d0f0f28d47bb07e04257246a57e073a54/PDBR/logo_pdbr2_pink.svg);
   background-size: 30%;
   background-repeat: no-repeat;
   background-position: center center;
   opacity: 0.05;
   z-index: -1;
}
 
#extra-div-2 {
   position: fixed;
   display: block;
   top: 0%;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   background-image: url(https://raw.githubusercontent.com/Cytryniak/Backrooms-Themes/main/PDBR/logo_pdbr2_cyan.svg);
   background-size: 30%;
   background-repeat: no-repeat;
   background-position: center center;
   opacity: 0.05;
   z-index: -1;
}
 
#extra-div-3 {
   position: fixed;
   display: block;
   top: 0%;
   margin: 0 auto;
   width: 100%;
   height: 100%;
   background-image: url(https://raw.githubusercontent.com/Cytryniak/Backrooms-Themes/main/PDBR/logo_pdbr2_purple.svg);
   background-size: 30%;
   background-repeat: no-repeat;
   background-position: center center;
   opacity: 0.05;
   z-index: -1;
}
 
#skrollr-body {
   background-image: radial-gradient(circle, rgb(var(--black-monochrome)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
}
 
a:hover::before {
   content: "/";
   text-decoration: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 8rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.4;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
#search-top-box {
   width: 10%;
   height: 10%;
   float: right;
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--bright-accent))
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--custom-text));
}
 
.lightstyled-quote {
   background-color:rgba(var(--bright-accent), 0.5);
   color:rgb(0, 0, 0);
   border-left: 0.5rem solid rgba(var(--dark-gray-monochrome)) ;
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote {
   background-color:rgb(var(--dark-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--bright-accent), 0.5);
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.darkstyled-quote a{
   color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgba(var(--bright-accent), 0.5);
   color:rgb(0, 0, 0);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--dark-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-borderblock {
   background-color:rgb(var(--dark-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid 0.3rem rgba(var(--bright-accent), 0.5);
}
 
.light-borderblock {
   background-color:rgba(var(--bright-accent), 0.5);
   color:rgb(0, 0, 0);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid 0.3rem rgb(var(--dark-gray-monochrome));
}
 
.border-logoblock{
   padding: 0.01rem 1rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   color:rgb(var(--white-monochrome));
   margin: 0.5rem 0 0.5rem 0.25rem;
   display: block;
   position: relative;
   background-color: rgb(var(--dark-gray-monochrome));
   border: solid 0.3rem rgba(var(--bright-accent), 0.5);
}
 
.border-logoblock::after{
   content: "";
   float: center;
   border: solid 2px #0000;
   background: url(https://raw.githubusercontent.com/Cytryniak/Backrooms-Themes/642dc911f94149346135c50fb481a99e0a971d6b/PDBR/logo-biel.svg) center/25% no-repeat;
   opacity: 0.25;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 1;
}
 
.logoblock{
   padding: 0.01rem 1rem;
   color:rgb(var(--white-monochrome));
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   margin: 0.5rem 0 0.5rem 0.25rem;
   display: block;
   position: relative;
   background-color: rgb(var(--dark-gray-monochrome));
}
 
.logoblock::after{
   content: "";
   float: center;
   border: solid 2px #0000;
   background: url(https://raw.githubusercontent.com/Cytryniak/Backrooms-Themes/642dc911f94149346135c50fb481a99e0a971d6b/PDBR/logo-biel.svg) center/25% no-repeat;
   opacity: 0.25;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   position: absolute;
   z-index: 1;
}
 
.titleblock {
   background-color: rgb(var(--dark-gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
   border: solid rgb(var(--bright-accent)) 2px;
}
 
.titlebox{
   color: rgb(var(--dark-gray-monochrome));
   position: relative;
   top: -1.6rem;
   background-color: rgb(var(--bright-accent));
   padding: 0.25rem 1rem;
   line-height: 0.1rem;
}
 
.borderblock {
   background-color:rgb(var(--dark-gray-monochrome));
   color:rgb(255, 255, 255);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border: solid 0.3rem rgba(var(--bright-accent), 0.5);
}
 
.darkblock a {
   color: rgb(var(--swatch-menubg-medium-color));
}
 
.footerbox{
   padding:0.1rem 1rem;
   margin-top: 1rem;
   background: rgba(25,184,196, 0.9);
   border-radius: 0 0.6rem 0 0;
   border: 3px solid rgba(0, 0, 0, 0.25);
   box-sizing:border-box;
}
 
.footerflavor{
   padding:0.5px 1rem;
   margin-bottom:1rem;
   background: rgba(158, 3, 124, .25);
   border-radius:0 0 0 0.6rem;
   box-sizing:border-box;
}
 
.footerspan {
   color: rgb(158, 3, 124);
   float:right;
   margin-top: 0.2rem;
   font-size: 70%;
}
 
@media only screen and (max-width: 520px) {
   .footerspan{
      display:none;
   }
}
 
.profilepic{
   border-radius:0.6rem;
   float:left;
   max-height:13rem;
   height:17vw;
   margin-right:1rem;
   box-shadow: 0px 0px 3px;
   box-sizing:border-box;
}
 
.danke {
   padding: 5px;
   margin-bottom:10px;
   font-size: 1.1em; 
}
 
.agent {
   background-color:#062629;
   border: 3px solid #19b8c4;
   color: #9e037c;
}
 
.glitch {
   animation: textGlitch 1000ms linear infinite;
   animation-delay: 500ms;
}
 
link:hover {
   text-decoration: none;
}
 
:is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) > p, code, .code {
    color: rgb(var(--medium-accent));
}
 
.footnotes-footer .footnote-footer {
    color: rgb(var(--medium-accent));
}

Footnotes

1. 脚注之类的

2. 直译是角落注释。