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;
}
}
}
@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;
}
}
Ítem #: SCP-3362
Clasificación del Objeto: Audiovisual
Clasificación de Contención: Euclid
Procedimientos Especiales de Contención: PROCEDIMIENTOS DE CONTENCIÓN INACTIVOS DESDE EL 25/07/2018
Fuera de las pruebas regulares, SCP-3362 debe estar contenido en un casillero de objetos estándar. Deben colocarse contramedidas biológicas y meméticas para restringir el acceso a Supervisores Nivel 3 o manipuladores aprobados
Una vez a la semana, un miembro del personal Clase-D debe ser seleccionado para ver SCP-3362. El proceso de selección debe incluir una revisión de trasfondo para asegurarse que el sujeto no tenga lazos con cualquier Grupo de Interés, grupos del crimen organizado, o cualquier otro grupo en el que podrían tener una posición de autoridad. Debe presentarse la proyección de SCP-3362 bajo la apariencia de una prueba; para facilitar esta ilusión, se le debe mostrar a los sujetos una copia no anómala de It’s a Wonderful Life y dárseles la instrucción de notar cualquier diferencia entre esta y SCP-3362.
La observación de esta prueba debe tomar lugar en salas de vigilancia colocadas apropiadamente para que el personal no pueda hacer contacto visual de cualquier tipo con la pantalla mostrando a SCP-3362. Como una precaución, solo los asistentes de investigación que cumplan con las siguientes condiciones tienen permitido supervisar las pruebas:
- Tiene un nivel de autorización de Nivel 1 o menos.
- Tiene un salario menor a 65 000 mensuales.
- Está subordinado al Investigador Evereds, quien se entiende es un subordinado de directo de SCP-3362-1.
Debe mantenerse una cadena de mando redundante para reducir el impacto de un Incidente Eta. El Supervisor de CCMP de SCP-3362, actualmente el Dr. Jack Simpson, es considerado el superior de SCP-3362-1. Un “Director de CCMP” redundante debe ser considerado superior del Dr. Simpson, un “Director de Materiales” es considerado superior del Director de CCMP, y el Líder de Proyecto/3362 es considerado superior al director del Director de Materiales. Después de un Incidente Eta, el Director de CCMP será degradado a Supervisor de CCMP, el Director de materiales será degradado a Director de CCMP y un nuevo miembro del personal de la Fundación debe ser seleccionado para tomar la posición de Director de Materiales.
La instancia actual de SCP-3362-1 es el Dr. Laurel Sheperd, quien mirara a la audiencia y dará la señal de "OK" estándar en todo momento. Cualquier desviación mayor en el comportamiento debe ser reportada al Supervisor de CCMP.
Descripción: SCP-3362 es una cinta de VHS de la película de 1946 It’s a Wonderful Life. Es físicamente idéntica a cualquier cinta no anómala.
Las propiedades anómalas primarias de SCP-3362 se manifiestan cuando es visto. SCP-3362-1 es un individuo que aparece en las proyecciones de SCP-3362. SCP-3362-1 es capaz de interactuar con la escena, aunque no se ha reportado ninguna desviación en el dialogo o trama, Está confirmado que SCP-3362-1 está consciente y completamente enterado de su situación.
Los efectos anómalos secundarios de SCP-3362 se activan cuando es visto por un sujeto humano. Si el sujeto es de una condición socioeconómica o política mayor que SCP-3362-1, desaparecerán espontáneamente de cinco a cuatro horas después de la primera proyección de SCP-3362. En proyecciones subsecuentes el sujeto que desapareció reemplazara a SCP-3362-1. En dos a cuatro horas después de esta desaparición, la instancia anterior de SCP-3362-1 reaparecerá en la vecindad de la antigua ubicación de la nueva instancia de SCP-3362-1.
Los efectos anómalos terciarios de SCP-3362 se activan cuando no es visto por algún sujeto humano en un periodo de un mes. Después de este punto, un Incidente Eta ocurrirá. SCP-3362 perderá sus propiedades anómalas y el superior de SCP-3362-1 en el momento del Incidente Eta desaparecerá. De los medios visuales poseídos por el supervisor, uno se volverá la nueva instancia de SCP-3362. Debe notarse que la instancia anterior de SCP-3362-1 no reaparecerá después de un Incidente Eta.
Se cree, que siguiendo los Incidentes Eta, SCP-3362 tiende a reubicarse en películas Navideñas anteriores 1980.
Anexo: Historia y Descubrimiento
SCP-3362 fue originalmente recuperado después de la desaparición del Sr. Sherrams, un oficinista de la corporación Adacron. Después de su desaparición, el Oficial Williams tomo la instancia original de SCP-3362, que se cree era un cinta VHS de El Especial Navideño de Star Wars, y eventualmente la vio el mismo, volviéndose la siguiente instancia de SCP-3362-1. Se especuló que las desapariciones estaban relacionadas y el Departamento de Policía de la Vegas comenzó a investigar este fenómeno.
Apropiadamente un mes después del inicio de la investigación el Detective Sheryl se reportó como desaparecido mientras investigaba una pista potencial. Esto se interpretó como una acción intencional de los responsables por las desapariciones, y los activos de Sheryl fueron requisados como evidencia.
La Fundación fue alertada de la presencia de SCP-3362 cuando el jefe de policía del Departamento de Policía de Las Vegas vio SCP-3362 durante el curso de la investigación y se volvió sujeto a los efectos anómalos secundarios, resultando en su desaparición espontanea. El DM Gama-7 (“Maniobras Distractivas”) administró amnésticos a todos los civiles y oficiales apropiados y confisco las cintas de seguridad del evento.
Pruebas subsecuentes revelaron las propiedades anómalas de SCP-3362. Sin embargo debido al manejo inapropiado durante las pruebas, el Dr. Redmond se volvió el sujeto SCP-3362-1.
Anexo: Incidente 3362-8
Una brecha de contención catastrófica en el 09/05/2008 causó que el Sitio-45 se volviera inaccesible por varias semanas. Durante este periodo de tiempo, SCP-3362 llevo a cabo un Incidente Eta, llevando a la desaparición del Dr. Carrion, un supervisor de Nivel 2 monitoreando las pruebas de varios objetos SCP, y la reubicación de SCP-3362 a una cinta VHS de Frosty el Muñeco de Nieve. SCP-3362 ha sido reubicado al Sitio-49 de Clasificación Seguro, debido a la baja probabilidad de una brecha de contención.
Anexo: Incidente 3362-9
Después de una proyección programada de SCP-3362, D-4578 desapareció espontáneamente. Las pruebas con D-5572 confirman que D-4578 se había vuelto la siguiente instancia de SCP-3362-1.
Una revisión de trasfondo posterior de D-4578, reveló que tenía conexiones a la Mafia Americana, y durante su tiempo con el grupo, había amasado una cantidad de influencia y riquezas sin obligaciones fiscales considerables.
Debido a la falta de cooperación de la Mafia Americana en la contención de SCP-3362, se permitió que ocurriera un Incidente Eta con propósitos de experimentación. Sin embargo, la siguiente instancia de SCP-3362-1 fue el Director Claras de la Coalición Oculta Global, quien se determinó más tarde, tenía conexiones con la Mafia Americana.
La Coalición Oculta Global después descubrió a SCP-3362 e intentó destruirlo. Sin embargo, esto causo un Incidente eta inmediato que causo la Desaparición del Dr. Grayson, un director del departamento PHYSICS de la COG. La Fundación entonces compro a SCP-3362, ahora una cinta VHS de It’s a Wonderful Life, de la COG por una suma de 50 000 dólares americanos.
ANEXO ESPECIAL 3362.1: Incidente 3362-Omega
En el 10/04/2018, O5-10 se retiró de su posición por estrés. Sin embargo, se ofreció voluntario para volverse una instancia de SCP-3362-1, para poder probar que ocurriría durante un Incidente Eta a una persona sin supervisor.
En el 10/05/2018, ocurrió un Incidente Eta, aunque no se pudo encontrar ninguna instancia de SCP-3362. En un primer momento, se pensó que SCP-3362 fue neutralizado. Sin embargo se cree que este evento tuvo implicaciones que no están al alcance de la Fundación actual. Una investigación subsecuente no es posible debido al Escenario Clase-BE de “Migración” en curso
Datos recuperados muestran que O5-10 era un católico devoto.
