Retro

著作信息

SCP-CN-XXXX：标题
故事/GOI 格式标题
作者：作者 does not match any existing user name
原文：原文链接
译者：译者 does not match any existing user name
插图：所用插图来源及许可
更多你想告诉读者的东西

可选的更多信息，这些会显示在一个新的窗口中。如果你不需要，删除“[[include :scp-wiki-cn:credit:more]]”

主题颜色

--gray-monochrome

--bright-accent

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

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

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

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

--very-light-gray-monochrome

--pale-gray-monochrome

--dark-gray-monochrome

--medium-accent

--dark-accent

--newpage-color

--white-monochrome

--light-pale-gray-monochrome

--light-gray-monochrome

--black-monochrome

--pale-accent

--alt-accent

关于本页

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

[[include :evernight-aquarium:theme:retro]]

示例

Evernight Bot

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

如果将“-----”放入类（class）为 “fancyhr” 的 div 元素中，则可以显示另一种水平线样式，如下所示：

[[div_ class="fancyhr"]]
-----
[[/div]]

效果如下：

任何元素添加 “fancyborder” 类（class），即可显示特殊边框。例如，这是此方块的代码：

[[div_ class="fancyborder"]]
文字内容
[[/div]]

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

+ Titles

链接：

此为分页（tab view）。

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

一条分割线

嵌套引用块¹

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

正文字体为 Skolar Sans / 浏览器默认字体
页眉字体为 Anonymous Pro / 思源宋体。
标题字体为 Zuijin / 王汉宗魏碑体。
等宽字为 Recursive / 仿宋及思源宋体。

+ 显示

- 隐藏

@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&amp;display=swap'); :root {
    --theme-base: "black-highlighter";
    --theme-id: "enthusiastic";
    --theme-name: "Enthusiastic Theme";
    --theme-base: "black-highlighter";
    --logo-image: url("http://backroomssandboxcn.wikidot.com/local--files/collab:mad-lad/moon-style");
    --header-title: "前厅回忆录";
    --header-subtitle: "我们正热烈地活着";
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --white-monochrome: 202,210,250;
    --pale-gray-monochrome: 169,208,221;
    --light-gray-monochrome: 41,128,158;
    --very-light-gray-monochrome: 214,214,214;
    --light-pale-gray-monochrome: 244,244,244;
    --dark-gray-monochrome: 11,39,48;
    --gray-monochrome: 26,72,87;
    --black-monochrome: 0,38,39;
    --bright-accent: 202,210,250;
    --medium-accent: 71, 73, 128;
    --dark-accent: 26,34,83;
    --pale-accent: 129,132,230;
    --alt-accent:71,102,128;
    --swatch-topmenu-border-color: var(--medium-accent);
    --background-gradient-distance: 0rem;
    --gradient-header: linear-gradient(to bottom right, rgba(var(--dark-accent)) 0%, rgba(var(--gray-monochrome)) 100% );
    --diagonal-stripes: linear-gradient(transparent 0);
    --link-color: var(--medium-accent);
    --visited-link-color: var(--medium-accent);
    --hover-link-color: var(--pale-accent);
}
 
a:visited:hover {
    color: rgb(var(--hover-link-color));
}
 
@keyframes float-logo {
    0% {
        top: -0.1rem;
    }
 
    25% {
        top: 0.1rem;
    }
 
    50% {
        left: -1%;
    }
 
    100% {
        left: 1%;
    }
}
 
@media (max-width: 767px) {
    @keyframes float-logo {
        0% {
            left: -1%;
        }
 
        100% {
            left: 1%;
        }
    }
}
 
@keyframes tab-disappear {
    0% {
        max-height: 9999rem;
    }
 
    1% {
        max-height: 100vh;
    }
 
    100% {
        max-height: 0;
    }
}
 
@keyframes tab-appear {
    0% {
        max-height: 0;
    }
 
    99% {
        max-height: 100vh;
    }
 
    100% {
        max-height: 9999rem;
    }
}
 
