黑色高光年主题版式

黑色标记笔主题版式 » 黑色标记笔主题中心 » 黑色高光年主题版式

主题颜色

Cello--dark-accent36, 65, 103

Koromiko--bright-accent255, 185, 97

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

Big Stone--dark-gray-monochrome16, 29, 46

Espresso--medium-accent86, 23, 23

{$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}

AAPA 标志

使用方法

注意：这是一个基于黑色标记笔的主题版式。若你想使用此版式，你还需要导入黑色标记笔版式。点击这里了解更多。

在你的作品开头添加如下语法以应用此版式：

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:black-highlightyear]]

示例

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 标题

此为分页（tab view）。

这是一个引用块，在一行字的起始处加上“> ”来创建。

更多文字

一条分割线

嵌套引用块

以及更多¹

引用方块的颜色共有五种：黑色（默认）、蓝色、粉色、金色和紫色。代码如下所示：

[[div class="blue"]]

[[div class="pink"]]

[[div class="gold"]]

[[div class="purp"]]

这是	表格
你应该老早	就知道怎么
做这个了吧

页眉字体为 Russo One。
标题字体为 Exo。
等宽字为 PT Mono / 仿宋。

+ 版式代码

- 版式代码

/* Black Highlightyear | To The Stars */
/* 2019 Wikidot Theme */
/* By Rounderhouse, based off Ad Astra theme by Stormbreath and NatVoltaic*/
/* Logo licensed under CC BY SA 3.0 */
/* Header background by NASA, public domain. */
 
/* Fonts */
 
@import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800');
@import url('https://fonts.googleapis.com/css?family=Exo:400,800');
@import url('https://fonts.googleapis.com/css?family=Russo+One&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: "black-highlightyear-theme";
    /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */
    --theme-name: "Black Highlightyear";
    /* set this to your theme's full name */
 
    /* Header */
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Aad-astra/logo.svg");
    --header-title: "Ad Astra Per Aspera";
    --header-subtitle: "To The Stars Through Hardship";
 
    /* Typefaces */
    --body-font: 'Lato', sans-serif;
    --header-font: 'Russo One', sans-serif;
    --title-font: 'Exo', sans-serif;
    --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
 
    /* Standard Colors */
    /* white */
    --white-monochrome: 252, 252, 252;
    /* v light gray for blockquotes and stuff */
    --pale-gray-monochrome: 204, 204, 204;
    /* light accent gray for login status */
    --light-gray-monochrome: 170, 170, 170;
    /* gray */
    --gray-monochrome: 27, 48, 77;
    /* dark accent gray for sidebar background */
    --dark-gray-monochrome: 16, 29, 46;
    /* black */
    --black-monochrome: 12, 12, 12;
    /* pale orange */
    --pale-accent: 255, 185, 97;
    /* bright gold */
    --bright-accent: 255, 185, 97;
    /* maroon */
    --medium-accent: 86, 23, 23;
    /* dark blue */
    --dark-accent: 36, 65, 103;
 
    /* Ad Astra-Specific Accents */
    --purple-accent: 38, 21, 46;
    --gold-accent: 68, 47, 3;
    --pink-accent: 92, 29, 36;
    --alt-accent: 221, 102, 17;
 
    --swatch-primary: var(--pale-accent);
 
    /* ===GENERAL TEXT COLORS=== */
    --swatch-text-light: var(--pale-gray-monochrome);
    --swatch-text-general: var(--swatch-text-light);
 
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--dark-gray-monochrome);
 
    --swatch-topmenu-border-color: var(--swatch-primary);
    --swatch-topmenu-bg-color: var(--medium-accent);
 
    /* ===SECONDARY & TERTIARY COLORS=== */
    /* Editing these will edit a vast majority of theme elements. Useful for making dark themes */
 
    /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */
    --swatch-secondary-color: var(--dark-gray-monochrome);
    --swatch-tertiary-color: var(--swatch-menubg-medium-color);
    --swatch-alternate-color: var(--swatch-menubg-light-color);
 
    /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */
    --swatch-text-secondary-color: var(--dark-gray-monochrome);
    --swatch-text-tertiary-color: var(--pale-accent);
 
    --rating-module-button-color: var(--swatch-primary);
    --rating-module-text-color: var(--swatch-primary);
 
    /* Spacing Measurements */
    --offset-from-page-top: 1.2rem;
 
    /* space between the top of the page and the start of the header */
    --background-gradient-color: var(--gray-monochrome);
    --background-gradient-distance: 10rem;
 
    --diagonal-stripes: none;
}
 
