제비꽃 테마

정보

여러분의 페이지에 관한 정보입니다.

준요주의 단체, 제비꽃을 위한 테마입니다. Denevola 제작.

사용법

아래 코드를 붙여넣어 간단히 사용할 수 있습니다.

[[include :scpkrsandbox:theme:viola]]

사용례

제비꽃 로고

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

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

제목 1단계

제목 2단계

제목 3단계

제목 4단계

제목 5단계

제목 6단계

탭 뷰입니다.

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

구분선

이중 인용문

삼중 인용문¹

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

소스 코드

+ 코드 보이기

- 코드 숨기기

/*
    Viola Theme
    [2021 Wikidot Theme]
    Created by Denevola.
    Based on SCP Sigma 9 created by Aelanna.
    The Jebikot logo was created by (placeholder). Licensed under CC BY-SA 3.0.
*/
 
@font-face {
    font-family: 'MapoDPPA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDPPA.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
 
::selection {
    background-color: rgba(241, 158, 158, .7);
}
 
::-webkit-scrollbar {
    border: none;
}
 
::-webkit-scrollbar-thumb {
    background: #cf5f68;
}
 
::-webkit-scrollbar-track {
    background: none;
}
 
body {
    background-color: #ffe3e3;
}
 
h1, h2, h3, h4, h5, h6, #page-title {
    font-family: 'MapoDPPA', 'Trebuchet MS', Trebuchet, Verdana, 'Nanum Gothic', Arial, Helvetica, sans-serif;
}
 
a {
    color: #ca505b;
}
 
div#container-wrap {
    background: url('https://scpkrsandbox.wdfiles.com/local--files/theme%3Aviola/background.png') top left repeat-x;
    background-size: 100%;
}
 
/* ---------- 헤더 ---------- */
#header {
    background-image: none;
}
 
#header h1,
#header h2 {
    margin-left: 0;
}
 
#header h1 a span,
#header h2 span {
    display: none;
}
 
#header h1 a {
    color: #fff;
    font-family: 'MapoDPPA', 'Nanum Gothic', Arial, sans-serif;
    text-shadow: .1em .1em #7b5e5e, .15em .15em #4e4e4e;
    transition: .5s;
}
 
#header h1 a:hover {
    text-shadow: .1em .1em #ea6b88, .15em .15em #ca5252;
}
 
#header h1 a::before {
    content: "제비꽃";
}
 
#header h2::before {
    color: #fff;
    line-height: 3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
    content: "(placeholder)";
}
 
/* ---------- 검색창 ---------- */
#search-top-box-form {
    display: inline-flex;
}
 
#search-top-box-form > * {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    transition: .25s;
}
 
#search-top-box-input {
    border: 2px solid #000;
    border-radius: 0;
    background-color: #47474d;
    font-family: inherit;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: #828288;
    border: 2px solid #000;
}
 
#search-top-box-form input[type=submit] {
    border: solid 2px #000;
    border-radius: 0;
    background: #ca505b;
    font-family: inherit;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background: #cf5f68;
    border: 2px solid #000;
}
 
/* ---------- 상단 메뉴 -----------*/
#top-bar > div > ul {
    margin-top: -1.5rem;
    padding: .5rem;
    background: rgba(0, 0, 0, .1);
    border-radius: .25rem;
}
 
#top-bar > div > ul > li > a {
    transition: .25s;
}
 
#top-bar > div > ul > li:first-child > a {
    border-left: none;
}
 
#top-bar > div > ul > li:last-child > a {
    border-right: none;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    border-color: transparent;
}
 
#top-bar .mobile-top-bar > ul {
    padding: .25rem;
}
 
/* ---------- 계정 옵션 ---------- */
#login-status {
    color: #333;
}
 
#login-status a {
    color: #cf5f68;
}
 
#account-topbutton {
    border: 1px solid #cf5f68;
}
 
/* ---------- 사이드바 ---------- */
#side-bar a:visited {
    color: #ca505b;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #ca505b;
}
 
#side-bar .side-block {
    background: linear-gradient(to bottom, transparent, rgba(255, 0, 0, .1));
    backdrop-filter: blur(25px);
    border: 8px solid #ffd1d2;
    border-radius: .25rem;
}
 
#side-bar .heading,
#side-bar .collapsible-block-unfolded-link {
    padding: 5px;
    background: linear-gradient(to right,rgba(255, 0, 0, .15),transparent);
    border: none;
}
 
/* ---------- 본문 ---------- */
h1, #page-title {
    color: #ca505b;
}
 
#page-title {
    border-bottom: 2px solid #ca505b;
    text-align: center;
    text-shadow: 0 4px 6px rgba(0, 0, 0, .2);
}
 
#page-content {
    font-size: .9rem;
}
 
#toc {
    background-color: #ffeded;
    border-radius: .25rem;
}
 
blockquote, div.blockquote {
    background-color: #ffeded;
    border-left: 5px solid #cf5f68;
    border-radius: .25rem;
    border-style: solid;
    box-shadow: 0 1px 6px rgb(0, 0, 0, .25);
}
 
