크리피파스타 테마

사용법

다음 코드를 붙여넣으시오:

[[include :scpko:theme:creepypasta]]

@import 는 작동하지 않습니다. 이것은 의도적인 것입니다. [[include ]]를 사용해야 역링크 관리가 가능해지기 때문입니다.

---

사용례

파라워치 로고.

수평줄은 하이픈 5개 "--"를 치면 만들어지며, 따로 들어 있는 곳 (인용 블록 등) 이 없다면 페이지 전체를 가로지릅니다. 이 글에서 섹션을 나누는 줄은 모두 이 수평줄입니다.

제목은 문장 처음에 "+"을 1개부터 6개까지 입력해서 적용할 수 있습니다.

＋제목들

제목 1단계

제목 2단계

제목 3단계

제목 4단계

제목 5단계

제목 6단계

탭 뷰

탭 뷰입니다.

탭 뷰

봐요, 글자 더 있음.

대단하죠.

긴 탭

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

긴 탭입니다. 많은 글자가 들어가죠.

빈 탭

빈 탭

빈 탭

빈 탭

빈 탭

이것은 인용구로 각 줄의 시작에 ">"를 넣으면 작동합니다.

글자

---

구분선

이중 인용문

이것은	표
만드는 법은	이미 아실 거라
생각합니다

@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('https://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(https://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);
  }
}