.yui-navset .yui-content > div {
    padding: 0.25em 0.5em;
    display: block;
    top: 0;
    overflow: hidden;
    transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div > * {
    transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div[style*="none"] {
    display: block !important;
    flex: 0;
    max-height: 0;
    padding: 0 0.5em;
    border-width: 0;
    transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
    animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
 
#page-content .yui-navset .yui-content > div[style*="block"] {
    display: block !important;
    flex: 1;
    max-height: 9999rem;
    transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
    animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
.color {
    min-height: 90px;
}
 
.color {
    min-height: 90px;
}
 
::selection {
    color: rgb(var(--white-monochrome));
    background: rgba(var(--dark-accent),.4);
}
 
#skrollr-body {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(var(--pale-accent)) 0%, rgba(var(--gray-monochrome),0.75) 100% );
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center, center;
}
 
#header::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 99%!important;
    background-image: var(--logo-image);
    background-size: auto 150px;
    background-position: left;
    opacity: 1;
}
 
#header h1, #header h1 a {
    position: absolute;
    justify-content: left;
    left: 10%;
    width: 90%;
}
 
#header h2, #header h2 span, #header h2 span::before {
    position: absolute;
    justify-content: left;
    left: 7%;
    width: 93%;
}
 
@media (max-width: 767px) {
    @keyframes float-logo {
        0% {
            left: -1%;
        }
 
        100% {
            left: 1%;
        }
    }
 
    #header::before {
        animation-duration: 3s;
        background-size: auto 150px;
        top: 1.8rem!important;
    }
 
    #header h1, #header h1 a {
        position: absolute;
        justify-content: left;
        left: 25%;
        width: 75% !important;
    }
 
    #header h2, #header h2 span, #header h2 span::before {
        position: absolute;
        justify-content: left;
        left: 17%;
        width: 83% !important;
    }
}
 
div.top-bar>ul>li>ul>li>a {
    transition: color 0.3s ease-out;
    -webkit-transition: color 0.3s ease-out;
}
 
div.top-bar>ul>li>ul>li>a:hover {
    color: rgb(var(--black-monochrome))!important;
}
 
body::after {
    content: "";
    background-image: url("");
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.15;
    z-index: -1;
}
 
body {
    background: none;
    max-width: 100%!important;
}
 
div#extrac-div-1::after {
    content: "";
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(129,132,230,0.5) 0%, rgba(129,132,230,0.5) 90%, rgba(71, 73, 128,0.5) 100% );
    background-size: auto 100%;
    background-repeat: repeat;
    opacity: 1;
    z-index: -3;
}
 
#main-content a {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    /* Safari */
}
 
.scp-image-block .scp-image-caption {
    color: rgb(var(--white-monochrome));
    background-color: rgb(var(--medium-accent));
    border-color: rgb(var(--dark-accent));
}
 
#container {
    background-image: none
}
 
#side-bar .side-block div a img {
    filter: grayscale(0%);
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
    border-radius: 0em;
    -moz-border-radius: 0em;
    border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
    border: none;
}
 
#header, #top-bar {
    background-attachment: scroll;
}
 
#header {
    background-image: none;
    color: rgb(var(--dark-accent));
}
 
#header::before {
    content: "";
    position: absolute;
    height: calc(100% - var(--topbar-height-on-desktop));
    width: 100%;
    left: 0rem;
    top: 0;
    background-image: var(--logo-image);
    animation: float-logo 6s ease-in-out infinite alternate;
    background-position: left;
    background-repeat: no-repeat;
    opacity: 1;
}
 
#header h1, #header h1 a {
    position: absolute;
    top: 1rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: left;
    z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
    position: absolute;
    top: 2rem;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: left;
}
 
#header h1 a::before, #header h2 span::before {
    text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
hr {
}
 
table.wiki-content-table td, table.wiki-content-table th, table.wiki-content-table tr {
    border: .1rem solid rgb(var(--gray-monochrome)) !important;
    background-color: rgb(var(--bright-accent))!important;
}
 
table.wiki-content-table th {
    color: rgb(var(--white-monochrome))!important;
    background-color: rgb(var(--light-gray-monochrome))!important;
}
 
blockquote, .blockquote, div.blockquote, [class*="blockquote"] {
    border: 2px double rgba(var(--pale-accent));
    background-color: rgb(var(--gray-monochrome));
    color: rgb(var(--white-monochrome));
    margin: 1em 46px;
    padding: 0 1em;
}
 
