星与图书馆 版式

评分:

评分: +4+x

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

评分: +4+x

使用方法

这是一个基于当前被放逐者之图书馆 CSS 版式的 Sigma-9 版式。欲查看此版式的黑标版本,请点击这里。欲查看基于被放逐者之图书馆经典 CSS 版式的版式,请点击这里

此版式旨在应用于与被放逐者之图书馆相关的文章,例如蛇之手格式

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

[[include :scp-wiki-cn:theme:dustjacket-sigma]]

你可以通过点击页面底部的“+ 选项”、“反向链接”来查看任何页面的反向链接。

示例

wandererslibary_logobg.png

被放逐者之图书馆标志

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


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

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

效果如下:


任何元素添加“fancyborder”类(class),即可显示特殊边框。例如,这是此方块的代码:
[[div_ class="fancyborder"]]
文字内容
[[/div]]

脚注前方会添加“(”或“,”。12

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

此为分页(tab view)。

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

更多文字


一条分割线

嵌套引用块

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

正文字体为 Adelle Sans / 微软雅黑。
页眉及标题字体为 Zuijin / 楷体。
等宽字为 Adaptive Mono / 新宋体。


源代码

/*
    Sigma-9 Wanderers' DustJacket Theme
    [2020 Wikidot Theme]
    By DrMacro
    Adapted from Wanderers' DustJacket Theme by Woedenaz
    Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan
*/
 
@import url("https://wanderers-library.wikidot.com/component:dustjacket-theme-typefaces/code/1");
@import url("https://use.typekit.net/tqr1skr.css");
@import url("https://fastly.jsdelivr.net/gh/Crimone/typefaces@main/fandol-kaiti/FandolKai-Regular.css");
 
:root {
    --body-font: adelle-sans, 'Lato', '微软雅黑', sans-serif;
    --header-font: 'zuijinregular', 'Poppins', kaiti, "FandolKai-Regular", lisu, sans-serif;
    --title-font: 'zuijinregular', 'Poppins', kaiti, "FandolKai-Regular", lisu, sans-serif;
    --mono-font: adaptive-mono, "PT Mono", "Andale Mono", "Courier New", NSimSun, Courier, monospace;
    --pale-gray-monochrome: 178, 210, 180;
    --light-gray-monochrome: 130, 160, 135;
    --gray-monochrome: 45, 70, 45;
    --dark-gray-monochrome: 30, 55, 30;
    --bright-accent: 255, 219, 90;
    --medium-accent: 228, 180, 28;
    --dark-accent: 185, 150, 17;
 
    --gradient-header:
           linear-gradient(to bottom, rgba(var(--dark-gray-monochrome), 1) 0%,
           rgba(var(--dark-gray-monochrome), 1) 30%,
           rgba(var(--bright-accent)) 100%);
    --gradient-sidemenu-header: linear-gradient(10deg, rgba(var(--medium-accent), 0.45), rgba(var(--medium-accent), 0.55));
 
    scrollbar-color: rgb(var(--medium-accent)) rgb(var(--dark-gray-monochrome));
}
 
/* HEADER */
div#container-wrap {
    background-image: url(none);
}
 
div#extra-div-1,
div#extra-div-2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 140px;
    top: 0;
    left: 0;
}
 
div#extra-div-1 {
    background-image: url("https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wlheader_bg.png");
    background-size: 31.250rem;
    z-index: -1;
    mix-blend-mode: hard-light;
}
 
div#extra-div-2 {
    background: var(--gradient-header);
    background-size: 31.250rem;
    background-repeat: repeat;
    z-index: -2;
}
 
div#extra-div-3 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background-color: rgb(var(--gray-monochrome));
    background-image: rgb(var(--gray-monochrome));
    border-top: solid 1px rgb(var(--bright-accent));
    border-bottom: solid 1px rgb(var(--bright-accent));
} /* Green top bar */
 
#header {
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/wl_logo.png) 13px 41px no-repeat;
    background-size: 94px 94px;
}
#header > h1 > a > span {
    display: none;
}
#header h1 a {
    color: transparent;
    text-shadow: none;
    padding: 85px 0 25px;
    font-size: 140%;
    font-family: var(--header-font);
}
#header h1 a::before {
    content: "被放逐者之图书馆";
    color: rgb(var(--bright-accent));
    text-shadow: inherit;
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/goldfoil.png);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow-wrap: normal;
    font-size: 125%;
}
 
#header h2 span {
    display: none;
}
 
