SCP-4518
Puntuación: +2+x
SCP-4518
Autor: JakuwoskiJakuwoski
Publicado el 27 Jul 2020 23:07
/* 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;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #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;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* 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;
    }
}
 
}
Puntuación: +2+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; }
ÍTEM #: SCP-4518 Nivel 2/4518
CLASIFICACIÓN DE CONTENCIÓN: EUCLID RESTRINGIDO
Comedian_Pat_Oates.jpg

Una foto del SCP-4518 tomada al comienzo de su actuación el 17 de abril de 2011.


Procedimientos Especiales de Contención: Las instancias de SCP-4518 están contenidas en las Instalaciones de Almacenamiento Adaptado-03 y 04: un antiguo pub ubicado en Chicago, Illinois y una zona de almacenamiento acondicionada ubicada en el Sitio-17, respectivamente. No es necesario monitorear el interior de ninguna de estas instalaciones.

El contacto con las instancias de SCP-4518 está prohibido. Tanto la IAA-03 como la IAA-04 utilizan antecámaras selladas. Esto permite reabastecer a las instancias de SCP-4518 y retirar mensualmente el material biológico del lugar (Ver Anexo 4518-00 para información adicional) mientras se garantiza que el personal de la Fundación no entre en contacto con SCP-4518.

Descripción: SCP-4518 es un grupo de humanos anómalos que son visualmente idénticos, hombres blancos de aproximadamente 30 años de edad. Los intentos de contabilizar el número de instancias de SCP-4518 hacen que el número de instancias presentes aumente, llevando las nuevas instancias que aparecen la misma ropa que las instancias contadas.

Las instancias de SCP-4518 pueden hacer que el número de instancias presentes aumente al contarse a sí mismas, incluso cuando sólo cuando en realidad sólo hay una sola instancia presente. Este efecto también se produce cuando las instancias se cuentan a través de las transmisiones de vídeo y audio en directo.


ANEXOS


Anexo 4518-00: Descubrimiento


Prólogo: Una sola instancia SCP-4518 debía realizar una rutina de stand-up como "Jack Haas"1en Chicago, en lo que ahora es la Instalación de Almacenamiento Adaptado-03, a las 8 de la noche del 17 de marzo de 2011.

Esta instalación tenía una capacidad máxima, incluyendo personal y artistas, de 80 personas. Al principio de su actuación, se cree que el local contaba con aproximadamente 65 personas.


[INICIO DE REGISTRO]


[20:00] La primera instancia SCP-4518 entró en el escenario para comenzar el evento en vivo. El camarero fue a darle un poco de agua, lo que causó la primera duplicación. A esto siguieron rápidamente múltiples duplicaciones cuando el público vio lo que sucedió.

[20:03] El lugar comenzó a experimentar una gran aglomeración, lo que llevó a que el propietario del lugar contactara con la policía para desalojar el lugar.

[20:12] El primer vehículo policial llegó a la escena. Se produjo una breve pelea cuando las instancias de SCP-4518 se negaron a abandonar su rutina.

[20:14] La policía solicitó apoyo ya que sus intentos de detener a las instancias de SCP-4518 habían provocado que estas se indignaran más y el número de instancias presentes siguiera aumentando..

[20:20] Un pequeño incendio se desató en el lugar, se escucharon a las instancias de SCP-4518 cantando.

[20:30] Un agente de la Fundación integrado en el Departamento de Policía de Chicago oyó lo que había sucedido en el escáner de la policía y solicitó la ayuda del DM Iota-10 (“Malditos Federales”) para manejar la situación.

[20:44] El DM Iota-10 llegó a la escena para ayudar a manejar la situación. En este punto, múltiples instancias de SCP-4518 se habían reubicado en la calle debido al hacinamiento del recinto.

[20:46] El DM Iota-10 solicitó un gran número de furgonetas de transporte para trasladar a las instancias del SCP-4518 al Sitio-17.

[20:48] El DM Iota-10 bloqueó la manzana en la que se encuentra el local para evitar que los civiles interfieran en la operación de limpieza y para dejar espacio a las furgonetas de transporte.

[20:55] Las camionetas comenzaron a llegar. El DM Iota-10 comenzó a guiar a las instancias de SCP-4518 hacia las furgonetas en grupos de 30.

[21:06] El Equipo de Vigilancia del Sitio-17 manifestó su preocupación por el número de instancias de SCP-4518 que requerían contención después de que el DM Iota-10 solicitara transporte adicional, e informó al Dr. Thomas Graham2 sobre la situación en curso.

[21:07] Se convocó una reunión de emergencia en el Sitio-17 en la que participaron varios Directores de Sitio para resolver cómo contener la situación.

[21:08] El DM Iota-10 selló un radio de 3 manzanas para mantener a las instancias de SCP-4518 contenidas.

[21:15] La primera furgoneta de transporte que transportaba instancias SCP-4518 llegó al Sitio-17. Fue evidente que las 40 celdas de detención temporal preparadas con anterioridad no eran suficientes para contener a todas las instancias SCP-4518 de la primera furgoneta.

[21:30] La reunión de emergencia tomó la decisión de sellar el local y evitar que nadie salga de su interior.

[21:32] El rastreador de la Fundación γψ-4934 fue desplegado para localizar imágenes de SCP-4518 publicadas en los medios de comunicación social y eliminarlas.

[21:41] Las entradas al recinto fueron selladas con bloques de hormigón3 con un número desconocido de policías y clientes aún en el interior.

[21:43] Se convocó una reunión del Comité de Ética para determinar si es aceptable que las instancias del SCP-4518 que quedan sean eliminadas debido a la dificultad de transportarlas a las instalaciones de contención secundaria.

[22:00] Las furgonetas restantes que potencialmente contenían casos de SCP-4518 fueron conducidas al IAA-04 y selladas.

[22:11] El Comité de Ética aprobó la terminación de las instancias no contenidas de SCP-4518.

[22:15] Los agentes de la Fundación comenzaron a amnestizar a los testigos, incluyendo a los miembros de la policía que inicialmente respondieron a la situación.

[23:21] Las instancias finales sin contener de SCP-4518 fueron terminadas.


[FIN DE REGISTRO]


Declaración de cierre: Tras estos acontecimientos, la Fundación llevó a cabo una campaña de desinformación para difundir la historia de que se había producido una pelea en un bar que se salió de control, con daños materiales en el lugar que revelaron la presencia de amianto. De acuerdo con la campaña, el lugar fue sellado permanentemente debido a problemas de salud pública relacionados con potenciales ocupantes ilegales.


Anexo 4518-01: Resumen de las conclusiones del Comité de Ética


El 16 de abril de 2011, se requirió la eliminación de aproximadamente 9.400 kg de material biológico de la IAA-03 y lAA-04. Se determinó que los niveles actuales de suministro para ambos lugares eran insuficientes para hacer frente a las poblaciones de SCP-4518 que se encontraban en ellos y, como resultado, se han duplicado los suministros a ambas instalaciones de almacenamiento.

El material biológico se consideró seguro para ser incinerado. Se prevé que parte de éste, aunque en cantidades significativamente menores, seguirá produciéndose en ambos lugares; y como resultado de ello se establecerá un calendario para permitir la incineración mensual de este material.

La incineración debe hacerse a una temperatura mínima de 1500°C durante al menos cuatro horas, pasando las cenizas que quedan por un molino para asegurar que ninguno de los restos sea identificable.


Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License