評価モジュール:
クレジット付き評価モジュール:
使い方
これは現在の放浪者の図書館のCSSテーマです。BHLバージョンについてこちらを見て下さい。 放浪者の図書館の元々のCSSテーマは、こちらを見て下さい。
このテーマは、蛇の手のフォーマットのような、放浪者の図書館に関連した記事に適用されることを意図したものです。
このテーマをあなたのページにインポートするには、どこかに以下のように挿入してください。
[[include :scp-jp:theme:dustjacket-sigma]]
ページ下部の「+ オプション」をクリックし、さらに「バックリンク」をクリックすることによりバックリンクを表示することが可能です。
例

放浪者の図書館のロゴ
水平の区切り線はハイフン4つ「----」で挿入でき、何かが置かれていない限り(例:blockquote)ページ全体の幅に広がります。この文書のセクションを区切る線が水平の区切り線です。
もう一つの区切り線は、以下のように「----」を"fancyhr" class divの中に置くことで利用できます。
[[div_ class="fancyhr"]]
----
[[/div]]
結果はこちら:
内容をここに
[[/div]]
見出しは行の先頭にプラス「+」1から6個付け加えることで生成できます。
これは引用ブロックです。「>」をそれぞれの行の先頭に入力することで作成できます。
さらなる文章。
今のは水平の区切り線です。
引用ブロックの中に引用ブロックが作れます。
これは | 表です。 |
---|---|
これを | 作る方法は |
すでにご存知でしょう |
本文フォントはNoto Sans / Verdanaです。
ヘッダーフォントはBuenard / M PLUS 1pです。
見出しフォントはBuenard / Zen Old Minchoです。
等幅フォントはPT Mono / monospaceです。
ソースコード
/* 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 Edited by iti119 for SCP-JP */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Buenard:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&family=PT+Mono&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@900&display=swap'); :root { --body-font: 'Noto Sans', 'Lato', verdana, arial, helvetica, sans-serif; --header-font: 'Buenard', 'Poppins', 'M PLUS 1p', verdana, arial, helvetica, sans-serif; --title-font: 'Buenard', 'Poppins', 'Zen Old Mincho', serif; --mono-font: 'PT Mono', 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: 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("http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-53-5ykp/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('http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-54-6cez/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('http://scp-jp-storage.wdfiles.com/local--files/file:5722815-55-d5zo/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('http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-54-6cez/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)); } /* SIDE-BAR SETTINGS */ #side-bar .side-block { border-color: rgb(var(--dark-accent)); background-color: white; box-shadow: 0 2px 6px rgba(var(--dark-accent),.5); } #side-bar .side-block.media { background-color: rgb(248, 241, 218) !important; } #side-bar .side-block.resources { background-color: rgb(246, 234, 196) !important; } div.scpnet-interwiki-wrapper { filter: hue-rotate(90deg); } #side-bar .heading { font-size: 1rem; color: rgb(var(--dark-accent)); border-bottom-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)) } #top-bar .open-menu a { border: 0.2em solid rgb(var(--bright-accent)) !important; background-color: rgb(var(--gray-monochrome)) !important; color: rgb(var(--bright-accent)) !important; } } /* 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); } /* CODE */ .code { background-color: rgb(var(--pale-gray-monochrome)); } /* RATING MODULE */ #page-content .page-rate-widget-box { font-size: .8rem; } div.page-rate-widget-box .rate-points { background-color: rgb(var(--gray-monochrome)); border-color: rgb(var(--dark-gray-monochrome)); color: rgb(var(--bright-accent)); } .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('http://scp-jp-storage.wdfiles.com/local--files/file:5722815-55-d5zo/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('http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-46-ec6z/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('http://scp-jp-storage.wdfiles.com/local--files/file%3A5722815-47-mqmb/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; } /* Localization for SCP-JP */ /* Credit Module */ #page-content .page-rate-widget-box .rate-points { font-family: var(--body-font); } #page-content .page-rate-widget-box .cancel a, #page-content .creditRate.creditModule .rate-box-with-credit-button .creditButton a { color: rgb(var(--pale-gray-monochrome)); } #page-content .page-rate-widget-box .cancel a:hover, #page-content .creditRate.creditModule .rate-box-with-credit-button .creditButton a:hover { color: rgb(var(--bright-accent)); } #page-content .rate-box-with-credit-button .creditButton { background-color: rgb(var(--gray-monochrome)); border-color: rgb(var(--dark-gray-monochrome)); } /* Side Bar */ #side-bar .heading { font-family: var(--title-font); } /* Code */ .code, pre { font-family: var(--mono-font); }