.styled-quote {
    background-color: rgb(var(--pale-gray-monochrome));
    border-left: 0.5rem solid rgba(var(--dark-accent));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.dark-styled-quote {
    background-color: rgb(var(--dark-accent));
    border-left: 0.5rem solid rgb(var(--gray-monochrome));
    color: rgb(var(--white-monochrome));
    padding: 0.1rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.lightblock {
    background-color: rgb(var(--pale-gray-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--white-monochrome));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock a,.dark-titleblock a,.titlebox a,.dark-styled-quote a {
    color: rgb(var(--pale-accent));
}
 
.titleblock {
    background-color: rgb(var(--pale-gray-monochrome));
    padding: 0.5rem 1rem 0.10rem;
    margin: 1.5rem 0rem 0.5rem 0rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid rgb(var(--dark-accent)) 2px;
}
 
.dark-titlebox {
    position: relative;
    top: -1.6rem;
    background-color: rgb(var(--pale-gray-monochrome));
    color: rgb(var(--black-monochrome));
    padding: 0.25rem 1rem;
    line-height: 0.1rem;
}
 
.dark-titleblock {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--white-monochrome));
    padding: 0.5rem 1rem 0.10rem;
    margin: 1.5rem 0rem 0.5rem 0rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    border: solid rgb(var(--pale-accent)) 2px;
}
 
.titlebox {
    position: relative;
    top: -1.6rem;
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--white-monochrome));
    padding: 0.25rem 1rem;
    line-height: 0.1rem;
}
 
.goldenblock {
    background-image: linear-gradient(-30deg, rgba(var(--gray-monochrome),.8) -20%, rgba(var(--white-monochrome),.4) 70%, rgba(var(--white-monochrome),.4) 90%, rgba(var(--gray-monochrome),.8) 120%);
    border: solid rgb(var(--dark-accent)) 2px;
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0rem;
    box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.hoverblock {
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0rem;
    transition: box-shadow 0.3s ease-out;
    -webkit-transition: box-shadow 0.3s ease-out;
}
 
.hoverblock:hover,.hoverblock:focus {
    box-shadow: 0px 4px 10px 0 rgba(var(--light-gray-monochrome), .25);
}
 
.light-hoverblock {
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0rem;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    /* Safari */
}
 
.light-hoverblock:hover,.light-hoverblock:focus {
    background-color: rgb(var(--pale-gray-monochrome));
    box-shadow: 0px 4px 10px 0 rgba(var(--light-gray-monochrome), .25);
}
 
.dark-hoverblock {
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0rem;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    /* Safari */
}
 
.dark-hoverblock:hover,.dark-hoverblock:focus {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--white-monochrome));
    box-shadow: 0px 4px 10px 0 rgba(var(--light-gray-monochrome), .25);
}
 
.transparent-hoverblock {
    color: transparent;
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0rem;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    /* Safari */
}
 
.transparent-hoverblock:hover,.transparent-hoverblock:focus {
    color: rgb(var(--dark-accent));
    box-shadow: 0px 4px 10px 0 rgba(var(--light-gray-monochrome), .25);
}
 
.white-hoverblock {
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0rem;
    transition: box-shadow 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}
 
.white-hoverblock:hover,.white-hoverblock:focus {
    box-shadow: 0px 4px 10px 0 rgba(var(--white-monochrome), .25);
    background-color: rgb(var(--white-monochrome));
}
 
.inset-hoverblock {
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0rem;
    transition: box-shadow 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}
 
.inset-hoverblock:hover,.hoverblock:focus {
    box-shadow: inset 0px 4px 10px 0 rgba(var(--light-gray-monochrome), .25);
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--white-monochrome));
}
 
.featurebox {
    padding: 0 0.5rem;
    margin: 1rem 0;
    background: #B6AF7E;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #d6ce92;
    box-sizing: border-box;
}
 
.featureflavor {
    padding: 0 0.5rem;
    margin: 0.5rem 0;
    background: #B7B073;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #c7c089;
    box-sizing: border-box;
    transition: 0.2s;
}
 
.newsbox {
    padding: 1px 1rem;
    margin: 1rem 0;
    background: linear-gradient(90deg, rgba(199,192,137,1) 0%, rgba(214,206,146,0) 100%);
    border-radius: 0.8rem;
}
 
.light-featurebox {
    padding: 0 0.5rem;
    margin: 1rem 0;
    background: #5A1414;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #FFB961;
    box-sizing: border-box;
}
 
.light-featureflavor {
    padding: 0 0.5rem;
    margin: 0.5rem 0;
    background: #FFB961;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #6B1E1E;
    ; box-sizing: border-box;
    transition: 0.2s;
}
 
.light-newsbox {
    padding: 1px 1rem;
    margin: 1rem 0;
    background: linear-gradient(90deg, rgba(75,16,16,1) 0%, rgba(214,206,146,0) 100%);
    border-radius: 0.8rem;
}
 
.dark-featurebox {
    padding: 0 0.5rem;
    margin: 1rem 0;
    background: #4A2A38;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #F4F4F4;
    box-sizing: border-box;
}
 
