黑色之雨 主题版式
黑色标记笔 主题版式 » 黑色标记笔 主题中心 » 黑色之雨 主题版式
使用方法
注意：这是一个基于黑色标记笔的主题版式。若你想使用此版式，你还需要导入黑色标记笔版式。点击这里了解更多。
在你的作品开头添加如下语法以应用此版式：
[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:black-rain]]
示例
黑色之雨
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
此为分页（tab view）。
看，这有更多文字。
多么精巧绝伦。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
| 这是 | 表格 |
|---|---|
| 你应该老早 | 就知道怎么 |
| 做这个了吧 | |
@supports(display: grid) { :root { /* ===S-CSS-P INTEGRATION=== */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "black-highlighter"; /* must be either "black-highlighter" or "sigma9" */ --theme-id: "black-rain"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "Black Rain Theme"; /* set this to your theme's full name */ /* ===HEADER ELEMENTS=== */ --logo-image: none; --header-title: "黑 王"; --header-subtitle: "神拘黑白 王宴绯青"; /* ===STANDARD THEME COLORS=== */ --bright-accent: 192, 5, 4; --medium-accent: 144, 46, 47; --dark-accent: 57, 10, 22; /* ===HEADER GRADIENT=== */ --gradient-header: linear-gradient(to top, rgb(var(--black-monochrome)), rgb(var(--black-monochrome))); /* ===TOPBAR GRADIENT=== */ --swatch-topmenu-bg-color: var(--swatch-menubg-dark-color); /* ===UI BUTTONS=== */ --ui-button-hover-bg: var(--swatch-primary-darkest); --ui-button-hover-outline: var(--swatch-primary-darkest); /* ===RATING MODULE=== */ --rating-module-text-color: var(--swatch-text-secondary-color); } :root:lang(cn) { /* ===HEADER ELEMENTS=== */ --header-title: "黑 王"; --header-subtitle: "神拘黑白 王宴绯青"; } /* ===BUTTONS=== */ *:not(.page-rate-widget-box):not(#search-top-box-form) > .owindow .button-bar a, *:not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input, *:not(.page-rate-widget-box):not(#search-top-box-form) > input.button, *:not(.page-rate-widget-box):not(#search-top-box-form) > button, *:not(.page-rate-widget-box):not(#search-top-box-form) > .button, *:not(.page-rate-widget-box):not(#search-top-box-form) > div.buttons input, *:not(.page-rate-widget-box):not(#search-top-box-form) > input.button, *:not(.page-rate-widget-box):not(#search-top-box-form) > button, *:not(.page-rate-widget-box):not(#search-top-box-form) > .btn { border-color: rgb(var(--swatch-menubg-black-color),0.05); } /* ===HEADER ELEMENTS=== */ div#container { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22375%22 height=%22120%22%3E%3Cstyle%3E.c0%7Banimation:rain var(--d) linear infinite%7D.c1%7Bfill:rgba(252,252,252,.35)%7D%40keyframes rain%7B0%25%7Btransform:translateY(0)%7Dto%7Btransform:translateY(100%25)%7D%7D%3C/style%3E%3Cg%3E%3Cg class=%22c0%22 style=%22--d:400ms%22%3E%3Cpath class=%22c1%22 d=%22M246.6 85.3h.2v13.2h-.2zM246.6-34.7h.2v13.2h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:377ms%22%3E%3Cpath class=%22c1%22 d=%22M265.6 2.8h.2v7.5h-.2zM265.6-117.2h.2v7.5h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:278ms%22%3E%3Cpath class=%22c1%22 d=%22M229.6-3.3h.5v18h-.5zM229.6-123.3h.5v18h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:228ms%22%3E%3Cpath class=%22c1%22 d=%22M141.6 24.2h.2v8.3h-.2zM141.6-95.8h.2v8.3h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:204ms%22%3E%3Cpath class=%22c1%22 d=%22M289.7 125.7h.7V138h-.7zM289.7 5.7h.7V18h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:205ms%22%3E%3Cpath class=%22c1%22 d=%22M257.7 97.2h.7v33.1h-.7zM257.7-22.8h.7v33.1h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:335ms%22%3E%3Cpath class=%22c1%22 d=%22M314.9 71.9h.5v5.7h-.5zM314.9-48.1h.5v5.7h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:341ms%22%3E%3Cpath class=%22c1%22 d=%22M368.9 21.5h.7v18.7h-.7zM368.9-98.5h.7v18.7h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:393ms%22%3E%3Cpath class=%22c1%22 d=%22M282 112h.7v39.8h-.7zM282-8h.7v39.8h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:233ms%22%3E%3Cpath class=%22c1%22 d=%22M61 96.7h.5v6.2H61zM61-23.3h.5v6.2H61z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:270ms%22%3E%3Cpath class=%22c1%22 d=%22M255.1 58.6h.2v23.5h-.2zM255.1-61.4h.2v23.5h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:383ms%22%3E%3Cpath class=%22c1%22 d=%22M367.1 3.7h.7v14.6h-.7zM367.1-116.3h.7v14.6h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:254ms%22%3E%3Cpath class=%22c1%22 d=%22M87.8 23.9h.3V33h-.3zM87.8-96.1h.3v9.1h-.3z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:260ms%22%3E%3Cpath class=%22c1%22 d=%22M128.3 46.2h.9V73h-.9zM128.3-73.8h.9V-47h-.9z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:243ms%22%3E%3Cpath class=%22c1%22 d=%22M176.5 125.4h.4v10.7h-.4zM176.5 5.4h.4v10.7h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:348ms%22%3E%3Cpath class=%22c1%22 d=%22M286.9 78.9h1.1v32.8h-1.1zM286.9-41.1h1.1v32.8h-1.1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:274ms%22%3E%3Cpath class=%22c1%22 d=%22M43.4 19.3h.7v8.2h-.7zM43.4-100.7h.7v8.2h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:279ms%22%3E%3Cpath class=%22c1%22 d=%22M271.1 82.6h1v12.9h-1zM271.1-37.4h1v12.9h-1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:377ms%22%3E%3Cpath class=%22c1%22 d=%22M44.8 72h.3v6.4h-.3zM44.8-48h.3v6.4h-.3z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:355ms%22%3E%3Cpath class=%22c1%22 d=%22M39 102.5h.4v36H39zM39-17.5h.4v36H39z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:237ms%22%3E%3Cpath class=%22c1%22 d=%22M350.7 14.3h.5v33.4h-.5zM350.7-105.7h.5v33.4h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:321ms%22%3E%3Cpath class=%22c1%22 d=%22M153.9 69.1h.8v34.5h-.8zM153.9-50.9h.8v34.5h-.8z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:286ms%22%3E%3Cpath class=%22c1%22 d=%22M323.9 85.9h.8v29.9h-.8zM323.9-34.1h.8v29.9h-.8z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:361ms%22%3E%3Cpath class=%22c1%22 d=%22M57.3 117.9h.6v20.3h-.6zM57.3-2.1h.6v20.3h-.6z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:343ms%22%3E%3Cpath class=%22c1%22 d=%22M171.2 85.4h.7v9.8h-.7zM171.2-34.6h.7v9.8h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:264ms%22%3E%3Cpath class=%22c1%22 d=%22M26.7 4.5h.4V19h-.4zM26.7-115.5h.4v14.5h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:204ms%22%3E%3Cpath class=%22c1%22 d=%22M366.4 59h1v34.5h-1zM366.4-61h1v34.5h-1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:291ms%22%3E%3Cpath class=%22c1%22 d=%22M58.9 98.3h.4v15h-.4zM58.9-21.7h.4v15h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:308ms%22%3E%3Cpath class=%22c1%22 d=%22M140.8 40h1v24.5h-1zM140.8-80h1v24.5h-1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:223ms%22%3E%3Cpath class=%22c1%22 d=%22M181.1 2.3h.4v25.9h-.4zM181.1-117.7h.4v25.9h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:391ms%22%3E%3Cpath class=%22c1%22 d=%22M76.5-2.5h.7v20.8h-.7zM76.5-122.5h.7v20.8h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:254ms%22%3E%3Cpath class=%22c1%22 d=%22M34.9 27.3h.9v34.1h-.9zM34.9-92.7h.9v34.1h-.9z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:319ms%22%3E%3Cpath class=%22c1%22 d=%22M190.8 29.1h1.1v13.8h-1.1zM190.8-90.9h1.1v13.8h-1.1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:292ms%22%3E%3Cpath class=%22c1%22 d=%22M55.5 69.4h.5v10h-.5zM55.5-50.6h.5v10h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:320ms%22%3E%3Cpath class=%22c1%22 d=%22M6 32.8h.5v32H6zM6-87.2h.5v32H6z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:308ms%22%3E%3Cpath class=%22c1%22 d=%22M133.3 75.6h.7v9.8h-.7zM133.3-44.4h.7v9.8h-.7z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:296ms%22%3E%3Cpath class=%22c1%22 d=%22M93.3 37.9h.5v33.4h-.5zM93.3-82.1h.5v33.4h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:398ms%22%3E%3Cpath class=%22c1%22 d=%22M315.9 106h.4v35.5h-.4zM315.9-14h.4v35.5h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:265ms%22%3E%3Cpath class=%22c1%22 d=%22M58.3 39.6h.8v12.9h-.8zM58.3-80.4h.8v12.9h-.8z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:341ms%22%3E%3Cpath class=%22c1%22 d=%22M203 81h.3v13.3h-.3zM203-39h.3v13.3h-.3z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:294ms%22%3E%3Cpath class=%22c1%22 d=%22M341.8.2h.6v24.3h-.6zM341.8-119.8h.6v24.3h-.6z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:252ms%22%3E%3Cpath class=%22c1%22 d=%22M163.1 107.7h.2v35.8h-.2zM163.1-12.3h.2v35.8h-.2z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:274ms%22%3E%3Cpath class=%22c1%22 d=%22M153.4 41.9h.4v37.7h-.4zM153.4-78.1h.4v37.7h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:329ms%22%3E%3Cpath class=%22c1%22 d=%22M15.5 74.5h.4v15.6h-.4zM15.5-45.5h.4v15.6h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:369ms%22%3E%3Cpath class=%22c1%22 d=%22M86.5 90.9h1.1v31.6h-1.1zM86.5-29.1h1.1V2.5h-1.1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:246ms%22%3E%3Cpath class=%22c1%22 d=%22M283 62.7h.5v33.9h-.5zM283-57.3h.5v33.9h-.5z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:342ms%22%3E%3Cpath class=%22c1%22 d=%22M246.9 48.1h.8v15.1h-.8zM246.9-71.9h.8v15.1h-.8z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:259ms%22%3E%3Cpath class=%22c1%22 d=%22M319.7 56.2h1v38.7h-1zM319.7-63.8h1v38.7h-1z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:248ms%22%3E%3Cpath class=%22c1%22 d=%22M251.5 13.9h.4v24.9h-.4zM251.5-106.1h.4v24.9h-.4z%22/%3E%3C/g%3E%3Cg class=%22c0%22 style=%22--d:238ms%22%3E%3Cpath class=%22c1%22 d=%22M7.4 102.1h1.1v14.3H7.4zM7.4-17.9h1.1v14.3H7.4z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 23.4375rem var(--header-height-on-desktop); background-repeat: repeat-x; background-position: 0 0; } #header { /* ===HEADER TITLES=== */ --swatch-headerh1-color: var(--swatch-text-dark); --swatch-headerh2-color: var(--dark-gray-monochrome); /* ===SEARCH ELEMENT=== */ --search-icon-focus-bg-color: var(--swatch-menubg-medium-color); --search-focus-outline-color: var(--swatch-menubg-medium-color); /* ===LOGIN BOX ELEMENT=== */ --login-dropdown-bg-hover-color: var(--swatch-menubg-medium-dark-color); } #header h1, #header h2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; overflow: hidden; } #header h1 a, #header h2 span { margin-left: 0; } #header h1 a::before, #header h2 span::before { white-space: nowrap; } #header h1 a { margin-top: -webkit-calc(((var(--header-height-on-desktop) / 2)) - 1.75rem); margin-top: -moz-calc(((var(--header-height-on-desktop) / 2)) - 1.75rem); margin-top: calc(((var(--header-height-on-desktop) / 2)) - 1.75rem); z-index: auto; } #header h1 a::before { --text-shadow: var(--very-light-gray-monochrome); font-size: 5rem; text-shadow: 0 0 0.3125rem rgba(var(--text-shadow), 0), 0 0 0.625rem rgba(var(--text-shadow), 0.35), 0 0 0.9375rem rgba(var(--text-shadow), 0), 0 0 2.5rem rgba(var(--text-shadow), 0.35), 0 0 5rem rgba(var(--text-shadow), 0); word-spacing: 0.25em; -webkit-transition: color 500ms, text-shadow 500ms; -moz-transition: color 500ms, text-shadow 500ms; -o-transition: color 500ms, text-shadow 500ms; transition: color 500ms, text-shadow 500ms; } #header h1 a:hover::before { color: rgb(var(--swatch-primary)); text-shadow: 0 0 0.3125rem rgba(var(--black-monochrome), 1), 0 0 0.625rem rgba(var(--black-monochrome), 1), 0 0 0.9375rem rgba(var(--text-shadow), 0.35), 0 0 2.5rem rgba(var(--text-shadow), 0.35), 0 0 5rem rgba(var(--text-shadow), 0.35); } #header h2 span { margin-top: -webkit-calc(((var(--header-height-on-desktop) / 2) + 1.25rem)); margin-top: -moz-calc(((var(--header-height-on-desktop) / 2) + 1.25rem)); margin-top: calc(((var(--header-height-on-desktop) / 2) + 1.25rem)); } #header h2 span::before { --wght: 600; --text-shadow: var(--very-light-gray-monochrome); display: block; font-size: 1.5rem; font-weight: var(--wght); text-align: center; text-shadow: 0 0 0.125rem rgba(var(--text-shadow), 0.35), 0 0 0.25rem rgba(var(--text-shadow), 0.35); } /* ===TOPBAR ELEMENTS=== */ #top-bar { /* ===TOPBAR CATEGORIES=== */ --topmenu-hover-border-color: var(--swatch-primary-darkest); /* ===DROPDOWN MENU=== */ --dropdown-links-hover-bg-color: var(--swatch-menubg-black-color); } #header div[class*="top-bar"] > ul > li:hover, #header div[class*="top-bar"] > ul > li:active, #header div[class*="top-bar"] > ul > li:focus-within { background-color: rgba(var(--swatch-menubg-black-color), 0.75); } #header div[class*="top-bar"] > ul > li > ul li:hover, #header div[class*="top-bar"] > ul > li > ul li:active, #header div[class*="top-bar"] > ul > li > ul li:focus-within { background-color: rgba(var(--dropdown-links-hover-bg-color), 0.05); } /* ===SIDE-BAR ELEMENTS=== */ #side-bar { /* ===SOCIAL MEDIA ICONS=== */ --social-icon-hover-color: var(--swatch-menubg-medium-dark-color); /* ===SIDEBLOCK MENU=== */ --sideblock-heading-border-color: var(--medium-accent); /* ===MENU-ITEMS=== */ --sidebar-border-color: var(--very-light-gray-monochrome), 0.08; --sidebar-links-hover-bg-color: var(--swatch-menubg-medium-dark-color); /* ===SIDEBAR COLLAPSIBLES=== */ --sidebar-collapsible-link-hover-bg: var(--swatch-primary-darkest); } #side-bar .side-block { --swatch-primary-darker: var(--gray-monochrome); --swatch-primary-darkest: var(--black-monochrome); } #side-bar .side-block[style*="background-color"] { background-color: rgba(var(--swatch-menubg-black-color), 0.15) !important; } /* ===FOOTER=== */ #footer { --footer-bg-color: var(--swatch-menubg-black-color); } /* ===MAIN CONTENT UI ELEMENTS=== */ #main-content { /* ===PAGE OPTIONS ICONS=== */ --ui-icon-bg: var(--swatch-menubg-black-color); --ui-icon-hover-bg: var(--swatch-primary-darkest); /* ===TEXT EDITOR ICONS=== */ --editor-icon-hover-bg: var(--swatch-primary-darkest); /* ===TABS=== */ --tabs-hover-bg: var(--swatch-menubg-medium-dark-color); --tabs-selected-bg: var(--swatch-menubg-black-color); --tabs-selected-outline: var(--swatch-menubg-black-color); --tabs-bottom-border-color: var(--swatch-menubg-medium-color); /* ===TABLES=== */ --tables-header-bg: var(--swatch-menubg-dark-color); /* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */ --footnotes-footer-colorbar-color: var(--swatch-menubg-black-color); --footnotes-footer-title-bg-color: var(--swatch-menubg-black-color); /* ===TOC=== */ --toc-header-bg-color: var(--swatch-menubg-dark-color); /* ===PAGE TAGS=== */ --pagetags-title-bg: var(--swatch-menubg-black-color); } /* ===RATING MODULE=== */ .page-rate-widget-box, #page-content .rate-box-with-credit-button { background-image: -webkit-linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-accent)) 100%); background-image: -moz-linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-accent)) 100%); background-image: linear-gradient(to bottom, rgb(var(--black-monochrome)) 0%, rgb(var(--black-monochrome)) 30%, rgb(var(--dark-accent)) 100%); background-color: rgb(var(--black-monochrome)); border-bottom-width: 0.0625rem; border-color: rgba(var(--light-gray-monochrome), 0.15); box-shadow: none; } #page-content .rate-box-with-credit-button > .creditButton > p > a::after { background-color: rgba(52, 152, 219, 1); } /* ===Ayers' Info Bar=== */ .info-container { --barColour: rgb(var(--black-monochrome)); } }
:root { --very-light-gray-monochrome: 215, 215, 215; --gray-monochrome: 66, 66, 72; --bright-accent: 192, 5, 4; --medium-accent: 144, 46, 47; --dark-accent: 57, 10, 22; --swatch-menubg-medium-dark-color: var(--gray-monochrome); } .side-block { --sideblock-heading-border-color: var(--medium-accent); --sidebar-border-color: var(--very-light-gray-monochrome), 0.08; --sidebar-links-hover-bg-color: var(--swatch-menubg-medium-dark-color); }