Traducción sin revisar. Es posible que encuentres errores en este documento. Puedes corregir los problemas que veas, pero la revisión no será aprobada hasta que el Equipo de Traducciones se haga cargo.
Qué es esto
Un puñado de "mejoras" CSS varias que yo, 
Croquembouche, utilizo en un montón de páginas porque creo que las hace más fáciles de manejar.
Los cambios que hace este componente son un montón de modificaciones realmente triviales para facilitar la experiencia de escritura y para hacer la documentación de los componentes/temas un poco más fácil (lo que hago mucho). No cambia nada de la página visualmente para el lector — los cambios son para el escritor.
No esperaría que las traducciones de los artículos que usan este componente también lo usen, a menos que al traductor le guste y quiera usarlo de todos modos.
Este componente probablemente no entrará en conflicto con otros componentes o temas, e incluso si lo hace, probablemente no importará demasiado.
Uso
En cualquier wiki:
[[include :lafundacionscp:component:croqstyle]]
Este componente está diseñado para ser utilizado en otros componentes. Cuando lo utilice en otro componente, asegúrese de añadir esto dentro del bloque de [[iftags]] del componente, para que los usuarios de su componente no se vean obligados a utilizar también Croqstyle.
Componentes relacionados
Otros componentes de estilo personal (que sólo cambian un par de cosas):
Temas de estilo personal (que son revisiones visuales):
Cambios de CSS
Notas a pie de página de tamaño razonable
Evita que las notas a pie de página sean de un tamaño excesivo, para que se puedan leer realmente.
.hovertip { max-width: 400px; }
Edición/código monoespaciado
Hace que el cuadro de texto de edición sea monospace, y también cambia todo el texto monospace a Fira Code, la fuente monospace obviamente superior.
@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; }
Fondos de teletipo
Añade un fondo gris claro a los elementos <tt> ({{text}}), para que los fragmentos de código destaquen más.
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 más caras grandes
Evita que aparezcan imágenes grandes cuando pasas el ratón por encima de la imagen de avatar de alguien, porque son estúpidas y realmente molestas y puedes hacer clic en ellas si quieres ver la versión grande.
.avatar-hover { display: none !important; }
Salto saltito
Cualquier texto dentro de un div con clase nobreak tiene un ajuste de línea entre cada letra.
.nobreak { word-break: break-all; }
Colores del código
Añade los colores del código de mi terminal como variables. Tal vez cambie esto a un tema de terminal más común como Monokai o algo así en algún momento, pero por ahora es sólo mi tema personal, que se deriva de Tomorrow Night Eighties.
Además, al añadir la clase .terminal a un bloque de código falso como [[div class="code terminal"]] le da una especie de aspecto de pseudo-terminal con un fondo oscuro. No funciona con [[code]], porque Wikidot inserta un montón de resaltado de sintaxis que no puedes cambiar tú mismo sin un montón de CSS. Utilízalo solo para fragmentos de código sin [[code]].
Herramienta rápida para colorear un ejemplo de uso de un componente "estándar" de Wikidot con las variables anteriores: 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;
}
Modo de depuración
Dibuje líneas alrededor de cualquier cosa dentro de .debug-mode. El color de las líneas es rojo, pero depende de la variable CSS --debug-colour.
También puede añadir div.debug-info.over y div.debug-info.under dentro de un elemento para anotar las cajas de depuración - aunque tendrá que asegurarse de dejar suficiente espacio vertical para que la anotación no se superponga a lo que está por encima o por debajo.
.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; }
/* fuente: 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;
}
}
}
Ítem #: SCP-5474
Clase de Objeto: Keter
Procedimientos Especiales de Contención: SCP-5474 está alojado en el ala de máxima seguridad del subsitio 94 de Contención Humanoide. El objeto se mantiene en coma inducido médicamente y su actividad cerebral debe ser monitoreada en todo momento a través de EEG. Si SCP-5474 exhibe actividad cerebral por encima de un nivel de 3.8hz o cualquier otra indicación de haber ingresado al sueño REM, el Comando del Sitio debe ser notificado de inmediato y se mantendrá un estado de alerta amarilla hasta que la actividad disminuya.
Todo el personal en el sitio debe recibir espejos de mano para que los lleve consigo en todo momento, con el propósito de identificar instancias de SCP-5474-1. En caso de que se confirme alguna instancia de SCP-5474-1, se debe eliminar con un prejuicio extremo y el sitio debe entrar en un bloqueo que persista hasta un mínimo de 24 horas después de que la actividad cerebral de SCP-5474 haya regresado a niveles aceptables. Cualquier personal que se encuentre con una instancia de SCP-5474-1 debe recibir una evaluación psicológica y ser tratado con amnésicos en caso de ser necesario.
Descripción: SCP-5474 es la ex médica de campo de la Fundación Janet Corbyn. Una ronda de calibre .30 está alojada a 3 cm de profundidad dentro del cráneo de SCP-5474. SCP-5474 está vivo, aunque ha sufrido graves daños en el lóbulo occipital. Todos los intentos anteriores de eliminar la bala han fracasado. A pesar de la naturaleza previa no anómala de SCP-5474, el tejido alrededor de la herida sufre una inmensa distorsión, la mayoría de las veces se observa como un agujero mucho más profundo de lo que lógicamente podría ser, estimado en aproximadamente 40 cm de profundidad. El líquido se acumula dentro del agujero a un ritmo rápido mientras SCP-5474 utiliza una función cerebral superior. A pesar de la composición del líquido (sangre y agua), carece de un color distintivo, en cambio cambia entre muchos a un ritmo constante.
Las instancias de SCP-5474-1 se originan a partir de la herida sufrida por SCP-5474, saliendo de SCP-5474 como un fluido. Las instancias de SCP-5474-1 tienen forma humanoide y están vestidas con uniformes de la Fundación. Las manifestaciones carecen de una apariencia consistente: al ver repetidamente cualquier manifestación, su apariencia cambiará, lo que se notará más comúnmente como un cambio en el color del cabello de las manifestaciones. Las instancias de SCP-5474-1 a menudo intentan conversar con los empleados de la Fundación, haciendo preguntas básicas y respondiendo con respuestas breves. Las preguntas más largas y complejas provocan resultados similares, a menudo sin sentido por naturaleza. Las instancias de SCP-5474-1 no se consideran inteligentes.
A pesar de las notables diferencias con los humanos de referencia, los individuos que observen directamente las instancias de SCP-5474-1 creerán que son humanos. Solo los métodos indirectos de visualización, como espejos o cámaras, han podido distinguir una instancia de SCP-5474-1 de un humano no anómalo. La observación a través de este medio no muestra nada en la posición donde debería aparecer una instancia de SCP-5474-1. Las personas que han conversado con una manifestación de SCP-5474-1 profesarán un profundo sentimiento de dolor y, en algunos casos, una amnesia leve al eliminar la instancia.
- Credenciales aceptadas. Anexo disponible.
Anexo 5474.1: SCP-5474 fue contratado por la Fundación para ayudar a MTF-███-█ en un esfuerzo por extraer un artículo de alto valor de una comunidad vinculada a una organización extremista colectiva Oneiroi en el Área de la Bahía de San Francisco. Tras la infiltración de un almacén, SCP-5474 fue descubierto por un residente de la comunidad y recibió un disparo con un rifle de uso civil. El esfuerzo por recuperar a SCP-████ fue abandonado y SCP-5474 fue hospitalizado bajo el cuidado de la Fundación.
Mientras estaba en tratamiento, se hizo un esfuerzo por retirar la bala para su inspección. Todo el personal médico presente fue incapaz de retirar la bala, ya que se incrustó más profundamente cuando se intentó tocarla. A medida que los esfuerzos cambiaron para detener la pérdida de sangre a través del soporte intravenoso, el personal médico notó que una persona salía del tejido craneal con los pies por delante. Los monitores de cámara alertaron a la seguridad del sitio, citando delirios de parte del personal médico. Los guardias de la Fundación en el lugar utilizaron gafas de visión nocturna para localizar la manifestación SCP-5474-1 y la eliminaron. Tras una breve prueba de hipótesis basadas en este evento, se pusieron en marcha los procedimientos de contención actuales.
Anexo 5474.2: Dos semanas después de la extracción fallida, dos agentes de la Fundación vestidos de civil llevaron a cabo una investigación de seguimiento. A su llegada, las residencias anartistas locales afiliadas a Oneiroi habían sido encontradas vacías de su contenido. Cuando el almacén que guardaba a SCP-████ fue investigado, una computadora de escritorio con un solo archivo de texto fue encontrado en su lugar. Una transcripción se adjunta a continuación.
⠀
Considere esto como un rudo despertar.
Vivimos en paz aquí.
Disfrutamos de la compañía aquí.
Y ahora vivimos en paz con algunos de ustedes.
Disfrutamos tu compañía.
Disfrutamos la libertad.
@sku11ex
⠀
