クリーピーパスタ テーマ
このページはカスタムテーマページです。
Wiki内で使用されているカスタムテーマのためのページです。
使い方
このテーマをインポートするには、以下をページ内のどこかに置いてください。
英語ヘッダー:
[[include theme:creepypasta]]
日本語ヘッダー:
[[include theme:creepypasta jp=a]]
通常のCSSの@importメソッドは使えません。これは意図されたものです(CSSコードを作ってくれたstormbreathに感謝!)。[[include]]を使ってテーマをインポートすれば、あなたのぺージがバックリンクのリストに追加されます。これはこのテーマが変更された際にどのページが影響を受けるかを確認するのに有用で、変更によるあらゆるエラーの早期発見と修正が可能になります。
「+ Options (+ オプション)」、「Backlinks (バックリンク)」をクリックすることで、ページのバックリンクを見ることができます。
例
分割線は5個のハイフン「-----」で使用でき、引用符などの中にある場合を除けば、ページ全体に広がります。このセクション区切る線が分割線です。
タイトルは1から6個のプラス「+」を行の先頭に置くことで作ることができます。
これは引用符です。「> 」を各行の先頭に置くことで作ることができます。
さらなる文章
これは分割線です
ネストした引用符
これは | テーブルです |
---|---|
作り方は | もう |
知っていますね |
@import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap'); /* Powered on 2019/05/09 06:09:42 [2019 Wikidot Theme] Created by The Great Hippo Edited by 7happy7 for SCP-JP CC BY-SA 3.0 */ /* FONTS AND COLORS */ :root { --bg-light: #262626; --bg: #1a1a1a; --bg-dark: #000000; --fg-light: #ffffff; --fg: #f2f2f2; --fg-dark: #e6e6e6; --fg-accent-light: #ffffcc; --fg-accent: #ffff99; --fg-accent-dark: #ffff80; --fg-accent-2: #ffffff; } body { background: var(--bg); color: var(--fg); font-family: 'PT Mono', Meiryo, monospace; } a, a:visited { color: var(--fg-accent-dark); } h1, h2, h3, h4, h5, h6, #page-title { color: var(--fg-light); font-family: 'PT Mono', Meiryo, monospace; } ins, del { color: black; } /* HEADER */ div#container-wrap { background: url(/local--files/theme:creepypasta/gradient.png) top left repeat-x; } div#header { background: url(https://scp-jp-storage.wdfiles.com/local--files/file%3A5700026-110-ce2n/parawatch-en.png) 10px 40px no-repeat; } div#header h1 a span { /* hiding header text */ font-size: 0px; color: transparent; } div#header h1 a:before { content: " "; color: rgb(24, 24, 24); } div#header h2 span { font-size:0px; padding: 4px; } div#header h2:after { content: " "; font-weight: bold; color: rgb(255, 224, 135); padding: 19px 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, .8); white-space: pre; } #search-top-box { bottom: 30px; top: unset; } /* SIDE-BAR */ div#side-bar a, div#side-bar a:visited { color: var(--fg-dark); } div#side-bar div.side-block { background: rgb(24, 24, 24) !important; border: 1px solid #ffe087; box-shadow: 0 2px 6px #404040; } div#side-bar div.side-block div.heading, div#side-bar div.collapsible-block-unfolded-link, div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link { color: rgb(255, 224, 135); border-color: rgb(255, 224, 135); } /* Recolors the image bullet points in the side-bar */ .side-block .menu-item > .image { filter: hue-rotate(230deg) invert(100%); } /* Recolors the Translation Module */ div.scpnet-interwiki-wrapper { filter: hue-rotate(230deg) invert(100%); } /* Recolors the panel that opens on mobile with the side-bar */ @media (max-width: 767px) { #side-bar{ background-color: var(--bg); } } /* Recolors the drop down from the arrow next to username in the header */ #login-status ul a { color: var(--fg); background: var(--bg); border-color: var(--fg); } #login-status ul a:hover { color: var(--fg-dark); } /* Makes the code readable */ .hl-identifier, .hl-code, .hl-brackets { color: var(--fg); } /* Top-Bar */ #top-bar a { color: var(--fg-dark); } #top-bar ul li ul { border-color: var(--fg-light); } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-top-color: var(-fg-light); } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background-color: var(--bg-light); color: var(--fg-dark); } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: var(--bg-dark); /* top bar hover background color */ color: var(--fg-dark); } div.yui-navset div.yui-content { background: rgb(24, 24, 24); } div.yui-navset ul.yui-nav a, div.yui-navset div.yui-navset-top ul.yui-nav a { background: rgb(24, 24, 24); color: rgb(255, 237, 185); border: solid 1px #ffffff; } div.yui-navset ul.yui-nav a:hover, div.yui-navset ul.yui-nav a:focus { background: rgb(40, 40, 40); color: rgb(255, 237, 185); } div.yui-navset ul.yui-nav .selected a, div.yui-navset ul.yui-nav .selected a:focus, div.yui-navset ul.yui-nav .selected a:hover { background: rgb(50, 50, 50); color: var(--fg); border: solid 2px #ffff99; } /* rating module */ div.page-rate-widget-box .rate-points { background-color: var(--bg-dark); } div.page-rate-widget-box .rate-points, .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a { background-color: var(--bg-dark); color: white; border: 0; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel { background-color: var(--bg-dark); border: 0; border-left: 1px solid var(--fg-accent-light); } div.page-rate-widget-box .rate-points, .page-rate-widget-box .cancel a { border: 0; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background-color: var(--bg-dark); color: white; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover { background-color: var(--bg-dark); color: white; } /* footnote hovers */ .hovertip { width: 20em; padding: 0.5em; border: 1px solid var(--fg-accent-light) !important; border-radius: 0.5em; background-color: #000000ee !important; box-shadow: 0 0 6px 1px #000000aa; z-index: 100; } .hovertip .f-heading { color: var(--fg-accent-light); } /* inputs */ input.text, input.button, #search-top-box-input, #search-top-box-form input[type=submit], div.buttons input, input.button, button, file, a.button { background: transparent; color: var(--fg); border: 1px solid var(--fg-accent-2); border-radius: 0; font-size: 1em; outline: 0; } div.buttons input:hover, div.buttons input:focus, input.button:hover, input.button:focus, button:hover, button:focus, file:hover, file:focus, a.button:hover, a.button:focus { border-color: var(--fg-accent-2); background: transparent; color: var(--fg); } input.text:hover, input.button:hover, input.text:focus, input.button:focus, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { color: var(--fg); background: transparent; border: 1px solid var(--fg-accent-2); outline: 0; } /* EDITING WINDOWS */ .owindow { color: #000; } .owindow h1, .owindow h2, .owindow h3, .owindow h4, .owindow h5, .owindow h6 { color: #000; } .owindow a { color: #272727; } table.page-files .highlight { background-color: #272727; } input.text { border: 1px dashed #000; color: #fff; } input.text:focus { border: 1px dashed #000; color: #fff; } input.text:hover { border: 1px dashed #000; color: #fff; } div#lock-info { background-color: var(--bg-light); } /* BLOCKQUOTES */ blockquote, div.blockquote { background: var(--bg-dark); border-width: 2px; border-style: solid; border-color: var(--bg-light); } /* Parawatch Forum Pseudo-Blockquotes */ div.parapost { background: var(--bg-dark); border-width: 2px; border-style: solid; border-color: var(--bg-light); padding: 0 1em; margin: 1em 3em; } div.parapost.reply1 {margin: 1em 3em 1em 4em;} div.parapost.reply2 {margin: 1em 3em 1em 5em;} div.parapost.reply3 {margin: 1em 3em 1em 6em;} div.parapost.reply4 {margin: 1em 3em 1em 7em;} div.parapost.reply5 {margin: 1em 3em 1em 8em;} @media (max-width: 479px) { div.parapost {margin: 1em 0;} div.parapost.reply1 {margin: 1em 0 1em 1em;} div.parapost.reply2 {margin: 1em 0 1em 2em;} div.parapost.reply3 {margin: 1em 0 1em 3em;} div.parapost.reply4 {margin: 1em 0 1em 4em;} div.parapost.reply5 {margin: 1em 0 1em 5em;} } @media (min-width: 480px) and (max-width: 580px) { div.parapost {margin: 0.5em;} div.parapost.reply1 {margin: 0.5em 0.5em 0.5em 1em;} div.parapost.reply2 {margin: 0.5em 0.5em 0.5em 1.5em;} div.parapost.reply3 {margin: 0.5em 0.5em 0.5em 2em;} div.parapost.reply4 {margin: 0.5em 0.5em 0.5em 2.5em;} div.parapost.reply5 {margin: 0.5em 0.5em 0.5em 3em;} } /* IMAGES */ #page-content .scp-image-block { border-color: var(--fg-accent); box-shadow: none; } #page-content .scp-image-block .scp-image-caption { border-color: var(--fg-accent); background-color: var(--bg-dark); } table.wiki-content-table th { background-color: var(--bg-dark); } hr { background-color: var(--fg); } .code { border: 1px dashed var(--fg); background-color: transparent; font-family: "Courier", "Courier New", "Roboto Mono", monospace; font-size: 1em; } /* INFO MODULE */ #page-content .rate-box-with-credit-button { background-color: var(--bg-dark); border: 0; } #page-content .rate-box-with-credit-button .creditButton p a { border-left-color: var(--fg-accent-light); } #page-content .rate-box-with-credit-button .page-rate-widget-box .cancel { border-radius: 0; } #page-content .rate-box-with-credit-button div.page-rate-widget-box .rate-points { border-left: 0; } #page-content .rate-box-with-credit-button .creditButton a { color: var(--bg-dark); } .rate-box-with-credit-button .creditButton { background-color: var(--fg-accent-light); border: 0; border-radius: 0 5px 5px 0; height: 100%; margin-left: 0; } #page-content .modalbox { background: linear-gradient(var(--bg) 51px,var(--bg-light) 51px,var(--bg-light)) !important; color: var(--fg); box-shadow: 0 2px 6px #404040; } .close-credits, .credit-back { filter: hue-rotate(230deg) invert(100%) brightness(150%); } #footer { background: var(--bg-light); } /* MOBILE CODE */ @media (max-width: 767px) { div#header { background-size: 22em; background-position: 1em; } .open-menu a { border: 0.2em solid var(--bg-light) !important; background-color: #787878 !important; color: var(--bg-light) !important; } }
ページリビジョン: 10, 最終更新: 01 Sep 2024 16:26