세탁부 테마
세탁부 인장
비고: 이것은 블랙 하이라이터 기반 테마입니다. 이 테마를 사용하기 위해서는 기본형 블랙 하이라이터를 먼저 적용시켜야 합니다. 상세한 정보는 여기를 참조하세요.
사용하려면 다음 코드를 붙여넣으세요.
[[include :scp-ko:theme:black-highlighter-theme]]
[[include :scp-ko:theme:laundry]]
용례
가로 구분선은 하이픈 다섯 개 "- - - - -"를 치면 만들어집니다.
제목은 문장 처음에 "+"을 1개부터 6개까지 입력해서 적용할 수 있습니다.
여기에 내용이 있다고 상상해 주세요.
봐요, 글자 더 있음.
대단하죠.
긴 탭입니다. 많은 글자가 들어가죠.
긴 탭입니다. 많은 글자가 들어가죠.
긴 탭입니다. 많은 글자가 들어가죠.
긴 탭입니다. 많은 글자가 들어가죠.
긴 탭입니다. 많은 글자가 들어가죠.
긴 탭입니다. 많은 글자가 들어가죠.
긴 탭입니다. 많은 글자가 들어가죠.
긴 탭입니다. 많은 글자가 들어가죠.
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
인용문
어쩌구저쩌구
인용문 안에 가로줄
이중 인용문
삼중 인용문1
| 이것은 | 표 (사실 아님) |
|---|---|
| 👁 | 👁 |
| 👄 | |
제목 글꼴은 Bebas Neue와 세방고딕.
본문 글꼴은 Inter와 본고딕.
고정폭 글꼴은 Recursive.
#side-bar { /* ===SECONDARY & TERTIARY COLORS=== */ /* Editing these will edit a vast majority of theme elements. Useful for making dark themes */ /* Colors for Secondary & Tertiary items like Blockquote and YUI Tabs */ --swatch-secondary-color: var(--swatch-menubg-dark-color); --swatch-tertiary-color: var(--swatch-menubg-medium-color); --swatch-alternate-color: var(--swatch-menubg-light-color); /* Text Colors for Secondary & Tertiary items like Sidebar Headers and Top-Bar Menu Text */ --swatch-text-secondary-color: var(--swatch-menutxt-dark-color); --swatch-text-tertiary-color: var(--swatch-menutxt-light-color); /* ===SIDE-BAR ELEMENTS=== */ /* ===SIDE-BAR GENERAL=== */ --sidebar-bg-color: var(--swatch-menubg-dark-color); --sidebar-resources-bg-color: 0,0,0,0; --sidebar-media-bg-color: 0,0,0,0; /* ===SIDEBLOCK MENU=== */ --sideblock-heading-border-color: var(--bright-accent); --sideblock-heading-bg-color: 0,0,0,0; /* Transparent */ --sideblock-heading-text-color: var(--swatch-text-tertiary-color); /* ===MENU-ITEMS=== */ --sidebar-border-color: var(--swatch-primary), 0.08; --sidebar-subtest-color: var(--swatch-text-tertiary-color); --sidebar-links-text: var(--swatch-text-tertiary-color); --sidebar-links-hover-bg-color: var(--bright-accent); --sidebar-links-hover-text-color: var(--swatch-text-tertiary-color); /* ===SIDEBAR COLLAPSIBLES=== */ /*Folded Colors */ --sidebar-collapsible-fld-link-bg: var(--swatch-primary), 0.25; --sidebar-collapsible-fld-link-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-fld-link-hover-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-fld-arrow-hover-color: var(--swatch-text-tertiary-color); /*Unfolded Colors */ --sidebar-collapsible-ufld-link-bg: var(--swatch-primary-darker), 0.25; --sidebar-collapsible-ufld-link-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-ufld-link-hover-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-ufld-arrow-hover-color: var(--swatch-text-tertiary-color); /* Unfolded Body Colors */ --sidebar-collapsible-link-color: var(--swatch-text-tertiary-color); --sidebar-collapsible-link-hover-color: var(--swatch-text-tertiary-color); scrollbar-color: rgba(var(--swatch-primary-darker), 0.1) /* Thumb */ rgba(var(--swatch-secondary-color), 0.05); /* Track */ border-color: rgba(var(--swatch-secondary-color), 0.4); } /* Hover Scrollbar Behavior */ #side-bar:hover, #side-bar:active { scrollbar-color: rgb(var(--swatch-primary-darker), 1) /* Thumb */ rgb(var(--swatch-menubg-dark-color), 1); /* Track */ } #side-bar:focus-within { scrollbar-color: rgb(var(--swatch-primary-darker), 1) /* Thumb */ rgb(var(--swatch-menubg-color), 1); /* Track */ } #side-bar::-webkit-scrollbar-track { background-color: rgba(var(--swatch-tertiary-color), 0.8); } #side-bar::-webkit-scrollbar, #side-bar::-webkit-scrollbar-thumb, #side-bar::-webkit-scrollbar-corner { background-color: rgba(var(--swatch-menubg-dark-color), 0); } #side-bar .side-block.media a:any-link { background: rgba(var(--swatch-menubg-light-color),0.75) !important; } #side-bar .side-block.media a::before { background: rgb(var(--social-color)); } #side-bar .side-block.media a img { filter: drop-shadow(0 0 0 rgba(var(--swatch-alternate-color),0)); transition: filter 200ms cubic-bezier(0.4, 0, 0.2, 1); } #side-bar .side-block.media a:hover img, #side-bar .side-block.media a:active img { filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color))); } #side-bar .side-block.media a:focus-within img { filter: drop-shadow(0.1875rem 0.1875rem 0 rgb(var(--swatch-alternate-color))); } html:not(:lang(cn)) div.scpnet-interwiki-wrapper p::before { box-shadow: inherit; } .scpnet-interwiki-wrapper { -webkit-filter: invert(0.8) hue-rotate(180deg) saturate(0.8); filter: invert(0.8) hue-rotate(180deg) saturate(0.8); }
/* 改編自Rounderhouse 所製作的I57 BHL Theme的主題頁 並以(CC BY-SA 3.0)授權使用 洗衣部門LOGO素材由Dr V Valentine繪製。 */ /* 字體 */ @import url("https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap"); /* 使用的所有變量 */ :root:lang(zh) { /* S-CSS-P Integration */ /* If you're making a new CSS theme, please include the following three variables at minimum. */ --theme-base: "nuscp"; /* must be either "nuscp" or "sigma9" */ --theme-id: "nuscp"; /* set this to the URL of your theme's page - eg for "component:ar-theme", set it to "ar-theme" */ --theme-name: "laundry-theme"; /* 將此設置為您主題的全名 */ /* 標題 */ --logo-image: url("https://i.imgur.com/jlMUACr.png"); --header-title: "洗衣部門"; --header-subtitle: "洗滌 . 修補 . 保養"; /* 字體 */ --header-font: "Bebas Neue", cursive; /* ========================== Stylistic Sets | Any: 0 OR 1 */ --ss01: 0; --ss02: 0; --ss03: 0; /* 標準顏色 */ --white-monochrome: 252, 252, 252; --pale-gray-monochrome: 244, 244, 244; --very-light-gray-monochrome: 153, 153, 153; --light-gray-monochrome: 170, 170, 170; --gray-monochrome: 66, 66, 72; --dark-gray-monochrome: 39, 39, 39; --black-monochrome: 12, 12, 12; /* bright yellow */ --bright-accent: 255, 194, 216; /* medium yellow 4 header */ --medium-accent: 138, 198, 209; /* dark blue */ --dark-accent: 39, 39, 39; /* blue */ --alt-accent: 116, 204, 200; --swatch-background: 255, 253, 249; --swatch-primary: var(--medium-accent); --swatch-primary-darker:var(--bright-accent); --swatch-primary-darkest:var(--bright-accent); /* 主要文本顏色 */ --swatch-text-dark: var(--black-monochrome); --swatch-text-light: var(--white-monochrome); --swatch-important-text: var(--bright-accent); /* 主菜單顏色 */ --swatch-menubg-color: var(--dark-accent); --swatch-border-color: var(--medium-accent); /* 主要標題顏色 */ --swatch-headerh1-color: var(--bright-accent); --swatch-headerh2-color: var(--bright-accent) ; --swatch-topmenu-border-color: var(--dark-accent); --swatch-topmenu-bg-color: var(--dark-accent); --rating-module-button-color: var(--black-monochrome); --rating-module-text-color: var(--black-monochrome); --diagonal-stripes: none; --cutColour: rgb(var(--bright-accent)); --barColour: rgb(var(--dark-accent)); } :root:lang(zh) { /* ===鏈接顏色=== */ --link-color: var(--alt-accent); --visited-link-color: var(--bright-accent); --hover-link-color: var(--swatch-primary-darkest); --newpage-color: var(--bright-accent); --background-gradient-color: var(--white-monochrome); } #header { /* ===登錄框元素=== */ --login-arrow-color: var(--swatch-primary-darkest); /* 單擊箭頭時的下拉框 */ --login-dropdown-bg-hover-color: var(--swatch-primary),0.25; } #top-bar { /* ===頂桿元素=== */ /* ===頂桿類別=== */ --topmenu-hover-border-color: var(--swatch-primary-darkest); /* ===下拉式菜單=== */ --dropdown-links-hover-color: var(--swatch-text-secondary-color); --dropdown-links-hover-bg-color: var(--swatch-primary),0.25; } #side-bar { /* ===側桿元件=== */ /* ===菜單項=== */ --sidebar-links-hover-bg-color: var(--swatch-primary),0.25; } #side-bar .heading p { font-size: var(--base-font-size); letter-spacing: 0.1em; } /* ===頁腳=== */ #footer { --footer-text-color: var(--swatch-text-tertiary-color); --footer-link-color: var(--swatch-text-tertiary-color); --footer-link-hover-color: var(--swatch-primary-darkest); } /* ===牌照區=== */ #license-area { --license-link-hover-color: var(--swatch-primary-darkest); } #main-content { /* ===主要內容 UI 元素 */ /* ===用戶界面圖標=== */ /* ===頁面選項圖標=== */ --ui-icon-color: var(--swatch-text-tertiary-color); --ui-icon-bg: var(--swatch-primary); --ui-icon-hover-color: var(--swatch-text-tertiary-color); --ui-icon-hover-bg: var(--swatch-primary-darkest); /* ===文本編輯器圖標=== */ --editor-icon-hover-color: var(---swatch-text-tertiary-color); /* ===製表符=== */ --tabs-bg: var(--swatch-secondary-color); --tabs-txt: var(--swatch-primary-darkest); --tabs-hover-bg: var(--swatch-primary); --tabs-hover-txt: var(--swatch-text-secondary-color); --tabs-selected-bg: var(--swatch-primary-darker); --tabs-selected-outline: var(--swatch-primary-darker); /* ===表=== */ --tables-header-bg: var(--swatch-primary); /* ===腳註/參考書目頁腳=== */ --footnotes-footer-title-text-color: var(--swatch-text-tertiary-color); --footnotes-footer-num-hover-color: var(--swatch-text-tertiary-color); /* ===頁面標籤=== */ --pagetags-title-text: var(--swatch-text-tertiary-color); --pagetags-text-hover-color: var(--swatch-primary-darkest); --pagetags-text-hover-bg-color: var(--black-monochrome); } /* ===全球元素=== */ :root:lang(zh) { /* ===用戶界面按鈕=== */ --ui-button-bg: var(--swatch-alternate-color); --ui-button-txt: var(--swatch-text-secondary-color); --ui-button-hover-bg: var(--swatch-primary-darkest); --ui-button-hover-txt: var(--swatch-text-tertiary-color); --ui-button-hover-outline: var(--swatch-primary-darkest); /* ===模態=== */ --modal-bg: var(--swatch-secondary-color); --modal-body-text: var(--swatch-text-tertiary-color); /* h1/h2/h3/h4/h5/h6 */ --modal-body-header-txt: var(--swatch-text-tertiary-color); --modal-header-bg: var(--swatch-primary-darkest); --modal-header-txt: var(--swatch-text-secondary-color); --modal-header-stripe: var(--swatch-primary); /* ===腳註懸停塊=== */ --hoverblock-bg: var(--swatch-alternate-color); --hoverblock-txt: var(--swatch-text-secondary-color); --hoverblock-header-txt: var(--swatch-text-tertiary-color); --hoverblock-footer-bg: var(--swatch-alternate-color); --hoverblock-footer-txt: var(--swatch-text-secondary-color); } html, body, #side-bar:hover { scrollbar-color: rgb(var(--bright-accent)) rgb(var(--dark-accent)); } ::-webkit-scrollbar, #side-bar:hover::-webkit-scrollbar { background-color: rgb(var(--dark-accent)); } ::-webkit-scrollbar-thumb, #side-bar:hover::-webkit-scrollbar-thumb { background-color: rgb(var(--bright-accent)); } #header h1 a::before { color: rgb(var(--medium-accent)); } #search-top-box-form input[type="submit"], #search-top-box-form input[type="submit"]:focus, #search-top-box-form input[type="submit"]:hover { background: rgb(var(--black-monochrome)); color: rgb(var(--medium-accent)); } @media only screen and (max-width: 48rem) { #search-top-box:not(:focus-within)::before { color: rgb(var(--medium-accent)); } #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] { background-color: #181a17; } } hr { border-top: 0.0625rem solid rgb(var(--dark-gray-monochrome)); border-right: 1.875rem solid rgb(var(--bright-accent)); border-bottom: 0.0625rem solid rgb(var(--dark-gray-monochrome)); border-left: 1.875rem solid rgb(var(--bright-accent)); background: rgb(var(--dark-gray-monochrome)); } .scp-image-block { border: none; border-radius: 0.3125rem; background: rgb(var(--dark-gray-monochrome)); } .scp-image-block .scp-image-caption { background-color: rgb(var(--dark-accent)); color: rgb(var(--bright-accent)); } blockquote, .blockquote { border: 0.125rem dashed rgba(var(--light-gray-monochrome), 0.7); background-color: rgba(var(--light-gray-monochrome), 0.3); } .footnotes-footer { transition: box-shadow 300ms ease-in-out; background: url("https://i.imgur.com/efHfZFq.png"); background-repeat: repeat; background-size: contain; box-shadow: inset 0 0 0 0 rgb(var(--medium-accent)), inset 0 0 0 0 rgb(var(--medium-accent)); color: rgb(var(--bright-accent)); } .footnotes-footer:hover { box-shadow: inset 0.35em 0 0 0 rgb(var(--medium-accent)), inset -0.35em 0 0 0 rgb(var(--medium-accent)); } .footnotes-footer a[href*="javascript"]::before, .bibitems .bibitem::after { margin: -0.125ch 0.125ch 0; padding: 0 0.125ch; background-color: rgb(var(--swatch-primary-darkest)); color: rgb(var(--swatch-text-tertiary-color)); } #page-content a:not([href*="user"]):not([href*="javascript:;"]):not([href="/classification-committee-memo"]):hover { background-color: rgb(var(--alt-accent)); color: rgb(var(--white-monochrome)); } #extra-div-2 { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 7.5rem; background: url("https://i.imgur.com/efHfZFq.png"); background-repeat: repeat; background-position: top; background-size: contain; pointer-events: none; } /* TABVIEW - 放棄所有進入這裡的希望 */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { display: flex; flex-wrap: wrap; width: calc(100% - 0.125rem); margin: 0 auto; box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--bright-accent)); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { display: flex; position: relative; max-width: 100%; margin: 0 0.25em 0.5em; padding: 0; transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1); background: url("https://i.imgur.com/efHfZFq.png"); background-repeat: repeat; background-size: contain; box-shadow: 0 0 0 0.0625rem rgba(var(--dark-accent), 0.5); color: rgb(var(--bright-accent)); font-weight: bold; } .yui-navset .yui-nav li a, .yui-navset .yui-navset-top .yui-nav li a { zoom: unset; border: unset; background-color: rgb(0,0,0,0); display: flex; align-items: center; justify-content: center; width: 100%; zoom: unset; vertical-align: bottom; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:active { color: rgb(var(--dark-accent)); font-weight: bold; } .yui-navset .yui-nav a:focus-within { color: rgb(var(--dark-accent)); font-weight: bold; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { padding: 0.35em 0.75em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yui-navset .yui-nav li em { /* Undoes border set by wikidot's default layout */ border: unset !important; } /* 所選標籤 */ .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected, .yui-navset .yui-nav .selected:hover, .yui-navset .yui-navset-top .yui-nav .selected:hover { flex-grow: 2; margin: -0.25em 0 0.25em 0; padding: 0; color: rgb(var(--dark-accent)); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { color: rgb(var(--dark-accent)); } .yui-navset .yui-nav .selected a { width: 100%; /* Undoes a color set by wikidot's default layout */ color: rgb(var(--white-monochrome)) !important; } .yui-navset .yui-content { background-color: rgba(var(--white-monochrome), 0.5); /*內容背景色 */ } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: rgb(var(--light-gray-monochrome)); /* 內容邊框 */ } .yui-navset-left .yui-content { border-left-color: rgba(var(--dark-accent), 1); /* different border color */ } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { margin-bottom: -0.125rem; background-color: rgb(var(--medium-accent)); background-image: none; color: rgb(var(--dark-accent)); font-weight: bold; cursor: default; } /* 減少動畫 */ @media (prefers-reduced-motion: reduce) { *, ::before, ::after { transition-duration: 0.001s !important; -webkit-animation-duration: 0.001s !important; animation-duration: 0.001s !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } }
/* 改編自Rounderhouse 所製作的I57 BHL Theme的主題頁 並以(CC BY-SA 3.0)授權使用 洗衣部門LOGO素材由Dr V Valentine繪製。 */ /* 字體 */ @import url("https://fonts.googleapis.com/css?family=Inter&display=swap"); @import url("https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap"); @font-face { font-family: '세방고딕B'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } /* 使用的所有變量 */ :root:lang(ko) { /* 標題 */ --logo-image: url("https://i.imgur.com/jlMUACr.png"); --header-title: "세탁부"; --header-subtitle: "세척 . 보수 . 보양"; /* 字體 */ --header-font: "Bebas Neue", '세방고딕B', cursive; --title-font: "Bebas Neue", '세방고딕B', cursive; --body-font: 'Inter', 'Noto Sans KR', sans-serif; --mono-font: 'Recursive', monospace; /* ========================== Stylistic Sets | Any: 0 OR 1 */ --ss01: 0; --ss02: 0; --ss03: 0; /* 標準顏色 */ --white-monochrome: 252, 252, 252; --pale-gray-monochrome: 244, 244, 244; --very-light-gray-monochrome: 153, 153, 153; --light-gray-monochrome: 170, 170, 170; --gray-monochrome: 66, 66, 72; --dark-gray-monochrome: 39, 39, 39; --black-monochrome: 12, 12, 12; /* bright yellow */ --bright-accent: 255, 194, 216; /* medium yellow 4 header */ --medium-accent: 138, 198, 209; /* dark blue */ --dark-accent: 39, 39, 39; /* blue */ --alt-accent: 116, 204, 200; --swatch-background: 255, 253, 249; --swatch-primary: var(--medium-accent); --swatch-primary-darker:var(--bright-accent); --swatch-primary-darkest:var(--bright-accent); /* 主要文本顏色 */ --swatch-text-dark: var(--black-monochrome); --swatch-text-light: var(--white-monochrome); --swatch-important-text: var(--bright-accent); /* 主菜單顏色 */ --swatch-menubg-color: var(--dark-accent); --swatch-border-color: var(--medium-accent); /* 主要標題顏色 */ --swatch-headerh1-color: var(--bright-accent); --swatch-headerh2-color: var(--bright-accent) ; --swatch-topmenu-border-color: var(--dark-accent); --swatch-topmenu-bg-color: var(--dark-accent); --rating-module-button-color: var(--black-monochrome); --rating-module-text-color: var(--black-monochrome); --diagonal-stripes: none; --cutColour: rgb(var(--bright-accent)); --barColour: rgb(var(--dark-accent)); } :root:lang(ko) { /* ===鏈接顏色=== */ --link-color: var(--alt-accent); --visited-link-color: var(--bright-accent); --hover-link-color: var(--swatch-primary-darkest); --newpage-color: var(--bright-accent); --background-gradient-color: var(--white-monochrome); } #header { /* ===登錄框元素=== */ --login-arrow-color: var(--swatch-primary-darkest); /* 單擊箭頭時的下拉框 */ --login-dropdown-bg-hover-color: var(--swatch-primary),0.25; } :root:lang(ko) { /* ===用戶界面按鈕=== */ --ui-button-bg: var(--swatch-alternate-color); --ui-button-txt: var(--swatch-text-secondary-color); --ui-button-hover-bg: var(--swatch-primary-darkest); --ui-button-hover-txt: var(--swatch-text-tertiary-color); --ui-button-hover-outline: var(--swatch-primary-darkest); /* ===模態=== */ --modal-bg: var(--swatch-secondary-color); --modal-body-text: var(--swatch-text-tertiary-color); /* h1/h2/h3/h4/h5/h6 */ --modal-body-header-txt: var(--swatch-text-tertiary-color); --modal-header-bg: var(--swatch-primary-darkest); --modal-header-txt: var(--swatch-text-secondary-color); --modal-header-stripe: var(--swatch-primary); /* ===腳註懸停塊=== */ --hoverblock-bg: var(--swatch-alternate-color); --hoverblock-txt: var(--swatch-text-secondary-color); --hoverblock-header-txt: var(--swatch-text-tertiary-color); --hoverblock-footer-bg: var(--swatch-alternate-color); --hoverblock-footer-txt: var(--swatch-text-secondary-color); }
Footnotes
1. 여기 각주가 있네!