示例:

可以使用五个连字符"-" 创建水平线，如果未将其放置在任何内容（例如引用块）中，则可以扩展到整个页面。分隔本文档各部分的行是水平线。

云分

可以通过在行首加上1-6个之间的"+"字符来创建标题。

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

文字。

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

这是一条分割线

嵌套块引用，只要再加一个“>”就可以了。

还可以再套！

这是一个	表格
你应该	已经知道
怎么做这些了吧

脚¹
删除线
下划线
等宽字
粗体
斜体
ab^上标
cd_下标
存在的链接
 不存在的链接

[[div class="blockquote"]]
自定义引用块
[[/div]]

[[div class="lightblock"]]
亮色引用块
[[/div]]

[[div class="darkblock"]]
暗色引用块
[[/div]]

[[div class="styled-quote"]]
样式化引用块
[[/div]]

[[div class="dark-styled-quote"]]
暗色样式化引用块
[[/div]]

页面标题格式：

[[div class="meta-title"]]

运用:

[[div class="logoblock"]]
M.E.G. Logo 亮色引用块
[[/div]]

[[div class="dark-logoblock"]]
M.E.G. Logo 暗色引用块
[[/div]]

标题

[[div class="titleblock"]]
改进reportblock效果
[[/div]]

标题

[[div class="titleblock-dark"]]
改进reportblock效果
[[/div]]

样式代码

关闭

/* 字体 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600&display=swap');
 
/* 主体 */
:root {
    --theme-base: "black-highlighter";
    --theme-id: "dark-divinity";
    --theme-name: "Dark Divinity Theme";
    --swatch-background: 25, 25, 25;
    --swatch-text-general: 200, 200, 200;
    --white-monochrome: 230, 230, 230;
    --pale-gray-monochrome: 50, 50, 50;
    --light-gray-monochrome: 110, 110, 110;
    --gray-monochrome: 69, 69, 69;
    --black-monochrome: 255, 255, 255;
    --bright-accent: 120, 120, 120;
    --medium-accent: 20, 20, 20;
    --dark-accent: 58, 58, 58;
    --pale-accent: 120, 120, 120;
    --lighter-legacy-accent: 225, 225, 225;
    --darker-legacy-accent: 50, 50, 50;
    --color-black: 0, 0, 0;
    --lh-white-bg: 249,249,249;
    --lh-dark-bg: 50, 50, 50;
    --lh-border-color: var(--gray-monochrome);
    --sidebar-links-text: var(--color-black);
    --swatch-border-color: var(--bright-accent);
    --link-color: 230, 23, 68;
    --hover-link-color: 187, 0, 34;
    --visited-link-color: 150, 24, 43;
    --newpage-color: 222, 106, 23;
    --body-font: 'STIX Two Math', 'Noto Serif SC', serif;
    --header-font: 'Rufina', 'Noto Serif SC', serif;
    --title-font: 'Rufina', 'Noto Serif SC', serif;
    --mono-font: 'Noto Serif SC', serif;
    --meg-image: url("http://backrooms-wiki.wikidot.com/local--files/the-beginning-of-the-m-e-g/EagleSD.png");
    --meg-image-w: url("https://s11.ax1x.com/2023/12/17/pi5wUtH.png");
}
 
/* Title Block */
.titleblock,
.titleblock-dark {
    border: 2px solid rgb(var(--lh-border-color));
    box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3);
    background: rgb(var(--lighter-legacy-accent));
    padding: 0.8rem 1.5rem;
    padding-bottom: 0.4rem;
    margin: 1.5rem auto;
    margin-bottom: 1rem;
    position: relative;
    color: rgb(var(--color-black));
}
 
.titleblock hr,
.titleblock-dark hr {
    background-color: rgb(var(--lh-border-color));
    margin-left: -1.5rem;
    margin-right: -1.5rem
}
 
.titleblock h1:first-child,
.titleblock-dark h1:first-child {
    position: absolute;
    top: -1rem;
    left: 1.5rem;
    font-size: 110%;
    font-weight: 600;
    background: rgb(var(--lh-border-color));
    color: #fff;
    padding: 0.2rem 0.5rem;
    margin: 0;
}
 
