蒙面教会版式

这是一个	表格
制作它的	方法
	请查询维基语法。



close

++* 著作信息

X

版式由 Positive123 制作
灵感源自 Priyanshsoni 的 Object 57 和 s n o w y 的 Proto-Cotv 版式
exotichive 和 scutoid studios 提供了一些代码技巧
批判来自 Vivamusludio
技术绿灯来自 Vivamusludio

该版式由 Positive123 基于 Ambersight 的超阈限版式制作，灵感来自 Priyanshsoni 的 Object 57 和 s n o w y 的 Proto-Cotv 版式。

若需将本版式引入到你的页面中，请将以下文本放到任意位置：

[[include :backrooms-wiki-cn:theme:cotv]]

UI字体为Tenor Sans / 寒蝉圆黑体
标题字体为 Playfair Display SC / 思源宋体
正文字体为 Tenor Sans / 寒蝉圆黑体
等宽字体为 Alegreya Sans / 思源宋体

示例

Logo

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

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

+ 标题
- 标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题

此为分页（tab view）。

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

更多文字

嵌套引用块¹

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

[[div class="lightblock"]]

[[/div]]

[[div class="borderblock"]]

[[/div]]

[[div class="logoblock"]]

[[/div]]

[[div class="paperblock"]]

[[/div]]

[[div class="fancy-borderblock"]]

[[/div]]

[[div class="fancy-logoblock"]]

[[/div]]

普通文本。
加粗文本。
斜体文本。

下划线文本。
删除线文本。
等宽文本。
上^标
下_标
活链
 死链

+ 版式代码

- 隐藏

/* 蒙面教会 版式*/
/* 由 Positive123 设计， 2026 */
/* 基于 Ambersight 的 超阈限版式*/
/* 代码来自 Positive123*/

/* Fantasque Sans Mono Font */
@import url('https://fontlibrary.org/face/fantasque-sans-mono');
 
/* Public Sans Font */
@import url('https://fonts.googleapis.com/css2?family=Mate+SC&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap');

@import url("https://fontsapi.zeoseven.com/83/main/result.css"); /*寒蝉圆黑体，OFL-1.1*/