@media (max-width: 767px) {
    #header {
        background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/wl_logo.png) 2px 72px no-repeat;
        background-size: 50px 50px;
    }
    #header h1 a {
        font-size: 65%;
        padding: 95px 0px;
    }
}
 
/* LOG-IN INFO */
#login-status {
    color: rgb(var(--pale-gray-monochrome));
    font-weight: 600;
    letter-spacing: 0.05em;
}
 
#login-status * {
    font-family: var(--header-font);
    letter-spacing: 0.05em;
}
 
#login-status ul a {
    color: rgb(var(--dark-gray-monochrome));
    background: rgb(var(--pale-gray-monochrome));
}
 
/* SEARCH BAR */
 #search-top-box-input {
     background-color: rgb(var(--gray-monochrome));
     border: solid 1px rgb(var(--medium-accent));
     border-radius: 0;
}
#search-top-box input.empty {
    color: rgba(var(--bright-accent), 0.5);
}
 #search-top-box-input:hover,
 #search-top-box-input:focus {
     background: rgb(var(--light-gray-monochrome));
     border: solid 1px rgb(var(--bright-accent));
     border-radius: 0;
}
 #search-top-box-form input[type=submit] {
     background: linear-gradient(to bottom, rgb(var(--bright-accent)),rgb(var(--medium-accent)),rgb(var(--dark-accent)));
     background-color: rgb(var(--dark-accent));
     color: white;
     transition: color 0.25s;
     border: solid 1px rgb(var(--medium-accent));
     border-radius: 0;
}
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus {
     background: linear-gradient(to bottom, rgb(var(--bright-accent)),rgb(var(--medium-accent)),rgb(var(--dark-accent)));
     background-color: rgb(var(--dark-accent));
     color: rgb(var(--gray-monochrome));
     border: solid 1px rgb(var(--medium-accent));
     border-radius: 0;
}
 
@media (max-width: 767px) {
    #search-top-box {
         top: 115px;
         right: -10px;
    }
}
 
/* TITLE */
#page-title {
    font-size: 210%;
    font-family: 'IMB Plex Mono';
    font-weight: 600;
}
 
h1, h2, h3, h4, h5, h6, #page-title {
    font-family: var(--title-font);
    color: rgb(var(--black-monochrome));
}
h1 {
    margin: .7em 0 .6em;
    padding: 0 0 .25em;
    font-weight: 700;
}
h2, h3, h4, h5, h6 {
    margin: .5em 0 .4em;
    padding: 0;
    font-weight: 900;
    letter-spacing: .063rem;
}
 
@media (max-width: 767px) {
    #page-title {
        font-size: 180%
    }
}
 
/* TOP-BAR SETTINGS */
#top-bar ul li ul {
    border-color: rgb(var(--medium-accent));
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    background: rgb(var(--pale-gray-monochrome));
    border-top: 1px solid rgb(var(--medium-accent));
    padding: 0.3em;
    padding-left: 0.5em;
    color: rgb(var(--dark-gray-monochrome));
    font-family: var(--body-font);
    font-size: 0.7rem;
}
#top-bar ul li a {
    color: rgb(var(--bright-accent));
    font-family: var(--header-font);
    font-size: 0.8rem;
}
#top-bar ul li.sfhover a {
    color: rgb(var(--bright-accent));
    border-top: solid 1px rgb(var(--bright-accent));
    font-family: var(--header-font);
    font-size: 0.8rem;
}
 
#top-bar ul li:hover a {
    background: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
}
#top-bar ul li ul a, #top-bar a:hover {
    color: rgb(var(--pale-gray-monochrome));
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
}
#top-bar ul li ul.sfhover a:hover,
#top-bar ul li ul:hover a:hover {
    background: rgb(247, 213, 83);
    color: rgb(var(--dark-gray-monochrome));
    font-weight: bold;
}
.topbar_arrow {
    color: rgb(var(--dark-gray-monochrome));
}
 
@media (max-width: 479px) {
    #top-bar ul li a {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}
 
/* SIDE-BAR SETTINGS */
#side-bar {
    padding: 0;
    border-style: none;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}
#side-bar .side-block {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(var(--dark-accent));
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 2px 6px rgba(var(--dark-accent),.5);
    margin-bottom: 15px;
    padding: 10px;
}
 
#side-bar .side-block[style*="#f0fff6"] {
    background-color: rgb(248, 236, 198) !important;
}
 
#side-bar .side-block[style*="#e7e5e8"] {
    background-color: rgb(234, 223, 183) !important;
}
 
#side-bar .side-block[style*="#fff0f0"] {
    background-color: rgb(246, 234, 196) !important;
}
 
