ノイエ・sugoitakaiBILLのサンドボックス
rating: 0+x

Usage

To import this theme to your page, put the following anywhere inside it:

[[include component:creepypasta-theme]]

The standard CSS @import method won't work. This is intentional (thanks to stormbreathstormbreath for providing the CSS code!). Importing the theme using [[include]] adds your page to a list of Backlinks. This is useful for seeing what pages would be affected when this theme is updated, and allows any errors caused by that to be noticed and corrected much faster.

You can view any page's Backlinks by clicking "+ Options" at the bottom of the page, then "Backlinks".


Examples

rook.png

Parawatch Logo.

A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

Titles can be created by putting between one and six plus "+" at the start of the line

This is a tab view.

The logic behind tabs have been adjusted to account for transitions. Click another tab to see the slick, smooth action.

This is a blockquote, created by putting "> " at the start of each line.

More text


That's a horizontal rule

Nested blockquotes

This is a table
You should know how to make these
already
@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
    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', 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', monospace;
}
 
ins, del {
    color: black;
}
 
/* HEADER */
 
div#container-wrap {
    background: url(http://scp-wiki.wdfiles.com/local--files/component%3Acreepypasta-theme/gradient.png) top left repeat-x;
}
 
div#header {
    background: url(http://scp-wiki.wdfiles.com/local--files/component%3Acreepypasta-theme/parawatch.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;
}
 
/* 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 */
 
.page-rate-widget-box .rate-points {
    background-color: var(--bg-dark) !important;
}
 
.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);
}
 
.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 {
    background:  var(--bg-dark);
    border-width: 2px;
    border-style: solid;
    border-color: var(--bg-light);
}
 
