简远 版式

评分:

评分: +38

评分模块与著作信息模块:

评分: +38

著作信息

[フレーム]

页面信息

更多

更多页面信息

评分: +38

这是由 EstrellaYoshte EstrellaYoshte 制作的美学版式,与任何设定、系列、或相关组织均无关联。

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

[[include :scp-wiki-cn:theme:simple-yonder]]

开启本版式的超级模式:

[[include :scp-wiki-cn:theme:simple-yonder xmode=a]]

示例

logo.png

标志

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

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

1 级标题

2 级标题

3 级标题

4 级标题

5 级标题
6 级标题

此为分页(tab view)。

看,这有更多文字。

多么精巧绝伦。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

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

一条分割线

嵌套引用块

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

超级模式加入了:

simple-yonder-sample.jpg

- 引用了切换侧边栏

- 优化了移动端显示时的图像边距

- 将编辑字体改为 Fira Code

- 脚注优化——最大宽度为 420px,不再会(因点到脚注而跳转)

- 鼠标悬浮时用户头像不再放大

- 新版标签显示

[[div class="material-box"]]

页眉字体为 Jost / 黑体。

正文字体为 Open Sans。

等宽字为 Fira Code / 幼圆。


脚注
. 这是一个脚注。

源代码:

/*SimpleYonderTheme[2020WikidotTheme]ByEstrellaYoshteBased on:
 Sigma-9ThemebyAelannaandDrDevanAndersonRoboticsThemebyCroquemboucheMinimalThemebystormbreathWordProcessingThemebystormbreathFlopstyleCSSbyLtFlops*/
 
@importurl('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@importurl(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
@importurl('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/jost.css');
 
:root{
 --themeColor:#7E2520;
 --accentColor:#E01F1F;
 --whiteColor:#FBFBFB;
 --borderColor:#C4C4C4;
}body{color:#000000;
 font-family: 'Open Sans', sans-serif;
 font-size:0.925rem;
 background-color: var(--whiteColor);
}.codepre, .codep, .code, tt{ /* ---- CodebyCroquembouche ---- */
 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(--themeColor);
 font-family: 'jostregular';
 font-weight:bold;
 font-size:2.4em;
 border-color: var(--borderColor);
}
 
/* ---- HEADER ---- */
div#container-wrap{background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/bg3.png');
 background-size:auto;
 background-repeat:repeat-x;
}div#header{background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/logo.png');
 background-size:7.3rem;
 background-position:3px29px;
}@media (max-width: 767px) and (min-width: 480px) {div#header{background-size:6rem;
 background-position: -4px44px;
 }}@media (max-width: 479px) {div#header{background-size:4.6rem;
 background-position: -3px58px;
 }}#account-topbutton{border-width:0;
}#login-status,
#login-statusa{color: var(--whiteColor);
 font-weight:bold;
}#login-statusula,
#login-statusula:hover{color: var(--themeColor);
}#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-forminput[type=submit],
#search-top-box-forminput[type=submit]:hover,
#search-top-box-forminput[type=submit]:focus{border:none;
 background:#282828;
 box-shadow:none;
 border-radius:2px;
 color:#f4f4f4;
}#search-top-boxinput.empty{color: var(--borderColor);
}div#headerh1aspan{font-family: 'jostregular', sans-serif;
 font-weight:bold;
 color:#f4f4f4;
 text-shadow:0px0px0px#000;
}div#headerh2span{font-family: 'Open Sans', sans-serif;
 font-weight:bold;
 color:#f4f4f4;
 padding:17px0;
 text-shadow:none;
 white-space:pre;
}
 
/* ---- TOPBAR ---- */
 
#top-barulli.sfhovera,
#top-barulli:hovera{color: var(--themeColor);
}#top-barulliul{border-color: var(--borderColor);
 box-shadow:none;
}#top-barulli.sfhovera,
#top-barulli:hovera{background:#f4f4f4;
}
 
/* ---- SIDEBAR ---- */
 
#side-bar, #interwiki{background-color: var(--whiteColor);
}#side-bar.side-block.media > *{display: flex;
 justify-content: space-evenly;
}:is(#side-bar, #interwiki) .side-block,
#side-bar.side-block:is(.resources,.media) {border:none;
 border-radius:0;
 box-shadow:none;
 background:transparent !important;
 padding:0;
}:is(#side-bar,#interwiki) .heading{border:none;
 color:#282828;
 font-size:1.325em;
 padding:0.25rem 0;
 border-top:0.05rem solid var(--borderColor);
 margin:1.25rem 00.325rem;
 font-weight:normal;
 
}:is(#side-bar, #interwiki) div.menu-item{margin-inline-start:0.75rem;
}:is(#side-bar, #interwiki) .menu-itemimg{display:none; }:is(#side-bar, #interwiki) a{color: var(--accentColor);
}#top-bardiv.open-menua{border-radius:0;
 box-shadow:0px1px4px0 rgba(0, 0, 0, 0.2), 0px3px10px0 rgba(0, 0, 0, 0.19);
 color: var(--themeColor);
 border:none;
}@media (max-width: 767px) {#main-content{padding:0;
 margin:05%;
 border-left:none;
 }#page-title{margin-top:0.7em;
 }#side-bar{left: -19em;
 }#side-bar:target{border:none;
 box-shadow:1px05px0 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:19em50%;
 z-index: -1;
 opacity:0;
 pointer-events:none;
 }#side-bar:target.close-menu{width: calc(100% - 17em);
 right:0;
 left:auto;
 opacity:1;
 pointer-events:auto;
 }#side-bar.heading{padding-left:1em;
 margin-inline: -1em;
 }}
 
