Terminal Polskiego Korpusu Badawczo-Rozwojowego

Motyw stworzony przez użytkownika Cytryniak.
Na podstawie Database New autorstwa CutTheBirch.

Aby dodać ten motyw należy użyć:

[[include :pl-backrooms-wiki:theme:pkbr]]

Przykłady

Poprzez przeciwności ku gwiazdom!

Pozioma linia może zostać stworzona z 5 myślników "-" rozciąga się ona na całą szerokość strony, jeśli nie jest umieszczona wewnątrz elementu (np. blockquote). Linie oddzielające sekcje dokumentu są liniami poziomymi.

---

Tytuły można stworzyć dodając od 1 do 6 plusów “+” na początku linijki.

+ Tytuły

Ogromny Tytuł

Bardzo Duży Tytuł

Duży Tytuł

Średni Tytuł

Mały Tytuł

Bardzo Mały Tytuł

Tabulator

Wyobraź tu sobie jakiś tekst. Najlepiej ciekawy…

Tabulacja

Jest tu miejsce na jeszcze więcej tekstu.

Długi Tab

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Bardzo długi Tab. Zawierający dużo tekstu.

Pusty Tab

Prze…e..stań sprawdzać te zakładki.

Pusty Tab

Powiedziałem STOP!

Pusty Tab

Czego nie rozumiesz.

Pusty Tab

Naprawdę PRZESTAŃ!

Pusty Tab

Ile razy trzeba ci to mówić

Pusty Tab

~\(≧▽≦)/~

To jest cytat tworzysz go za pomocą “>” na początku linijki.
Jakiś Tekst

---

Pozioma linia

Cytat w cytacie to też możliwe

Kolejny cytat w cytacie¹

To jest	tabela
Jest dość	nudna więc
pozwolę se pominąć

---

Przypis jakiś²

Czcionką użytą jest VT323.

---

Ten tekst
jest tutaj
abyś mógł
dostrzec jak
wszystko wygląda
z różnymi
formatami^oraz
innymi_rzeczami
Link do strony która nie istnieje
Link do istniejącej strony

---

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

---

Wstaw Tekst
[[div class="titleblock"]]
[[span class="titlebox"]]Wstaw Tekst[[/span]]

[[/div]]

---

[[div class="danke agent"]]

[[/div]]

---

[[div class="glitch"]]

[[/div]]

Pokaż Kod Motywu

@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: "Polski Korpus Badawczo-Rozwojowy";
   --header-subtitle: "Per Ardua Ad Astra";
 
   --body-font: 'VT323', monospace;
   --header-font: 'VT323', monospace;
   --title-font: 'VT323', monospace;
   --mono-font: 'VT323', 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));
}

Przypisy

1. Przypis czy coś

2. dosłowne tłumaczenie to stopowa notatka