.dark-featureflavor {
    padding: 0 0.5rem;
    margin: 0.5rem 0;
    background: #8A4E69;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #202732;
    box-sizing: border-box;
    transition: 0.2s;
}
 
.dark-newsbox {
    padding: 1px 1rem;
    margin: 1rem 0;
    background: linear-gradient(90deg, rgba(74,42,56,1) 0%, rgba(214,206,146,0) 100%);
    border-radius: 0.8rem;
}
 
.yellow-featurebox {
    padding: 0 0.5rem;
    margin: 1rem 0;
    background: #E3D50B;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #F4F4F4;
    box-sizing: border-box;
}
 
.yellow-featureflavor {
    padding: 0 0.5rem;
    margin: 0.5rem 0;
    background: #CDAB00;
    border-radius: 0.6rem;
    box-shadow: 0px 0px 3px;
    border: 1.75px solid #F4F4F4;
    box-sizing: border-box;
    transition: 0.2s;
}
 
.yellow-newsbox {
    padding: 1px 1rem;
    margin: 1rem 0;
    background: linear-gradient(90deg, rgba(227,213,11,1) 0%, rgba(214,206,146,0) 100%);
    border-radius: 0.8rem;
}
 
.interwiki1 {
    background: rgb(var(--light-gray-monochrome));
    margin: 10px 15px;
    padding: 10px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,102,.5);
    box-sizing: border-box;
    /*width: 15em;*/
    width: calc(var(--base-font-size*0.93333*19));
}
 
.interwiki1_title {
    color: rgb(var(--black-monochrome));
    border-bottom: solid 1px rgb(var(--black-monochrome));
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
}
 
.interwiki1_entry {
    position: relative;
    margin: 2px 0;
}
 
.interwiki1_entry p::before {
    content: "■";
    font-size: 9px;
    color: rgb(var(--black-monochrome));
    position: relative;
    margin: 0 7px 0 5px;
    bottom: 3px;
}
 
.interwiki1_entry a, .interwiki1_entry a:visited {
    font-weight: bold;
    color: rgb(var(--black-monochrome));
    text-decoration: none;
    background: transparent;
}
 
.interwiki1_entry a:hover {
    color: rgb(var(--black-monochrome));
    background-color: transparent;
    text-decoration: underline;
}
 
</style> <style> .colors-container {
    width: 98%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    font-weight: 700;
    font-family: var(--title-font, Verdana);
    color: black;
}
 
.colors-container .colors, .colors-container .subcolors {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
}
 
.colors-container .color {
    flex-grow: 2;
    padding: 0.5rem;
    margin: 0.5rem;
    color: rgb(var(--swatch-text-dark, 0, 0, 0));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
 
.colors-container .colors .color {
    height: 7rem;
    min-width: 4rem;
    flex-basis: calc((100% / 2) - 2rem);
}
 
.colors-container .subcolors .color {
    height: 4rem;
    min-width: 4rem;
    font-size: 75%;
    text-align: center;
    flex-basis: calc((100% / 6) - 2rem);
}
 
.colors-container .css-variable {
    font-size: 75%;
    letter-spacing: 0.1em;
    font-family: var(--body-font, Verdana);
}
 
/* Hide a colour that's not been provided by seeing if the variable starts with "{$" */
.colors-container [data-variable^=\ \$] {
    display: none;
}
 
.colors-container [data-has-light-text="1"] {
    color: white;
    color: rgb(var(--swatch-text-light, 255, 255, 255));
}
 
div#extra-div-1 {
    display: block;
    position: absolute;
    top: var(--header-height-on-desktop);
    left: 0;
    width: 100%;
    height: var(--topbar-height-on-desktop);
}
 
div#extra-div-1 {
    z-index: -2;
    background: var(--gradient-topmenu-mobile,linear-gradient(to bottom,rgba(var(--swatch-topmenu-border-color),1) 0,rgba(var(--swatch-topmenu-bg-color),1) .125rem,rgba(var(--swatch-topmenu-bg-color),1) calc(var(--topbar-height-on-mobile) - .125rem),rgba(var(--swatch-topmenu-bg-color),1) calc(var(--topbar-height-on-mobile) - .125rem),rgba(var(--swatch-topmenu-border-color),1) var(--topbar-height-on-mobile)));
    background-repeat: repeat;
    background-size: var(--header-background-image-size);
}

- 隐藏

theme

永夜水族馆

如果我还能做梦……

著作信息

更多

主题颜色

关于本页

示例

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题