SCP-7009
/* 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;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #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-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-7009
By: TocoT0ucan_98TocoT0ucan_98
Published on 04 Aug 2022 14:10
평가: +8+x

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, 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;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #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-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;
}

평가: +8+x

SCP-7009

Mars%20Theater.png

화성탐사로버 큐리오시티가 발견한 SCP-7009-018.

일련번호: SCP-7009

등급: 유클리드(Euclid) N/A

특수 격리 절차: I/O MINERVA가 인터넷과 뉴스 매체를 모니터링해서 새로이 발견된 SCP-7009 사례와 연관된 키워드를 찾아내고, 필요에 따라 은폐하거나 신뢰도를 떨어뜨린다.
갱신됨: 장막 정책이 붕괴된 이후로, SCP-7009의 격리는 중지되었다. 연구는 베이징변칙과학회(Beijing Institute of Anomalous Science)와의 협력 하에 계속된다.

설명: SCP-7009는 고대 로마와 관련된 우주적인 확률 사건이다.

SCP-7009 사례 설명
SCP-7009-004 무작위 텍스트 생성기에서 《아이네이스》.로마 시인 푸블리우스 베르길리우스 마로Publius Vergilius Maro가 쓴 서사시.가 완벽하게 생성된 개별적인 사례 31건을 통틀어 칭함. 스캔 결과 기적술 또는 현실조작 활동과 아무런 연관이 없음이 밝혀짐.
SCP-7009-018 화성에서 발견된 두가 로마 극장.튀니지 베자 주였던 곳에 있는 고대 극장. 2025년 해당 지역에 레테 사건이 발생해 행사 준비가 불가능해지기 전까지는 매년 국제 두가 축제가 열리던 장소였다.의 3:2 비율 복제본. 주변 암석이 침식되면서 자연적으로 형성된 것으로 보임. 기적술 또는 현실조작 활동은 감지되지 않음.
SCP-7009-095 명왕성 표면에서 발견된 벨레트리 석관.서기 140–150년에 조각된 화려한 로마식 석관. 모양을 한 운석. 분석 결과 왜행성 표면과의 충돌로 인해 지금과 같은 모양을 갖추게 되는 식으로 손상되었음이 시사됨. 기적술 또는 현실조작 활동은 감지되지 않음.
SCP-7009-146 링구아 페흐마(The Lingua Phehma)..페흐마트(Phehmat)라는 외계종족이 주로 사용하는 언어. 이 종족은 외골격 관절에서 기체를 배출하는 식으로 의사소통한다. 페흐마트의 의사소통 방식에 상당한 차이가 있음에도, 링구아 페흐마의 기록형태는 고전 라틴어와 기능상 구별해낼 수가 없음.
SCP-7009-264 TRAPPIST-1e 행성에 있는 높이 4.3km, 너비 0.9km 크기의 로마 전승기념탑. 예전에는 극심한 지진활동을 겪은 산이었던 것으로 보임.
SCP-7009-338 오미크론 세티..태양으로부터 약 200-400 광년 떨어진 곳에 있는 적색 거성이자 맥동 변광성. 고래자리의 일부이다. 수 세기에 걸쳐 관측했을 때 이 별의 불규칙적인 밝기 변화에서 모스 부호를 읽어낼 수 있는데, 해석하면 "VENI VIDI VICI"임.
SCP-7009-509 이전에 케플러-753b 행성에 존재했던 외계문명. 살아 움직이는 산호종으로 구성됨. 그 문화와 알려진 역사 대부분은 고대 로마의 것과 거의 동일함. 케플러-735b는 약 120억 년 전에 가장 거대한 초화산이 분화해 XK급 세계멸망 시나리오를 겪었음. 케플러-753b에 생명체가 있었다는 증거는 그 이후로 행성 표면의 83.1%를 뒤덮은 두꺼운 화산재 층으로만 존재함.

SCP-7009는 "수렴 확률"의 일종이다. 수렴 진화가 관련 없는 생물종들이 유사한 형태로 귀착하는 발생 현상인 것처럼, 수렴 확률은 상이한 원인을 지닌 인과현상이 동일한 결과를 갖는 것이다.

어렸을 적부터, 나는 우주를 이해하려 드는 데 사로잡혀 있었다. 사춘기에 접어들고 얼마 지나지 않아 장막이 무너졌고, 나는 변칙성에 대한 잇따르는 문화적 열광에 에워싸인 채 성장했다. 돌이켜 보면— 11살짜리 여자애가 마법이 진짜라는 걸 알게 되는 일을 —피할 수가 있었을까? 깨어 있는 모든 순간 동안 나는 거기에 붙들려 있었다. 그러지 않을 수가 있겠는가?

내 미숙한 생각으로는, 재단의 가림막 뒤를 들여다보고 세상이 해석할 수 없거나 심지어는 묘사할 수조차도 없는 것들로 너무나 가득하다는 사실을 깨닫게 되는 일은 매혹적인 동시에 두려웠다. 백일몽이자 달아날 수 없는 악몽이었다. 나 자신을 억지로 떼어낼 수가 없었다. 배우면 배울수록, 내가 아는 게 얼마나 적은지를 더욱 이해하게 되었다.

베이징변칙과학회에서 재직을 시작했을 때, 나는 카오스 이론의 이런 존재론적 공포로부터 안도감을 좀 찾게 되었다. 그렇다. 이 세상은 예측 불가능하고 불가해할 만큼 이상하지만, 그래도 전부 복잡한 기본법칙 체계로 돌아간다. 열역학 제2법칙을 생각해 보라. 아무리 그래도, 최소한 우주가 항상 더 낮은 에너지 준위를 향해 나아가리라는 건 믿을 수 있다. 엔트로피는 절대적인 확실성으로 일종의 암울한 위안을 가져다 준다.

SCP-7009 연구를 시작했을 때 이런 철학적인 고민은 내 머릿속에서 멀리 떠나가지 않았다. 다시 한번, 나는 이해할 수가 없는 우주를 마주했다. SCP-7009는 어느 정도의 현실 개변 없이는 불가능하지만— 우리가 그걸 찾아낸 어느 곳에서든, 흄 준위에는 변동이 없었다. 기적술 또는 현실조작 활동의 흔적은 전혀 발견되지 않았다.

SCP-7009는 그저 무작위적인 우연의 산물일 뿐이지만— "무작위"라는 건 사실 존재하지 않는다. 카오스는 헤아릴 수 없을 만큼 복잡한 법칙에서 나온 결과다. 그래서 일어나기가 절대로 불가능한 이 심연을 들여다보는 동안, 어느샌가 나는 오랜 진언(眞言)을 바꿔 말하고 있었다.

우주는 항상 더 낮은 에너지 준위를 향해 나아갈 것이다. 길은 언제나 로마로 통할 것이다.

—슈 황 박사Dr. Xiu Huang


🈲: SCP 재단의 모든 컨텐츠는 15세 미만의 어린이 혹은 청소년이 시청하기에 부적절합니다.
따로 명시하지 않는 한 이 사이트의 모든 콘텐츠는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 따릅니다.