외길
평가: +3+x

Usage

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

[[include :scp-wiki:theme:creepypasta]]

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.

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(https://scp-wiki.wdfiles.com/local--files/theme%3Acreepypasta/gradient.png) top left repeat-x;
}
 
div#header {
    background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Acreepypasta/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);
    border: 1px solid #ffe087;
    box-shadow: 0 2px 6px #404040;
}
 
div#side-bar div.side-block.media,
div#side-bar div.side-block.resources {
    background: rgb(24,24,24);
}
 
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;
    }
 
    #top-bar .open-menu a {
        border: 0.2em solid var(--bg-light);
        background-color: #787878;
        color: var(--bg-light);
  }
}
@import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
@font-face {
    font-family: 'IBMPlexSansKR-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('http://scpko.wdfiles.com/local--files/unfont/UnTaza.css');
 
/*
    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', 'IBMPlexSansKR-Light', monospace;
}
 
h1, h2, h3, h4, h5, h6 {
    color: var(--fg-light);
    font-family: 'PT Mono', 'UnTaza', monospace;
}
 
#page-title {
    color: var(--fg-light);
    font-family: 'PT Mono', 'UnTaza', monospace;
}
 
/* HEADER */
 
div#header {
    background: url(http://scpko.wdfiles.com/local--files/theme%3Acreepypasta/parawatch.png) 10px 40px no-repeat;
}
 
/* IMAGES */
 
.code {
    border: 1px dashed var(--fg);
    background-color: transparent;
 
    font-family: "Courier", "UnTaza", "Courier New", "Roboto Mono", monospace;
    font-size: 1em;
}
 
 /* SIDE-BAR */
 
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);
}
 
/* MOBILE CODE */
@media (max-width: 767px) { 
    div#header {
        background-size: 22em;
        background-position: 1em;
    }
 
    #top-bar .open-menu a {
        border: 0.2em solid var(--bg-light);
        background-color: #787878;
        color: var(--bg-light);
  }
}
평가: +3+x

swimmer 13/05/13 (화) 20:34:26 #15074222


street-1710621_1920.jpg

간만에 찾은 미시간주는 공교롭게도 비가 왔다.

일고여덟살 때 쯤, 강에 빠져 죽을 뻔한 적이 있다. 내가 빠진 줄을 아버지가 알아채지 못했다면, 나는 여기 글을 올릴 수도 없었을 거다. 그 사건이 수영을 배우는 계기가 되었다고 생각한다. 빠지고 나서 며칠 후 내가 직접 아버지에게 수영을 가르쳐 달라고 했기 때문이다. 아마 헤엄을 칠 수 있으면 물에 빠질 일이 없다고 생각했을 것이다(물론, 헤엄칠 줄 안다고 빠지지 말라는 보장은 없지만). 어쨌든 내 스스로 말하긴 뭐하지만, 나는 꽤 간이 컸다고 생각한다.

수영교실은 주 3회 나갔다. 교실은 당시 살던 곳에서 차로 30분 정도 떨어진, 꽤 먼 곳에 있었고, 어머니가 태워다 줬다.

수영이라는 것은 체력을 쓴다. 물 속에서는 무슨 동작을 하던 주위의 물을 헤쳐야 하기 떄문이다. 항상 체중에 부하가 걸린다. 소학생은 가뜩이나 체력이 없으니, 교습이 끝날 무렵이면 나는 언제나 녹초가 되어 있었다. 그래서 처음 배우기 시작했을 무렵에는 돌아오는 차 안에 누워서 신체를 휴식하는 경우가 많았다.

수영교실에 다니게 된 지 한 달쯤 되었을 때, 어머니가 평소와 다른 길로 돌아가는 것을 깨달았다. 뒷좌석에 누워 있었기 떄문에 바깥 경치는 보이지 않았지만, 그래도 어쩐지 다른 길로 가고 있다는 것을 알았다. 상황이 분명히 이상하다고 알아챈 것은, 그로부터 한 달 더 지났을 무렵이었다. 그 길을 지나갈 때는 차가 방향전환을 한 번도 하지 않았다. 당시 살고 있던 미시간 교외는 분명 시골이기는 했지만, 아무리 그래도 차로 30분 걸리는 거리를 직진만으로 집에 도착하다니 있을 수 없는 일이었다.

그 외길로 돌아올 때는 항상 비가 내렸다. 빗발은 그다지 강하지 않았던 것 같지은데, 불가사의하게 비가 지면을 때리는 소리가 후두둑 하고 들렸다. 항상 학교에서 있었던 일과 수영교습에 관해 꼬치꼬치 물어오는 어머니가, 그 길을 운전할 때는 항상 과묵해졌다. 그 상태의 어머니에게 딱 한 번 말을 걸었던 적이 있다. 몹시 맥없는 목소리로 「뭐」 라는 대답이 돌아왔다. 이 기묘한 현상이 어린 시절 특유의 신기체험에 머물지 않고 여전히 내가 공포에 가까운 감정을 품는 이유 중 하나가 이것이다. 항상 안심감을 주는 어머니가 무언가로 대체되어 버린 것처럼 느껴졌다(아니, 어쩌면 정말 어머니는 무언가가 되었던 것인지도 모른다). 외길에서는 안심할 수 있는 장소가 없었다. 차내에서 라디오의 퍼스널리티의 목소리가 어울리지도 않게 밝게 울렸던 것을 기억한다.

미시간을 떠날 때까지 1년간, 나는 그 수영교실에 계속 다녔다. 지금도 계속하고 있을 정도로 수영이 내 적성에 맞고 즐거웠기 떄문이다. 어쩌면 오기도 있었을지 모르겠다. 이사간 곳에서도 수영교실에 다녔지만, 같은 현상을 조우한 적은 없다. 부모님께도 물어보았지만, 결국 외길의 정체는 알아내지 못했다. 외길을 지날 때 창밖을 내다보았다면 알 수 있었을지 모르지만, 내다보려는 생각은 들지 않았다. 오히려 필사적으로 창 밖을 내다보는 것을 피하고 있었다고 생각한다. 가끔 앉아서 가다가 외길을 가고 있다는 것을 눈치채면 반드시 누웠던 기억이 있기 때문이다.

한 가지 선렬한 기억에 남은 것이, 외길을 지나가고 있을 때, 비 내리는 차 밖에서, 무언가가 이쪽을 들여다보고 있다는 감각이다. 그 시선은 외길을 지나는 동안 계속 따라왔다. 핥는 듯한, 끌어당기는 듯한 싫은 시선. 비 내리는 차 밖이 어떻게 되어 있었고 거기 무엇이 있었는지 지금으로서는 확실한 것은 없고, 솔직히 말해서 확인하지 않아서 다행이었다고 생각한다.


🈲: SCP 재단의 모든 컨텐츠는 15세 미만의 어린이 혹은 청소년이 시청하기에 부적절합니다.
따로 명시하지 않는 한 이 사이트의 모든 콘텐츠는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 따릅니다.