:root {

   --theme-base: "super-liminal";
   --theme-id: "cotv";
   --theme-name: "Church of the Veiled Theme";

    /* Basic Colors */
    --background-color: 0, 0, 0;
    --text-color: 255, 255, 255;

    /* Deco Colors */
    --light-color-1: var(--background-color);
    --light-color-2: 0, 0, 0;
    --dark-color-1: 250, 250, 250;
    --dark-color-2: 250, 250, 250;
    --dark-color-3: 250, 250, 250;
    --dark-color-4: 250, 250, 250;

    /* Special Colors */
    --warning-color: 193, 44, 50;
    --accept-color: 20, 169, 32;
    --neutral-color: 193, 147, 44;
    --warning-text-color: var(--light-color-2);
    --accept-text-color: var(--warning-text-color);
    --neutral-text-color: var(--warning-text-color);

    /* Link Colors */
    --link-color: 218, 23, 64;
    --hover-link-color: 204, 67, 94;
    --visited-link-color: 214, 79, 107;
    --newpage-color: 221, 102, 17;

    /* Select Colors */
    --selected-background-color: 67, 98, 197;
    --selected-text-color: 253, 253, 253;

    /* Scrollbar Colors */
    --scrollbar-color: var(--dark-color-1), 0.75;
    --scrollbar-background-color: var(--dark-color-1), 0.15;

    /* Note Colors */
    --note-background-color: 255, 242, 114;
    --note-text-color: 24, 27, 27;
    --note-border-color: 24, 27, 27, 0.5;

    /* Header Colors */
    --header-background-bottom: var(--background-color);
    --header-background-top: var(--background-color), 0.9;
    --header-background-image: linear-gradient(to top, rgba(var(--header-background-bottom)) var(--topbar-height), rgba(var(--header-background-top)) 100%);
    --header-extra-background-image: radial-gradient(circle, rgba(var(--background-color)) 50%, transparent 0);
    --header-text-color: var(--text-color);
    --header-text-shadow-color: var(--general-shadow-color);

    /* Topbar Colors */
    --topbar-text-color: var(--dark-color-1);
    --topbar-hover-text-color: var(--topbar-text-color);
    --topbar-background-color: 0, 0, 0, 0;
    --topbar-hover-background-color: var(--light-color-4);
    --topbar-hover-border-color: var(--light-color-2), 0.5;
    --topbar-drop-text-color: var(--dark-color-1);
    --topbar-drop-hover-text-color: var(--general-medium-text-color);
    --topbar-drop-background-color: var(--light-color-4), 0.93;
    --topbar-drop-hover-background-color: var(--general-medium-background-color);
    --topbar-drop-border-color: var(--text-color);
    --topbar-drop-border-width: calc(4rem / 45);
    --topbar-drop-shadow-color: var(--general-shadow-color), 0.5;

    /* Sidebar Colors */
    --sidebar-handle-text-color: var(--dark-color-1);
    --sidebar-handle-background-color: 0, 0, 0;
    --sidebar-background-color: 0, 0, 0;
    --sidebar-media-background-color: 0, 0, 0;
    --sidebar-media-icon-color: var(--dark-color-1);
    --sidebar-title-background-color: 0, 0, 0;
    --sidebar-title-text-color: var(--dark-color-1);
    --sidebar-title-shadow-color: 250, 250, 250, 0.15;
    --sidebar-text-color: var(--text-color);
    --sidebar-hover-text-color: var(--sidebar-text-color);
    --sidebar-border-color: var(--dark-color-1);
    --sidebar-hover-background-color: var(--text-color), 0.15;

    /* Image Block Colors */
    --imageblock-caption-background-color: 0, 0, 0;
    --imageblock-caption-text-color: var(--dark-color-1);
    --imageblock-shadow-color: 0, 0, 0, 0;
    --imageblock-border-color: var(--dark-color-1);

    /* Tabview Colors */
    --tabview-border-color: var(--dark-color-1);
    --tabview-button-background-color: 0, 0, 0;
    --tabview-button-text-color: var(--dark-color-1);
    --tabview-content-background-color: 0, 0, 0;
    --tabview-content-text-color: var(--dark-color-1);

    /* Table Colors */
    --table-border-color: 240, 240, 240;
    --table-header-background-color: var(--dark-color-1);
    --table-header-text-color: 0, 0, 0;
    --table-background-color: var(--background-color);
    --table-text-color: var(--text-color);

    /* Blockquote Colors */
    --blockquote-background-color: var(--background-color);
    --blockquote-text-color: var(--text-color);
    --blockquote-shadow-color: 0, 0, 0, 0;
    --blockquote-border-color: var(--text-color);

    /* Footnote Block Colors*/
    --footnote-block-background-color: 0, 0, 0, 0.18;
    --footnote-block-text-color: 255, 255 ,255;
    --footnote-block-border-color: var(--text-color);

    /* Edit Area Colors */
    --edit-area-background-color: 0, 0, 0;
    --edit-area-textarea-background-color: 0, 0, 0;
    --edit-area-info-background-color: var(--dark-color-1);
    --edit-area-textarea-border-color: var(--dark-color-1);
    --edit-area-button-background-color: var(--dark-color-1);

    /* Action Colors */
    --hovertip-border-color: 0, 0, 0;
    --action-area-border-color: 0, 0, 0;
    --action-area-subtext-color: 255, 255, 255;
    --action-area-info-background-color: 0, 0, 0;
    --action-area-info-text-color: 0, 0, 0;

    /* Popups Colors */
    --popup-fader-color: var(--general-shadow-color), 0.65;
    --popup-background-color: 0, 0, 0;
    --popup-text-color: 255, 255, 255;
    --popup-title-background-color: 0, 0, 0;
    --popup-title-text-color: 255, 255, 255;
    --popup-border-color: 255, 255, 255;
    --popup-button-text-color: 255, 255, 255;
    --popup-button-background-color: 0, 0, 0;
    --popup-hover-button-text-color: var(--general-hover-button-text-color);
    --popup-hover-button-background-color: var(--general-hover-button-background-color);
    --popup-tip-color: 255, 255, 255;
    --popup-loading-color: 255, 255, 255;

    /* The 4 */
    --lightblock-background-color: 250,250,250;
    --lightblock-text-color: 0,0,0;
    --darkblock-background-color: 46,46,46;
    --darkblock-text-color: 255,255,255;
    --styled-quote-background-color: 255,255,255;
    --styled-quote-text-color: 0,0,0;
    --styled-quote-border-color: 46,46,46;
    --dark-styled-quote-background-color: 46,46,46;
    --dark-styled-quote-text-color: var(--text-color);
    --dark-styled-quote-border-color: 255,255,255;

    /* Header Vs */
    --logo-image: url("https://code.hw233.cn/wikidot/theme/cotv/img/s-l300.png");
    --header-title: "";
    --header-subtitle: "欢迎，人类。";

    /* Typefaces */
    --body-font: 'Tenor Sans', "Chill Round Gothic" , sans-serif;
    --UI-font: 'Tenor Sans', "Chill Round Gothic", sans-serif;
    --title-font: 'Playfair Display SC' , "Noto Sans SC", "Noto Sans TC", serif;
    --mono-font: 'Alegreya Sans', "Noto Sans SC", "Noto Sans TC" , sans-serif;
}