/* ---- TABS ---- */
 
.yui-navset.yui-nav,
.yui-navset.yui-navset-top.yui-nav{font-family: 'jostregular', sans-serif;
 border-color: var(--themeColor); /*colorbetweentablistandcontent*/
}.yui-navset.yui-nava,
.yui-navset.yui-navset-top.yui-nava{background: var(--whiteColor); /*tabbackground*/
 border-color:transparent;
 color:black;
 transition:0.125s;
}.yui-navset.yui-navaem{background:#f4f4f4;
 box-shadow:none;
 border-color: var(--whiteColor);
}.yui-navset.yui-nav.selecteda, .yui-navset.yui-nav.selectedaem{font-weight:bold;
}.yui-navset.yui-nav.selecteda,
.yui-navset.yui-nav.selecteda:focus,
.yui-navset.yui-nav.selecteda:hover{background: var(--whiteColor); /*selectedtabbackground*/
 color: var(--themeColor);
}.yui-navset.yui-nava:hover,
.yui-navset.yui-nava:focus{background: var(--whiteColor);
}.yui-navset.yui-nav.selecteda,
.yui-navset.yui-nav.selectedaem{border-color:transparent;
 box-shadow:0px1px2px0.5px rgba(0,0,0,0.5);
 background: var(--whiteColor);
}.yui-navset.yui-content{background: var(--whiteColor); /*contentbackgroundcolor*/
}.yui-navset.yui-content,
.yui-navset.yui-navset-top.yui-content{border:solid1px var(--borderColor);
 border-top-width:0;
}.yui-navset-left.yui-content{border-left-color:#b7a9a9; /*differentbordercolor*/
}
 
/* ---- INFOBAR ---- */
body{
 --barColour: var(--themeColor);
}.info-container.collapsible-block-content.wiki-content-table{width:100%;
}
 
/* ---- INFOPANE ---- */
 
#page-content.creditRate{margin: unset;
 margin-bottom:8px;
}#page-content.rate-box-with-credit-button{background-color: var(--whiteColor);
 border:solid1px 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:solid1px 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-right:0;
 font-family: 'jostregular', sans-serif;
 font-size:1.125em;
}.page-rate-widget-box.rate-points{background-color: var(--whiteColor) !important;
 color: var(--themeColor);
 border:solid1px var(--whiteColor);
}.page-rate-widget-box.rateup,
.page-rate-widget-box.ratedown{background-color: var(--whiteColor);
 border-top:solid1px var(--whiteColor);
 border-bottom:solid1px var(--whiteColor);
}.page-rate-widget-box.rateupa,
.page-rate-widget-box.ratedowna{background:transparent;
 color: var(--themeColor);
}.page-rate-widget-box.rateupa:hover,
.page-rate-widget-box.ratedowna:hover{background: var(--whiteColor);
 color: var(--accentColor);
}.page-rate-widget-box.cancel{background:transparent;
 background-color: var(--whiteColor);
 border:solid1px var(--whiteColor);
}.page-rate-widget-box.cancela{color: var(--themeColor);
}.page-rate-widget-box.cancela:hover{background: var(--whiteColor);
 color: var(--accentColor);
}
 
/* ---- PAGEELEMENTS ---- */
 
#page-content.wiki-content-tabletrth{border:solid1px var(--borderColor);
 background-color:#f4f4f4;
 /*setborderfortabletitle*/
}#page-content.wiki-content-tabletrtd{border:solid1px var(--borderColor);
 /*setborderfortablecontent*/
}blockquote,
div.blockquote,
#toc,
.code{background-color:#f4f4f4;
 border:solid1px var(--borderColor);
}.scp-image-block{border:solid1px var(--borderColor);
 box-shadow:none;
 box-sizing: border-box;
}.scp-image-block.scp-image-caption{background-color:#f4f4f4;
 border-top:solid1px var(--borderColor);
 color:black;
}hr{background-color: var(--borderColor);
 margin:1.5rem 0;
}.hovertip{border-color: var(--borderColor)!important;
}#main-content.page-tagsspan{max-width:100%;
}
 
/* ---- FOOTER ---- */
#footer{background:transparent; }#footera{color: var(--themeColor); }
 
/* ---- LICENSEAREA ---- */
 
#license-area{border-top:0.05rem solid var(--borderColor);
 padding:.425rem;
 font-size:.775em;
 background: var(--themeColor);
 color: var(--whiteColor);
 
}#license-areaa{color:inherit;
 font-weight:bold;
}
页面版本: 21, 最后编辑于: 13 Dec 2024 13:13
讨论 (0)
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License
点击编辑本页内容。
点击显示页面各部分的编辑按钮(如果可能)。 在标题边会出现"编辑"按钮。
在不编辑全部页面源代码的情况下添加内容。
查看本页过去是如何沿革的。
若您想要讨论本页内容,这是最简单的方法。
检视并管理本页附件。
管理网站的实用工具。
变更页面名称(及 URL 地址,或许会影响分类)。
在不编辑的情形下检视维基源代码。
检视 / 设定父页面(用以建立浏览足迹与结构化​​配置)。
向管理员举报本页有令人反感的内容。
事情不如预期?看看您可以做些什么。
通用的 Wikidot.com 文件与说明。
Wikidot.com 服务条款 — 您可以做的事,您不该做的事之类的。
Wikidot.com 隐私政策。

AltStyle によって変換されたページ (->オリジナル) /