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
stormbreath 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
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
First Title
Second Title
Third Title
Fourth Title
Fifth Title
Sixth Title
Hey look, more text here.
How quaint.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
This is a long tab. It contains a lot of text.
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,
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: 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%);
}
#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;
}
}
lonesome-wanderer 23/04/15 (Gio) 20:53:32 #73839164
La stazione di benzina che ho visto.
Lavoro come corriere professionista in California. In questo contesto, guido molto su e giù, e spesso mi trovo su strade secondarie, lontano dal resto del sistema autostradale. Il più delle volte sono l'unica persona sulla strada, soprattutto perché mi piace guidare di notte: sono sempre stato un nottambulo.
Così, la settimana scorsa, stavo tornando da uno di quei viaggi di mezzanotte quando ho visto una luce in lontananza. Mentre mi avvicinavo, c'era un distributore di benzina sul lato della strada, con un negozio di alimentari e tutto il resto. Ma erano circa le 2 del mattino — non c'è nessuno che guida qui fuori, soprattutto non a quest'ora. Le luci non sarebbero dovute essere accese.
Avevo bisogno di benzina, così mi sono messo di lato nonostante i miei migliori istinti. Probabilmente sarei potuto arrivare alla stazione successiva, ma non volevo rischiare che (questa?) fosse così lontana dalla civiltà. La stazione di servizio era più grande di quanto avesse il diritto di essere, con un negozio che sembrava avere qualche posto all'aperto. Come se potessero mai ottenere dei numeri per quello.
Ho la foto. Sentivo come che avrei dovuto iniziare una discussione qui, e non volevo essere colto impreparato.
Il lettore di schede sulle pompe non funzionava, così sono entrato con i contanti. Mentre camminavo verso la porta d'ingresso, mi sono corsi lungo la schiena dei brividi. Non so spiegarmi, ma mi è sembrato che la temperatura dell'aria fosse scesa subito di dieci gradi. L'interno del negozio era gelido, dannatamente freddo.
L'uomo al bancone era sveglio quando sono entrato. Mi ha gridato contro, chiedendomi quanto gas volevo appena sono entrato. Gli ho pagato la benzina e poi gli ho detto che avrei fatto un giro per un po' nel negozio. Dovevo prendere qualche snack per il viaggio — non mangiavo da qualche ora, e un hot dog della stazione di servizio cominciava a sembrare più buono del normale.
Mentre cercavo di scegliere quale sacchetto di patatine prendere, è partito un urlo. Sembrava che provenisse da dietro la stazione di servizio. Non riuscivo a capire cosa fosse. Ho sempre sentito dire che le volpi e i coyote emettono un suono come se emettessero delle urla umane, ma non era niente del genere. Era come uno stridio, totalmente disumano.
Il commesso della stazione di servizio si è alzato in piedi e mi ha gridato di restare dov'ero. Ero paralizzato dalla paura e non avrei fatto nulla di diverso anche se non me l'avesse chiesto. Si è girato ed è uscito dalla porta sul retro, lasciandomi da solo nel negozio. L'ululato è durato quasi due minuti, credo, e il commesso è rientrato poco dopo.
È stato allora che ho capito che dovevo uscire, il prima possibile. C'era qualcosa di strano qui, e non mi sentivo più al sicuro. Sono andato via con il sacchetto di patatine più vicino a me — in realtà non ne avevo scelto uno, ed ero stato distratto dalle urla. Il commesso ha detto a malapena una parola mentre mi guardava, e sono andato a fare rifornimento.
L'aria fuori dalla stazione era ancora più fredda di quando sono entrato. Ma quando sono uscito, ho potuto sentire l'ululato, più debole di quanto non lo fosse stato all'interno del negozio. Ho dato una rapida occhiata sul retro, e c'era una piccola baracca, con una catena chiusa a chiave sopra la porta.
La porta stava battendo. C'era qualcosa dentro, che sbatteva contro la parete.
Non volevo restare più del dovuto. Avevo già pagato, così sono tornato di corsa alla mia auto, ho fatto benzina (tenendo d'occhio alle mie spalle per tutto il tempo), e poi sono partito il più velocemente possibile.
La stazione si trova da qualche parte un po' più avanti rispetto alla 395, credo. Non ricordo esattamente dove, e non mi sono segnato il nome, forse non ce n'era alcuna?
limpfirebird 23/04/15 (Gio) 21:05:56 #87301432
Non mi sembra un granché. C'è a malapena qualcosa di paranormale, solo un paio di strani eventi che sono accaduti tutti insieme. Sono sicuro che c'è una spiegazione logica per tutto questo.
La stazione di benzina probabilmente riceve abbastanza traffico notturno sulla strada per rimanere aperto. Sembra che sia in mezzo al nulla, e potrebbe esserci una comunità vicina o qualcosa che non conosci. Oppure la strada che stavi percorrendo è ancora più attiva di quanto pensi, oppure è stata solo una notte tranquilla.
Il freddo era probabilmente solo un trucco della mente. In macchina eri al caldo, e a quel punto sembravi già paranoico, quindi cercavi altre cose di cui sospettare. Il freddo del negozio è stato portato fuori quando sei uscito, e hai pensato che l'aria fosse più fredda la seconda volta. Tutto questo, insieme, ti ha fatto pensare che stesse succedendo qualcosa di inquietante con la temperatura.
Per quanto riguarda la baracca e le urla, questa è la cosa più spaventosa di quello che hai descritto. Ma penso che probabilmente è stato solo un errore — potrebbe essere che era una macchina o qualcosa del genere nella baracca, e tu hai solo immaginato i colpi alla porta. O potrebbe essere stato un cane o qualcosa del genere.
lonesome-wanderer 23/04/15 (Gio) 22:48:09 #73806555
Immagino di sì. Sono stato su questi forum per un po' di tempo, e ho voluto trovare qualcosa anche io, credo di aver visto dei segni dove non c'era niente. Probabilmente non c'è niente di strano in quella stazione. Tutte le tue spiegazioni hanno senso.
Le urla mi danno ancora fastidio: non sono riuscito a dimenticarle negli ultimi giorni. Non è possibile che le abbia potuto emettere un cane. Ed era forte - doveva essere qualcosa di enorme.
Temo che possa essere stata una persona. Non sembrava, ma…
Non si sa mai, giusto?
ellie4 24/04/15 (Ven) 12:36:44 #91938461
Ho provato a cercare la stazione che ha visitato lonesome-wanderer, e ce n'è una che corrisponde alla foto che ha postato e che è apparsa nei notiziari qualche giorno fa. I dettagli sono scarsi, ma c'è stato un omicidio-suicidio in quella stazione pochi giorni fa. Anche se lonesome non ha trovato qualcosa di paranormale, sembra che abbia avuto un incontro ravvicinato con la morte.
La vittima stava facendo una chiamata al 911 al momento dell'omicidio. La trascrizione è breve, ma è piuttosto strana:
Centrale: 911, qual è la tua emergenza?
Vittima: Sono ad una stazione di servizio sulla 395, a trenta minuti dall'uscita 51, e c'è una cosa fuori dalla mia auto! Io, uh, non so cosa sia, ma è grande. Grossa e arrabbiata.
Centrale: Ti sta minacciando?
Vittima: Sta cercando di entrare. Per favore, per favore mandate qualcuno.
Centrale: Puoi identificarla?
Vittima: No, non assomiglia proprio a niente a - qualsiasi cosa abbia mai visto, sta emettendo un po' di liquido su tutte le mie finestre, non so cosa fare!
Centrale: Abbiamo trovato la tua posizione, stiamo mandando i soccorsi.
Vittima: Oh, il commesso della stazione sta uscendo! Ha un fucile, lo sta sollevando…
Centrale: La polizia è stata informata.
Sparo.
Centrale: L'ha ucciso?
Centrale: Pronto?
Tra quella chiamata e l'arrivo della polizia, l'addetto ha apparentemente dato fuoco alla baracca sul retro, e poi si è sparato fuori dalla porta del distributore di benzina. La polizia non è riuscita a trovare alcun motivo per cui avrebbe improvvisamente fatto a pezzi un cliente e poi avrebbe dato fuoco alla baracca. Neanche i proprietari hanno potuto dire il perché, e presumibilmente non sapevano nemmeno che avesse un fucile.
Alla fine della giornata, hanno dato la colpa a qualcuno che ha avuto un improvviso ed inspiegabile crollo psicologico.
Ma c'è un ultimo dettaglio che ho trovato nel rapporto della polizia, che non è stato menzionato da nessun'altra parte: una scia di impronte di zoccoli e di petrolio che si allontana dalla baracca in rovina, intorno e sulla macchina, e poi sulla strada stessa.