:root:lang(cn) {
    /* Header */
    --header-title: "Ad Astra Per Aspera";
    --header-subtitle: "循此苦旅直抵群星";
 
    /* Typefaces */
    --body-font: "Noto Sans SC", sans-serif;
    --header-font: 'Russo One', sans-serif;
    --title-font: 'Exo', sans-serif;
    --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, '仿宋', monospace;
}
 
/*  ===============================
    ======= SPECIFIC COLORS =======
    ===============================
/* Colors for Buttons, Tabs, Tables, Footnotes Hover/Modal, Etc. */
 
:root {
    --swatch-background: var(--dark-gray-monochrome);
}
 
#header {
    /* ===HEADER ELEMENTS=== */
        /* ===HEADER TITLES=== */
        /* Header H1 and H2 colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--swatch-primary);
 
    /* ===SEARCH ELEMENT=== */
    --search-icon-color: var(--swatch-primary);
    --search-icon-bg-color: var(--dark-accent);
    --search-icon-hover-color: var(--dark-accent);
    --search-icon-hover-bg-color: var(--swatch-primary);
            /* Focus is when the search box has been clicked on */
    --search-icon-focus-color: var(--dark-accent);
 
        /* ===LOGIN BOX ELEMENT=== */
    --login-username-color: var(--swatch-primary);
    --login-myaccount-color: var(--pale-gray-monochrome);
    --login-myaccount-underline-color: 0,0,0,0;
            /* Dropdown Box when arrow is clicked */
    --login-dropdown-text-color: var(--swatch-text-tertiary-color);
    --login-dropdown-text-hover-color: var(--swatch-text-secondary-color);
}
 
#top-bar {
    /* ===TOPBAR ELEMENTS=== */
 
        /* ===TOPBAR CATEGORIES=== */
    --topmenu-category-color: var(--swatch-text-tertiary-color);
    --topmenu-category-hover-color: var(--swatch-text-tertiary-color);
 
    --mobile-topmenu-sidebar-button-color: var(--swatch-text-tertiary-color);
 
        /* ===DROPDOWN MENU=== */
    --dropdown-bg-color: var(--swatch-primary-darker), 0.9;
    --dropdown-border-color: var(--swatch-primary), 0.5;
    --dropdown-links-color: var(--swatch-text-tertiary-color);
    --dropdown-links-bg-color: 0,0,0,0; /* Transparent */
    --dropdown-links-hover-color: var(--swatch-text-tertiary-color);
    --dropdown-links-hover-bg-color: var(--swatch-primary-darkest);
}
 
#side-bar {
    /* ===SIDE-BAR ELEMENTS=== */
    --swatch-menubg-light-color: var(--swatch-primary);
        /* ===SIDE-BAR GENERAL=== */
    --sidebar-resources-bg-color: 0,0,0,0;
    --sidebar-media-bg-color: 0,0,0,0;
 
        /* ===SIDEBLOCK MENU=== */
    --sideblock-heading-border-color: var(--swatch-primary-darker);
    --sideblock-heading-text-color: var(--swatch-primary);
 
        /* ===MENU-ITEMS=== */
    --sidebar-border-color: var(--swatch-primary), 0.08;
    --sidebar-subtest-color: var(--swatch-primary);
 
    --sidebar-links-text: var(--pale-accent);
    --sidebar-links-hover-bg-color: var(--bright-accent),0.25;
    --sidebar-links-hover-text-color: var(--pale-accent);
}
 
