재단없는 테마

---

테마 색상

샤레이드색--gray-monochrome(48, 48, 64)

멕시코만류색--medium-accent(139, 179, 180)

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

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

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

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

산타스 회색--light-gray-monochrome(160, 160, 180)

코담배색--pale-gray-monochrome(220, 220, 240)

{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}

반만 소화된 색--pale-accent(140, 202, 202)

에덴색--dark-accent(33, 40, 78)

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$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}

---

사용법

이 테마는 블랙 하이라이터 기반 테마입니다. 이 테마를 이용하기 위해서는 블랙하이라이터 테마도 임포트해주세요. 상세한 정보는 여기를 참조.

[[include :scpko:theme:black-highlighter-theme]]
[[include :scpko:theme:foundless]]

사용례

Unfounded by stephlynch

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

---

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

▼ 제목들

제목 1단계

제목 2단계

제목 3단계

제목 4단계

제목 5단계

제목 6단계

탭 뷰

탭 뷰입니다.

탭 뷰

봐요, 글자 더 있음.

대단하죠.

긴 탭

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

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

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

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

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

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

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

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

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

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

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

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

빈 탭

빈 탭

빈 탭

빈 탭

빈 탭

빈 탭

weed lmao

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

글자

---

구분선

이중 인용문

삼중 인용문¹

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

---

The header, title, and body font is Roboto.
The monospace font used is PT Mono.

코드

▼ 코드 보기

/*
    Foundless Theme
    [2020 Wikidot Theme]
     Created by Greyve
     Logo by stephlynch
*/
 
/* ROOT - Header & General Recoloring */
:root:lang(ko) {
/* Intro */
    --theme-base: "nuscp"
    --theme-id: "foundless"
    --theme-name: "Foundless Theme";
 
/* Header */
    --logo-image: url("http://www.scpwiki.com/local--files/theme:foundless/unfounded.gif");
    --logo-size: 500%;
    --header-title: "비설립";
    --header-subtitle: "재단이라는 오점이 없는 세상";
 
/* Colors */
    --pale-gray-monochrome: 220, 220, 240; /* Light Grey */
    --light-gray-monochrome: 160, 160, 180; /* Accent Light Gray */
    --gray-monochrome: 48, 48, 64; /* Gray  */
    --dark-gray-monochrome: 48, 48, 64; /*Gray */
 
    --pale-accent: 140, 202, 202; /* Pale Blue*/
    --bright-accent: 206, 233, 234; /* Light Blue*/
    --medium-accent: 139, 179, 180; /* Blue */
    --dark-accent: 68, 92, 109; /* Dark Blue */
    --newpage-color: 135, 158, 176; /* Grey Blue */
 
/* Menu Colors */
    --swatch-menubg-color: var(--gray-monochrome);
    --swatch-menubg-light-color: var(--pale-gray-monochrome);
    --swatch-menubg-medium-color: var(--light-gray-monochrome);
    --swatch-menubg-medium-dark-color: var(--black-monochrome);
    --swatch-menubg-dark-color: var(--dark-gray-monochrome);
    --swatch-menubg-black-color: var(--black-monochrome);
    --swatch-menubg-hover-color: var(--gray-monochrome);
    --swatch-menutxt-dark-color: var(--white-monochrome);
    --swatch-menutxt-light-color: var(--white-monochrome);
    --swatch-border-color: var(--black-monochrome);
 
/* Header Colors */
  --swatch-topmenu-border-color: var(--light-gray-monochrome);
  --swatch-topmenu-bg-color: var(--light-gray-monochrome);
 
/* Link Colors */
  --link-color: var(--medium-accent);
  --visited-link-color: var(--dark-accent);
  --hover-link-color: var(--bright-accent);
 
/* Rating Module Colors */
    --rating-module-text-color: var(--black-monochrome);
 
/* Navbar Shadow */
    --gradient-background: linear-gradient(to bottom,
     rgba(var(--background-gradient-color), 1) calc(calc(0 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 1) calc(calc(1.6 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 1) calc(calc(2.9 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 1) calc(calc(6.4 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 1) calc(calc(11 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 1) calc(calc(16.6 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0.85) calc(calc(27.1 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0.75) calc(calc(33.4 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0.62) calc(calc(38.3 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0.52) calc(calc(46.7 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0.35) calc(calc(55.4 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0.20) calc(calc(64.4 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0.155) calc(calc(69.5 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0.052) calc(calc(82.5 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0.03) calc(calc(91.4 / 100) * var(--background-gradient-distance)),
     rgba(var(--background-gradient-color), 0) calc(calc(100 / 100) * var(--background-gradient-distance)));
     --background-gradient-color: 0, 0, 0;
     --background-gradient-distance: 15rem;
 
    --header-gradient-color-bottom: 68, 92, 109;
    --header-gradient-color-middle: 135, 158, 176;
    --header-gradient-color-top: 154, 180, 181;
 
  --diagonal-stripes: repeating-linear-gradient(
    135deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0) 0.25vh,
    rgba(88, 88, 88, 0.1) 0.35vh,
    rgba(88, 88, 88, 0.2) 0.5vh
  );
 
  --gradient-sidemenu-header: linear-gradient(10deg,
    rgba(var(--medium-accent), 0.9) 0%,
    rgba(var(--medium-accent), 1) 100%
  );
}
 
/* SEARCH-BAR */
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgb(var(--light-gray-monochrome)) !important;
    color: rgb(var(--dark-accent)) !important;
    border: rgb(var(--light-gray-monochrome)) !important;
}
 
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:hover,
#search-top-box-form input[type="submit"]:focus {
    background: rgb(var(--gray-monochrome)) !important;
    border: rgb(var(--gray-monochrome)) !important;
}
 
  /* Filter */
  --filter: hue-rotate(268deg) saturate(50%) brightness(111%);
 
  /* Ayers' Info Bar */
  --barColour: rgb(var(--dark-accent));
}
 
body {
  background-color: rgba(244, 244, 244, 1);
  background-color: rgba(var(--swatch-menubg-light-color), 1);
}
 
/* Header Logo Compensation */
   #header {
    background-size: var(--header-height-on-desktop) auto;
    background-position: left 0 top 0;
}
 
/* Page Title */
#page-title {
    color: rgb(var(--medium-accent));
    border-color: rgb(var(--dark-gray));
}
 
/* Page Rating Module */
.page-rate-widget-box {
    background: linear-gradient(to top,
     rgba(var(--pale-gray-monochrome),1) 0%,
     rgba(var(--pale-gray-monochrome), 1) 100%);
    border-color: rgb(var(--pale-gray-monochrome));
}
#page-content .rate-box-with-credit-button {
    background: linear-gradient(to top,
     rgba(var(--pale-gray-monochrome),1) 0%,
     rgba(var(--pale-gray-monochrome), 1) 100%);
    border-color: rgb(var(--pale-gray-monochrome));
}
#page-content .rate-box-with-credit-button > .creditButton > p > a::before {
    background-color: rgb(var(--pale-gray-monochrome));
}
 
#page-content .rate-box-with-credit-button > .creditButton:hover {
    background: rgba(var(--bright-accent), 0.8);
}
 
#page-content .modalbox {
     background: rgb(var(--pale-gray-monochrome)) !important;
     color: rgb(var(--pale-gray-monochrome));
     border-radius: 0;
     box-shadow: 0 2px 6px rgba(var(--bright-accent), 0.5);
}

각주

1. 그리고 이건 각주!