#header h2 span::before {
    background-size: auto 9rem;
}

    /* Blocks*/

.logoblock {
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color:rgb(255, 255, 255);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(0,0,0);
     border: solid 0.3rem rgb(255,255,255);
}

.logoblock::after {
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://code.hw233.cn/wikidot/theme/cotv/img/s-l300.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    }

.borderblock {
    background-color:rgb(0,0,0);
    color:rgb(255, 255, 255);
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid 0.3rem rgb(255,255,255);
 }

.paperblock{
width: auto;
color:rgb(0,0,0);
padding: 0.01rem 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
background: url(https://positive123.wdfiles.com/local--files/theme%3Acotv-tempv1/Vintage_paper_texture_-_Flickr_-_pinkorchid_too_%28Sandra%29.jpg) repeat center;
text-shadow: 1px 1px 1px rgba(0,0,0,.25);
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}

.fancy-borderblock {
    color: rgb(255,255,255);
    background: rgba(var(--background-color));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0;
    box-shadow: 0 0.2rem 0.3rem rgba(250,250,250,.25);
    border: 0.8rem rgb(204,204,204) ridge;
}

.fancy-logoblock {
    padding: 0.01rem 1rem;
    color:rgb(255, 255, 255);
    margin: 0.5rem 0;
    box-shadow: 0 0.2rem 0.3rem rgba(250,250,250,.25);
    border: 0.8rem rgb(204,204,204) ridge;
    display: block;
    position: relative;
    background-color: rgb(var(--background-color));
}
 
.fancy-logoblock::after {
    content: "";
    float: center;
    border: solid 2px #0000;
    background: url(https://code.hw233.cn/wikidot/theme/cotv/img/s-l300.png) center/25% no-repeat;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.hl-main,
.hl-main pre,
.hl-main span,
.hl-code,
.hl-identifier,
.hl-var,
.hl-reserved,
.hl-number,
.hl-string,
.hl-special,
.hl-brackets {
color: rgb(var(--text-color));
}

‡ 授权 / 引用

Dependencies

The Backrooms中文维基

你曾经来过这里

示例

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题