聯盟 外觀主題

---

外觀主題配色

Payne's Grey--gray-monochrome(66, 66, 72)

Carolina--bright-accent(56, 117, 161)

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

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

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

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

Abalone--light-gray-monochrome(170, 170, 170)

White Smoke--pale-gray-monochrome(244, 244, 244)

Bastille--dark-gray-monochrome(48, 48, 52)

Cobalt--medium-accent(44, 74, 120)

Navy--dark-accent(33, 40, 78)

Turquoise--newpage-color(187, 225, 250)

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

---

使用方式

這是個基於黑色標記筆而製成的外觀主題，這代表著你要在使用該主題的同時一併導入黑色標記筆。為了解更多詳情，請點選這裡。

為了要導入該外觀主題，請直接將以下代碼貼到你的頁面之中：

[[include :scp-zh-tr:theme:black-highlighter-theme]]
[[include :scp-zh-tr:theme:the-coalition-theme]]

範例

聯盟Logo

一條水平線可以透括使用5個連字號「-----」來創建，並且如果它沒被包在任何東西裡面的話（例如引用塊），它會延伸並橫跨整個頁面。在這份文件中被拿來分段的就是水平線。

---

標題可以被以在一行的開頭添加一至六個加號「+」來創建

+ 標題

一級標題

二級標題

三級標題

四級標題

五級標題

六級標題

Tabulator

發揮你的想像力，假裝這裡有段測試假文吧。

Tabulation

嘿，看看這裡，這裡有更多文字。

多麼別緻啊。

長Tab

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

這是個長Tab。裡面容納了大量文字。

空 Tab

空 Tab

空 Tab

空 Tab

空 Tab

空 Tab

weed lmao

這是個引用塊，可以透過在每一行的開頭添加「> 」來創建。

更多文字

---

這是個水平線。

巢狀引用塊

還有更多¹

這是個	表格
你應該要	要知道該如何
創建這東西了

---

Header、Title與Body所使用的字體是Roboto。
Monospace所使用的字體是PT Mono。

主題原始碼

▼ 顯示代碼

/*
    Coalition Theme
    [2020 Wikidot Theme]
    Created by Greyve with assistance from Calibri Bold and Croquembouche.
    Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
    CC BY SA 3.0.
*/
 
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500');
 
#header h1 {
     top: -3px;
}
 
/* ROOT - Header & General Recoloring */
:root:lang(zh) {
 
/* Intro */
    --theme-base: "nuscp"
    --theme-id: "the-coalition-theme"
    --theme-name: "The Coalition Theme";
 
/* Header */
    --logo-image: url("https://scp-wiki.wdfiles.com/local--files/theme:the-coalition-theme/GOClogo.png");
    --header-title: "全球超自然聯盟";
    --header-subtitle: "來自副秘書長辦公室的問候";
    --header-gradient-color-bottom: 44, 74, 120;
    --header-gradient-color-middle: 44, 74, 120;
    --header-gradient-color-top: 44, 74, 120;
    --gradient-header: linear-gradient(to top,
          rgb(var(--header-gradient-color-bottom)) 100%,
          rgb(var(--header-gradient-color-middle)) 100%,
          rgb(var(--header-gradient-color-top)) 100%);
    --diagonal-stripes: unset;
 
    --body-font: 'Roboto', sans-serif;
    --header-font: 'Roboto', sans-serif;
    --title-font: 'Roboto', sans-serif;
    --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
 
  /* Colors */
    --white-monochrome: 252, 252, 252; /* White */
    --pale-gray-monochrome: 244, 244, 244; /* Light Grey (Quoteblocks) */
    --light-gray-monochrome: 170, 170, 170; /* Accent Light Gray (Login Status) */
    --gray-monochrome: 66, 66, 72; /* Gray */
 
    --pale-accent: 167, 188, 201; /* Pale Blue*/
    --bright-accent: 56, 117, 161; /* Steel Blue*/
    --medium-accent: 44, 74, 120; /* Deep Blue */
    --dark-accent: 32, 40, 78; /* Navy */
    --newpage-color: 187, 225, 250; /* Pale Turquoise */
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --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);
 
       /* Link Colors */
    --link-color: 27, 65, 94 ;
    --visited-link-color: 133, 193, 233;
    --hover-link-color: 133, 193, 233;
}
 
/* Top-Bar Open Button on Mobile */
#top-bar > div.mobile-top-bar > div.open-menu > p > a {
    color: rgb(var(--gray-monochrome)) !important;
}
 
/* Adjusts Header Size */
 
/* Undo the mobile Image Resize */
@media only screen and (max-width: 768px) {
    #header {
        background-size: 0.625rem 2.500rem;
        background-repeat: no-repeat;
        background-position: left 0.75rem top 1.1875rem;
        background-clip: border-box;
        background-size: auto 5.375rem;
    }
 
}

Footnotes

1. 然後這裡是註解！