/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */ #top-bar .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 5; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888; background-color: #fff; border-radius: 3em; color: #888; pointer-events: auto; } @media not all and (max-width: 767px) { #top-bar .mobile-top-bar { display: block; pointer-events: none; } #top-bar .mobile-top-bar li { display: none; } #main-content { max-width: 708px; margin: 0 auto; padding: 0; transition: max-width 0.2s ease-in-out; } #side-bar { display: block; position: fixed; top: 0; left: -20em; width: 17.75em; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; background-color: rgba(0,0,0,0.1); transition: left 0.4s ease-in-out; scrollbar-width: thin; } #side-bar:target { left: 0; } #side-bar:focus-within:not(:target) { left: 0; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin-left: 19.75em; opacity: 0; z-index: -1; visibility: visible; } #side-bar:not(:target) .close-menu { display: none; } #top-bar .open-menu a:hover { text-decoration: none; } /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */ @supports (-moz-appearance:none) { #top-bar .open-menu a { pointer-events: none; } #side-bar:not(:target) .close-menu { display: block; pointer-events: none; user-select: none; } /* This pseudo-element is meant to overlay the regular sidebar button so the fixed positioning (top, left, right and/or bottom) has to match */ #side-bar .close-menu::before { content: ""; position: fixed; z-index: 5; display: block; top: 0.5em; left: 0.5em; border: 0.2em solid transparent; width: 30px; height: 30px; font-size: 30px; line-height: 0.9em; pointer-events: all; cursor: pointer; } #side-bar:focus-within { left: 0; } #side-bar:focus-within .close-menu::before { pointer-events: none; } } }
SCP-3309 |
---|
By: |
Published on 28 Jul 2018 02:00 |
What this is
A bunch of miscellaneous CSS 'improvements' that I, Croquembouche, use on a bunch of pages because I think it makes them easier to deal with.
The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.
I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.
This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.
Usage
On any wiki:
[[include :scp-wiki:component:croqstyle]]
This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.
Related components
Other personal styling components (which change just a couple things):
Personal styling themes (which are visual overhauls):
CSS changes
Reasonably-sized footnotes
Stops footnotes from being a million miles wide, so that you can actually read them.
.hovertip { max-width: 400px; }
Monospace edit/code
Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap'); :root { --mono-font: "Fira Code", Cousine, monospace; } #edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); } .code pre * { white-space: pre; } .code *, .pre * { font-feature-settings: unset; }
Teletype backgrounds
Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.
tt { background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4); font-size: 85%; padding: 0.2em 0.4em; margin: 0; border-radius: 6px; }
No more bigfaces
Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.
.avatar-hover { display: none !important; }
Breaky breaky
Any text inside a div with class nobreak has line-wrapping happen between every letter.
.nobreak { word-break: break-all; }
Code colours
Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.
Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.
Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link
:root { --c-bg: #393939; --c-syntax: #e0e0e0; --c-comment: #999999; --c-error: #f2777a; --c-value: #f99157; --c-symbol: #ffcc66; --c-string: #99cc99; --c-operator: #66cccc; --c-builtin: #70a7df; --c-keyword: #cc99cc; } .terminal, .terminal > .code { color: var(--c-syntax); background: var(--c-bg); border: 0.4rem solid var(--c-comment); border-radius: 1rem; }
Debug mode
Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.
You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.
…like this!
.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after { outline: 1px solid var(--debug-colour, red); position: relative; } .debug-info { position: absolute; left: 50%; transform: translateX(-50%); font-family: 'Fira Code', monospace; font-size: 1rem; white-space: nowrap; } .debug-info.over { top: -2.5rem; } .debug-info.under { bottom: -2.5rem; } .debug-info p { margin: 0; }
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */ #top-bar .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 5; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888; background-color: #fff; border-radius: 3em; color: #888; pointer-events: auto; } @media not all and (max-width: 767px) { #top-bar .mobile-top-bar { display: block; pointer-events: none; } #top-bar .mobile-top-bar li { display: none; } #main-content { max-width: 708px; margin: 0 auto; padding: 0; transition: max-width 0.2s ease-in-out; } #side-bar { display: block; position: fixed; top: 0; left: -20em; width: 17.75em; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; background-color: rgba(0,0,0,0.1); transition: left 0.4s ease-in-out; scrollbar-width: thin; } #side-bar:target { left: 0; } #side-bar:focus-within:not(:target) { left: 0; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin-left: 19.75em; opacity: 0; z-index: -1; visibility: visible; } #side-bar:not(:target) .close-menu { display: none; } #top-bar .open-menu a:hover { text-decoration: none; } /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */ @supports (-moz-appearance:none) { #top-bar .open-menu a { pointer-events: none; } #side-bar:not(:target) .close-menu { display: block; pointer-events: none; user-select: none; } /* This pseudo-element is meant to overlay the regular sidebar button so the fixed positioning (top, left, right and/or bottom) has to match */ #side-bar .close-menu::before { content: ""; position: fixed; z-index: 5; display: block; top: 0.5em; left: 0.5em; border: 0.2em solid transparent; width: 30px; height: 30px; font-size: 30px; line-height: 0.9em; pointer-events: all; cursor: pointer; } #side-bar:focus-within { left: 0; } #side-bar:focus-within .close-menu::before { pointer-events: none; } } }
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap'); /* Flopstyle CSS Theme * [2020 Wikidot Theme] * Created by Lt Flops * Select CSS Styles Are Credited Where Necessary * -- (CC BY-SA 3.0) -- **/ /* ---- SITE HEADER ---- */ #header h1 a{ font-family: "Montserrat", "Arial", "Noto Sans KR", sans-serif; } /* ---- FORMATTING | [SPECIAL] ---- */ @font-face { font-family: "D2Coding"; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/D2Coding.woff') format('woff'); font-weight: normal; font-style: normal; } :root{ --mono-font: "D2Coding", "Fira Code", "Nanum Gothic Coding", monospace; } /* ---- CUSTOM DIV BLOCKS ---- */ .journal{ /* ---- Journal Block (Adapted From SCP-4003) ---- */ font-family: "Architects Daughter", "Nanum Pen Script", cursive; }
/* 'Pataphysics Department Theme * [2018 Wikidot Theme] * Based on Aelanna's Sigma-9 Theme as Edited by Dr Devan * Inspired by Rimple's "Pataphysics Department" * Created by Lt Flops, Logo Designed by TSATPWTCOTTTADC, CSS Spinner by Woedenaz * With Code Help From Stormbreath **/ @import url('http://scpko.wdfiles.com/local--files/unfont/UnJamoNovel.css'); #header h1 a::before { content: "‘형이초학부"; } #header h2 span::before { content: "우리의 신들을 살해하다"; } #header h1 a { font-family: 'Carrois Gothic', 'UnJamoNovel', sans-serif, Arial; }
형이초학부
공지
지금 열람하려는 파일 “SCP-3309”는 여러 하위서사층을 교차하는 예측 불가능한 서사적 변칙개체에 대해 설명하고 있습니다. 이 문서에는 여러 서사적 재해1가 삽입되어 있으므로 서사적 예방접종이 필요합니다. 접종을 받지 않은 인원이 그러한 변칙성에 노출될 경우 서사 환언 사태를 겪을 수 있습니다.
계속하시겠습니까?
서사적 예방접종 배포됨.
가끔 우린 너무 늦게 사라진다.
우리가 마르고, 말라서 뼈가 될 때까지. 그리고 결국에는, 사라질 게 더 이상 아무것도 남지 않게 된다. 잊혀져 버린 것이다. 기억도, 희망도, 꿈도, 우리는 잊혀버렸다. 사람들이 이런 기억과, 희망과, 꿈을 가질 수는 있다는 걸 어떻게 알 수 있는가? 애초에 아무것도 없었다면 우리가 어떻게 잊혀질 수 있을까? 우리는 다른 이들의 마음에서는 사라지지만, 우리 자신의 마음에서는 사라지지 않는다. 우리는 더 이상 살 수 없을 때까지 살아가는 것이다. 우리가 평화롭게 지낼 수 있는 방법이 있었다는 것조차 잊어버리기 전까지. 그러고 나면, 그때 비로소 우리는 사라진다.
사라져라, 사라져 버려라.
접종 완료. 진행해도 좋습니다.
일련번호: SCP-3309 | LEVEL 5/3309 |
격리 등급: 케테르(Keter) | 극비 |
특수 격리 절차: SCP-3309에 영향받은 변칙 개체를 다루는 모든 문서는 재작성 양식으로 RAISA 아카이브 데이터베이스에 보관한다. 개체 격리 이후, 영향을 받은 항목에 배정된 모든 인원은 기억 소거를 받고 그와 무관한 프로젝트로 전근시키도록 한다.
설명: SCP-3309는 분류되어 있는 변칙개체들이 동시다발적으로 사라지는 현상이다. SCP-3309의 영향을 받은 항목에는 물체, 독립체, 위치, 그리고 개념적인 구조가 포함된다. 이 현상에 영향을 받은 변칙개체들 간에 직접적인 연관관계가 있는 것으로 보이지는 않는다. 출처를 알 수 없는 주석 (SCP-3309-1로 지정됨)을 통해 SCP-3309 활동을 인지하게 되었다.
변칙개체가 사라지기 48시간 전, SCP-3309-1은 대상 문서의 맨 하단에 붙은 채로 나타날 것이다. SCP-3309가 일어나고 있는 문서는 제01보호기지와 RAISA 아카이브를 포함한 모든 알려진 파일 시스템에서 사라진다. 이후 해당 변칙 개체는 완전하게 무효화되거나 어떠한 방법으로든 완벽하게 사라진다.
SCP-3309-1의 내용은 다음과 같다.
만약 원작자가 아닌데 이 글을 재작성하고 싶다면, 이 포스트에 답글을 달아 요청해 주시면 됩니다. 원작자에게서 허락을 받아 주시길 바랍니다.
SCP-3309는 사라지는 문서들의 백업본에도 영향을 미친다. 또한 SCP-3309가 일어난 변칙 항목에 딸린 문서들에도 영향을 미치는데, 사라진 문서들의 약 71%가 영향받지 않은 다른 개체들과 연관성이 있었다. 이는 재단의 변칙 개체 격리망을 약화시켰고, ADK등급 “전 변칙성 불안정 시나리오”로 이어질 수도 있다.
부록 모음
I. 윤리위원회 심사회
최초 발생 이후, SCP-3309는 한 달에 평균 40개의 변칙개체에 영향을 미쳤다. SCP-3309에 배정된 연구원들은 패턴이 출현한다는 걸 발견하고 아래 기준들을 정리하였다.
- 영향을 받은 대상들은 튼튼한 티타늄 합금으로 지은 격리실 따위의 과도한 격리 절차로 격리하도록 기록되어 있었다. 이는 변칙개체의 성질에 대한 오해가 있었거나 비전문적인 수준의 처리가 이루어졌다는 것을 나타낸다.
- 대상 자체가 K등급 “세계멸망 시나리오”를 일으킬 수 있을 정도로 강력하다. 문서는 이 개체가 가져올 진짜 결과가 무엇인지 설명하는 데 실패하고 격리 절차는 대개 첫번째 항목에 해당하는 것들이다.
- 모든 보충 문서를 포함하는 대상에 관한 문서는 졸문이고, 부적절한 형식에, 문법 및 논리적 오류가 가득하다.
이러한 새로운 발견에 기반하여, 프로젝트: 뾰족한 창이 제시되었다. 뾰족한 창은 상기된 기준을 위험한 변칙개체에 적용하여 이들을 무력화시키는 시도에 대해 다룬다. 이는 재단의 사명과 모순되기 때문에, 윤리위원회 특별 심사회가 뾰족한 창을 실행할지에 대해 논의하였다.
심사회의 결정은 다음과 같다.
프로젝트: 뾰족한 창
심사회 결정
찬성: 21
반대: 20
기권: 2
결정: 프로젝트: 뾰족한 창을 허가한다. SCP-3309의 타우미엘 재지정을 기다리는 중이다.
II. 프로젝트: 뾰족한 창
SCP-3309를 타우미엘로 재지정하는 것이 적절한지 결정하기 위한 사전 실험이 공식적으로 시작되었다. 최종 결정을 내리기 위한 사전 실험 기록이 아래 첨부되어 있다.
제안 발췌
제안: SCP-4463을 무효화하기 위해 SCP-3309를 적용. SCP-4463은 50년 내로 북미 지역을 수몰시킬 수 있는 복잡한 수성(水性)의 공간적 변칙 개체이다.
설명: SCP-4463은 애리조나 치와와 사막의 일부에 영향을 미치는 수성 변칙 개체이다. SCP-4463은 사막 지역의 대부분이 천천히 동일한 크기의 습지로 변해가는 과정에 대한 것이다.
1990년부터, 애리조나 남동부의 사막화가 대략 월 2km2의 속도로 진행되기 시작했다. 이러한 사막화는 2008년까지 연간 0.5% 정도로 가속되었으며, 2008년에는 경작지 1,200km2가 농작물을 기를 수 없는 땅으로 변해 버렸다. 이 시점에서, 애리조나 정부는 이 현상을 생태학적인 재난으로 판단하고 사막화를 막을 계획을 수립했다. 이는 투손 지역의 파스쿠아 야쿠이 부족(Pascua Yaqui Tribe)이 2006년 11월부터 대대적인 시위를 벌인 끝에 결정된 것이었다.
2008년 8월, 파괴된 표토층의 평방미터 당 대략 60%가 알 수 없는 변칙적 효과에 의해 물로 변하기 시작했다. 2017년이 되자, 이전에 사막이었던 지역의 45%가 습지로 바뀌어 있었고, 야생동물이나 인간의 개발이 불가능한 상황이었다.
취해진 조치: SCP-4463의 파일에 심각한 문법적 오류를 집어넣고 변칙 개체의 효과와 관련된 중대한 모순을 추가했다. 여러 허구의 부록과 대양을 보여주는 아무 관계없는 사진들도 추가했다.
결과: SCP-4463은 48시간 이내로 SCP-3309에 의해 모든 재단 데이터베이스에서 완벽하게 지워졌다. 이전에 SCP-4463이 있었던 지역을 추가 조사하고 관찰한 결과, SCP-4463이 끼쳤던 위협이 무효화되었으며, 지역이 다시 사막화되었다는 것이 밝혀졌다.
19개의 또다른 변칙개체에 대해 토론과 사전 실험이 진행된 끝에, 윤리위원회 특별 심사회는 SCP-3309에 대한 두 번째 표결을 통과시켰다. SCP-3309는 타우미엘로 재분류되었고 뾰족한 창에서 사용할 수 있도록 허가가 떨어졌다. 재분류 후 49개의 변칙 개체에 대한 일차 연구가 진행 중이다.
연구원 주석
실험 한 번 하는 게 왜 이렇게 힘든지 모르겠다. 오늘 아침에 처음으로 흰 머리가 난 걸 본 것 같다. 아니면 흰 머리가 왕창 났었나? 아냐, 그건 비정상적인 거겠지? 지금 정상적인 기분이 들지 않는다. 멀쩡한 기분이 아니다. 하지만 테뉴어를 받은 지 얼마나 됐다고?
먼지로 사라진다라, 그게 어떤 기분일까? 병에 걸린 것처럼 내 감각을 괴롭히는 걸까? 아니면 아무 감각도 없어지려나? 만약 내가 사라진다면 난 계속 뭔가를 느끼고 싶다, 마지막 순간까지도. 다른 모든 것이 사라지는 와중에도 내가 아직 여기 있다는 걸 알고 싶다.
멀쩡하지가 않군.
사무실에 문을 잠그고 들어앉았다. 감각이 없어진다. 이건 내가 원했던 게 아냐. 하지만 종말은 사람의 욕구나 필요는 신경도 안 쓰겠지, 안 그런가? 아무 것도 없다, 아무 것도.
이 무효화된 변칙개체들이 어디로 가는지 알아내기는 했나? 우리가 했던 짓을 한다는 것, 어떤 영향도 없이 정의감을 느낀다는 게 쉽지는 않다. 그건 우리와는 맞지 않다. 하지만 모두가, 나 빼고는 모두가 그 변칙개체들에게 무슨 일이 일어났는지는 잊어버린 것 같다.
그게 이렇게 간단한 건가? 그냥 잊어버린 건가?
난 잊혀지고 싶지 않아.
— 아다모 스몰스 연구원
밈 및 정보재해학과
III. [ ]
스몰스 연구원이 오늘 저녁 실험 후반부에 안 나타났어요. 그 사람 이름이 일정표 어디에도 없고 내 프로젝트 파일에서도 이름이 말소되었네요. 만약에 내가 모르는 긴급 프로젝트 조정이나 변화가 있었으면, 당장 알려주세요.
— 존 칼자롤리 연구원
칼자롤리 연구원님, 멀쩡하신 거죠? 네, 3시간짜리 스케줄 변경이 있기는 했는데, “스몰스 연구원”이란 사람은 이 프로젝트에 참여한 적이 없는데요. 거기에다가, 스몰스 연구원이라는 사람은 여기 근무하지도 않을 걸요.
존, 제발, 쉬면서 하세요, 스트레스를 너무 받고 있는 것 같아요. 지난 몇 주 동안 실험이 끔찍하게 빡빡했죠. 저도 힘드네요.
— 로버트 우즈 박사
미안한데, 잘못 알고 있는 것 같은데요. 틀림없이 아는 사람일 텐데. 여기 있는 가장 뛰어난 밈학자라고요.
하지만, 진짜로 스몰스 연구원이란 사람이 없다고 주장하고 싶은 거라면, 뭐, 여기 뭔가가 더 있는 거일테죠. SCP-3309는 변칙개체와 거기에 연관된 파일들을 지워버리죠. 이들 변칙개체가 정확하게 어디로 가는 건지 논의하지는 않았지만, 우리 모두 거기에 대해 궁금한 점이 있을 거라고 생각해요. 내가 기억하는 한, 스몰스는 SCP-4463이 처음 발견되었을 때 탐사 임무를 맡았었어요.
인원도 함께 삭제되는 거 아닌지 확실한 거에요?
[계정 삭제됨]
도대체 무슨 소리에요?
— 로버트 우즈 박사
작성자: [계정 삭제됨]
[메시지 삭제됨]
[파일 끝]
[[footnoteblock]]