超黑标记笔 主题版式

[[iftags +版式]] [[module CSS]] @import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/normalize.min.css"); @import url("https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/black-highlighter.min.css"); [ #page-title, #breadcrumbs {     text-align: center !important; } #page-title {     --wght: 900;     font-family: var(--header-font);     font-weight: 900; } .scp-image-block.block-right {     margin: 1em 0 1em 2em; } .scp-image-block > a:first-of-type {     background: var(--gradient-header); } .scp-image-block .printuser img.small {     width: initial; } .scp-image-block img {     min-width: 100%;     -webkit-box-sizing: border-box;        -moz-box-sizing: border-box;             box-sizing: border-box;     padding: 0.5em; } [[/module]] [[div_ style="display:none"]] [[embed]] <iframe src="//scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?bhl" name="typeFrame"></iframe> [[/embed]] [[/div]] [[=]] + 这是什么？ 好吧...这是黑标版式的暗色版本。 //如果这就是你想要的话。// [[/=]] [[div_ style="border: 0.0625rem solid rgb(var(--swatch-secondary-color));padding: 1em;text-align:center;"]] + 使用方法 [[div_ style="filter: invert(1) brightness(110%);display:flex;"]] [[image https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlighter-theme/black-highlighter-logo.svg]] [[/div]] 在任何维基网站上： [[div class="code"]] @@[[include :scp-wiki-cn:theme:black-highlighter-theme]]@@ @@[[include :scp-wiki-cn:theme:extra-black-highlighter-theme]]@@ [[/div]] [[/div]] ----- [[=]] + 主题颜色 [[/=]] [[include :scp-wiki:component:theme-squares -=- | color1-name=Payne's Grey | color1-variable=--gray-monochrome | color1-info=(66, 66, 72) | color1-has-light-text=1 | color2-name=Rosewood | color2-variable=--bright-accent | color2-info=(133, 0, 5) | color2-has-light-text=1 | subcolor1-name=Alto | subcolor1-variable=--very-light-gray-monochrome | subcolor1-info=(215, 215, 215) | subcolor2-name=White Smoke | subcolor2-variable=--pale-gray-monochrome | subcolor2-info=(244, 244, 244) | subcolor3-name=Bastille | subcolor3-variable=--dark-gray-monochrome | subcolor3-info=(48, 48, 52) | subcolor3-has-light-text=1 | subcolor4-name=Buccaneer | subcolor4-variable=--medium-accent | subcolor4-info=(100, 46, 44) | subcolor4-has-light-text=1 | subcolor5-name=Maroon | subcolor5-variable=--dark-accent | subcolor5-info=(100, 3, 15) | subcolor5-has-light-text=1 | subcolor6-name=Mango Tango | subcolor6-variable=--newpage-color | subcolor6-info=(221, 102, 17) ]] + 示例 [[include component:image-block name=https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/img/logo.svg|caption=SCP 基金会 标志|width=200px]] 可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。 ----- 标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。 [[collapsible show="+ 标题" hide="- 标题"]] + 1 级标题 ++ 2 级标题 +++ 3 级标题 ++++ 4 级标题 +++++ 5 级标题 ++++++ 6 级标题 [[/collapsible]] @@ @@ [[tabview]] [[tab 分页]] 此为分页（tab view）。 [[/tab]] [[tab 分页]] 看，这有更多文字。 多么精巧绝伦。 [[/tab]] [[tab 长 Tab]] 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 这是一个长的 tab，它有很多文字。 [[/tab]] [[tab 由于一些奇怪的原因，这个空 tab 有一个很长的名字。我想知道为什么？这很奇怪。]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[tab 空 Tab]] [[/tab]] [[/tabview]] > 这是一个引用块，在一行字的起始处加上“> ”来创建。 > > 更多文字 > ----- > 一条分割线 > >> 嵌套引用块 ||~ 这是 ||~ 表格 || || 你应该老早 || 就知道怎么 || |||| 做这个了吧 || ----- [[collapsible show="+ 显示版式代码" hide="- 隐藏版式代码"]] [[code type="CSS"]] @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-highlighte";      /* must be either "nuscp" or "sigma9" */      --theme-id: "Extra-BHL-theme";      /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */      --theme-name: "Extra Black Highlighter Theme";      /* set this to your theme's full name */      /* New Vars */      --swatch-menubg-extra-dark-color: 30, 30, 32;      /* Old Vars */      --black-monochrome: 20, 22, 24;      --light-pale-gray-monochrome: 250, 250, 250;      --bright-accent: var(--pale-accent);      /* Primary Theme Colors */      --swatch-background: var(--swatch-menubg-black-color);      /* Background and Header Colors */      --background-gradient-color: 10, 10, 10;      --header-gradient-color-bottom: var(--medium-accent);      --header-gradient-color-middle: var(--swatch-menubg-black-color);      --header-gradient-color-top: var(--swatch-menubg-black-color);      /* Primary Text Colors */      --swatch-text-light: var(--light-pale-gray-monochrome);      --swatch-text-general: var(--swatch-text-light);      /* Primary Menu Colors */      --swatch-menubg-color: var(--swatch-menubg-black-color);      --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);      /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */      --swatch-secondary-color: var(--swatch-menubg-dark-color);      --swatch-tertiary-color: var(--swatch-menubg-medium-dark-color);      --swatch-alternate-color: var(--swatch-primary);      /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */      --swatch-text-secondary-color: var(--swatch-menutxt-light-color);      --swatch-text-tertiary-color: var(--swatch-menutxt-light-color);      /* Primary Header Colors */      --swatch-topmenu-border-color: var(--swatch-menubg-black-color);      --swatch-topmenu-bg-color: var(--swatch-menubg-extra-dark-color);      --rating-module-text-color: var(--swatch-text-general);      --rating-module-button-color: var(--swatch-text-general);      --rating-module-button-cancel-color: 100, 100, 100;      --ui-wght: 500;      --ui-hvr-wght: 600;      --gradient-header: linear-gradient(to bottom,      rgb(var(--header-gradient-color-bottom)) 0%,      rgb(var(--header-gradient-color-middle)) 90%,      rgb(var(--header-gradient-color-top)) 100%);      --diagonal-stripes: repeating-linear-gradient(45deg,      hsla(0, 0%, 100%, 0),      hsla(0, 0%, 100%, 0) 0.25vh,      rgba(var(--swatch-menubg-extra-dark-color), 0.1) 0.35vh,      rgba(var(--swatch-menubg-extra-dark-color), 0.2) 0.5vh);     }     #main-content {      --pagetags-title-text: var(--swatch-text-secondary-color);     }     #header {      --search-icon-color: var(--swatch-text-tertiary-color);     }     #top-bar {      /* ===DROPDOWN MENU=== */      --dropdown-bg-color: var(--swatch-menubg-extra-dark-color), 0.9;     }     ::-moz-selection {      background: rgb(var(--swatch-primary-darkest));     }     ::selection {      background: rgb(var(--swatch-primary-darkest));     }     body {      -webkit-font-smoothing: subpixel-antialiased;      -moz-osx-font-smoothing: auto;     }     #search-top-box-input {      background-color: rgb(var(--swatch-menubg-extra-dark-color));     }     #account-options {      background: var(--gradient-header);     }     #login-status {      color: rgba(var(--swatch-menutxt-light-color), 0.5);     }     #login-status ul a {      color: rgb(var(--swatch-menutxt-light-color));     }     span.printuser {      color: rgb(var(--swatch-menutxt-light-color));     }     .page-rate-widget-box {      background: linear-gradient(to bottom,      rgba(var(--header-gradient-color-bottom), 0.5) 0%,      rgba(var(--header-gradient-color-middle), 0.15) 90%,      rgba(var(--header-gradient-color-top), 0.15) 100%);      border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25);     }     #top-bar div.mobile-top-bar>ul>li>ul>li>a,     #top-bar div.top-bar>ul>li>ul>li>a {      box-shadow: inset 0 0 0 0.0625rem rgba(var(--swatch-menubg-medium-color), 0.15);     }     #side-bar .heading p,     #side-bar .collapsible-block .collapsible-block-link {      color: rgb(var(--swatch-menutxt-light-color));     }     blockquote,     .blockquote,     .code {      --swatch-border-color: var(--swatch-menubg-light-color);      border-color: rgba(var(--swatch-border-color), 0.25);     }     .yui-navset .yui-nav,     .yui-navset .yui-navset-top .yui-nav {      --box-shadow: rgb(var(--swatch-primary-darkest));      border-color: rgb(var(--swatch-primary-darkest));     }     .yui-navset .yui-nav li,     .yui-navset .yui-navset-top .yui-nav li {      --box-shadow: rgb(var(--swatch-primary-darkest));     }     .yui-navset .yui-nav a,     .yui-navset .yui-navset-top .yui-nav a {      background-color: rgb(var(--swatch-menubg-extra-dark-color));      color: rgb(var(--swatch-text-general));     }     .yui-navset .yui-nav .selected,     .yui-navset .yui-navset-top .yui-nav .selected {      background-color: rgb(var(--swatch-primary-darkest));     }     table.wiki-content-table th {      background: rgb(var(--swatch-secondary-color));     }     table.wiki-content-table th,     table.wiki-content-table tr {      border: 0.0625rem solid rgba(var(--swatch-menubg-medium-color), 0.25) !important;     }     table.wiki-content-table td {      border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25) !important;     }     textarea,     input.text,     input.checkbox,     div.note,     #lock-info {      border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);      background-color: rgb(var(--swatch-menubg-extra-dark-color));      color: rgb(var(--swatch-text-light));     }     .code pre span[class*="hl-"] {      -webkit-filter: invert(1) hue-rotate(180deg);      filter: invert(1) hue-rotate(180deg);     }     .owindow .modal-body img {      background-color: transparent !important;     }     .hovertip {      border: 0.0625rem solid rgba(var(--swatch-menubg-light-color), 0.25);      background-color: rgb(var(--swatch-menubg-extra-dark-color)) !important;      color: rgb(var(--swatch-text-light)) !important;     }     #main-content .page-tags span a:not([href^="/system:page-tags/tag/_"]),     #main-content .page-tags span a:visited:not([href^="/system:page-tags/tag/_"]) {      color: rgb(var(--swatch-primary-secondary-color));     }     #footer,     #license-area {      --link-color: var(--swatch-text-tertiary-color);      --hover-link-color: var(--swatch-text-tertiary-color);      --visited-link-color: var(--swatch-text-tertiary-color);      color: rgb(var(--swatch-text-general));     }     div[id*="page-options-bottom"]>a::after {      background-color: rgb(var(--swatch-text-secondary-color));     }     /* ===BUTTONS=== */     div[id*="page-options-bottom"]>a::after {      background-color: rgb(var(--swatch-text-tertiary-color));     } } [[/code]] [[code type="CSS"]] :root {     --ui-hvr-wght: 600;     --black-monochrome: 20, 22, 24;     --bright-accent: var(--pale-accent); } ::-moz-selection {     background: rgb(var(--swatch-primary-darkest)); } ::selection {     background: rgb(var(--swatch-primary-darkest)); } body {     -webkit-font-smoothing: subpixel-antialiased;     -moz-osx-font-smoothing: auto; } [[/code]] [[/collapsible]] [[/iftags]] [[include :scp-wiki:component:bhl-dark-sidebar]] [[module CSS]] @import url("https://scp-wiki-cn.wdfiles.com/local--code/theme%3Aextra-black-highlighter-theme/1"); [[/module]] [[div_ style="display:none"]] [[embed]] <iframe src="//scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?%40import%20url(%22https%3A%2F%2Fscp-wiki-cn.wdfiles.com%2Flocal--code%2Ftheme%253Aextra-black-highlighter-theme%2F2%22)%3B" name="styleFrame"></iframe> [[/embed]] [[/div]]