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;
}
}
}
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);
/* Encabezado Centrado Sigma-9
* [2021 Wikidot Component]
* Por Lt Flops (CC BY-SA 3.0)
* Bifurcado de:
* Tema Penumbra por EstrellaYoshte
* También basado en:
* Encabezado Centrado BHL por Woedenaz
**/
/* ---- VARS ---- */
:root{
--titleColor: hsl(0, 0%, 95%);
--subtitleColor: hsl(60, 62%, 85%);
--lgurl: url(https://lafundacionscp.wdfiles.com/local--files/component%3Acentered-header-sigma-9/logo.svg);
}
/* ---- SITE BANNER ---- */
#header,
div#header{
background-image: none;
}
#header::before{
position: absolute;
width: 100%;
height: 100%;
content: "";
background-image: var(--lgurl);
background-position: center top;
background-repeat: no-repeat;
background-size: auto 10.55em;
opacity: .33;
}
#header h1,
#header h2{
float: none;
margin-left: 0;
text-align: center;
}
#header h1 span,
#header h2 span{
/* Hide the Existing Text */
display: none;
}
#header h1 a::before,
#header h2::before{
/* Style the New Text */
font-family: "Montserrat", "Arial", sans-serif;
text-shadow: none;
}
#header h1 a::before{
position: relative;
bottom: .15em;
color: var(--titleColor);
font-size: 115%;
font-weight: 700;
}
#header h2::before{
position: relative;
top: .1em;
color: var(--subtitleColor);
font-size: 130%;
font-weight: 600;
}
#header h1 a::before{
/* Set the New Text's Content From Variable */
content: var(--header-title, "FUNDACIÓN SCP");
}
#header h2::before{
content: var(--header-subtitle, "SEGURIDAD - CONTENCIÓN - PROTECCIÓN");
}
/* ---- SEARCH ---- */
#search-top-box{
top: 1em;
right: 0;
}
#search-top-box-form input.button{
margin-right: 0;
}
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus{
border-radius: 0;
box-shadow: none;
font-size: 100%;
}
/* ---- TOP BAR ---- */
#top-bar{
right: 0;
display: flex;
justify-content: center;
}
#top-bar ul li ul{
border-bottom: 1px solid hsl(0, 0%, 40%);
box-shadow: none;
}
/* ---- LOGIN ---- */
#login-status{
top: 1.1em;
right: initial;
color: hsl(0, 0%, 87%);
}
#account-topbutton{
border-color: hsl(0, 0%, 87%);
font-size: 100%;
}
/* ---- PAGE TITLE ---- */
.meta-title,
#page-title{
text-align: center;
}
/* ---- BREADCRUMBS ---- */
.pseudocrumbs,
#breadcrumbs{
text-align: center;
}
/* ---- MOBILE DISPLAY ---- */
@media (max-width: 767px){
#search-top-box{
top: 1.85em;
width: unset;
}
.mobile-top-bar{
position: relative;
left: 0;
display: flex;
justify-content: center;
}
#login-status{
top: 0;
right: 0;
}
#header .printuser{
font-size: 0;
}
#header .printuser img.small{
margin: 0;
transform: translate(6px, 4px);
}
#my-account{
display: none;
}
#account-topbutton{
margin-left: 2px;
}
}
Inoculación narrativa distribuida.
A veces no nos desvanecemos hasta que es demasiado tarde.
Hasta que nos hayamos marchitado, marchitado, hasta los huesos. Y al final, no queda nada por desvanecer. Está olvidado. Recuerdos, esperanzas, sueños, somos olvidados. ¿Cómo sabemos que la gente puede tener estos recuerdos, estas esperanzas, estos sueños? ¿Cómo podemos ser olvidados si no había nada allí en primer lugar? Nos desvanecemos de las mentes de los demás, pero no de las nuestras. Viviremos con ello hasta que no podamos vivir más. Hasta que olvidamos que había alguna forma de vivir en paz. Y entonces, es cuando nos desvanecemos.
Desvanecerse, desvanecerse del todo.
Inoculación completada. Puede continuar.
Ítem #: SCP-3309
Clasificación del Objeto: Keter
Procedimientos Especiales de Contención: Toda la documentación relativa a las anomalías afectadas por SCP-3309 debe conservarse en formato reescrito y en la base de datos de archivos de la ASRI. Tras la contención de una instancia, todo el personal asignado al ítem afectado debe someterse a tratamiento amnéstico y ser transferido a proyectos no relacionados.
Descripción: SCP-3309 es un fenómeno en el que las anomalías catalogadas desaparecen espontáneamente. Los elementos afectados por SCP-3309 han incluido objetos anómalos, entidades, ubicaciones y estructuras conceptuales. Las anomalías afectadas por este fenómeno no parecen estar directamente relacionadas; la actividad de SCP-3309 se indica mediante una nota (denominada SCP-3309-1) de origen desconocido.
48 horas antes de la desaparición de una anomalía, SCP-3309-1 aparecerá adjunto al final del documento del objeto. Los documentos sometidos a SCP-3309 se borran de todos los sistemas de archivos conocidos, incluidos los archivos del Sitio Protegido-01 y de la ASRI. Después de esto, la anomalía en sí misma se neutraliza efectivamente o desaparece por completo. El contenido de SCP-3309-1 es el siguiente:
Si usted no es el autor y desea reescribir este artículo, puede responder a este post solicitando la oportunidad de hacerlo. Por favor, obtenga permiso del autor.
SCP-3309 afecta a las copias de seguridad creadas para documentos que desaparecen. SCP-3309 también afecta a los documentos de elementos anómalos que entran en contacto con SCP-3309; aproximadamente el 71% de los documentos que desaparecen están relacionados con otras anomalías no afectadas. Esto lleva a un debilitamiento de la red de contención de anomalías de la Fundación, que potencialmente puede escalar a un Escenario de Desestabilización Anómala Completa de Clase-ADK.
MATERIALES ANEXADOS
I. Tribunal del Comité de Ética
Desde su aparición, SCP-3309 ha afectado a una media de cuarenta anomalías al mes. Los investigadores asignados a SCP-3309 han identificado un patrón emergente y desarrollado la siguiente lista de criterios:
- Se documenta que los objetos afectados están contenidos con procedimientos de contención excesivos (como cámaras construidas con aleación de titanio de alta resistencia). Esto indica un malentendido de la naturaleza de la anomalía o un nivel poco profesional de precaución para contenerla.
- El objeto en sí es lo suficientemente poderoso como para provocar un escenario de fin del mundo de clase-K. La documentación no explica las verdaderas consecuencias de esta anomalía y los procedimientos de contención suelen ajustarse a los del primer criterio.
- La documentación del objeto, incluyendo cualquier suplemento escrito, está mal escrita, incorrectamente formateada y llena de errores gramaticales y lógicos.
A partir de estas nuevas observaciones, se ha creado el PROYECTO: LANZA CÓNICA. LANZA CÓNICA describe la adaptación de los criterios antes mencionados para su uso frente a anomalías peligrosas en un intento de neutralizarlas. Como esto contraviene la misión de la Fundación, la ejecución de LANZA CÓNICA ha sido recurrida por un tribunal especial del Comité de Ética.
Los resultados de este tribunal son los siguientes:
PROYECTO: LANZA CÓNICA
RESULTADOS DEL TRIBUNAL
A FAVOR: 21
EN CONTRA: 20
ABSTENCIONES: 2
RESULTADO: PROYECTO: LANZA CÓNICA ha sido autorizado. SCP-3309 está pendiente de su reclasificación a Clase-TAUMIEL.
II. Proyecto: LANZA CÓNICA
Las pruebas preliminares de SCP-3309 para determinar la idoneidad de una reclasificación a Taumiel han comenzado oficialmente. Se adjunta un registro de experimentación, cuyos resultados determinarán una decisión final.
FRAGMENTO DE LA PROPUESTA
PROPUESTA: Utilizar a SCP-3309 para neutralizar a SCP-4463, una anomalía espacial acuática compleja capaz de inundar Norteamérica dentro de 50 años.
DESCRIPCIÓN: SCP-4463 es una anomalía acuática que afecta partes del desierto de Chihuahua en el estado de Arizona. SCP-4463 designa la lenta transformación de una gran área desértica en un área equivalente a un humedal.
Desde 1990, la desertificación del sureste de Arizona comenzó a desarrollarse a una tasa aproximada de 2 km2 mensualmente. Esta desertificación se incrementó a una tasa del 0,5% anual hasta 2008, año en que aproximadamente 1,200 km2 de tierras previamente cultivables se habían vuelto incapaces de soportar una vegetación sana. En ese momento, el gobierno de Arizona consideró este fenómeno como un desastre ecológico y estableció una serie de medidas para intentar revertir la propagación de la desertificación. Esto ocurrió como respuesta a la protesta masiva de miembros de la tribu Pascua Yaqui en la cercana región de Tucson a partir de noviembre de 2006.
En agosto de 2008, aproximadamente el 60% de la capa superior del suelo desecado por metro cuadrado comenzó a transformarse en agua por un efecto anómalo desconocido. Para 2017, el 45% del área previamente desertificada se había transformado en humedales, lo que impedía cualquier desarrollo animal o humano nativo en este territorio.
OTRAS MEDIDAS ADOPTADAS: El archivo de SCP-4463 fue actualizado para contener graves errores gramaticales e inconsistencias mayores con las funciones relacionadas con la anomalía. También se agregaron múltiples anexos inventados y una imagen no relacionada que representaba una gran ola oceánica.
RESULTADO: SCP-4463 fue borrado completamente de todas las bases de datos de la Fundación en 48 horas por SCP-3309. Tras nuevas investigaciones y una observación de la antigua ubicación de SCP-4463, se determinó que la amenaza planteada por SCP-4463 había sido neutralizada y que la zona se había vuelto a desertificar.
Después de un debate continuo y pruebas preliminares que involucraron 19 anomalías diferentes, SCP-3309 ha pasado la segunda etapa de votación entre el tribunal especial del Comité de Ética. SCP-3309 ha sido reclasificado como Taumiel y autorizado para su uso en LANZA CÓNICA. Se está llevando a cabo la primera ronda de investigaciones posteriores a la reclasificación que incluye 49 anomalías.
NOTA DEL INVESTIGADOR
No entiendo cómo una ronda de pruebas puede acarrear tanto estrés a un hombre. Creo que incluso vi mi primera cana esta mañana, ¿o un mechón entero de canas? No, ¿eso no es normal? Ahora mismo no me siento normal. No me siento bien. ¿Pero tan pronto en mi trabajo?
¿Qué se siente al desvanecerse en cenizas? ¿Sería una carga para mis sentidos de la misma manera que una enfermedad? ¿O podría dejarme adormecido? Creo que, si fuera a dejar de existir, me gustaría seguir sintiendo, incluso en mi último momento. Saber que sigo aquí, mientras todo lo demás se desvanece.
No me encuentro bien.
Me he encerrado en mi oficina. Me estoy adormeciendo. Esto no es lo que yo hubiera querido. Pero al final no importan los deseos y necesidades de un hombre, ¿verdad? No hay nada, nada.
¿Alguna vez descubrimos adónde fueron esas anomalías neutralizadas? Seguramente no puede ser tan fácil, hacer lo que hicimos, sentir justicia sin ninguna repercusión. Eso no es propio de nosotros. Pero parece que todos, todos menos yo, olvidaron lo que pasó con esas anomalías. ¿Es así de simple? ¿Simplemente lo hemos olvidado?
No quiero que me olviden.
— Investigador Adamo Smalls
División de Memética e Infopeligros
III. [ ]
El Investigador Smalls no se presentó durante las últimas partes de nuestras pruebas de esta noche. Ya no aparece en ninguno de nuestros itinerarios y su nombre ha sido borrado de mis archivos de proyecto. Si ha habido una alteración inmediata en el proyecto o un cambio en el horario del cual no fui informado, por favor notifíquenme inmediatamente.
— Investigador John Calzaroli
John, ¿se encuentra bien? Sí, hubo un cambio de horario de 3 horas, pero nunca ha participado un "Investigador Smalls" en este proyecto. Además, le aseguro que alguien llamado Investigador Smalls no trabaja con nosotros.
Por favor, John, tómate un descanso, el estrés debe estar afectándote. Las pruebas han sido absolutamente rigurosas estas últimas semanas. Yo también las he notado.
Lo siento, se equivoca. Debes saber quién es. Es el memeticista más excepcional que tenemos.
Pero, si realmente afirmas que no hay ningún Investigador Smalls, bueno, debe haber algo más en esto. SCP-3309 borra las anomalías y los archivos asociados a ellas. No hemos discutido exactamente a dónde van estas anomalías, y estoy seguro de que todos hemos tenido nuestras preguntas. Hasta donde puedo recordar, Smalls fue asignado para investigar a SCP-4463 cuando fue descubierto por primera vez.
¿Estamos seguros de que el personal no está siendo eliminado?
DE: [CUENTA BORRADA]
[MENSAJE BORRADO]
[FIN DEL ARCHIVO]
