알겠습니다. ChatSCP CSS 테마는 두 가지 코드 묶음으로 구성되어 있습니다. 하나는 전환 가능한 사이드바로, 테마 페이지에 이미 인용되어 있으므로 이용자는 별도로 인용하지 않아도 해당 컴포넌트를 적용할 수 있습니다. 해당 컴포넌트의 소스코드를 열람하고자 할 땐 페이지에 방문하여 페이지 소스를 확인해야 할 수 있습니다.
하나는 이 페이지에 작성되어 있는 고유 CSS 코드입니다. 전체 코드는 아래와 같이 나타낼 수 있습니다.
:root {
--color-ip: #644;
--color-sub: #944;
--color-bg: #fff0f0;
}
div#container-wrap,
#header {
background: none;
}
#header h2,
#search-top-box {
display: none;
}
#page-title {
font-weight: 900; padding-top: 2em;
}
#content-wrap {
min-height: calc( 100vh - 75px );
margin-top: 0;
margin-bottom: -5px;
padding-bottom: 5em;
background: var(--color-bg);
}
#header {
height: 60px;
padding-bottom: 0;
}
#header h1 {
position: fixed;
top: 10px;
left: 50%;
transform: translateX(-470px);
margin-left: 0;
float: none;
z-index: 50;
}
#header h1 a {
padding: 0;
line-height: 1;
color: transparent;
text-shadow: none;
font-size: 44px !important;
}
#header h1 a::before {
content: "ChatSCP";
color: #FFF;
}
#header h1 a span {
font-size: 0;
}
#login-status {
position: fixed;
top: 5px;
right: 50%;
transform: translateX(470px);
}
#login-status,
#login-status a {
color: #FFF;
}
#top-bar {
position: fixed;
top: 30px;
left: 0;
}
#top-bar .mobile-top-bar {
left: unset;
right: 1em;
}
#top-bar .open-menu a {
top: 10px;
border-radius: 0;
background-color: var(--color-bg);
border-color: var(--color-ip);
color: var(--color-ip);
}
#top-bar > div > ul > li > a {
padding-left: 0.5em;
padding-right: 0.5em;
}
#top-bar ul li ul,
#top-bar ul li ul li ul {
border: solid 1px var(--color-ip);
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
background: var(--color-ip);
color: var(--color-bg);
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
border-top: 1px solid var(--color-ip);
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
background: var(--color-sub);
}
.c_topbar_arrow {
color: var(--color-bg);
}
#side-bar {
background: var(--color-ip);
}
#page-content {
padding-top: 2em;
}
#footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin-top: 0;
z-index: 30;
}
#footer .options {
width: calc( 100% - 125px );
}
.page-rate-widget-box .rate-points {
background: #633 !important;
}
#extra-div-1 {
position: fixed;
top: 0;
left: 0;
height: 60px;
width: 100vw;
background: var(--color-ip);
}
.Q, .A, .code-header {
box-sizing: border-box;
width: 100%;
padding: 1em 2em;
color: #FFF;
font-size: 130%;
}
.Q a,
.A a,
.code-header a {
color: #FBB;
text-decoration: underline;
}
.Q a:visited,
.A a:visited,
.code-header a:visited {
color: #F99;
}
.Q a.newpage,
.A a.newpage,
.code-header a.newpage {
color: #FDD;
}
.Q {
margin: 2em auto 0;
background: var(--color-ip);
border-radius: 1em 1em 0 0;
}
.A {
margin: 0.5em auto 0;
background: var(--color-sub);
border-radius: 0 0 1em 1em;
}
.code-header {
position: relative;
margin: 0 auto;
background: var(--color-ip);
border-radius: 10px 10px 0 0;
font-size: 12px;
color: #ECC;
height: 25px;
}
.code-header::before {
content: "Copy This Code By Yourself";
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
}
.chatwait {
display: inline-block;
animation: 0.5s infinite alternate steps(2, jump-none) blink;
}
.error-wait {
color: #FBB;
width: 100%;
box-sizing: border-box;
padding: 10px;
margin-bottom: 10px;
border: 2px solid #FBB;
border-radius: 10px;
}
.error-wait p {
margin: 0;
}
.error-wait a {
white-space: nowrap;
}
.code,
.code-body {
background: #ECC;
border: none;
border-radius: 0 0 10px 10px;
color: var(--color-ip);
padding: 0.5em 1em;
margin: 0 0 0.4em;
}
.code pre {
white-space: pre-wrap;
}
#license-area {
display: none;
}
.hl-var {
color: #A55;
}
.hl-special {
color: #A33;
}
.hl-reserved {
color: #A44;
}
.hl-identifier,
.hl-brackets,
.hl-code,
.hl-number,
.hl-string {
color: var(--color-ip);
}
@media(max-width: 1100px) {
#header h1 {
left: 70px;
transform: none;
}
}
@media(max-width: 980px) {
#login-status {
right: 2em;
transform: none;
}
}
@media(max-width: 767px) {
#header h1 {
left: 0.5em;
}
#top-bar .open-menu a {
bottom: 1em;
}
#page-content {
padding-top: 1em;
}
.yui-navset {
z-index: unset;
}
}
@media(max-width: 440px) {
#header h1 a {
font-size: 20px !important
}
#header h1 a::before {
content: "Chat\A SCP";
white-space: pre;
text-align: center;
letter-spacing: 2px;
}
}
@keyframes blink {
0% {
color: #FFF;
}
100% {
color: transparent;
}
}
여긴 어디지? 그래, 또 이상한 공간이군. 그 거지 같은 시선을 보니 말이야. 이런 곳에 있다 보면 기분 영 착잡하단 말이지…
일련번호: SCP-1242-KO-J
이건 뭐지?
등급: 꼰대(Kkondae)
뭔가 실험 장소 같군. 여기서 나에게 또 뭘 하려는 걸까. 아니면 뭘 또 보여주려는 걸까.
특수 격리 절차: 현재 팬층의 비자각적인 격리가 진행되고 있기 때문에, SCP-1242-KO-J가 있는 <아르쿠스 비아토르arcus viator> 혹은 그것의 2차 창작을 압수하는 것은 권장하지 않는다. 대신, 충분히 높은 품질의 개그 2차 창작이 나오는지 WoI 연구과는 주기적으로 확인한다. 또한 재단 내에서 SCP-1242-KO-J를 격리하기에 충분한 수준의 작품을 만들려는 행동은 권장된다. 만약 추가적인 정보가 발견되었을 시 즉시 WoI 연구과에 알려야 한다.
어이, 거기 누구 있나?
개발자가 요주의 단체와 연관이 있을 가능성이 제기되었다. 현재 가장 유력하던 후보인 Are We Cool Yet?이나 플러그소프트와 연관이 없다는 것이 증명되었으나, 그 외 단체와 접점이 있을 수 있으므로 추가 조사가 필요하다.
기대는 안 했지만, 역시 들리지 않는군. 못 듣는 건지 안 듣는 건지는 모르겠지만. 뭔지는 모르겠지만 곱게 끝났으면 좋으련만.
설명: SCP-1242-KO-J는 2038년 2월 1일 한국에서 발표된 게임 <아르쿠스 비아토르arcus viator>의 등장인물인 '발터 슈바르츠Walter Schwarz'이다. 해당 작품에서 SCP-1242-KO-J는 40대 중후반의 남성으로, 작중에 등장하는 모험가 협회 중 급이 낮은 부서의 부장으로 나온다. 작품 내 묘사에 따르면 SCP-1242-KO-J는 '고집이 강하고 생각이 단편적이며 그릇이 작은 인물'로 나오며, 이 때문에 초반에 주인공 일행과 대립했다가 패배하는 역할로 나온다. 또한 SCP-1242-KO-J는 같은 연령대의 남성에 비해 신체 능력이 매우 우수한 편이나 작중 언급에 따르면 '동일 직종 인물들과 비교했을 때 평균적인 수준이며 그 경력을 감안하면 오히려 떨어진다.'고 묘사된다.
잠깐, 이건 내 얘기잖아? 젠장. 또 거지같은 일이 시작되려고 하는군.
SCP-1242-KO-J의 변칙성은 해당 개체를 보거나 해당 개체가 하는 대사를 듣는 사람들로 하여금 불편한 감정을 느끼게 한다는 것이다. 이 감정은 확인 결과 개인 무의식을 건드리는 것이 아닌, 단순히 밈적인 것에 가까운 것으로 밝혀졌다. 이 점은 작품 내에서도 간접적으로 보이는데, 주변 등장인물들(SCP-1242-KO-J의 부하나 친구 등)이 해당 인물을 '아니꼽게' 여기는 것이 이를 보여준다. 단순히 거부감을 표하는 정도에 그치는데 반해, 만약 오랜 시간 동안 SCP-1242-KO-J에 노출된다면 이 감정은 누적이 되며 그 결과 [[데이터 말소]]할 수 있다.
웃기지 마. 그런 거 없어.
이 감정의 누적은 SCP-1242-KO-J를 우스꽝스럽게 묘사한 2차 창작을 보았을 때 해소된다. 이 경우, 이를 본 사람은 불편한 감정 대신 SCP-1242-KO-J를 '웃기는 캐릭터'로 여기게 된다. 즉, 시쳇말로 '웃음벨'로 여긴다는 뜻이다. 이 해소되는 정도는 해당 작품이 웃길수록 더 효과가 있으며 이 때문에 SCP-1242-KO-J를 웃기게 만드는 작품은 권장된다.
멈춰. 그런 것 때문에 문제가 생긴다고.
문서 기록 1242/KO/J/13
잠깐, 이건 또 뭐지?
본 문서는 SCP-1242-KO-J를 주 등장인물로 삼은 2차 창작 영상 중 하나의 줄거리를 요약한 것이다.아니, 설마… 본 영상은 그 중에서도 원작 게임 내 이미지 자료 및 보이스 파일을 적절히 편집한 것이다. 그만. 이 이상 얘기하지 마.
SCP-1242-KO-J와 그의 부하들이 어떤 기계 앞에서 대화를 하는 것으로 영상은 시작된다. 상당히 수상한 외형인 기계를 앞에 두고 다른 부하들은 '함부로 실험하는 것은 위험하다.', '위험하니 상부에 알려야 한다.'라고 하지만, ……. SCP-1242-KO-J는 그런 부하들을 용기가 없다고 비꼰 뒤아니, 난 그런 멍청이가 아니야. 기계의 레버를 잡아당긴다. 난 그런 짓 안한다고. 그 순간 기계에서 광선이 나와 SCP-1242-KO-J를 쬐인다. 제발 멈춰.SCP-1242-KO-J는 흔적도 없이 사라지고,그만. 그걸 본 부하들은 환호한다. 이걸 또 다시 보고 싶지 않아.
제발 그러니 그만해 줘.
곧, 각 지역에서 이상 현상이 발발한다. 그 때 그것들은 떠올리기도 싫다고.SCP-1242-KO-J가 바이러스화, 여러 컴퓨터들을 잠식한 것이다. 내가 저걸 막느라 얼마나 고생했는데!이후 컴퓨터는 SCP-1242-KO-J로 변해 이를 사용하던 사람들은 불쾌하게 한다. 내가 무엇을 잘못한 거야? 이 컴퓨터-아니꼬움화에 질린 사람들은 왜 내가 이런 일을 겪어야 하는 거지?그 출처를 찾던 결과 제발, 누군가 도와주게나.거대한 SCP-1242-KO-J가 된 처음의 그 기계를누군가 내 말을 들어주게나. 발견하고 나 여기에 있네.,결국 그 기계는 유리카의 공격 한 방에 누군가 여기를 봐줘. 절명제발…한다.
…거기 누구 있나?