版式:Biofell 项目
永恒滋长。
此版式由 s n o w y 和
WhoYouCallinAPinHead制作,并由
Romand0翻译。
若要将此版式导入到你的页面,请将下方框中的文本放入你的页面的任何地方:
[[include :backrooms-wiki-cn:theme:biofell]]
示例:

探索血肉之窟。
可以通过使用五个连字符"-----"来创建一条水平线,如果它没有放在任何内容(例如引用块)之中,则可以适配整个页面。下面这条分割了这篇文章的线便是一个示例。
在一句话的开头加入1到6个 "+" 可以创建标题。
字体
正文字体:Josefin Sans。
版头字体:Staatliches。
标题字体:Trispace。
英文等宽字体:PT Sans Narrow。这是一个分页。
嘿哦,你看这儿,更多的文本。
多么有趣啊。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个长tab,它包含了很多文本。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多的文本
这是一条分割线。
嵌套引用块1
[[div class="lightblock"]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
[[div class="darkblock"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
这是 | 表格 |
---|---|
你应该早就 | 知道怎么创建了 |
对吧 |
这里有
一些文本
让你可以
看到
不同格式的
文字
以及一些
其他的东西
包括不存在的链接
和存在的链接!
import url('https://fonts.googleapis.com/css2?family=Trispace:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap'); @media screen and (prefers-reduced-motion: no-preference) { #page-title, #breadcrumbs, #page-content > * { animation-name: fadeIn; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: backwards; } } #page-title { animation-delay: 0s; } @keyframes fadeIn { from { opacity: 0; transform: translate(0,30px); } to { opacity: 1; transform: translate(0,0); } } #login-status { color: rgb(var(--white-monochrome)); } #account-options { background-color: rgb(var(--dark-accent)); border-color: rgb(var(--black-monochrome)); } #account-options li a:hover { color: rgb(var(--bright-accent)); } #side-bar:hover, #side-bar:active { background-color: rgb(var(--swatch-background)); } :root { --theme-base: "black-highlighter"; --theme-id: "liminal"; --theme-name: "Liminal Theme"; --logo-image: url("http://backrooms-sandbox-2.wdfiles.com/local--files/collab%3Awhoyoucallinapinhead-and-snowy-biofell-theme/biofelllogo.png"); --header-title: "BIOFELL项目"; --header-subtitle: "永恒滋长"; --body-font: 'Josefin Sans'; --header-font: Staatliches'; --title-font: 'Trispace', serif; --mono-font: 'PT Sans Narrow', monospace; --white-monochrome: 255, 255, 255; --pale-gray-monochrome: 34, 34, 34; --light-gray-monochrome: 255, 255, 255; --gray-monochrome: 34, 34, 34; --black-monochrome: 255, 0, 0; --bright-accent: 140, 136, 126; --medium-accent: 0, 0, 0; --dark-accent: 32, 32, 32; --pale-accent: 140, 136, 126; --swatch-headerh1-color: 255, 255, 255; --swatch-headerh2-color: 255, 255, 255; --swatch-menutxt-light-color: 255, 255, 255; --swatch-menubg-medium-color: 34, 34, 34; --swatch-tertiary-color; 255, 255, 255 --swatch-border-color: 255, 255, 255; --swatch-text-general: 255, 255, 255; --swatch-text-light: 255, 146, 146; --swatch-background: 20, 20, 20; --header-gradient-color-bottom: 191, 191, 191; --swatch-topmenu-border-color: var(--medium-accent); --link-color: 230, 23, 68; --hover-link-color: 230, 23, 68; --background-gradient-distance: 0rem; --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.90) 100% ); --diagonal-stripes: linear-gradient(transparent 0); } } #extrac-div-1 { position: fixed; width: 100vw; height: 100vh; pointer-events: none; background: repeating-linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.15) 50%,rgba(0,0,0,0)); background-size: auto 8px; opacity: 0.7; } #extrac-div-2 { position: fixed; width: 100vw; height : 1rem; top: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(229, 34, 80) 0%,rgba(229, 140, 36,1) 50%,rgba(229, 140, 36,0.98) 51%,rgba(229, 140, 36) 100%); opacity : .1; animation: scanm 6s linear infinite; } @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%;} } #extrac-div-3 { position: fixed; width: 100vw; height: 100vh; pointer-events: none; background-image: radial-gradient(circle, rgb(229, 140, 36) 4%, rgb(0,0,0) 45%, rgb(229, 140, 36) 95%); opacity: 0.25; 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)); } #skrollr-body { width: 100%; position: absolute; top: 0; left: 0; background-image: url("http://backrooms-sandbox-2.wdfiles.com/local--files/collab%3Awhoyoucallinapinhead-and-snowy-biofell-theme/gh.png"); background-repeat: repeat-x; background-size: inherit; } #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; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 11rem; top: -1rem; background-image: var(--logo-image); background-size: auto 8.5rem; background-position: left; background-repeat: no-repeat; opacity: 1; } #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: .7rem .7rem .9rem #000000; } a.newpage { background: transparent; text-decoration: none } a.newpage { color: rgb(var(--newpage-color)) } div.block-center { min-width: 30% } @media only screen and (max-width:768px) { div.block-center { min-width: 40% } } blockquote { box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25); } .styled-quote { background-color:rgb(var(--gray-monochrome)); border-left: 0.5rem solid rgba(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); } .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; } .dark-styled-quote { background-color:rgb(var(--red-monochrome)); border-left: 0.5rem solid rgba(var(--swatch-headerh1-color)); 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-styled-quote a { color: rgb(var(--swatch-menubg-medium-color)); } .lightblock { background-color:rgb(var(--gray-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); } .darkblock { background-color:rgb(var(--red-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); } /* sd banner colours */ .sd-container { --sd-bullets:167,12,10; } .darkblock a { color: rgb(var(--swatch-menubg-medium-color)); }
Footnotes
1. 这里还有一个脚注!