SCP-7009
SCP-7009
Autor: L200L200
Publicado em 07 Oct 2022 22:13
avaliação: +1+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: 35px;
        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) {
 
    .mobile-top-bar, #top-bar .open-menu {
        display: block;
    }
 
    .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!important;
        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 {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        z-index: 10;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
}

:root {
    --posX: calc(50% - 358px - 12rem);
}
 
/*--- Footnote Auto-counter --*/
#page-content {
    counter-reset: megacount;
}
 
/*--- Footnote Superscript Number --*/
.fnnum {
    display: inline-block;
    text-indent: calc(-1% - 0.1em);
    overflow: hidden;
    line-height: 83%;
    text-decoration: none;
    font-weight: bold;
    font-style: initial;
    color: transparent;
    position: relative; top: -0.25em; font-size: 82%;
    padding: .15em calc(.21em - 0.4px) .12em calc(.11em - 1px);
    margin-left: -0.06em;
    margin-right: -0.25em;
    counter-increment: megacount;
    user-select: none;
}
.fnnum::after {
    content: "" counter(megacount);
    color: var(--fnColor, #E6283C);
}
.fnnum:hover {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--fnColor, #E6283C);
}
.fnnum:hover::after { color: white; }
 
/*--- Footnote Content Wrapper --*/
.fncon {
    position: absolute;
    right: calc(var(--posX) + 80px);
    line-height: 1.2;
    padding: 0.82rem;
    width: 10.3rem;
    background: white;
    border: 2px solid black;
    font-weight: initial;
    font-style: initial;
    text-align: initial;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s linear, right 0.3s cubic-bezier(.08,.72,.5,.94);
    z-index: 9;
}
.fnnum:hover + .fncon {
    opacity: 1;
    right: var(--posX);
}
.fncon::before {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-52%) translateY(-55%) scale(1.15);
    background-color: var(--fnColor, #E6283C);
    color: white;
    content: counter(megacount);
    font-size: initial;
    font-weight: bold;
    font-style: initial;
    padding-left: 0.32em; padding-right: 0.32em;
    padding-top: 0.18rem; padding-bottom: 0.08rem;
}
 
/*--- Mobile Query --*/
@media only screen and (max-width: 1279px) {
    .fncon {
        position: fixed;
        bottom: 1.3rem;
        left: calc(11% - 50px);
        width: 70%;
        transition: opacity 0.15s linear, left 0.3s cubic-bezier(.08,.72,.5,.94);
    }
    .fnnum:hover + .fncon {
        left: 11%;
     }
}
avaliação: +1+x

SCP-7009

SCP-7K%20Thumbnail.png

Todos os Caminhos Levam a Roma

Mars%20Theater.png

SCP-7009-018 conforme descoberto pela rover Curiosity Mars

Item №: SCP-7009

Classe de Objeto: Euclídeo N/A

Procedimentos Especiais de Contenção: I/O MINERVA deve monitorar a internet e a mídia de notícias em busca de palavras-chave relacionadas a instâncias recém-descobertas de SCP-7009, que devem ser ocultadas ou desacreditadas conforme necessário.
ATUALIZAÇÃO: Após a dissolução da Máscara, contenção de SCP-7009 cessou. Pesquisas continuarão em colaboração com o Instituto de Ciências Anômalas de Pequim.

Descrição: SCP-7009 é um fenômeno probabilístico universal associado à Roma Antiga.

Instância de SCP-7009 Descrição
SCP-7009-004 A designação coletiva para 31 incidentes individuais em que um gerador de texto aleatório produziu por completo A Eneida..Um poema épico do poeta romano Publius Vergilius Maro. Varreduras indicam que nenhuma atividade taumatúrgica ou ontocinética esteve envolvida.
SCP-7009-018 Uma réplica 3:2 do teatro romano de Dougga.Um antigo teatro no que era a província de Béja da Tunísia. Ele foi o local do anual Festival Internacional de Dougga até 2025, quando Eventos Lethe locais impossibilitaram a organização do evento. que foi descoberta em Marte. Ela parece ter se formado naturalmente a partir da rocha circundante através da erosão. Nenhuma atividade taumatúrgica ou ontocinética foi detectada.
SCP-7009-095 Um meteorito na forma do Sarcófago de Velletri.Um sarcófago romano ornamentado esculpido por volta de 140–150 dC. que foi descoberto na superfície de Plutão. Análises sugerem que sua colisão com a superfície do planeta anão o danificou de tal forma que resultou em sua forma atual. Nenhuma atividade taumatúrgica ou ontocinética foi detectada.
SCP-7009-146 A Língua Phehma..O principal idioma dos Phehmat, uma espécie alienígena que se comunica expelindo gás das articulações de seu exoesqueleto. Apesar do modo de comunicação altamente diferente dos Phehmat, a forma escrita da Língua Phehma é funcionalmente indistinguível do latim clássico.
SCP-7009-264 Uma coluna triunfal romana de 4,3 km por 0,9 km no planeta TRAPPIST-1e. Ela parece ter sido anteriormente uma montanha que sofreu atividade sísmica extrema.
SCP-7009-338 Omicron Ceti..Uma estrela variável pulsante gigante vermelha que está a aproximadamente 200–400 anos-luz do Sol. Ela faz parte da constelação terrestre de Cetus. Suas mudanças irregulares no brilho são, quando vistas ao longo de múltiplos séculos, capazes de ser lidas como código Morse, traduzindo-se em "VENI VIDI VICI".
SCP-7009-509 A civilização alienígena que existia anteriormente no planeta Kepler-753b, que foi fundada por uma espécie de coral animado. Sua cultura e grande parte de sua história conhecida são quase idênticas à da Roma Antiga. Kepler-753b passou por um Cenário Classe-XK de Fim-do-Mundo aproximadamente 1,2 bilhão de anos atrás, quando seu maior supervulcão entrou em erupção. Evidências de vida em Kepler-753b só existem devido à espessa camada de cinzas vulcânicas que desde então revestiu 83,1% da superfície do planeta.

SCP-7009 parece ser uma forma de "probabilidade convergente." Da mesma forma que a evolução convergente é o fenômeno de desenvolvimento de espécies não relacionadas que alcançam resultados análogos, a probabilidade convergente é o fenômeno causal em que causas diferentes apresentam os mesmos efeitos.

Desde criança, sou obcecada em tentar entender o universo. Tendo entrado na minha adolescência logo após a queda da Máscara, cresci entrincheirada na mania cultural pelas anomalias. Era inevitável, em retrospectiva— ser uma menina de onze anos e aprender que a magia era real? Ela ocupava cada momento meu de atenção. Como não poderia?

Para minha mente jovem, era ao mesmo tempo cativante e aterrorizante espiar por trás da mortalha da Fundação, descobrir que o mundo estava tão cheio de coisas que não podiam ser explicadas ou mesmo descritas. Era um sonho acordado e um pesadelo inescapável. Eu não conseguia me desvencilhar. Quanto mais eu aprendia, mais eu entendia o quão pouco eu jamais saberia.

Quando comecei meu mandato no Instituto de Ciências Anômalas de Pequim, comecei a encontrar algum alívio desse horror existencial na teoria do caos. O mundo é imprevisível e incompreensivelmente estranho, sim, mas tudo ainda funciona em um sistema complexo de leis fundamentais. Considere a segunda lei da termodinâmica; apesar de tudo, pode-se ao menos confiar que o universo sempre progredirá para um estado de energia mais baixa. A entropia fornece uma espécie de conforto sombrio em sua certeza absoluta.

Essas preocupações filosóficas não estavam longe da minha mente quando comecei a estudar SCP-7009. Mais uma vez, enfrentei um universo que não fazia sentido. SCP-7009 não deveria ser possível sem algum grau de alteração da realidade— mas onde quer que o encontremos, os níveis de Hume permaneciam estáveis. Nenhum vestígio de atividade taumatúrgica ou ontocinética foi encontrado.

SCP-7009 é meramente o filho do acaso— mas o "acaso" não existe de fato. O caos é o resultado de leis incomensuravelmente complexas. E assim, enquanto olho para este abismo de absoluta improbabilidade, me vejo revisando meu velho mantra:

O universo sempre progredirá para um estado de energia mais baixa. Os caminhos sempre levarão a Roma.

—Dr. Xiu Huang

Salvo indicação em contrário, o conteúdo desta página é licenciado sob Creative Commons Attribution-ShareAlike 3.0 License