#side-bar .side-block[style*="#e5e5ff"] {
    background-color: rgb(248, 241, 218) !important;
}
 
#side-bar .heading {
    width: auto;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1rem;
    color: rgb(var(--dark-accent));
    border-bottom-color: rgb(var(--dark-accent));
    font-family: var(--header-font);
}
 
#side-bar .collapsible-block-folded {
    background-image: none;
}
#side-bar .collapsible-block-unfolded-link {
    border-bottom-color: rgb(var(--dark-accent));
}
 
#side-bar .collapsible-block-folded .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    font-size: 1rem;
    color: rgb(var(--dark-accent));
    font-family: var(--header-font);
}
 
/* SIDE-BAR IMAGES */
.side-block .menu-item > .image {
    filter: hue-rotate(-171deg);
}
 
/* Patch pour hover imbriqué */
#top-bar ul li ul li ul {
    left: 159px;
}
 
/* MOBILE SIDE-BAR */
@media (max-width: 767px) {
#side-bar {
    background-color: rgb(var(--pale-gray-monochrome));
    padding: 1em 1em 0 1em;
}
#side-bar:target {
    border: 1px solid #dedede;
}
#side-bar:target .close-menu {
    background: rgba(0,0,0,0.3) 1px 1px repeat;
}
#top-bar div.open-menu a {
    border: 0.2em solid rgb(var(--bright-accent));
    background-color: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
    }
}
 
/* BODY */
body {
    background-color: rgb(var(--white-monochrome));
    font-family: var( --body-font);
}
 
#page-content {
    font-size: .835rem;
    letter-spacing: .3px;
    word-spacing: .8px;
}
 
/* FOOTER */
#footer {
    background: rgb(var(--dark-accent));
    color: rgb(var(--dark-gray-monochrome));
}
 
#footer a {
    color: rgb(var(--dark-gray-monochrome));
}
 
/* OTHER STRUCTURAL ELEMENTS */
 
/* LINKS */
a {
    color: rgb(var(--medium-accent));
    font-weight: bold;
}
a:visited {
    color: rgb(var(--dark-accent));
}
#side-bar a,
#side-bar a:visited,
#side-bar a.newpage {
    color: rgb(93, 111, 93);
}
blockquote a,
div.blockquote a {
    color: rgb(var(--dark-accent));
}
blockquote a:visited,
div.blockquote a:visited {
    color: rgb(153, 123, 15);
}
a.newpage {
    color: #d61;
}
 
/* CODE */
.code {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
/* RATING MODULE */
#page-content .page-rate-widget-box {
    font-size: .8rem;
}
 
.page-rate-widget-box .rate-points {
    background-color: rgb(var(--gray-monochrome)) !important;
    border-color: rgb(var(--dark-gray-monochrome));
    color: rgb(var(--bright-accent)) !important;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: rgb(var(--pale-gray-monochrome));
    border-top-color: rgb(var(--dark-gray-monochrome));
    border-bottom-color: rgb(var(--dark-gray-monochrome));
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: rgb(var(--gray-monochrome));
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: rgb(var(--gray-monochrome));
    border-color: rgb(var(--dark-gray-monochrome));
}
.page-rate-widget-box .cancel a {
    color: rgb(var(--light-gray-monochrome));
}
.page-rate-widget-box .cancel a:hover {
    background-color: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
}
 
/* CREDIT MODULE */
#page-content .rate-box-with-credit-button {
    background-color: rgb(var(--gray-monochrome));
    border-color: rgb(var(--dark-gray-monochrome));
}
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: rgb(var(--light-gray-monochrome))
}
#page-content .rate-box-with-credit-button .creditButton a {
    color: rgb(var(--bright-accent));
}
#page-content .rate-box-with-credit-button .creditButton a:hover {
    color: rgb(var(--light-gray-monochrome));
}
 
#page-content .modalbox {
     background: white !important;
     color: rgb(var(--black-monochrome));
     box-shadow: 0 2px 6px rgba(var(--dark-accent),.5);
}
 
.close-credits,
.credit-back {
    filter: hue-rotate(-171deg);
}
 
/* PAGE ELEMENTS */
 
/* BLOCKQUOTES */
blockquote,
div.blockquote {
       background: rgb(var(--pale-gray-monochrome));
       border: 3px outset rgb(var(--medium-accent));
}
 
/* HORIZONTAL RULES */
hr {
    border: 0;
    border-top: .063rem solid transparent;
    background-color: rgba(var(--bright-accent));
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/goldfoil.png);
    background-size: cover;
}
 
