사교육 하이라이터

정보

---

사교육 하이라이터
저자: Denevola

---

Payne's Grey--gray-monochrome(66, 66, 72)

Rosewood--bright-accent(133, 0, 5)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

Alto--very-light-gray-monochrome(215, 215, 215)

White Smoke--pale-gray-monochrome(244, 244, 244)

Bastille--dark-gray-monochrome(48, 48, 52)

Buccaneer--medium-accent(100, 46, 44)

Maroon--dark-accent(100, 3, 15)

Mango Tango--newpage-color(221, 102, 17)

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

---

변칙적 교육사업체 셀레스트 GoIF를 위한 전용 테마입니다.

사용법

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

[[include :scpko:theme:black-highlighter-theme]]
[[include :2021:theme:private-education]]

어두운 사이드바 적용

[[include :scpko:theme:black-highlighter-theme]]
[[include :2021:theme:private-education]]
[[include :scpko:component:bhl-dark-sidebar]]

사용례

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

---

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

▼ 제목들

제목 1단계

제목 2단계

제목 3단계

제목 4단계

제목 5단계

제목 6단계

탭 뷰

탭 뷰입니다.

탭 뷰

봐요, 글자 더 있음.

대단하죠.

긴 탭

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

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

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

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

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

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

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

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

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

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

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

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

빈 탭

빈 탭

빈 탭

빈 탭

빈 탭

빈 탭

weed lmao

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

---

구분선

이중 인용문

삼중 인용문¹

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

소스 코드

+ 코드 보이기

/*
    Private Education Theme
    [2021 Wikidot Theme]
    Created by Denevola.
    Based on Black Highlighter Theme created by Woedenaz and Croquembouche.
    The Celeste logo was created by (placeholder) and vectorized by Denevola. Licensed under CC BY-SA 3.0.
*/
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "celeste";
    --theme-name: "Private Education Theme";
 
    --white-monochrome: 255, 255, 255;
    --pale-accent: 40, 151, 230;
    --bright-accent: 0, 82, 133;
    --medium-accent: 44, 82, 99;
    --dark-accent: 3, 54, 99;
    --alt-accent: 17, 223, 209;
 
    --border-styling: solid 0.0625rem rgb(var(--swatch-menubg-medium-color));
 
    --swatch-headerh1-color: var(--swatch-text-general);
    --swatch-headerh2-color: var(--swatch-text-general);
    --swatch-topmenu-bg-color: var(--pale-gray-monochrome);
    --swatch-topmenu-border-color: var(--swatch-menubg-medium-color);
 
    /* Header */
    --logo-image: url('https://2021.wdfiles.com/local--files/theme%3Aprivate-education/celeste-logo.png');
    --header-title: "셀레스트";
    --header-subtitle: "";
    --header-gradient-color-top: 255, 255, 255;
    --header-gradient-color-middle: 255, 255, 255;
    --header-gradient-color-bottom: 255, 255, 255;
 
    /* Typefaces */
    --body-font: Raleway, Arimo,Verdana,Geneva,NanumBarunCatsi,sans-serif;
    --header-font: "Poppins",Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,NanumBarunCatsi,sans-serif;
    --title-font: "Poppins",Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,NanumBarunCatsi,Arial,sans-serif;
    --mono-font: Recursive,Consolas,monaco,"Nanum Gothic Coding",monospace;
}
 
body {
    background-image: var(--gradient-header),var(--gradient-topmenu);
}
 
div#container-wrap {
    background-image: none;
}
 
#header h1 a:before,
#header h2 span:before {
    --text-shadow: transparent;
}
 
#search-top-box-input {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
#top-bar div.mobile-top-bar>ul>li>a, #top-bar div.top-bar>ul>li>a {
    color: rgb(var(--swatch-text-tertiary-color));
}
 
#login-status {
    color: rgb(var(--swatch-text-dark));
}
 
#login-status a {
    color: rgb(var(--bright-accent));
}
 
#side-bar div.menu-item>a:first-of-type {
    padding: .25rem calc(var(--base-font-size)*.93333);
}
 
#side-bar div.menu-item .text, #side-bar div.menu-item a {
    padding: .25rem .6em;
}
 
@media only screen and (max-width: 768px) {
    #header {
        --size: 6rem;
    }
 
    #search-top-box:focus-within {
        box-shadow: none;
        background: white;
    }
 
    #search-top-box:not(:focus-within):before {
        background-color: rgba(var(--swatch-tertiary-color));
    }
 
    #top-bar > div.mobile-top-bar > div.open-menu > p >a {
        color: rgb(var(--swatch-text-tertiary-color)) !important;
    }
}
}

Footnotes

1. 그리고 이건 각주!