阅读器主题版式

著作信息

SCP-CN-XXXX：标题
故事/GOI 格式标题
作者：作者不匹配任何一个现有的用户名
原文：原文链接
译者：译者不匹配任何一个现有的用户名
插图：所用插图来源及许可
更多你想告诉读者的东西

可选的更多信息，这些会显示在一个新的窗口中。如果你不需要，删除“[[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:reader]]

示例

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://cdn.jsdelivr.net/gh/Crimone/crimson-anemone@1.0.0/noto-serif-sc-300.css");
 
#container {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.9) 100%), url(http://smlt.wikidot.com/local--files/odeo:buchong/%E9%9B%A8);
    background-size:cover;
    background-attachment: fixed, fixed;
    background-position: center;
    position: relative;
}
 
div#content-wrap {
    margin-top: 0;
}
 
/* 透明 */
#page-options-container {
    opacity: 0.1;
    transition: ease-in 0.1s;
}
 
/* 鼠标放在上面变回不透明 */
#page-options-container:hover {
    opacity: 1;
 
}
 
body{
background:#000;
font-family:"Noto Serif SC";
color:#AFADA7;
font-size:19px;
}
p {
    line-height:230%;
}
 
#container-warp {
    max-width:2000px;
}
 
a {
    color: white;
    color: white;
}
a:visited {
    color: white;
    color: white;
}
 
#header h1 a::before {
    color: transparent;
}
 
#header h2 span::before {
    color: transparent;
}
 
#header {
    background-image: url( );
    background-size: 6rem;
}
 
div#container-wrap {
background: url() repeat;}
 
.meta-title {
display:none
}
 
.page-tags,#search-top-box,#top-bar,#side-bar,#login-status,#page-title,#header,#footer,#license-area,#footer,#license-area  {
display:none
}
#footer{
opacity:0;
}
#page-content {
    min-height: 720px;
}
 
#main-content {
    margin:0 5% 0  5%;
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel {
    background-color: transparent !important;
    border-color: transparent;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
    color: #FFFFFF;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
    background: transparent;
    color: #c4b2b2;
}
 
@media screen and (orientation: portrait) {
 
    #container {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,     rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.9) 100%), url();
    background-size:cover;
    background-attachment: fixed, fixed;
    background-position: center;
    position: relative;
    }
 
div#container-wrap {
background: url()
    }
 
    body{
 
    font-family:"Noto Serif SC";
    color:#dedcdc;
    font-size:20px;
    letter-spacing:2px;
    }
}

- 隐藏

theme

永夜水族馆

如果我还能做梦……

著作信息

更多

主题颜色

关于本页

示例

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题

6 级标题