/* ===FOOTER=== */
#footer {
    --footer-bg-color: var(--swatch-primary);
    --footer-link-hover-color: var(--swatch-primary-darkest);
    --footer-link-hover-bg-color: var(--swatch-tertiary-color);
}
 
    /* ===LICENSE AREA=== */
#license-area {
    --license-bg-color: var(--swatch-secondary-color);
    --license-text-color: var(--swatch-text-tertiary-color);
    --license-link-color: var(--swatch-text-tertiary-color);
}
 
#main-content {
    /* ===MAIN CONTENT UI ELEMENTS */
        /* ===UI ICONS=== */
            /* ===PAGE OPTIONS ICONS=== */
    --ui-icon-color: var(--swatch-primary-darker);
    --ui-icon-bg: var(--swatch-primary);
    --ui-icon-hover-color: var(--swatch-primary-darkest);
 
            /* ===TEXT EDITOR ICONS=== */
    --editor-icon-color: var(--swatch-text-tertiary-color);
 
        /* ===TABS=== */
    --tabs-bg: var(--dark-gray-monochrome);
    --tabs-hover-txt: var(--swatch-text-tertiary-color);
    --tabs-bottom-border-color: var(--swatch-primary);
 
    --tabs-content-bg-color: var(--gray-monochrome), 1;
    --tabs-content-border-color: var(--swatch-tertiary-color);
 
        /* ===TABLES=== */
    --tables-header-bg: var(--gray-monochrome), 0.5;
    --tables-header-txt: var(--swatch-text-tertiary-color);
    --tables-border: var(--swatch-tertiary-color);
    --tables-body-bg: var(--dark-gray-monochrome);
 
        /* ===BLOCKQUOTES=== */
    --blockquote-bg-color: var(--purple-accent), 0.25;
    --blockquote-border-color: var(--swatch-alternate-color);
 
        /* ===FOOTNOTES/BIBLIOGRAPHY FOOTER=== */
    --footnotes-footer-bg-color: var(--dark-gray-monochrome);
    --footnotes-footer-colorbar-color: var(--swatch-alternate-color);
    --footnotes-footer-title-bg-color: var(--swatch-alternate-color);
 
        /* ===TOC=== */
    --toc-header-bg-color: var(--swatch-primary);
 
        /* ===PAGE TAGS=== */
    --pagetags-title-bg: var(--swatch-alternate-color);
}
 
/* ===GLOBAL ELEMENTS=== */
:root {
        /* ===UI BUTTONS=== */
    --ui-button-bg: var(--swatch-primary-darker);
    --ui-button-hover-bg: var(--swatch-primary);
    --ui-button-hover-outline: var(--dark-gray-monochrome);
 
        /* ===RATING MODULE=== */
    --rating-module-bg-color: var(--swatch-primary-darker);
    --rating-module-text-color: var(--swatch-primary);
    --rating-module-text-hover-color: var(--swatch-menutxt-dark-color);
 
        /* ===MODALS=== */
    --modal-header-bg: var(--swatch-primary-darker);
    --modal-header-stripe: var(--dark-gray-monochrome);
 
        /* ===FOOTNOTES HOVER BLOCK=== */
    --hoverblock-header-bg: var(--swatch-alternate-color);
}
 
#extra-div-1 {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height-on-desktop);
    pointer-events: none;
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlightyear/hubble.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
 
::-moz-selection {
    background: rgba(var(--swatch-primary));
    color: rgb(var(--swatch-text-dark));
}
 
::selection {
    background: rgba(var(--swatch-primary));
    color: rgb(var(--swatch-text-dark));
}
 
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));
}
 
.scp-image-block .scp-image-caption {
    background-color: rgb(27, 48, 77);
    color: rgb(var(--bright-accent));
    font-size: .8em;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(var(--pale-accent));
}
 
#search-top-box,
#search-top-box * {
    border-radius: 0 0.5em 0 0.5em;
}
 
#search-top-box input.empty {
    background-color: rgb(var(--medium-accent));
    color: rgb(var(--pale-accent));
}
 
#search-top-box-input,
#search-top-box-input {
    background: rgb(var(--medium-accent));
}
 
span.printuser {
    color: rgb(var(--pale-accent));
}
 