.titleblock-dark h1:first-child {
    background: rgb(var(--lighter-legacy-accent));
    color: rgb(var(--color-black));
}
 
.titleblock-dark,
.titleblock-dark h1 {
    border-color: rgb(var(--lh-white-bg));
    background: rgb(var(--lh-dark-bg));
    color: #fff
}
 
.titleblock-dark hr {
    background-color: rgb(var(--lh-white-bg));
}
 
.titleblock-dark {
    padding: 0.5rem 1rem 0.10rem;
    margin: 1.5rem 0rem 0.5rem 0rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.5);
    border: solid rgb(var(--bright-accent)) 2px;
}
 
/* Block Modification */
.lightblock{
    color: rgb(var(--swatch-background));
    background-color: rgb(var(--lighter-legacy-accent));
}
 
.styled-quote{
    background-color: rgb(var(--lighter-legacy-accent));
    color: rgb(var(--color-black));
}
 
.dark-styled-quote{
    border-color: rgb(var(--lighter-legacy-accent));
}
 
/* MEG Logo Block */
@media screen and (min-width: 996px) {
    .logoblock::after {
        content: "";
        border: solid 2px #0000;
        background: var(--meg-image)  center/25% no-repeat;
        opacity: 0.25;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        pointer-events: none;
    }
    .dark-logoblock::after {
        content: "";
        border: solid 2px #0000;
        background: var(--meg-image-w)  center/25% no-repeat;
        opacity: 0.25;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        pointer-events: none;
    }
}
 
@media screen and (min-width: 425px) and (max-width: 996px) {
    .logoblock::after {
        content: "";
        border: solid 2px #0000;
        background: var(--meg-image)  center/35% no-repeat;
        opacity: 0.25;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        pointer-events: none;
    }
    .dark-logoblock::after {
        content: "";
        border: solid 2px #0000;
        background: var(--meg-image-w)  center/35% no-repeat;
        opacity: 0.25;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        pointer-events: none;
    }
}
 
@media screen and (max-width: 425px) {
    .logoblock::after {
        content: "";
        border: solid 2px #0000;
        background: var(--meg-image)  center/50% no-repeat;
        opacity: 0.25;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        pointer-events: none;
    }
    .dark-logoblock::after {
        content: "";
        border: solid 2px #0000;
        background: var(--meg-image-w)  center/50% no-repeat;
        opacity: 0.25;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        pointer-events: none;
    }
}
 
.logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--lighter-legacy-accent));
    color: rgb(var(--color-black));
}
 
.dark-logoblock{
    padding: 0.01rem 1rem;
    box-shadow: 0 0.2rem 0.3rem rgba(200,200,200,.25);
    margin: 0.5rem 0 0.5rem 0.25rem;
    display: block;
    position: relative;
    background-color: rgb(var(--darker-legacy-accent));
}
 
/* 侧边栏 */
#side-bar .side-block div a img {
    filter: grayscale(100%);
}
 
/* 登录状态 */
#login-status {
    color: rgb(var(--black-monochrome));
}
#login-status a {
    color: rgb(var(--black-monochrome));
}
#login-status ul a {
    color: rgb(var(--pale-gray-monochrome));
}
 
/* sd banner colours */
.sd-container {
    --sd-border:var(--white-monochrome);
    --sd-text:222,222,222;
    --sd-symbol:var(--sd-text);
    --sd-bullets:var(--sd-text);
    --sd-symbol: var(--sd-border) !important;
    --sd-symbol-secondary: 255, 255, 255;
}
 
/* Others */
#container {
    background-image: radial-gradient(circle, rgb(var(--swatch-background), 0.2) 50%, transparent 0);
    background-size: 0.25em 0.25em;
    background-repeat: repeat;
    background-attachment: fixed;
}
 
.hovertip {
    background-color: rgb(var(--lighter-legacy-accent));
    color: rgb(var(--color-black));
    border: 1.2px solid;
}

原创版式

The Cloudrooms云室维基

你没来过这里。

示例: