著作信息

页面信息
更多页面信息
这是基于 EstrellaYoshte 制作的简远版式修改而来的ARED Yonder版式，是ARED版式的新版扩展。
在你的作品开头添加如下语法以应用此版式：
[[include :scp-wiki-cn:theme:simple-yonder]]
开启本版式的超级模式：
[[include :scp-wiki-cn:theme:simple-yonder xmode=a]]
示例

标志
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件（诸如引用块）中，则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
+ 标题
此为分页（tab view）。
这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

一条分割线

嵌套引用块
这是	表格
你应该老早	就知道怎么
做这个了吧
页眉字体为 Jost / 黑体。

正文字体为 Open Sans。

等宽字为 Fira Code / 幼圆。
源代码：

/*
ARED Yonder Theme
[2023 Wikidot Theme]
Based on:
    Simple Yonder Theme
    [2020 Wikidot Theme]
    By EstrellaYoshte
    Based on:
        Sigma-9 Theme by Aelanna and Dr Devan
        Anderson Robotics Theme by Croquembouche
        Minimal Theme by stormbreath
        Word Processing Theme by stormbreath
        Flopstyle CSS by Lt Flops
*/
 
@import url('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/jost.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
:root {
    --themeColor: #666;
    --accentColor: #999;
    --whiteColor: #FEFEFE;
    --borderColor: #999;
}
 
#page-content { font-size: .87rem; }
 
body {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    background-color: var(--whiteColor);
}
 
.code pre, .code p, .code, tt{ /* ---- Code by Croquembouche ---- */
    font-family: "Fira Code", '幼圆', monospace;
}
 
.page-source{
    font-family: "Fira Code", '幼圆', monospace;
 
}
a {
    color: var(--accentColor);
}
 
a:visited {
    color: var(--themeColor);
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--themeColor);
    font-family: 'jostregular';
    font-weight: bold;
}
 
#page-title {
    color: var(--whiteColor);
    font-family: 'jostregular';
    font-weight: bold;
    font-size: 2.4em;
    border-color: var(--borderColor);
}
 
/* ---- HEADER ---- */
 
div#container-wrap {
    background-image: linear-gradient(to bottom, #666 0, #666 96%, #555 100%), linear-gradient(#999, #999), linear-gradient(#666, #666), linear-gradient(#999, #999), linear-gradient(to bottom, #555, transparent);
    background-repeat: repeat-x;
    background-size: 100% 139px, 100% 1px, 100% 21px, 100% 1px, 100% 120px;
    background-position: center top, center 139px, center 140px, center 161px, center 162px;
}
 
div#header {
    background-image: url("https://ah-sandbox.wikidot.com/local--files/hormress-s-logos/ARED_2_w.svg");
    background-size: 6.8rem;
    background-position: 3px 29px;
}
@media (max-width: 767px) and (min-width: 480px) {
    div#header {
      background-size: 5rem;
      background-position: 4px 54px;
    }
}
@media (max-width: 479px) {
    div#header {
      background-size: 3.6rem;
      background-position: 3px 68px;
    }
}
 
#account-topbutton {
    border-width: 0;
}
 
#login-status,
#login-status a {
    color: var(--whiteColor);
    font-weight: bold;
}
 
#login-status ul a,
#login-status ul a:hover {
    color: var(--themeColor);
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    background: #282828;
    box-shadow: none;
    border-radius: 2px;
    color: #f4f4f4;
}
 
#search-top-box input.empty {
    color: var(--borderColor);
}
 
div#header h1 a span {
    font-family: 'jostregular';
    font-weight: bold;
    color: #f4f4f4;
    text-shadow: 0px 0px 0px #000;
}
 
div#header h2 span {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #f4f4f4;
    padding: 17px 0;
    text-shadow: 0px 0px 0px #000;
    white-space: pre;
}
 
/* ---- TOP BAR ---- */
 
#top-bar div {
    width: 100%;
    text-align: center;
}
 
#top-bar div > ul {
    float: none;
    width: 100%;
    display: flex;
}
 
#top-bar div > ul > li {
    flex-grow: 1;
}
 
#top-bar div > ul > li:hover a,
#top-bar div > ul > li.sfhover a {
    color: #FFF;
    background-color: #666;
    border-color: transparent;
}
 
#top-bar div > ul > li:hover a:hover,
#top-bar div > ul > li.sfhover a:hover {
    background-color: #555;
}
 
#top-bar div > ul > li > a {
    font-weight: bold;
    border-color: transparent;
    padding-bottom: 11px;
    margin-bottom: -1px;
}
 
#top-bar div > ul > li:hover > a,
#top-bar div > ul > li.sfhover > a {
    font-weight: bold;
    text-shadow: 0px 1px 1px #000;
    border-color: #999;
    z-index: 14;
}
 
#top-bar div > ul > li > ul {
    border: solid 1px #999;
    z-index: -1;
}
 
