단형 테마

≡

단형 테마

평가 모듈:

정보형 평가 모듈:

• 

  close

  정보

  ---

  X

  본인 페이지에 대한 정보.

  ---

  본인 페이지에 대한 더 많은 정보.

  ---

Woedenaz의 도움을 받아 EstrellaYoshte가 만든 심미용 테마입니다. 사용하려면 아래 코드를 복붙하세요.

[[include :scpko:theme:monotypical]]

---

이미지.

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

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

접기 - 여길 클릭

제목 1단계

제목 2단계

제목 3단계

제목 4단계

제목 5단계

제목 6단계

탭 만들기

이것은 탭뷰입니다.²

탭 만듬

봐요, 글자 더 있음.

대단하죠.

긴 탭

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

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

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

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

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

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

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

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

더 긴 탭

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

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

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

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

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

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

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

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

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

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

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

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

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

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

빈 탭

이건 인용문입니다. 각 줄 시작에 "> "을 넣어서 적용할 수 있습니다.

더 많은 글자

---

저건 가로선입니다

인용문 안의 인용문

이것은	표입니다
어떻게 만드는지는	분명 이미
잘 알고 있을 겁니다
1	2
3	4
그 중 누가	최고일까?
#16진법	#지상주의

헤더와 UI 폰트는 나눔고딕입니다.

본문 폰트는 에스코어드림입니다.

고정폭 활자는 나눔고딕코딩입니다.

각주

1. 이건 Placeholder McD를 달래기 위한 겁니다.

2. 이건 각주입니다.

3. 이것도 각주입니다.

세부 사항

[[div class="monoboxical"]]

Hello world!

[[div class="meta-title"]]

여기에 제목 입력

단형 테마는 기존 제목을 기본으로 숨기기 때문에, 대신 meta-title을 사용합니다.

[[div class="header-center"]]

중앙 H1

중앙 H2

중앙 H5

본 테마에서 헤더가 작용하는 방식으로 인해, 제대로 중앙에 헤더를 놓기 위해서는 header-center div 내에 넣어야 합니다.

일반 텍스트도 중앙 정렬을 합니다.

CSS 변수
단형 테마의 외견은 아래 변수들로 조절합니다.

:root {
    --linkColor: #FC8391;
    --linkColor-newpage: #FC9958;
 
    --primaryBackgroundColor: #F9F9F9;
    --secondaryBackgroundColor: #EFEFEF;
    --tertiaryBackgroundColor: #E2E2E2;
    --borderColor: #C6C6C6;
 
    --shadow: rgba(0,0,0,0.225);
 
    --selectionColor: #FFE419;
    --textColor: #0E0E0E;
    --textColor-alt: #8E8E8E;
 
    /*----- 기술적 변수 -----*/
 
    --body-font: 'S-CoreDream-3Light', system-ui, sans-serif;
    --header-font: Nanum Gothic, sans-serif;
    --UI-font: var(--header-font);
    --mono-font: 'NanumGothicCoding', Courier, monospace;
    --header-title: 'SCP 재단';
 
    --sidebar-width: 17rem;
    --sidebar-timing: 0.275s ease-out;
    --page-content-width: 60rem;
 
    --radius-adjust: 1.125rem;
    --link-timing: .125s ease-out;
}

해당 변수들은 모두 조절하여 단형 테마의 기본 외형을 바꿀 수 있습니다. 아래는 [[include]] 다음에 입력할 수 있는 프리셋들입니다.

---

:root {
    --linkColor: #88C0D0;
 
    --primaryBackgroundColor: #ECEFF4;
    --secondaryBackgroundColor: #E5E9F0;
    --tertiaryBackgroundColor: #D8DEE9;
    --borderColor: #4C566A;
 
    --shadow: rgba(46,52,64,0.25);
 
    --selectionColor: #EBCB8B;
    --textColor: #2E3440;
    --textColor-alt: #434C5E;
}
#side-bar, #license-area {
    --secondaryBackgroundColor: #2E3440;
    --tertiaryBackgroundColor: #434C5E;
    --textColor: #D8DEE9;
}

---

:root {
    --linkColor: #2aa198;
 
    --primaryBackgroundColor: #fdf6e3;
    --secondaryBackgroundColor: #eee8d5;
    --tertiaryBackgroundColor: #002b36;
    --borderColor: #93a1a1;
 
    --shadow: rgba(0,0,0,0.2);
 
    --selectionColor: #268bd2;
    --textColor: #586e75;
    --textColor-alt: #C39006;
}
#side-bar .heading, #license-area {
    --textColor: #fdf6e3;
}

---

:root {
    --linkColor: #FF799A;
 
    --primaryBackgroundColor: #282A36;
    --secondaryBackgroundColor: #2F3142;
    --tertiaryBackgroundColor: #BD93F9;
    --borderColor: #6272A4;
 
    --shadow: rgba(96,213,248,0.3);
 
    --selectionColor: #50FA7B;
    --textColor: #F8F8F2;
    --textColor-alt: #6272A4;
}

---

자유롭게 자신만의 배색을 실험해보세요!

소스 코드

열기

@import url('https://scp-wiki.wdfiles.com/local--code/theme:monotypical/5');
 
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding');
 
:root {
    --body-font: 'S-CoreDream-3Light', system-ui, sans-serif;
    --header-font: Nanum Gothic, sans-serif;
    --UI-font: var(--header-font);
    --mono-font: 'Nanum Gothic Coding', Courier, monospace;
 
    --header-title: 'SCP 재단';
}
 
#main-content div.page-tags::before {
    content: "태그";
}