著作信息
SCP-CN-XXXX:标题
故事/GOI 格式标题
作者:作者 does not match any existing user name
原文:原文链接
译者:译者 does not match any existing user name
插图:所用插图来源及许可
更多你想告诉读者的东西
主题颜色
关于本页
在你的作品开头添加如下语法以应用此版式:
[[include :evernight-aquarium:theme:retro]]
示例
Evernight Bot
可通过 5 个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
如果将“-----”放入类(class)为 “fancyhr” 的 div 元素中,则可以显示另一种水平线样式,如下所示:
[[div_ class="fancyhr"]]
-----
[[/div]]
效果如下:
[[div_ class="fancyborder"]]
文字内容
[[/div]]
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建
链接:
此为分页(tab view)。
看,这有更多文字。
多么精巧绝伦。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块1
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
正文字体为 Skolar Sans / 浏览器默认字体
页眉字体为 Anonymous Pro / 思源宋体。
标题字体为 Zuijin / 王汉宗魏碑体。
等宽字为 Recursive / 仿宋及思源宋体。
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&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); }