该版式由 Cytryniak制作。
版式基于CutTheBirch的 数据库 新 版式制作。
若需将本版式引入到你的页面中,请使用:
[[include :backrooms-to-dv:theme:pkbr]]
示例
欢迎!
可通过五个连字符“-”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
好奇地想象一下这里有一条线……
看,这有更多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
空 Tab……呃…请继续检查这些Tab。
我说停下来!
你不会知晓。
真的停下来!
你要我告诉你多少次?
~\(≧▽≦)/~
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
引用块中的引用块中的引用块1
| 这是 | 表格 |
|---|---|
| 你应该老早 | 就知道怎么 |
| 做这个了吧 | |
脚注2
英文使用字体 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)); }