#top-bar div > ul > li:hover > ul > li > a,
#top-bar div > ul > li.sfhover > ul > li > a {
    border-color: #666;
}
 
/* ---- SIDE BAR ---- */
 
div#side-bar {
    font-size: 104%;
    background-color: transparent;
}
 
@media (max-width: 767px) {
div#side-bar {
    background-color: var(--whiteColor);
}
}
 
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
 
#side-bar .side-block {
    border: var(--whiteColor) 4px;
    border-radius: 0;
    box-shadow: none;
    background: transparent !important;
    padding: 2px;
}
 
#side-bar .side-block:not(.media) {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
 
#side-bar .heading {
    border: none;
    border-radius: 0;
    color: #282828;
    font-size: 1.3em;
    padding: 1em 1em 0 0;
    border-top: 1px solid var(--borderColor);
    margin: 1em -0.8em 1em -0.5em;
    font-weight: normal;
}
 
#side-bar .side-block:nth-child(1) .heading:nth-child(1) {
    border: none;
}
 
#side-bar .menu-item > a:hover {
    background-color: rgba(0,0,0,0.05);
    color: var(--accentColor);
    text-decoration: none;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19);
    color: var(--themeColor);
    border: none;
}
 
#side-bar a:visited {
    color: var(--themeColor);
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        left: -19em;
    }
    #side-bar:target {
        border: none;
        box-shadow: 1px 0 5px 0 rgba(0,0,0,0.2);
    }
    #side-bar .close-menu {
        transition: width 0.5s ease-in-out 0.1s,
        opacity 1s ease-in-out 0s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: rgba(0,0,0,0.3);
        background-position: 19em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
}
 
/* ---- TABS ---- */
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: var(--themeColor); /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: var(--whiteColor); /* tab background */
    border-color: transparent;
    color: black;
    transition: 0.125s;
}
 
.yui-navset .yui-nav a em {
    background: #f4f4f4;
    box-shadow: none;
    border-color: var(--whiteColor);
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    font-weight: bold;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: var(--whiteColor); /* selected tab background */
    color: var(--themeColor);
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: var(--whiteColor);
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: transparent;
    box-shadow: 0px 1px 2px 0.5px rgba(0,0,0,0.5);
    background: var(--whiteColor);
}
 
.yui-navset .yui-content {
    background: var(--whiteColor); /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border: solid 1px var(--borderColor);
    border-top-width: 0;
}
 
.yui-navset-left .yui-content {
    border-left-color: #b7a9a9; /* different border color */
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: var(--themeColor);
}
 
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* ---- INFO PANE ---- */
 
#page-content .creditRate{
     margin: unset;
    margin-bottom: 8px;
}
#page-content .rate-box-with-credit-button {
    background-color: var(--whiteColor);
    border: solid 1px var(--whiteColor);
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: var(--themeColor);
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: var(--whiteColor);
    color: var(--accentColor);
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px var(--whiteColor);
}
 
.modalbox {
    background: var(--whiteColor);
    border: none;
    box-shadow: none;
    border-radius: 0;
}
iframe.close-credits {
    top: 1.25em;
    right: 1.5em;
    transform: scale(1.5, 1.25);
}
 
.page-rate-widget-box {
    box-shadow: none;
    margin: unset;
    margin-bottom: 8px;
}
 
.page-rate-widget-box .rate-points {
    background-color: var(--whiteColor) !important;
    color: var(--themeColor) !important;
    border: solid 1px var(--whiteColor);
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: var(--whiteColor);
    border-top: solid 1px var(--whiteColor);
    border-bottom: solid 1px var(--whiteColor);
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: var(--themeColor);
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: var(--whiteColor);
    color: var(--accentColor);
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: var(--whiteColor);
    border: solid 1px var(--whiteColor);
}
 
.page-rate-widget-box .cancel a {
    color: var(--themeColor);
}
.page-rate-widget-box .cancel a:hover {
    background: var(--whiteColor);
    color: var(--accentColor);
}
 
/* ---- PAGE ELEMENTS ---- */
 
#page-content .wiki-content-table tr th {
    border: solid 1px var(--borderColor);
    background-color: #f4f4f4;
    /* set border for table title */
}
 
#page-content .wiki-content-table tr td {
    border: solid 1px var(--borderColor);
    /* set border for table content */
}
 
blockquote,
div.blockquote,
#toc,
.code {
     background-color: #f4f4f4;
     border: solid 1px var(--borderColor);
}
 
.scp-image-block {
    border: solid 1px var(--borderColor);
    box-shadow: none;
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: #f4f4f4;
    border-top: solid 1px var(--borderColor);
    color: black;
}
 
hr {
    background-color: var(--borderColor);
}
 
.hovertip {
    border-color: var(--borderColor)!important;
}
 
/* ---- FOOTER ---- */
#footer { background: transparent; }
#footer a { color: var(--themeColor); }
版式
HSB Foundation

Hormress's Sandbox

著作信息

更多

示例

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题

页眉字体为 Jost / 黑体。

源代码：
