제21K기지 테마 (가칭)

정보

---

제21K기지 테마
저자: Denevola

---

할 일

링크 색상(원본은 #000이지만 구별 필요함)Follow link alpha, beta, gamma, zeta 블록(구조 정리 필요)Follow link ::selection 색 조절?Follow link 각주 스타일 다시 만들기Follow link

todo-list

Here is a place for your title Click me to edit ! false

한국지역사령부 제21K기지를 위해 제작된 시그마-9 테마입니다.
SCP-KO 로고는 thd-glasses가 디자인했으며, 테마에 사용된 버전은 Denevola가 벡터화했습니다.

사용법

이 테마를 사용하려면 아래 코드를 작품 상단에 붙여넣으세요.

[[include theme:21k]]

사용례

SCP 재단 한국지역사령부

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

---

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

▼ 제목들

1단계 제목

2단계 제목

3단계 제목

4단계 제목

5단계 제목

6단계 제목

탭 뷰

탭 뷰입니다.

탭 뷰

봐요, 글자가 더 있다고요.

대단하죠.

긴 탭

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

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

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

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

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

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

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

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

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

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

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

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

빈 탭

빈 탭

빈 탭

이 탭은 비어있는데도 제목이 무척 깁니다. 어떤 사연이 있는 걸까요?

빈 탭

빈 탭

Ｓｉｔｅ－２１Ｋ

이것은 인용구로 각 줄의 맨 앞에 ">"를 넣으면 만들어집니다.
글자

---

구분선

이중 인용문

삼중 인용문¹

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

소스 코드

+ 코드 보이기

/*
    Site-21K Theme
    [2021 Wikidot Theme]
    Created by Denevola.
    Based on Sigma-9 Theme created by Aelanna and Dr Devan.
 
    CSS gradient to replace Sigma-9 body-bg image
    http://fondationscp.wikidot.com/component:body-bg
    Created by 7happy7, Dr Lekter and Styrius
    Based on code by Woedenaz
*/
 
@font-face {
    font-family: 'ONE Mobile Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: bold;
}
 
:root {
    --title: '제21K 중앙연구격리시설';
    --title-shortened: '제21K기지';
    --subtitle: '여명을 지나 다시 아침으로';
 
    --title-font: 'ONE Mobile Title', sans-serif;
}
 
/* 헤더 및 상단 메뉴 */
div#container-wrap {
    background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(0, 0, 57), rgb(137, 0, 64), rgb(255, 191, 25)), linear-gradient(to bottom, rgb(255, 191, 25) 0%, rgba(0, 0, 0, .05) 40%, transparent 50%);
    background-size: 100% 10.1rem, 100% 50.1rem;
    background-repeat: no-repeat;
}
 
#header {
    background-image: url('https://2021.wdfiles.com/local--files/theme%3A21k/logo-for-darkbg.svg');
    background-size: 100px;
}
 
#header h1 a {
    font-family: var(--title-font);
    visibility: hidden;
}
 
#header h1 a::before {
    visibility: visible;
    content: var(--title);
}
 
#header h2 span {
    visibility: hidden;
}
 
#header h2 span::before {
    visibility: visible;
    content: var(--subtitle);
}
 
#search-top-box-form {
    display: inline-flex;
}
 
#page-title {
    border-color: #901;
}
 
/* 사이드바 */
#side-bar .side-block {
    background: white !important;
    border-color: #333;
    border-radius: .5rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}
 
#side-bar .heading {
    font-family: var(--title-font);
}
 
#side-bar div.menu-item {
    color: rgba(0, 0, 0, .2);
}
 
#side-bar div.menu-item img {
    display: none;
}
 
#side-bar div.menu-item a {
    color: #333;
    font-weight: normal;
}
 
/*평가 모듈*/
.page-rate-widget-box .rate-points {
    background-color: #333 !important;
    border-color: #333;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: white;
    border-top-color: #333;
    border-bottom-color: #333;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    color: #333;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #333;
    color: white;
}
.page-rate-widget-box .cancel {
    background-color: #333;
    border-color: #333;
}
.page-rate-widget-box .cancel a {
    color: #969696;
}
.page-rate-widget-box .cancel a:hover {
    background: #333;
    color: white;
}
 
.rate-box-with-credit-button{
    background-color: #333 !important;
    border-color: #333 !important;
}
 
.creditButton p a {
    border-left-color: #969696 !important;
}
 
/* 기본 서식 요소 */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--title-font);
}
 
h1 {
    color: black;
}
 
hr {
    margin: 2em 0;
}
 
.scp-image-block.block-right {
    margin-right: 0;
}
 
.yui-navset .yui-nav a {
    background: white;
    border-radius: 2px 2px 0 0;
    border-width: 1px 1px 0;
}
 
.yui-navset .yui-nav a:hover {
    background: linear-gradient(to bottom, #f2f2f2, #f2f2f2, #ebebeb, #e0e0e0);
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: linear-gradient(to bottom, #878787, #949494, #878787, #737373);
}
 
.yui-navset .yui-nav a em {
    border-width: 0;
}
 
table.wiki-content-table th,
table.wiki-content-table td {
    padding: .7em 1em;
}
 
table.wiki-content-table th {
    background-color: #adadad;
    color: white;
}
 
.footnotes-footer {
    margin: 1em 0;
    padding: .5em 1em 1.5em;
    background-color: #f7f7f7;
    border: 1px solid #dddddd;
    border-left: 6px solid #901;
}
 
/* 맞춤 서식 요소 */
 
/* 반응형 */
@media (min-width: 768px) and (max-width: 979px) {
    #header {
        background-size: 88px;
    }
}
 
@media (max-width: 767px) {
    #header h1 a::before {
        content: var(--title-shortened);
    }
 
    #side-bar {
        background-color: rgb(255, 241, 206);
    }
}
 
@media (min-width: 581px) and (max-width: 767px) {
    #header {
        background-size: 77px;
    }
}
 
@media (max-width: 580px) {
    #search-top-box {
        top: 102px;
    }
}
 
@media (min-width: 480px) and (max-width: 580px) {
    #header {
        background-size: 66px;
    }
}
 
@media (max-width: 479px) {
    #header {
        background-size: 55px;
    }
}

Footnotes

1. 그리고 이건 각주!