.code {
    border: 1px solid #deb7b7;
    background-color: #ffeded;
    border-radius: .25rem;
}
 
.scp-image-block {
    border-radius: .25em;
}
 
.scp-image-block.block-right {
    margin-right: 0;
}
 
.scp-image-block .scp-image-caption {
    background-color: #ffeded;
    border-radius: 0 0 .25rem .25rem;
}
 
/* ---------- 표 ---------- */
table.wiki-content-table th {
    background-color: #e8b7b7;
}
 
/* ---------- 탭 ---------- */
.yui-navset {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
}
 
.yui-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100% !important;
}
 
.yui-nav li {
    flex-grow: 1;
}
 
.yui-nav li a {
    display: block !important;
    text-align: center;
}
 
.yui-nav .selected a em {
    padding: 0.25em .75em !important;
}
 
.yui-navset {
    border-radius: 0 0 .25rem .25rem;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: linear-gradient(to bottom, #ffffff 40%, #d8d8da 90%);
    border-right-width: 0;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: linear-gradient(to bottom, #f3dcdc 40%, #e0a9a9 90%);
}
 
.yui-navset .yui-nav li:last-child a,
.yui-navset .yui-navset-top .yui-nav li:last-child a {
    border-right-width: 1px;
}
 
.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, #ffb5bb, #cf5f68 50%);
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: #686868;
}
 
.yui-navset .yui-content {
    background-color: #ffeded;
    border-radius: 0 0 .25rem .25rem;
}
 
.yui-navset .yui-content [id*=wiki-tab-] {
    animation: tab-open .5s;
    transform-origin: center top;
}
 
@keyframes tab-open {
    from {
        opacity: 0;
        transform: scaleY(0);
    }
 
    to {
        opacity: 1;
        transform: scaleY(1);
    }
}
 
/* ---------- 평가 모듈 ---------- */
.page-rate-widget-box {
    margin-right: 0;
    font-family: 'MapoDPPA', sans-serif;
}
 
.page-rate-widget-box .btn.btn-default a {
    transition: .25s;
}
 
.page-rate-widget-box .rate-points {
    border-radius: .25rem 0 0 .25rem !important;
}
 
.page-rate-widget-box .cancel {
    border-radius: 0 .25rem .25rem 0 !important;
}
 
.rate-box-with-credit-button {
    border-radius: .25rem !important;
}
 
.creditRate {
    margin-right: 0 !important;
}
 
.creditButton p a:hover {
    color: #cf5f68 !important;
}
 
.modalbox {
    background: linear-gradient(#ffe5e5 51px,#fefefe 51px, #aaa 51px, #aaa 52px, #fff0f0 52px, #ffd8d8) !important;
    border-radius: .25rem !important;
}
 
.modalbox hr {
    display: none;
}
 
.modalbox .credit:not(:first-child) {
    margin-top: 2em !important;
}
 
/* ---------- 각주 ---------- */
.bibitems,
.footnotes-footer {
    position: relative;
    margin: 1rem 0;
    padding: 1rem 2rem;
    background: #ffeded;
    border: 1px solid #deb7b7;
    border-radius: .25rem;
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 30px, calc(100% - 30px) 0%);
    line-height: 1.5;
}
 
.bibitems::after,
.footnotes-footer::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: block;
    background: #deb7b7;
    border-bottom-left-radius: .25rem;
    content: "";
}
 
/* ---------- 기타 ---------- */
.page-source {
    background-color: #ffeded;
    border-radius: .25rem;
    font-family: 'Andale Mono', 'Courier New', "Nanum Gothic Coding", Courier, monospace;
    line-height: 1.2;
}
 
.hovertip {
    border-radius: .25rem;
}
 
.hovertip .f-footer {
    display: none;
}
 
input.text, textarea {
    border-radius: .25rem;
}
 
.avatar-hover {
    display: none !important;
}
 
/* ---------- 반응형 미디어 쿼리 ---------- */
@media (max-width: 767px) {
    #top-bar .open-menu a {
        border: 0.2em solid #f19e9e;
        background-color: #cf5f68;
        color: #fff;
        transition: .25s;
    }
 
    #top-bar .open-menu a:hover {
        box-shadow: 0 0 20px 5px rgb(200, 153, 153);
    }
 
    #side-bar {
        background-color: rgb(243, 183, 183);
    }
 
    #side-bar .side-block {
        background: linear-gradient(to bottom, #ffdede, #ffbfbf);
    }
}
 
@media (max-width: 385px) {
    #header h1,
    #header h2 {
        margin-left: 5%;
    }
}

ko 테마

SB-KO1

SCP-KO 샌드박스 일호기

정보

사용법

사용례

제목 1단계

제목 2단계

제목 3단계

제목 4단계

제목 5단계

제목 6단계

소스 코드

다른 흥미로운 사이트

OzRadOnc

Where are the Joneses Wiki.

ΚΣΕ ΜΟΥΔΑΝΙΩΝ Επιμόρφωση Β' Επιπέδου

MomotokCepn-CN主站