.fancyhr hr {
    border-top: 2vw solid transparent;
    background-color: rgba(var(--bright-accent), 0);
    height: 0;
    box-sizing: border-box;
    border-image-source: url(https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_hr.png);
    border-image-repeat: round round;
    background: none;
    border-image-slice: 80 500 80 500 fill;
    border-image-width: 10em 80em 10em 80em;
}
 
.fancyborder {
    box-sizing: border-box;
    border: 2vw solid rgba(0,0,0,0.5);
    border-image: url(https://wanderers-library.wdfiles.com/local--files/component%3Adustjacket-theme/wl_border.png) 600 round;
    border-image-width: 6;
    padding: 2vw;
}
 
/* TABLES */
table.wiki-content-table th {
    color: rgb(var(--bright-accent));
    background-color: rgb(var(--light-gray-monochrome));
    border-color: rgb(108, 138, 112);
}
 
/* footnote by 7happy7 */
span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:before,
sup.footnoteref > a.footnoteref:before {
content: "(";
}
span:not([class]):not([style]) > sup.footnoteref > a.footnoteref:before {
content: ",";
}
 
/* Adjusts footnote block at bottom to fit the Hand format better */
.footnotes-footer {
        width: unset;
    margin: unset;
    padding: 20px;
    background-color: #EEF6EE;
        border: solid 1px #112211;
}
 
/* TABVIEW */
.yui-navset .yui-content {
    border-color: rgb(var(--light-gray-monochrome));
    border-top-color: rgb(var(--medium-accent));
    background-color: rgb(234, 242, 234);
    font-weight: normal;
}
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    border-bottom: 0.3em solid rgb(var(--medium-accent));
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-image: none;
    background-color: rgb(var(--pale-gray-monochrome));
    font-weight: normal;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: rgb(var(--dark-accent));
    color: white;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* Pas d'effet focus/hover pour tab sélectionné */
.yui-navset .yui-nav .selected a:hover {
    background-image: none !important;
    background: rgb(var(--medium-accent));
    border-color: rgb(var(--medium-accent));
    color: white;
}
.yui-navset li {
    line-height: normal;
}
/* Bordures onglets */
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    border: 1.2px solid rgb(var(--medium-accent));
    padding: 0.15em;
}
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border: none !important;
}
 
/* IMAGE BLOCK */
.scp-image-block .scp-image-caption {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
/* HIGHLIGHTING */
::-moz-selection {
    background: rgba(var(--bright-accent), 0.5);
}
 
::selection {
    background: rgba(var(--bright-accent), 0.5);
}
 
/* Page-Tags */
#main-content .page-tags {
    border-top: 2px solid rgb(var(--dark-accent));
}
 
#main-content .page-tags a {
    display: inline-block;
    height: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: normal;
    background: rgb(var(--gray-monochrome));
    color: rgb(var(--bright-accent));
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin: 0 0 .5rem .75rem;
    padding: 0.1875rem 0.3125rem 0.1875rem 0;
}
 
#main-content .page-tags a:before {
    top: -0.1875rem;
    left: -0.625rem;
    width: 0;
    height: 0;
    border-color:
     transparent
     rgb(48, 48, 52)
     transparent
     transparent;
    border-color:
     transparent
     rgb(var(--gray-monochrome, 45, 70, 45))
     transparent
     transparent;
    border-style: solid;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    padding: 0 0.0625rem 0.1875rem;
}
 
#main-content .page-tags a:before,
#main-content .page-tags a:after {
    content: "";
    float: left;
    position: relative;
}
 
#main-content .page-tags a:after {
    --box-shadow: rgb(var(--gray-monochrome, 45, 70, 45));
    top: 0.28125rem;
    left: -0.5rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    background-color: rgb(var(--bright-accent, 255, 219, 90));
    box-shadow: -0.0625rem -0.0625rem 0.125rem var(--box-shadow);
}
 
.page-tags span {
    border-top: .5rem solid transparent;
}

评分:

评分: +4+x

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

评分: +4+x

这是一个基于护封 Sigma-9版式制作的图书馆版式。

--gray-monochrome(60, 60, 90)
--bright-accent(255, 219, 90)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
--light-gray-monochrome(130, 135, 160)
--pale-gray-monochrome(187, 187, 255)
--dark-gray-monochrome(60, 60, 90)
--medium-accent(228, 180, 28)
--dark-accent(185, 150, 17)
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

这是引用块


嵌套引用块

CC BY-SA 114514.810