span.h-span {
    color: rgb(var(--pale-accent));
    font-weight: bold;
    word-break: unset;
}
 
#page-title {
    border-color: rgb(var(--pale-accent));
    color: rgb(var(--pale-accent));
    font-variant: small-caps;
    text-transform: uppercase;
}
 
@media only screen and (max-width: 48rem) {
    #header h2 {
        height: 100%;
        overflow: hidden;
        pointer-events: none;
    }
 
    #header h1 span {
        font-size: 75%;
    }
 
    #top-bar {
        font-size: calc(var(--base-font-size)*0.70);
    }
 
    #extra-div-1 {
        background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Ablack-highlightyear/hubblemobile.png');
    }
}
 
#side-bar * {
    border-radius: 0 0.75rem 0 0.75rem;
}
 
/* Rating Module */
.page-rate-widget-box {
    padding: .1em;
    border-radius: 0 0.625rem 0 0.625rem;
    box-shadow: 0px 0px 0px 0.125rem rgb(var(--pale-accent));
 
}
 
.page-rate-widget-box .rate-points {
    text-transform: uppercase;
}
 
#page-content .page-rate-widget-box .rateup a,
#page-content .page-rate-widget-box .ratedown a,
#page-content .page-rate-widget-box .cancel a,
#page-content .rate-box-with-credit-button > .creditButton > p > a,
#page-content .page-rate-widget-box .rateup a::after,
#page-content .page-rate-widget-box .ratedown a::after,
#page-content .page-rate-widget-box .cancel a::after,
#page-content .rate-box-with-credit-button > .creditButton > p > a::after{
    border-radius: 0 0.625rem 0 0.625rem;
}
 
/* Tabs */
.yui-navset .yui-nav a::before,
.yui-navset .yui-nav .selected a::before{
    transition:
     background-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
     border-radius 150ms cubic-bezier(0.4, 0, 0.2, 1),
     -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:
     background-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
     border-radius 150ms cubic-bezier(0.4, 0, 0.2, 1),
     clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:
     background-color 50ms cubic-bezier(0.4, 0, 0.2, 1),
     border-radius 150ms cubic-bezier(0.4, 0, 0.2, 1),
     clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1),
     -webkit-clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
 
.yui-navset .yui-nav .selected {
    transform: translateY(-0.25em);
    box-shadow: 0 0.25em 0 0 rgb(var(--swatch-primary));
}
 
.yui-navset .yui-nav .selected a::before {
    border-radius: 0 0.625rem 0 0.625rem;
}
 
element>.img {
    border: 0.125rem solid rgb(var(--pale-accent)) !important;
    background-color: transparent !important;
}
 
.hovertip,
.hovertip::before,
.hovertip::after {
    border-radius: 0 1rem 0 1rem;
    box-shadow: 0 0 0 0.25rem rgb(var(--swatch-alternate-color));
}
 
.footnotes-footer,
.bibitems {
    border-radius: 0 1rem 0 1rem;
    box-shadow: inset 0 0 0 0.25rem rgb(var(--swatch-alternate-color));
}
 
/* Code */
.code {
    border: 0.0625rem dashed rgb(var(--gray-monochrome));
    background-color: transparent;
 
    font-family: var(--mono-font);
    font-size: 0.875rem;
}
 
blockquote,
.blockquote,
[class*="blockquote"] {
    border-radius: 0 1em 0 1em;
    box-shadow:
        inset 0 0 0 0.125rem rgb(var(--swatch-alternate-color)),
        0 0 0 0.125rem rgb(var(--swatch-alternate-color));
}
 
#main-content .page-tags::before {
    border-radius: 0 1em 0 0;
}
 
#main-content .page-tags span a:-webkit-any-link:not([href^="/system:page-tags/tag/_"])::before {
    border-radius: 0 0.5em 0 0.5em;
}
 
#main-content .page-tags span a:-moz-any-link:not([href^="/system:page-tags/tag/_"])::before {
    border-radius: 0 0.5em 0 0.5em;
}
 