/* 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: 1px solid var(--bg-dark);
}
 
#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 .page-rate-widget-box .rate-points {
    border-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%);
}
 
/* 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;
  }
}
rating: 0+x

元夜勤ジジイ 2016/12/21(水) 21:23:12 #8247266


知り合いからここの話を聞いたんで、以前私がある役所に勤めていた時の事を話させてほしい。
正確には定年後の再就職として雇われたんだがね。

少なくとも私が勤めていた役所では、守衛の仕事は主に2つだった。
1つは役所が開いてない時間にやってきた人々から書類…まあ婚姻届とか離婚届とかの類だな…を預かる事。
もう1つは役所の内部の見回り。まあついでにうっかり消し忘れてた電灯を消すこともある。

で、私が話したい出来事が起きたのは、後者の仕事をやってた時のことだった。
忘れもしない、あれは2011年のことだった。

いつものように役所の建物の中を巡回していた時、私はあるものを見かけたんだ。
役所1階の窓口の椅子の1つに、クマのぬいぐるみが置かれていた。
役所にやってきた親にくっついてきた子供が忘れたんだろうな、と私は考えて、回収して守衛室に持ち帰った。

おかしいのはここからだ。
そんな調子でぬいぐるみをいくつも回収したんだ。
その庁舎は5階建て、そのすべてのフロアで、私の記憶が正しければ、7個。

その全てがな、翌朝守衛室の忘れ物とか置いてる部屋から、消えてたんだ。確かに回収したのに。

話はまだ終わらない。
その数日後、役所の市民課に勤めてた女性職員が自殺してしまった。庁舎の5階から飛び降りてな。
問題はその飛び降りた場所ってのが私が最後に謎のぬいぐるみを回収したところの直ぐ側の窓だったってとこなんだ。

私は彼女とは書類をよく渡したりしてたんで、結構面識があったんだ。だから、葬式にも行った。
あったんだ、そこに。例のぬいぐるみが。彼女の棺の中に。

それとなく話を聞いてみると、彼女はぬいぐるみ好きだったらしくてな、部屋に飾っていたそうだ。7個のぬいぐるみを。
で、副葬品として一緒にぬいぐるみも棺に入れたらしい。そしてそのまま棺は閉じられた。
というわけなんで、ぬいぐるみは彼女の遺体と一緒に灰になったはずなんだ。

でもな、まだ続きがあった。
その1週間後くらいだったかな。同僚が出勤してきた時(その時は夜中で、交代のため来たとこだった)真っ青になってた。
何があったんだって聞いたら、ありえないもの見ちまった、わけのわからんのを聞いちまったと。
最初は聞いたことのない、なんとも奇妙で不気味な音楽が聞こえてきたそうだ。
それから何かがいるのを、歩いてるのを見かけた。猫の親子が歩いてるのかと思ったらしいが、よく見たら違う。
クマのぬいぐるみを先頭に、まるでパレードみたく動いてたそうだ。7個のぬいぐるみが。
しかもそいつら、小さな玩具の楽器を持ってたそうだ。

話はここで終わっちまう。
悪いな、尻切れトンボなオチで。でも誰かに話したかったんだ。

Mr.Providence 2016/12/21(水) 21:28:45 #8247267


あー、一応確認だ、元夜勤ジジイさん。
それってさ…もしかして、四国地方の話じゃないのか?県名とかはボカさせてもらうけど。
もし俺の考えが正しければ、俺が知ってる事件(ってほどじゃないが)に関係あるかもなんだ。

元夜勤ジジイ 2016/12/21(水) 21:32:17 #8247268


びっくりした、見てくれた人がいたとは。
正解だよMr.Providenceさん、この前市議会議員がセクハラやって全会一致で辞任しろって決議案可決されて、んで議員辞職した市だよ。
じゃあMr.Providenceさんの知ってる話ってのを聞かせてほしいな。

Mr.Providence 2014/12/21(日) 21:35:45 #8247269


やっぱあそこか。
いやまあ、俺自身が体験した話じゃないんだけどさ、前こんな書き込みがあったんだ。以下それな。

Ilovefatcat 2012/08/21 (火) 23:36:14 #6247531


いやー、どえらいもん見ちまった
正直ここに常駐してそこそこ経つけど、まさか俺自身がこんな体験するとは思わなんだ
何を見たかって言うと、ぬいぐるみのパレードだ
とりあえず見かけたぬいぐるみを報告する、全部で8体だ
その1:クマのぬいぐるみ、だいたい50cmくらい、ラッパ持ってた
その2:白いネコのぬいぐるみ、結構リアルな外見、タンバリン背中に載せてぴょんぴょん跳ねて鳴らしてた
その3:ブタのぬいぐるみ、たぶん15cmくらい、首に赤いリボン付けてた、シンバル持ってた
その4:ポケモン・ルカリオのデフォルメしたぬいぐるみ、確かゲーセンのクレーンゲームの景品、バイオリンみたいなのを持ってた
その5:クマだかタヌキだかのぬいぐるみ、黒っぽくてどっちかわからんかった、縦笛持ってた
その6:ポケモン・ピカチュウのぬいぐるみ、でかいラッパの仲間を持ってた
その7:ポケモン・ヒトカゲのぬいぐるみ、ドラム叩いてた
その8:黄色いクマのぬいぐるみ、こいつだけ随分ボロボロだった、バイオリンみたいなのを持ってたけどその4のとは違ってた
こいつらは路地を曲がっていったんだが、俺が見に行ったときには消えてた、いつの間にか音楽も聞こえなくなってた
それとなんでか8体目に見覚えがあったような気がしたんで調べたら理由がわかった、あまり嬉しくない理由だった
だいぶ前子供が虐待されて親に殺された事件あったろ?最近父親が懲役15年食らったやつ
その8のぬいぐるみ、ニュース番組で放送されたその被害者の子供が持ってるぬいぐるみにそっくりだったんだ
他のはわからん。取り急ぎ報告まで

元夜勤ジジイ 2016/12/21(水) 21:40:17 #8247270


正直に言おう、今死ぬほど驚いてる。
その1からその7まで、全部あのぬいぐるみだ。
あのぬいぐるみ達は、あのあともさまよい続けていたんだな…
それにしてもなんで彼らはあるき続けて、演奏し続けているんだろう。パレードか?それとも、葬送か?