注意:
此页为于本站内部所使用的组件页面。
[[iftags +版式]]
该版式由 scutoid studios 与 VivamusLudio 制作,由 hoah2333 进行修改,基于 stephlynch 与 etoisle 制作的阈限版式。
本版式是英站所有页面的默认版式,因此在英站将无需将其引入至页面内。
在中站内,使用以下代码引用本版式:
[[include :backrooms-wiki-cn:theme:nuliminal]]
特别地,使用以下代码引用本版式的无折叠侧边栏版本:
[[include :backrooms-wiki-cn:theme:nuliminal no-sidebar=--]]
示例
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文档分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
此为分页(tab view)。
看,这有更多文字。
多么精巧绝伦。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
[[div class="darkblock"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
[[div class="lightblock"]]
[[/div]]
[[div class="styled-quote"]]
[[/div]]
[[div class="meta-title"]]
这里是在站内运行的全部版式代码,但除了有一点,站内版式页面同样也引用了用户识别组件页面,以使得职员拥有花里胡哨的名字。这段代码没有被引入到此处,使得其可以被其它分部引入,这样它们也可以让自己的职员被高亮起来。
译注:此处所有代码均为英站正在使用的代码。若需查看中站代码,请访问我们的 Github 页面。
/* Remove Default Wikidot Styles (UPDATE REGULARLY FROM GITHUB) */ @import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-norm.min.css"); /* Base BHL Theme (UPDATE REGULARLY FROM GITHUB) */ @import url("http://backrooms-wiki.wikidot.com/local--files/component:theme/nulim-bhl.min.css"); /* Fantasque Sans Mono Font */ @import url('https://fontlibrary.org/face/fantasque-sans-mono'); /* Lato Font */ @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); /* Collapsible Sidebar */ @import url("https://backrooms-wiki.wikidot.com/component:sidebar-theme/code/1"); /* Fancy Forums */ @import url("https://backrooms-wiki.wikidot.com/component:forum-theme/code/1"); /* Root Variables: When making a new theme, see: https://github.com/Nu-SCPTheme/Black-Highlighter/blob/master/src/css/root.css */ :root { /* S-CSS-P */ --theme-base: "black-highlighter"; --theme-id: "nuliminal"; --theme-name: "NuLiminal Theme"; /* Header */ --logo-image: url("http://backrooms-wiki.wdfiles.com/local--files/component%3Atheme/pridelogo.png"); --header-title: "The Backrooms"; --header-subtitle: "You've been here before."; --swatch-headerh1-color: var(--white-monochrome); --swatch-headerh2-color: var(--white-monochrome); /* Typefaces */ --body-font: 'Lato', Inter, Verdana, Geneva, "Helvetica Neue", "Helvetica", sans-serif; --UI-font: 'Lato', Arial, PTRootUI, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --header-font: 'Fantasque Sans Mono', Courier New, Ubuntu Mono, Consolas, monospace; --title-font: var(--header-font); --mono-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace; /* Colors */ --white-monochrome: 252, 252, 252; /* ALTERED */ --pale-gray-monochrome: 237, 233, 223; /* ALTERED */ --light-pale-gray-monochrome: 237, 233, 223; --very-light-gray-monochrome: 220, 215, 210; --light-gray-monochrome: 165, 160, 155; --gray-monochrome: 72, 69, 60; --dark-gray-monochrome: 64, 63, 52; --black-monochrome: 25, 20, 16; --pale-accent: 230, 23, 68; --bright-accent: 140, 136, 126; --medium-accent: 72, 69, 60; --dark-accent: 140, 136, 126; --alt-accent: 221, 102, 17; /* Liminal Variables */ --header-text-shadow: 0px 2px 3px rgba(0,0,0,0.8); --header-text-shadow-hover: 0px 5px 3px rgba(0,0,0,0.3); --quote-shadow: 0 2px 4px rgba(var(--black-monochrome),0.25); --footer-message: var(--header-subtitle); --swatch-sidebar-collapsible-tab-bg: var(--swatch-primary); /* MOST THEMES SHOULDN'T CHANGE THIS: makes editing consistent across themes, adds programing ligatures */ --editor-font: 'Fantasque Sans Mono', Recursive, Consolas, monaco, monospace; /* Swatches */ --swatch-secondary-color: var(--white-monochrome); --swatch-menubg-color: var(--white-monochrome); --rating-module-bg-color: var(--swatch-menubg-color); --toc-body-bg-color: var(--white-monochrome); --gradient-header: linear-gradient(to top, rgba(var(--medium-accent)) 0%, rgba(var(--medium-accent), 0.90) 100% ); --diagonal-stripes: transparent; --background-gradient-distance: 0; --scrollbar-width: 0.7rem; --swatch-background: var(--pale-gray-monochrome); --swatch-topmenu-border-color: var(--medium-accent); --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15)); --body-width-on-desktop: 45.75rem; } /* Overflow Fix */ :root { width: 100vw; overflow-x: hidden; } /* Dots */ /* Header Dots */ #skrollr-body { background-image: radial-gradient(circle, rgb(var(--medium-accent)) 50%, transparent 0); background-repeat: repeat; background-size: 0.25em 0.25em; width: 100%; height: 7.5rem; } /* Content Dots */ #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; } /* container wrap bug */ #container, #container-wrap, #container-wrap-wrap { width: 100vw; } /* Header Image */ #header { background-image: none; } #header::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: var(--logo-image); background-size: auto 16rem; background-position: center; background-repeat: no-repeat; opacity: 0.4; } /* Header Text */ #header h1 { width: 100%; } #header h1 a, #header h1 a:before { width: fit-content; transition: 0.2s; position: relative; bottom: 0; color: rgb(var(--swatch-headerh1-color)); } #header h1 a:hover:before { text-shadow: var(--header-text-shadow-hover); bottom: 3px; } #header h1, #header h1 a { position: absolute; top: 1rem; margin: 0; display: flex; justify-content: center; z-index: 0; height: 1.5rem; } #header h2, #header h2 span, #header h2 span::before { position: absolute; top: 1.85rem; margin: 0; width: 100%; display: flex; justify-content: center; font-weight: bold; } #header h2 span::before { color: rgb(var(--swatch-headerh2-color)); } #header h1 a::before, #header h2 span::before { text-shadow: var(--header-text-shadow); } /* Div Boxes */ .darkblock { color: rgb(var(--white-monochrome)); background: rgb(var(--dark-gray-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0; box-shadow: var(--quote-shadow); } .lightblock { color: rgb(var(--black-monochrome)); background: rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0; box-shadow: var(--quote-shadow); } /* Div Quotes */ .blockquote, [class*=blockquote], blockquote, div.blockquote { box-shadow: var(--quote-shadow); margin-top: 0.5em; margin-bottom: 0.5em; } .styled-quote { color: rgb(var(--black-monochrome)); background: rgb(var(--white-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0; box-shadow: var(--quote-shadow); border-left: solid 6px rgb(var(--dark-gray-monochrome)); } .dark-styled-quote { color: rgb(var(--white-monochrome)); background: rgb(var(--gray-monochrome)); padding: 0.01rem 1rem; margin: 0.5rem 0; box-shadow: var(--quote-shadow); border-left: solid 6px rgb(var(--dark-gray-monochrome)); } /* Headings */ h1, h2, h3, h4, h5, h6 { margin-top: 0.5em; margin-left: 0; } /* Table of Contents */ #page-content #toc { --toc-header-bg-color: var(--gray-monochrome); --toc-body-bg-color: var(--pale-gray-monochrome); } /* Table */ #page-content table { box-shadow: var(--quote-shadow); } /* Max-Width Fix */ img, embed, video, object, iframe, table, dark#page-content div, #page-content div table { max-width: 100%; } div#footer:after { content: var(--footer-message); border-left: solid 1px; padding-left: 0.5em; height: 1.4em; display: inline-flex; align-items: center; margin-left: 0.3em; } /* Horizontal Rule Fix */ hr { clear: none; display: flex; } .bibitems .bibitem:after, .footnotes-footer a[href*=javascript]:before { right: -20%; width: 140%; } /* Tab Gap */ .yui-navset .yui-nav { background: rgb(var(--tabs-bottom-border-color)); column-gap: 4px; } .yui-navset { margin-top: 1rem; } /* Collapsible Sidebar */ /* Most of the code for the collapsible sidebar is imported. */ #main-content::after { height: 13rem; border-radius: 0 0.6rem 0.6rem 0; background-color: rgb(var(--swatch-sidebar-collapsible-tab-bg)); top: calc(50vh - 6.5rem); background-image: url("http://nuliminal-test.wikidot.com/local--files/component:theme/sidebar-arrows.svg"); } /* Page Title */ #page-title, .meta-title { margin-bottom: 0.5em; } /* printuser */ span.printuser img.small { transition: 0.5s; transition-timing-function: cubic-bezier (0,1,1,0); } span.printuser img.small:hover { transform: scale(2); transition-delay: 0.5s; } #avatar-hover-container { display: none; } /* Buttons */ div[id*=page-options-bottom]:not(.page-rate-widget-box):not(#search-top-box-form)>a.btn { padding: 3px; box-shadow: none; flex-basis: 7rem; } div[id*=page-options-bottom]>a:after { content: none; } /* Stop the unordered lists being in line with the text, this breaks SD banners! */ ul { padding-inline-start: 2.5rem; } /* Template options text fix */ form#edit-page-form #page-templates option, form#edit-post-form #page-templates option, form#new-post-form #page-templates option, form#new-thread-form #page-templates option { color: rgb(var(--swatch-menutxt-dark-color)); } /* Message on Delete/Rename/Move */ #rename-option-rename::before, #rename-option-delete::before { content: "Reminder: Backrooms Wiki users can rename/move pages they own, but use this responsibly (preferably only if there is an error with the name). Only staff are allowed to delete pages, even your own pages: ask Backrooms Wiki staff and we will help you!"; color: red; display: block; margin-top: 1rem; } /* MOBILE */ #page-content { max-width: var(--body-width-on-desktop); } @media only screen and (max-width: 56.25rem) { #page-content { max-width: var(--body-width-on-mobile); } } .scp-image-caption { width: unset !important; } /* Fix Images */ .image-container.floatright { float: right; margin-left: 0.7em; } /* Fix Modals */ #odialog-container .content > h1 ~ table, #odialog-container .modal-body > h1 ~ table { grid-auto-rows: auto; } /* Editor Font */ #edit-page-textarea { font-family: var(--editor-font); }
[[/iftags]]
搬运注:本组件为一个新阈限组件。
如您希望在页面中使用本组件,请先将其版式设置为:[[include :backrooms-wiki-cn:theme:nuliminal]]
或其他新阈限版式。
这个按钮可以将页面转为暗色版。也许你可以把它放在你的评分模块旁边?不确定,随你。可以兼容一些版式,但是不保证全部。先试试再说吧!
不过得记住,点一下这个按钮后会重置到页面顶端。
{$buttonclass} = 设置按钮的类(class)。我的建议是 |buttonclass=button btn
{$buttonstyle} = 直接为按钮设置样式。
要使用本组件,在页面开头插入:
[[include :backrooms-wiki-cn:component:dark-theme-toggle]]
—— scutoid