#main-content .page-tags span a:any-link:not([href^="/system:page-tags/tag/_"])::before {
    border-radius: 0 0.5em 0 0.5em;
}
 
/* 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-radius: 0 1em 0 1em;
}
 
/* code highlighter stuff */
 
.hl-identifier,
.hl-code,
.hl-brackets {
    color: rgb(102, 102, 102);
}
 
.hl-var {
    color: rgb(33, 255, 0);
}
 
.hl-special {
    color: rgb(255, 255, 0);
}
 
.hl-reserved {
    color: rgb(0, 178, 255);
}
 
.hl-number,
.hl-string {
    color: rgb(255, 0, 32);
}
 
del {
    color: rgb(51, 51, 51);
}
 
ins {
    color: rgb(51, 51, 51);
}
 
.close-credits,
.credit-back {
    -webkit-filter: hue-rotate(60deg) brightness(400%);
            filter: hue-rotate(60deg) brightness(400%);
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]) {
    display: inline-block;
    position: relative;
    transform: translateX(0);
    transition:
        color 150ms ease-in-out,
        box-shadow 200ms ease-in-out,
        transform 200ms ease-in-out;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):hover {
    transform: translateX(1em);
    background-color: rgb(var(--bright-accent));
    box-shadow:
        0.5ch 0 0 0 rgb(var(--bright-accent)),
        -1.25ch 0 0 0 rgb(var(--bright-accent));
    color: rgb(var(--swatch-primary-darkest));
    text-decoration: underline;
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"])::before {
    content: "> ";
    position: absolute;
    left: 0;
    transform: translateX(-1.25ch);
    transition: transform 200ms ease-in-out;
    opacity: 0;
    color: rgb(var(--swatch-primary-darkest));
    pointer-events: none;
}
 
#page-content a:not([href*="user"]):not([href*="javascript:;"]):hover::before {
    transform: translateX(-1ch);
    opacity: 1;
}
 
/* Ayer's Info Module */
.info-container {
    --barColour: rgb(var(--medium-accent));
    --linkColour: rgb(var(--pale-accent));
}
 
.info-container .collapsible-block-unfolded {
    border-color: rgb(var(--pale-accent));
}
 
/* PAGE ELEMENTS */
.blue blockquote {
    background-color: rgb(var(--gray-monochrome));
}
 
.pink blockquote {
    background-color: rgb(var(--pink-accent));
}
 
.gold blockquote {
    background-color: rgb(var(--gold-accent));
}
 
.purp blockquote {
    background-color: rgb(var(--purple-accent));
}

:root {
    --body-font: "Noto Sans SC", sans-serif;
    --title-font: 'Exo', sans-serif;
    --pale-accent: 255, 185, 97;
    --bright-accent: 255, 185, 97;
    --medium-accent: 86, 23, 23;
    --dark-accent: 36, 65, 103;
    --swatch-primary: var(--pale-accent);
    --swatch-text-dark: var(--black-monochrome);
}
::-moz-selection {
    background: rgba(var(--swatch-primary));
    color: rgb(var(--swatch-text-dark));
}
::selection {
    background: rgba(var(--swatch-primary));
    color: rgb(var(--swatch-text-dark));
}
.side-block {
  --sideblock-heading-border-color: var(--swatch-primary-darker);
  --sideblock-heading-text-color: var(--swatch-primary);
  --sidebar-border-color: var(--swatch-primary), 0.08;
  --sidebar-links-text: var(--pale-accent);
  --sidebar-links-hover-bg-color: var(--bright-accent),0.25;
  --sidebar-links-hover-text-color: var(--pale-accent);
}
.side-block * {
    border-radius: 0 0.75rem 0 0.75rem;
}

版式

页面版本: 13, 最后编辑于: 11 Jan 2025 03:13

编辑评分 (+10) 标签讨论 (2) 历史记录附件打印网站工具 + 选项

SCP基金会

控制，收容，保护

主题颜色

使用方法

注意：这是一个基于黑色标记笔的主题版式。若你想使用此版式，你还需要导入黑色标记笔版式。点击这里了解更多。

示例

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题