I57 黑标主题版式
黑色标记笔 主题版式 » 黑色标记笔 主题中心 » I57 黑标主题版式
主题颜色
Ship Gray--dark-gray-monochrome#424248
Gold--bright-accent#f3cf00
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
Corn--medium-accent#ddbc00
Log Cabin--dark-accent#121411
{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}
{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}
{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

I57 印章
使用方法
注意:这是一个基于黑色标记笔的主题版式。若你想使用此版式,你还需要导入黑色标记笔版式。点击这里了解更多。
在你的作品开头添加如下语法以应用此版式:
[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:i57]]
示例
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
此为分页(tab view)。
看,这有更多文字。
多么精巧绝伦。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
以及更多1
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
[[div class="report"]]
[[div class="mac"]]
页眉字体为 Bebas Neue / 方正姚体。
正文及标题字体为 Inter / Noto Sans SC。
等宽字为 Recursive / Noto Serif SC。
Footnotes
1. 这里是脚注!
/* Fonts */ @import url("https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap"); /* All Vars Used */ :root { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "nuscp"; /* must be either "nuscp" or "sigma9" */ --theme-id: "nuscp"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "i57-theme"; /* set this to your theme's full name */ /* Header */ --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/i57logo.png"); --header-title: "FACILITY-57"; --header-subtitle: "SEGURIDAD. CONTENCIÓN. PROTECCIÓN"; /* Typefaces */ --header-font: "Bebas Neue", cursive; /* ========================== Stylistic Sets | Any: 0 OR 1 */ --ss01: 0; --ss02: 0; --ss03: 0; /* Standard Colors */ --white-monochrome: 252, 252, 252; --pale-gray-monochrome: 244, 244, 244; --very-light-gray-monochrome: 153, 153, 153; --light-gray-monochrome: 170, 170, 170; --gray-monochrome: 66, 66, 72; --dark-gray-monochrome: 39, 39, 39; --black-monochrome: 12, 12, 12; /* bright yellow */ --bright-accent: 243, 207, 0; /* medium yellow 4 header */ --medium-accent: 221, 188, 0; /* dark blue */ --dark-accent: 18, 20, 17; /* blue */ --alt-accent: 131, 115, 15; /* Primary Theme Colors */ --swatch-background: 240, 240, 240; --swatch-primary: var(--medium-accent); --swatch-primary-darker: var(--bright-accent); --swatch-primary-darkest: var(--bright-accent); /* Primary Text Colors */ --swatch-text-dark: var(--black-monochrome); --swatch-text-light: var(--white-monochrome); --swatch-important-text: var(--bright-accent); /* Primary Menu Colors */ --swatch-menubg-color: var(--dark-accent); --swatch-border-color: var(--medium-accent); /* Primary Header Colors */ --swatch-headerh1-color: var(--bright-accent); --swatch-headerh2-color: var(--bright-accent) ; --swatch-topmenu-border-color: var(--dark-accent); --swatch-topmenu-bg-color: var(--dark-accent); --rating-module-button-color: var(--black-monochrome); --rating-module-text-color: var(--black-monochrome); --diagonal-stripes: none; --cutColour: rgb(var(--bright-accent)); --barColour: rgb(var(--dark-accent)); } :root:lang(cn) { /* Header */ --header-title: "57 號設施"; --header-subtitle: "控制,收容,保護"; /* Typefaces */ --header-font: "Bebas Neue", '方正姚体', cursive; } :root { /* ===LINK COLORS=== */ --link-color: var(--alt-accent); --visited-link-color: var(--gray-monochrome); --hover-link-color: var(--swatch-primary-darkest); --newpage-color: var(--bright-accent); } #header { /* ===LOGIN BOX ELEMENT=== */ --login-arrow-color: var(--swatch-primary-darkest); /* Dropdown Box when arrow is clicked */ --login-dropdown-bg-hover-color: var(--swatch-primary),0.25; } #top-bar { /* ===TOPBAR ELEMENTS=== */ /* ===TOPBAR CATEGORIES=== */ --topmenu-hover-border-color: var(--swatch-primary-darkest); /* ===DROPDOWN MENU=== */ --dropdown-links-hover-color: var(--swatch-text-secondary-color); --dropdown-links-hover-bg-color: var(--swatch-primary),0.25; } #side-bar { /* ===SIDE-BAR ELEMENTS=== */ /* ===MENU-ITEMS=== */ --sidebar-links-hover-bg-color: var(--swatch-primary),0.25; } #side-bar .heading p { font-size: var(--base-font-size); letter-spacing: 0.1em; } /* ===FOOTER=== */ #footer { --footer-text-color: var(--swatch-text-tertiary-color); --footer-link-color: var(--swatch-text-tertiary-color); --footer-link-hover-color: var(--swatch-primary-darkest); } /* ===LICENSE AREA=== */ #license-area { --license-link-hover-color: var(--swatch-primary-darkest); } #main-content { /* ===MAIN CONTENT UI ELEMENTS */ /* ===UI ICONS=== */ /* ===PAGE OPTIONS ICONS=== */ --ui-icon-color: var(--swatch-text-tertiary-color); --ui-icon-bg: var(--swatch-primary); --ui-icon-hover-color: var(--swatch-text-tertiary-color); --ui-icon-hover-bg: var(--swatch-primary-darkest); /* ===TEXT EDITOR ICONS=== */ --editor-icon-hover-color: var(---swatch-text-tertiary-color); /* ===TABS=== */ --tabs-bg: var(--swatch-secondary-color); --tabs-txt: var(--swatch-primary-darkest); --tabs-hover-bg: var(--swatch-primary); --tabs-hover-txt: var(--swatch-text-secondary-color); --tabs-selected-bg: var(--swatch-primary-darker); --tabs-selected-outline: var(--swatch-primary-darker); /* ===TABLES=== */ --tables-header-bg: var(--swatch-primary); /* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */ --footnotes-footer-title-text-color: var(--swatch-text-tertiary-color); --footnotes-footer-num-hover-color: var(--swatch-text-tertiary-color); /* ===PAGE TAGS=== */ --pagetags-title-text: var(--swatch-text-tertiary-color); --pagetags-text-hover-color: var(--swatch-primary-darkest); --pagetags-text-hover-bg-color: var(--black-monochrome); } /* ===GLOBAL ELEMENTS=== */ :root { /* ===UI BUTTONS=== */ --ui-button-bg: var(--swatch-alternate-color); --ui-button-txt: var(--swatch-text-secondary-color); --ui-button-hover-bg: var(--swatch-primary-darkest); --ui-button-hover-txt: var(--swatch-text-tertiary-color); --ui-button-hover-outline: var(--swatch-primary-darkest); /* ===MODALS=== */ --modal-bg: var(--swatch-secondary-color); --modal-body-text: var(--swatch-text-tertiary-color); /* h1/h2/h3/h4/h5/h6 */ --modal-body-header-txt: var(--swatch-text-tertiary-color); --modal-header-bg: var(--swatch-primary-darkest); --modal-header-txt: var(--swatch-text-secondary-color); --modal-header-stripe: var(--swatch-primary); /* ===FOOTNOTES HOVER BLOCK=== */ --hoverblock-bg: var(--swatch-alternate-color); --hoverblock-txt: var(--swatch-text-secondary-color); --hoverblock-header-txt: var(--swatch-text-tertiary-color); --hoverblock-footer-bg: var(--swatch-alternate-color); --hoverblock-footer-txt: var(--swatch-text-secondary-color); } html, body, #side-bar:hover { scrollbar-color: rgb(var(--bright-accent)) rgb(var(--dark-accent)); } ::-webkit-scrollbar, #side-bar:hover::-webkit-scrollbar { background-color: rgb(var(--dark-accent)); } ::-webkit-scrollbar-thumb, #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgb(var(--bright-accent)); } #header h1 a::before { color: rgb(var(--medium-accent)); } #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { background: rgb(var(--black-monochrome)); color: rgb(var(--medium-accent)); } @media only screen and (max-width: 48rem) { #search-top-box:not(:focus-within)::before { color: rgb(var(--medium-accent)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { background-color: #181a17; } } hr { border-top: 0.0625rem solid rgb(var(--dark-gray-monochrome)); border-right: 1.875rem solid rgb(var(--bright-accent)); border-bottom: 0.0625rem solid rgb(var(--dark-gray-monochrome)); border-left: 1.875rem solid rgb(var(--bright-accent)); background: rgb(var(--dark-gray-monochrome)); } .scp-image-block { border: none; border-radius: 0.3125rem; background: rgb(var(--dark-gray-monochrome)); } .scp-image-block .scp-image-caption { background-color: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } blockquote, .blockquote { border: 0.125rem dashed rgba(var(--light-gray-monochrome), 0.7); background-color: rgba(var(--light-gray-monochrome), 0.3); } .footnotes-footer { transition: box-shadow 300ms ease-in-out; background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/i57.png"); background-repeat: repeat; background-size: contain; box-shadow: inset 0 0 0 0 rgb(var(--medium-accent)), inset 0 0 0 0 rgb(var(--medium-accent)); color: rgb(var(--bright-accent)); } .footnotes-footer:hover { box-shadow: inset 0.35em 0 0 0 rgb(var(--medium-accent)), inset -0.35em 0 0 0 rgb(var(--medium-accent)); } .footnotes-footer a[href*="javascript"]::before, .bibitems .bibitem::after { margin: -0.125ch 0.125ch 0; padding: 0 0.125ch; background-color: rgb(var(--swatch-primary-darkest)); color: rgb(var(--swatch-text-tertiary-color)); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]):hover { background-color: rgb(var(--alt-accent)); color: rgb(var(--white-monochrome)); } .report { display: block; width: 84%; margin: 0.625rem auto; padding: 0.3125rem 0.9375rem; border: dashed 0.0625rem rgb(var(--very-light-gray-monochrome)); background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/scp-logo-i57.png') center center no-repeat; } .mac { display: block; width: 84%; margin: 0.625rem auto; padding: 12.1875rem 0.9375rem 0.9375rem 0.9375rem; border: solid 0.1875rem rgb(var(--dark-accent)); background: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/MAC-1.png') top no-repeat; background-color: rgb(var(--white-monochrome)); background-size: 12.5rem; } .mac p { padding-top: 0.25rem; border-top: 0.125rem solid rgb(var(--black-monochrome)); } #extra-div-2 { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 7.5rem; background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/i57.png"); background-repeat: repeat; background-position: top; background-size: contain; pointer-events: none; } /* TABVIEW - Abandon All Hope Ye Who Enter Here */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { display: flex; flex-wrap: wrap; width: calc(100% - 0.125rem); margin: 0 auto; box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--bright-accent)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { display: flex; position: relative; max-width: 100%; margin: 0 0.25em 0.5em; padding: 0; transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1); background: url("https://scp-wiki.wdfiles.com/local--files/theme%3Ai57/i57.png"); background-repeat: repeat; background-size: contain; box-shadow: 0 0 0 0.0625rem rgba(var(--dark-accent), 0.5); color: rgb(var(--bright-accent)); font-weight: bold; } .yui-navset .yui-nav li a, .yui-navset .yui-navset-top .yui-nav li a { zoom: unset; border: unset; background-color: rgb(0,0,0,0); display: flex; align-items: center; justify-content: center; width: 100%; zoom: unset; vertical-align: bottom; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:active { color: rgb(var(--dark-accent)); font-weight: bold; } .yui-navset .yui-nav a:focus-within { color: rgb(var(--dark-accent)); font-weight: bold; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { padding: 0.35em 0.75em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yui-navset .yui-nav li em { /* Undoes border set by wikidot's default layout */ border: unset !important; } /* Selected Tab */ .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-nav .selected:hover, .yui-navset .yui-navset-top .yui-nav .selected:hover { flex-grow: 2; margin: -0.25em 0 0.25em 0; padding: 0; color: rgb(var(--dark-accent)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { color: rgb(var(--dark-accent)); } .yui-navset .yui-nav .selected a { width: 100%; /* Undoes a color set by wikidot's default layout */ color: rgb(var(--white-monochrome)) !important; } .yui-navset .yui-content { background-color: rgba(var(--light-gray-monochrome), 0.5); /* content background color */ } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--light-gray-monochrome)); /* content border */ } .yui-navset-left .yui-content { border-left-color: rgba(var(--dark-accent), 1); /* different border color */ } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { margin-bottom: -0.125rem; background-color: rgb(var(--medium-accent)); background-image: none; color: rgb(var(--dark-accent)); font-weight: bold; cursor: default; } /* Reduced Animations */ @media (prefers-reduced-motion: reduce) { *, ::before, ::after { transition-duration: 0.001s !important; -webkit-animation-duration: 0.001s !important; animation-duration: 0.001s !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } }
:root { --ss01: 0; --ss03: 0; --bright-accent: 243, 207, 0; --medium-accent: 221, 188, 0; --dark-accent: 18, 20, 17; --swatch-primary: var(--medium-accent); --swatch-primary-darker: var(--bright-accent); --swatch-primary-darkest: var(--bright-accent); --swatch-border-color: var(--medium-accent); } .side-block { --sidebar-links-hover-bg-color: var(--swatch-primary), 0.25; } .side-block .heading p { font-size: var(--base-font-size); letter-spacing: 0.1em; }