Modelos para SCPs

Olá e bem-vindo!

Esta página foi feita para ser um recurso fácil e rápido de acessar ‘copicolas’, para formatos e registros alternativos de arquivos SCP, na mesma linha dos guias de estilo de Grupos de Interesse e seus respectivos formatos individuais. Se você está procurando formatação básica de Wikidot, veja o guia de Formatação. Para formatação mais avançada, dê uma olhada no guia de Formatação Avançada em inglês.

Nota: Esta lista não tem como propósito ser exaustiva. Esses modelos não precisam ser seguidos. Usuários são encorajados a adaptar e experimentar com a configuração que eles se sentirem mais confortáveis em usar.

Nota: Módulos CSS são apenas aplicados a uma página depois que ela é atualizada. Prever uma página não atualiza a página. Para ver o efeito de quaisquer modificações a um Módulo CSS, você deve salvar a página

Formato Básico de Artigo

[[>]]
[[module Rate]]
[[/>]]

 [[include component:image-block name=suaimagem.jpg|caption=SuaLegenda]] - OPCIONAL
(apague o espaço antes do primeiro colchete)

**Item nº:** SCP-###-PT

**Classe do Objeto:** Seguro / Euclídeo / Keter (indique qual classe)

**Procedimentos Especiais de Contenção:** (parágrafos explicando os procedimentos)

**Descrição:** (parágrafos explicando a descrição)

**Adendo:** (parágrafos adicionais opcionais)

Não esqueça de enviar "suaimagem.jpg"caso queira incluir no artigo.

Modelo de Entrevista

> **Entrevistado:** (A pessoa, pessoas ou SCP sendo entrevistado)
> 
> **Entrevistador:** (Entrevistador, pode ser bloqueado usando █)
> 
> **Prefácio:** (Breve trecho descrevendo a entrevista)
> 
> **<Iniciar Registro, (informação de hora opcional)>**
> 
> **Entrevistador:** (fala)
> 
> **Pessoa:** (fala)
> 
> (repita o quanto for necessário)
> 
> **<Fim de Registro, (informação de hora opcional)>**
> 
> **Declaração de Encerramento:** (sumário curto e trecho do que aconteceu em seguida)

Nota: Quando inserir blocos de citação com o símbolo >, tenha certeza que você botou um espaço antes de cada > que usar – caso contrário, seu texto não aparecerá como um bloco de citação.

Formatos de Registros de Testes

Opção 1¹

Como fica:

COISA DE TÍTULO DO TESTE
Sujeito/Indivíduo	DADOS AQUI
Protocolo	DADOS AQUI
Resultado	DADOS AQUI

O que copiar:

+ show block

[[table style="border-collapse:collapse; width: 600px;"]]
[[row]]
[[cell style="font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 20%;"]]
COISA DE TÍTULO DO TESTE
[[/cell]]
[[cell style="font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
Sujeito/Indivíduo
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DADOS AQUI
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
Protocolo
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DADOS AQUI
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
Resultado
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
DADOS AQUI
[[/cell]]
[[/row]]
[[/table]]

---

Opção 2²

Como fica:

Data	DADOS	Efeitos	Notas
DADOS	DADOS	EFEITOS	NOTAS
DADOS	DADOS	EFEITOS	NOTAS
DADOS	DADOS	EFEITOS	NOTAS
DADOS	DADOS	EFEITOS	NOTAS
DADOS	DADOS	EFEITOS	NOTAS
DADOS	DADOS	EFEITOS	NOTAS

O que copiar:

+ show block

[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
Data
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
DADOS
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Efeitos
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Notas
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DADOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DADOS
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFEITOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTAS
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DADOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DADOS
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFEITOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTAS
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DADOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DADOS
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFEITOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTAS
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DADOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DADOS
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFEITOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTAS
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DADOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DADOS
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFEITOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTAS
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
DADOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
DADOS
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
EFEITOS
[[/cell]]
[[cell style="border: 1px solid silver"]]
NOTAS
[[/cell]]
[[/row]]
[[/table]]

Formatos de Registro de Áudio/Vídeo

Opção 1³

Como fica:

Transcrição de Registro de Vídeo de Exploração

Data: OPCIONAL

Time de Exploração: NOME DO TIME - OPCIONAL

Sujeito: ÁREA/ANOMALIA - OPCIONAL

Líderes do Time: OPCIONAL

Membros do Time: OPCIONAL

---

[INICIAR REGISTRO]

Pessoa A: Diálogo

Pessoa B: Diálogo

COISA ACONTECE

Pessoa A: Diálogo

[FIM DE REGISTRO]

O que copiar:

+ show block

[[div style="display: inline-block; border-radius: 10px; border:dashed 1px #444444; background:#F5F5F5; float:top; width:96.5%; padding:10px"]]
**Transcrição de Registro de Vídeo de Exploração**

**Data:** OPCIONAL

**Time de Exploração:** NOME DO TIME - OPCIONAL

**Sujeito:** ÁREA/ANOMALIA - OPCIONAL

**Líderes do Time:** OPCIONAL

**Membros do Time:** OPCIONAL
-----

[INICIAR REGISTRO]

**Pessoa A:** Diálogo

**Pessoa B:** Diálogo

//COISA ACONTECE//

**Pessoa A:** Diálogo

[FIM DE REGISTRO]

[[/div]]

---

Opção 2⁴

Como fica:

REGISTRO DE VÍDEO

---

DATA:

NOTA:

---

[INICIAR REGISTRO]

HORA: EVENTO

HORA: EVENTO

HORA: EVENTO

---

[FIM DE REGISTRO]

Dica! Este estilo imita as caixas de citação normais que você vê pelo site (formatação básica do wiki são linhas começando com "> ", mas com o benefício adicional de funcionar melhor com imagens.

O que copiar:

+ show block

[[div style="display: inline-block; border:dashed 1px #999999; background:#F5F5F5; float:center; width:84%; padding:1px 15px; margin: 10px 10px 10px 40px"]]
= **REGISTRO DE VÍDEO**
----
**DATA:** 

**NOTA:** 
----

[INICIAR REGISTRO]

**HORA:** EVENTO

**HORA:** EVENTO

**HORA:** EVENTO

-----

[FIM DE REGISTRO]
[[/div]]

---

Opção 3⁵

Para uma aparência cyber.

Como fica:

| DETALHES
| DETALHES
| DETALHES
| DETALHES
| DETALHES

TEXTO TEXTO TEXTO
MAIS TEXTO

MAIS

E MAIS

E MAIS TEXTO PRA ANOTAR

O que copiar:

+ show block

IMPORTANTE Essa parte é inserida no topo da página.

[[module css]]
.footnoteref{
color: #FF5555;
}
.danke{
padding: 5px 5px 5px 15px;
margin-bottom:10px;
width: 100%;
font-family: monospace;
font-size: 1.1em; }

.agent{
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}

.site{
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
[[/module]]

IMPORTANTE: Esto é inserido onde você quer que a caixa apareça.

[[div class="danke agent"]]
| DETALHES
| DETALHES
| DETALHES
| DETALHES
| DETALHES

TEXTO TEXTO TEXTO
MAIS TEXTO

MAIS

E MAIS

E MAIS TEXTO PRA ANOTAR
[[/div]]

Dica! Mude 'danke agent' para 'danke site' para um esquema de cor diferente (amarelo).

Opção 4:

ALGUMA COISA VEM AQUI

+ show block

[[div style="background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]

[[div style="background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]

ALGUMA COISA VEM AQUI

[[/div]]
[[/div]]

---

Opção 5⁶

Como fica:

E MAIS!

h1

h2

h3

h4

h5

h6

texto
mais texto

mais[]

O que copiar:

+ show block

IMPORTANTE: Essa parte é colocada no topo da página.

[[module CSS]]
.containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]

IMPORTANTE: Isso é colocado onde quer que você queira que a caixa apareça.

[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- NÃO APAGUE ISSO "+*". --]
[[span_ class="overlay"]]
E MAIS!
[[/span]]
[[div_ class="overlayback"]]
[[/div]]

+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
texto
mais texto

mais[[span class="blinkbar"]][][[/span]]

[[/div]]
[[/div]]
[[/div]]

---

Opção 6⁷

Como fica:

TOCAR

a primeira linha
a segunda linha
a última linha
TEXTO
MAIS TEXTO

O que copiar:

+ show block

IMPORTANTE:

• Essa parte é colocada no topo da página.
• Quando você quiser adicionar novas "gravações", adicione novas "opções" como no seguinte formato.
  • .r3 {animation-delay: 9s;}
    .r4 {animation-delay: 12s;}

[[module CSS]]
/* //// Quando você quiser adicionar novas "gravações", //// */
/* //// adicione novas "opções" como no seguinte formato. //// */
.r1 {animation-delay: 3s;}
.r2 {animation-delay: 6s;}

.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
{animation-delay: calc(6s + 2s);}

.tape-record {position: relative;height: 6em;pointer-events: none;}.record {display: block;position: absolute;width: 100%;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;text-align: center;}.tape-wrap {position: relative;background-color: rgba(244, 244, 244, 1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url("http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png");background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url("http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png");background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-right {top: 0;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-link:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}.tape-wrap .collapsible-block-folded .collapsible-block-link:before {content: "\f04b";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content: "\f1da";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible;opacity: 0;}100% {visibility: visible;opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto;}.tape-left {top: 105px;bottom: initial;left: -36px;}.tape-right {top: 60px;bottom: initial;left: 35px;}}
[[/module]]

IMPORTANTE:

• Essa parte é colocada no topo da página.
• Quando você quiser adicionar novas "gravações", adicione novas "opções" como no seguinte formato.
  • [[span class="record r3"]]Texto[[/span]]
    [[span class="record r4"]]//Mais texto//[[/span]]

[[div class="tape-wrap"]]
[[collapsible show="TOCAR" hide="RECARREGAR"]]
[[div class="tape-anim"]]
[[div class="tape-left"]]
[[/div]]
[[div class="tape-right"]]
[[/div]]
[[/div]]

[[div class="tape-record"]]
[[span class="record r1"]]//a primeira linha//
//a segunda linha//
//a última linha//[[/span]]
[[span class="record r2"]]//TEXTO//
//MAIS TEXTO//[[/span]]

[[/div]]
[[/collapsible]]
[[/div]]

---

Opção 7

Como fica:

Eu não consegui verificar sua ID da wikidot.|

Click!

O que copiar:

+ show block

IMPORTANTE Isso é colocado no topo da página.

[[module CSS]]
#u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}
[[/module]]

IMPORTANTE: Isso é colocado onde quer que você queira que a caixa apareça.

[[div class="type-wrap-wrapper"]]
[[div class="type-wrapper"]]
[[div id="u-start"]]
[[/div]]
[[div class="typearea"]]
[[div class="textchange"]]
[[module ListUsers users="."]]
[[div class="sitemember"]]
Sua ID da wikidot é "%%name%%".[[span class="blink"]]|[[/span]]
[[/div]]
[[/module]]
[[div class="sitemember"]]
Eu não consegui verificar sua ID da wikidot.[span class="blink"]]|[[/span]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="buttonwrapper"]]
[[a class="likebutton" href="#u-start"]]Click![[/a]]
[[/div]]
[[/div]]

---

Opção 8⁸

Como fica:

Terminal #001


------
Bem-vindo, Usuário
------

Links dentro do terminal ganham um ">" quando você passa o cursor em cima deles.
desse jeito

Obrigado por conferir meu formato!

O que copiar:

+ show block

IMPORTANTE: Isso é o módulo CSS. Isso vai no topo do artigo.

[[module CSS]]

div.terminal{
    border: 1px solid black;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #131;
/* sombra preta no topo do terminal */
    background-image:
        radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
    background-position: center;
    display: block;
/* sombra ao redor do terminal */
    box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* previne que o scanline forme uma roda de rolagem */
    overflow:hidden;
}
div.terminal blockquote {
    background-color: black;
    border: double 3px #80FF80
}
div.scanline{
    margin-top: -40%;
    width: 100%;
    height: 60px;
    position: relative;
    pointer-events: none;
/* Safari 4.0 - 8.0 */
    -webkit-animation: scan 12s linear 0s infinite; /* Talvez você precise mudar isso. Se a barra passar muito rapidamente, aumente 5s. */
    animation: scan 12s linear 0s infinite; /* Assim como acima */
    background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}

div.text{
    color: rgba(128,255,128,0.8);
    padding-left: 2em;
    padding-top: 40%;
    font-family: monospace;
    font-size: 1.2em;
    }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* Talvez você precise mudar isso dependendo do comprimento do seu terminal. Caso a scanline pare no meio, aumente o segundo número.*/
}

@keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* Assim como acima.*/
}

div.text a {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a.newpage {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a:hover {
    color: #131;
    text-decoration: underline;
    background-color: #80FF80;
    padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]

IMPORTANTE: Isso é o próprio terminal. Isso pode ir em qualquer lugar.

[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __Terminal #001__[[/size]]
@@ @@
@@ @@
@@------@@
Bem-vindo, Usuário
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> Links dentro do terminal ganham um ">" quando você passa o cursor em cima deles.
> [http://www.google.com desse jeito]

Obrigado por conferir meu formato!
@@ @@
@@ @@
[[/div]]
[[/div]]

Formatos de Aviso

Opção 1:⁹
Como fica:

AVISO DA ADMINISTRAÇÃO DE SEGURANÇA DE REGISTROS E INFORMAÇÕES DA FUNDAÇÃO

Texto do aviso aqui.

— Maria Jones, Diretora, RAISA

O que copiar:

+ show block

[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
[[size larger]] **AVISO DA ADMINISTRAÇÃO DE SEGURANÇA DE REGISTROS E INFORMAÇÕES DA FUNDAÇÃO** [[/size]]

Texto do aviso aqui.

-- Maria Jones, Diretora, RAISA
[[/=]]
[[/div]]

---

Opção 2:¹⁰

Como fica:

AVISO: O SEGUINTE ARQUIVO É CLASSIFICADO A NÍVEL #/XXXX

---

TENTATIVA DE ACESSAR ESTE ARQUIVO SEM AUTORIZAÇÃO NÍVEL #/XXXX SERÁ REGISTRADA E LEVARÁ A AÇÃO DISCIPLINAR IMEDIATA.

O que copiar:

+ show block

[[=]]
[[div style="background: url(http://scp-pt-br.wdfiles.com/local--files/scp-style-resource/scp_trans.png) center no-repeat ; float: center; border: solid 2px #000000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
##ff5c48|[[size 150%]] **AVISO: O SEGUINTE ARQUIVO É CLASSIFICADO NÍVEL #/XXXX** [[/size]]##
----
[[size larger]] **TENTATIVA DE ACESSAR ESTE ARQUIVO SEM AUTORIZAÇÃO NÍVEL #/XXXX SERÁ REGISTRADA E LEVARÁ A AÇÃO DISCIPLINAR IMEDIATA.**[[/size]]
[[/div]]
[[/=]]

Nota: Este código inclui um link para uma imagem de plano de fundo. Caso queira deixar a mensagem de aviso com um plano de fundo branco, apenas apague o link incluso no código.

---

Opção 3:

Como fica:

POR ORDEM DO CONSELHO SUPERINTENDENTE

O seguinte documento é classificado a Nível X/XXXX. Acesso não autorizado é proibido.

XXXX

O que copiar:

+ show block

[[div style="background: url(http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) bottom center no-repeat; text-align: center; width: 600px; margin: 0 auto; font-size: 20px; padding: 0px;"]]

@@ @@
@@ @@

@@ @@

@@ @@

[[=]]
++* ##black|POR ORDEM DO CONSELHO SUPERINTENDENTE##
##black|O seguinte documento é classificado a Nível X/XXXX. Acesso não autorizado é proibido.##
[[/=]]
= **##black|XXXX##**

@@ @@

@@ @@

[[/div]]

---

Opção 4:¹¹

Como fica:

título

subtítulo

descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição descrição

XXXX

O que copiar:

+ show block

[[div class="orderwrapper"]]
[[div class="council1"]]
[[/div]]
[[div class="ordertitle"]]
+* título
[[/div]]
[[div class="orderdescription"]]
 _
+* subtítulo
descrição descrição descrição descrição 
descrição descrição descrição descrição 
descrição descrição descrição descrição 
descrição descrição descrição descrição 
descrição descrição descrição descrição 
descrição descrição descrição descrição 
descrição descrição descrição descrição 
descrição descrição descrição descrição
[[/div]]
[[div class="itemno"]]
+* XXXX
[[/div]]
[[/div]]

[[module CSS]]
.orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
[[/module]]

---

Opção 5:¹²

Como fica:

O que copiar:

+ show block

Nota: Você deve preencher todos os campos.

Formato de Cabeçalho Alternativo

Opção 1:

Como fica:¹³

Item n°: SCP-XXXX	Nível 4/XXXX
Classe de Objeto: Euclídeo	Confidencial

---

SCP-XXXX.

---

O que copiar:

+ show block

[[table style="border: none; width: 100%;"]]
[[row]]
[[cell]]
[[size 125%]]**Item n°:** SCP-XXXX[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Nível 4/XXXX**##[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell]]
[[size 125%]]**Classe de Objeto:** Euclídeo[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Confidencial**##[[/size]]
[[/cell]]
[[/row]]
[[/table]]
----

[[div class="scp-image-block block-center" style="width:100%;"]]
[[image image.jpg {$alt}="{$alt-text}" link=#]]
[[div class="scp-image-caption"]]
SCP-XXXX.
[[/div]]
[[/div]]

----

Nota: Substitua 'image.jpg' com o nome/URL da imagem que você está usando. Lembre-se que este tipo de image-box fará com que a imagem ocupe 100% da largura do artigo.

---

Opção 1 (Versão mais Simples)

Como fica:

+ show block

Item n°: SCP-XXXX

Classe do Objeto: Keter

Nível 5/XXXX

Ultrassecreto

Conteúdo

---

Item n°: SCP-XXXX

Classe do Objeto: Keter

Nível 5/XXXX

Ultrassecreto

Conteúdo

O que copiar:

+ show block

[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444;"]]
[[div style="width: 50%;"]]
**Item n°**: SCP-XXXX

**Classe do Objeto**: Keter
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**Nível 5/XXXX**

**Ultrassecreto**
[[/div]]
[[/div]]

Conteúdo

---

[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444; font-size: 1.25em;"]]
[[div style="width: 50%;"]]
**Item n°**: SCP-XXXX

**Classe do Objeto**: Keter
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**Nível 5/XXXX**

**Ultrassecreto**
[[/div]]
[[/div]]

Conteúdo

---

Opção 2:¹⁴

Como fica:

2/100-PT NÍVEL 2/100-PT CONFIDENCIAL

Item nº: SCP-100-PT Classe do Objeto: Euclídeo

O que copiar:

+ show block

[[include :scp-pt-br:component:classified-decoration
|lv=1/2/3/4/5
|item=100-PT
|oc=Euclídeo
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR
]]

[[include :scp-pt-br:component:classified-decoration
|lv=1
|item=100-PT
|oc=--Euclídeo--
+* Seguro
|lang=PTBR
]]

Ou você quer alterar o texto do "NÍVEL" e "CONFIDENCIAL"?

[[include :scp-pt-br:component:classified-decoration
|lv=1/2/3/4/5
|item=100-PT
|oc=Euclídeo
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR
|trans-level=<Texto de substituição ao "NÍVEL">
|trans-classified=<Texto de substituição ao "CONFIDENCIAL">
]]

---

Opção 3:¹⁵

Como fica:

2/100-PT NÍVEL 2/100-PT

CONFIDENCIAL

Item nº: SCP-100-PT

Euclídeo

O que copiar:

+ show block

[[include :scp-pt-br:component:classified-bar-woed
|lv=0/1/2/3/4/5
|item=100-PT
|oc=Euclídeo
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR/IND
|trans-level=<Texto de substituição ao "NÍVEL">
|trans-classified=<Texto de substituição ao "CONFIDENCIAL">
]]

---

Opção 4:¹⁶¹⁷

Como fica:
Nível de Ameaça: Preto

^{(Clique em mim!)}

+ E em outras cores...

Nível de Ameaça: Branco

Nível de Ameaça: Amarelo

Nível de Ameaça: Laranja

Nível de Ameaça: Vermelho

Nível de Ameaça: Roxo

O que copiar:

+ show block

[[a href="*http://scp-pt-br.wikidot.com/nivel-de-ameaca" style="font-size: 18px; color: white; text-shadow: 1px 3px 1px rgba(0,0,0,0.3); text-decoration: none;"]]
[[span_ style="display: inline-block; width: 100%; background-color: black; text-align: center; border: 1px none #000; margin: 1px; padding-top: 8px; padding-bottom: 8px;"]]
**Nível de Ameaça:** Preto
[[/span]]
[[/a]]

Nota: Para trocar a cor, simplesmente preencha o campo "background-color" com white/yellow/orange/red/purple/black. Cores com maior/menor contraste podem exigir que você altere o texto no campo "color" para white/black para legibilidade.

Nota: Isso funciona melhor com estilos de cabeçalho alternativo, como visto acima. Baseado nas classificações de Nível de Ameaça da Filial Francesa.

---

Opção 5:

Como fica:

O que copiar:

+ show block

[[include :scpsandboxbr:component:cd-ver2
|lv=6
|item=SCP-XXXX
|class=Thaumiel
|site-responsible=Site-%E2%96%88%E2%96%88
|director=N/A
|research-head=N/A
|assigned-task-force=N/A
]]

Nota: O valor de |lv vai de 0 à 6.
Nota Muito Importante: Este módulo limita-se à inserção de caracteres alfabéticos, numéricos e alguns símbolos (devido a um problema com o Edge). Se quiser usar outros caracteres, por favor codifique-os com a ferramenta seguinte!

---

Opção 6: Cabeçalho ACS (Sistema de Classificação de Anomalia)

Clique aqui para aprender para quê isso serve.

Autor Original: Woedenaz

Como fica:

Item nº: XXXX

Nível #

Classe de Contenção:

euclideo

Classe Secundária:

none

Classe de Disrupção:

vlam

Classe de Risco:

warning

link to memo

O que copiar:

+ show block

Clique aqui para um guia completo.

[[include :scpsandboxbr:component:anomaly-class-bar-source
|item-number= XXXX
|clearance= #
|container-class= euclideo
|secondary-class= none
|secondary-icon= http://acsurlexample.com/image.svg
|disruption-class= vlam
|risk-class= warning
]]

Texto Invisível

Ao invés de fazer "##white|TEXTO AQUI...##" (que quebraria em qualquer navegador usando um "tema escuro"), você deve usar transparente ao invés disso.

Tente selecionando as caixas abaixo:

Esse texto é invisível mas pode ser visto quando selecionado.

Esse texto é branco pelo contrário.

Esse texto é invisível mas pode ser visto quando selecionado.

Esse texto é branco pelo contrário.

O que copiar:

##transparent|Seu texto aqui.##

Aviso: isso funciona apenas no Sigma-9.

Como fica:

Seu texto aqui.

Formatos de "Papel/Nota"

Opção 1¹⁸

Como fica:

Corpo de documento aqui. Você precisará usar " " em novas linhas para espaçar apropriadamente texto.

Tipo assim.

Você pode usar [[<]], [[=]], e [[>]] para alinhar diferentes linhas/parágrafos para dar o sentido adequado.

Aproveite.

O que copiar:

+ show block

IMPORTANTE Isso vai no topo da sua página:

[[module css]]
.page {
    display: block;
    overflow: hidden;
    font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
    font-style: normal;

    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
    background-origin: padding-box;
    background-position: 0px 8px;
    background-repeat: repeat;
    background-size: 100% 20px;

    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 10px;

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
    }
.page p,
.page ul {
    line-height: 20px;
    margin: 0;
}
[[/module]]

IMPORTANTE Isso vai onde quer que você queira que a caixa apareça:

[[div class="page"]]

Corpo de documento aqui. Você precisará usar "@@ @@" em novas linhas para espaçar apropriadamente texto.
@@ @@
Tipo assim.
@@ @@
Você pode usar [[<]], [[=]], e [[>]] para alinhar diferentes linhas/parágrafos para dar o sentido adequado.
@@ @@
[[>]]
Aproveite.
[[/>]]
[[/div]]

Formatos de "Login/Logout"

Opção 1¹⁹²⁰

Como fica:

ID

33012e050270a9e92e09693dfe6f0d1c_1733676932

SENHA

0360de3ea2d1659aae619a3f76545e8f_1733676932

Login

texto

O que copiar:

+ show block

IMPORTANTE: Isso vai no topo da sua página:

[[module CSS]]
.fakeprot .mailform-box .buttons{display:none;}
.fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
.fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
.fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
.mailform-box td:first-child {width: 80px;}
[[/module]]

IMPORTANTE: Isso vai onde quer que você queira que a forma apareça:

[[div class="fakeprot"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# name
 * title: ID
 * default: <SEU ID>
 * type: text
 * rules:
  * required: true
  * maxLength:10
  * minLength: 100
[[/module]]
[[div class="passw"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# affiliation
 * title: SENHA
 * default: ・・・・・・・・・
 * rules:
  * required: true
  * maxLength:10
  * minLength: 100
[[/module]]
[[/div]]
[[/div]]
[[collapsible show="Login" hide="Logout"]]
texto
[[/collapsible]]

---

Opção 2

Como fica:

O que copiar:

+ show block

[[html]]
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Verdana;}
* {box-sizing: border-box;}
 
.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
 
}
 
.input-field:focus{
border-style: solid;
transition: 0.5;
border-color: maroon;
border-width: 2px;
 
}
 
.input-field {
    width: 100%;
    padding: 10px;
    outline: none;
    transition: 0.5s;
 
}
 
.btn:focus {
  outline: 0;
}
 
.btn {
  background-color: Maroon;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  width: 50%;
  opacity: 0.9;
  transition: 0.09s;
  border-radius: 3px;
  transition 0.8s;
}
 
.btn:hover {
  opacity: 1;
  transition: 0.8s;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
}
 
.btn:active {
  transition: 0.09s;
  transform: translateY(1px);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
 
.btn2 {
    background-color: white;
    border: none;
    cursor: pointer;
 
}
 
p{
font-family: Helvetica;
margin-bottom: 5%;
}
</style>
</head>
<body>
 
<form autocomplete="off" style="max-width:450px;text-align:center;margin: auto;">
<p style="font-size:55px; font-weight: bold;">SCiPNET LOGIN</p>
  <div class="input-container">
    <input class="input-field" type="text" placeholder="Nome de Usuário" name="usrnm">
  </div>
 
  <div class="input-container">
    <input onkeyup="if(this.value.length > 0) document.getElementById('start_button').disabled = false; else document.getElementById('start_button').disabled = true;" class="input-field" type="password" placeholder="Senha">
  </div>
 
   <button id="start_button" class="btn btn-success" onclick="window.open('SUBSTITUA ESSE TEXTO COM A URL PARA ONDE VOCÊ QUER QUE O BOTÃO DE LOGIN TE LEVE','_parent')" disabled> Login</button>
 
<br></br>
   <button style= "font-weight: bold;" class="btn2 btn-success"> Esqueceu a senha?</button>
 
</form>
</body>
</html>
[[/html]]

IMPORTANTE:

• O botão de login não irá redirecionar se o campo da senha estiver vazio.
• Este formato de login é feito para artigos que usam offsets. Troque o texto do espaço reservado para o link do offset adequado para seu artigo.

---

Opção 2 - subopção

Como fica:

SCiPNET LOGIN

name
affiliation

0332f2ddafcb341083c2dd82d1a033b0_1733676932

link

SCiPNET LOGIN

name
affiliation

0332f2ddafcb341083c2dd82d1a033b0_1733676932

Login

Dobrável

texto

O que copiar:

+ show block

Opção com link: insere a url de outra página (ou "/ + nomedapágina") na "url"

[[include :scp-sandbox-3:component:login-module |url=http://scp-pt-br.wikidot.com/scp-style-resource|id=<SEU ID>|pw=<SUA SENHA>|disc=true|value=link]]

Opção com dobrável: insere um dobrável no módulo

[[include :scp-sandbox-3:component:login-module |id=<SEU ID>|pw=<SUA SENHA>|disc=true]]
[[collapsible show="Dobrável" hide="Sair"]]
texto
[[/collapsible]]

Outro…?

Atributo	obrigatório	valores permitidos	descrição
id	sim	texto	valor do identificador
pw	sim	texto	valor da senha
url	não	http://example.com /pagename	quando não há entrada, o botão do link é escondido
value	não	texto	valor do botão de link
disc	não	verdadeiro	quando definido, sua senha não é gravada
title	não	texto link	valor do título

Formatos de Imagem Personalizados

Opção 1²¹

Como fica:

Passe o mouse sobre a imagem para ampliar.

O que copiar:

+ show block

[[include :scp-sandbox-3:image-zoom name={$name}|caption={$caption}|width=300px|align=right]]

Altere {$name} pelo nome da imagem ou para um link a esta. Altere {$caption} pela legenda que deseja dar à imagem. A largura e o alinhamento da imagem é baseada nos padrões dos documentos SCP, mas podem ser alterados.

---

Opção 2²²

Como fica:

Passe o mouse sobre a imagem para vê-la.

O que copiar:

+ show block

[[include :scp-sandbox-3:image-blur name={$name}|caption={$caption}|width=300px|align=right]]

Altere {$name} pelo nome da imagem ou para um link a esta. Altere {$caption} pela legenda que deseja dar à imagem. A largura e o alinhamento da imagem é baseada nos padrões dos documentos SCP, mas podem ser alterados.

---

Opção 3²³

Como fica:

Clique e segure para ampliar a imagem.

O que copiar:

+ show block

[[include :scp-sandbox-3:component:image-zoom-2 name={$name}|caption={$caption}|width=300px|align=right]]

Altere {$name} pelo nome da imagem ou para um link a esta. Altere {$caption} pela legenda que deseja dar à imagem. A largura e o alinhamento da imagem é baseada nos padrões dos documentos SCP, mas podem ser alterados.

Carrossel de Imagens

Uma seleção de imagens sem significado inerente ou uma mensagem escondida.

Instruções para uso

Formatos de Caixas Pretas

Opção 1²⁴

Como fica:
Esse é um formato que permite que você insira informação em caixas pretas e deixá-la visível ao passar com o mouse por cima.

O que copiar:

[[span class="bblock"]] texto aqui[[/span]]

Como ajustar:
Esse código deixa você ajustar a cor do texto em que o mouse passa por cima.

[[module CSS]]
.bblock:hover {color: white}
[[/module]]

---

Opção 2

Como fica:
Isso muda a cor do fundo em que o mouse passa por cima, ao invés do texto.

O que copiar:

[[span class="dblock"]]texto aqui[[/span]]

Como ajustar:
Esse código deixa você ajustar a cor do fundo em que o mouse passa por cima.

[[module CSS]]
.dblock:hover {background: #f4f4f4}
[[/module]]

Formato da "data de hoje"

Como fica:

A data de hoje é 07 Dec 2024 21:47… talvez!

O que copiar:

+ show block

[[module ListPages limit="1" category="*" order="updated_at desc"]]
> A data de hoje é %%updated_at|%d/%m/%Y%%... talvez!
[[/module]]

Formato do Chat do Discord

Opção 1

Como fica:

GOTO 20

Hoje às 4:28 PM

ow Corvus, tá aí?

Corvas

Hoje às 4:28 PM

sim
e aí @GOTO 20

New Messages

GOTO 20

Hoje às 4:29 PM

Aqui uma imagem

GOTO 20

Hoje às 4:30 PM

mv_sk1r.tar.gz

2.71 KB

corvas

Hoje às 5:20 PM

butts.zip

512 MB

O que copiar:

Explicação completa e código disponível aqui.

---

Opção 2

Como fica:

…..⇒ . @Rainer's a soft boi entrou na arena!

---

A-paul-yon Hoje às 12:00
Yo, @Rainer's a soft boi
Veja isso.

---

Rainer's a soft boi Hoje às 12:00
Isso é muito legal, mas leia esta frase:

Não há consumo ético no capitalismo.

O que copiar:

+ show block

IMPORTANTE: Isso vai no topo da sua página:

[[module CSS]]
.discord-nagi {display:block; background:#363940; color: #DADBDC; padding: 5px 10px 5px 10px;}
.quote {background-color: #2F3136;border: solid 3px #2B2C31;border-radius: 10px;color: #7C8C8E; padding: 0px 5px 0px 5px; width: 85%; margin: 0px 0px 5px; font-size: 110%}
.highlight {background-color: black; color: white; font-family:monospace; font-size: 125%}
.user1 {font-weight: bold;color: #c0e3ea}
.user2 {font-weight: bold;color: #ff0066}
.tag {color: #7289DA}
[[/module]]

Este é o código para o próprio chat. Coloque-o onde deve aparecer no artigo.

[[div class="discord-nagi"]]
[[size 110%]]##363940|.....##[[/size]][[size 200%]]##lightgreen|⇒##[[/size]] [[size 125%]]##363940|.## ##7289DA|@Rainer's a soft boi## entrou na arena![[/size]]
------
[[span class="user1"]]A-paul-yon[[/span]] [[size 75%]]##5B5E63|Hoje às 12:00##[[/size]]
Yo, [[span class="tag"]]@Rainer's a soft boi[[/span]]
[[span class="highlight"]]Veja isso.[[/span]]
------
[[span class="user2"]]Rainer's a soft boi[[/span]] [[size 75%]]##5B5E63|Hoje às 12:00 ##[[/size]]
Isso é muito legal, mas leia esta frase:
[[div class="quote"]]
Não há consumo ético no capitalismo.
[[/div]]
[[/div]]

Option 3:
Uau, isso é literalmente tão horrível quanto o Modo Claro normalmente parece.

Como fica:

…..⇒ . @Rainer's a soft boi entrou na arena!

---

A-paul-yon Hoje às 12:00
Yo, @Rainer's a soft boi
Veja isso.

---

Rainer's a soft boi Hoje às 12:00
Isso é muito legal, mas leia esta frase:

Não há consumo ético no capitalismo.

O que copiar:

+ show block

IMPORTANTE: Isso vai no topo da sua página:

[[module CSS]]
.light {display:block; background:#FFFFFF; color: #DADBDC; padding: 5px 10px 5px 10px; border: solid 1px black}
.lightquote {color: #839496; background-color: #F8F9F9;border: solid 3px #EBEDEF;border-radius: 10px; padding: 0px 5px 0px 5px; width: 85%; margin: 0px 0px 5px; font-size: 110%}
.lighthighlight {background-color: #F8F9F9; color: #939BA6; font-family:monospace; font-size: 125%}
.user1 {font-weight: bold;color: #c0e3ea}
.user2 {font-weight: bold;color: #ff0066}
.tag {color: #7289DA}
[[/module]]

Este é o código para o próprio chat. Coloque-o onde deve aparecer no artigo.

[[div class="light"]]
[[size 110%]]##white|.....##[[/size]][[size 200%]]##lightgreen|⇒##[[/size]] [[size 125%]]##white|.## ##7289DA|@Rainer's a soft boi## entrou na arena![[/size]]
------
[[span class="
[[span class="user1"]]A-paul-yon[[/span]] [[size 75%]]##5B5E63|Hoje às 12:00 ##[[/size]]
Yo, [[span class="tag"]]@Rainer's a soft boi[[/span]]
[[span class="lighthighlight"]]Veja isso.[[/span]]
------
[[span class="user2"]]Rainer's a soft boi[[/span]] [[size 75%]]##5B5E63|Hoje às 12:00 ##[[/size]]
Isso é muito legal, mas leia esta frase:
[[div class="lightquote"]]
Não há consumo ético no capitalismo.
[[/div]]
[[/div]]

Modelo de E-mail

Como fica:²⁵

---

Acessar E-mail da SCiPNET? Uma (1) nova mensagem!

Para: DESTINATÁRIO
De: REMETENTE
Assunto: ASSUNTO

---

texto

Para: DESTINATÁRIO
De: REMETENTE
Assunto: Re:ASSUNTO

---

texto

O que copiar:

+ show block

IMPORTANTE: Isso vai no topo da sua página.

[[module CSS]]
.email-example .collapsible-block-folded a.collapsible-block-link {
    animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
    0% { color: transparent; }
    50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]

IMPORTANTE: Isso vai onde quer que você queira que a troca de e-mail apareça.

[[=]]
------
[[collapsible show="Acessar E-mail da SCiPNET? Uma (1) nova mensagem!" hide="Re:ASSUNTO"]]
[[<]]
[[div class="email"]]
[[div class="tofrom"]]
**Para:** DESTINATÁRIO
**De:** REMETENTE
**Assunto:** ASSUNTO
[[/div]]
------
texto
[[/div]]
@@ @@
[[div class="email"]]
[[div class="tofrom"]]
**Para:** DESTINATÁRIO
**De:** REMETENTE
**Assunto:** Re:ASSUNTO
[[/div]]
------
texto
[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]

Desaparecimento do Conteúdo de Página

Opção 1:²⁶

Como fica:

Conteúdo de Página para não Apagar

Conteúdo de Página para Apagar

Conteúdo de Página para não Apagar

Conteúdo de Página para Apagar

CLIQUE para DESAPARECER

Conteúdo de Página para não Apagar

O que copiar:

+ show block

---

Módulo CSS

Você pode customizar alguns elementos com variáveis.

[[module css]]
@import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');

/*== VARIÁVEIS ==*/
:root {

  /* Cor de Fundo (Padrão: white) */
  --fadeout-background: white;

  /* Duração do Desaparecimento */
  --fadeout-time: 1s;

  /* Cabeçalho Cortado (Para apagar a sombra sob o cabeçalho)
      Se você usar outros temas além do Sigma-9(Padrão), pfv trocar essa variável */
  --cropped-header: url(http://smlt.wdfiles.com/local--files/ukwhatn:fadeout/header-crop.png);

}

[[/module]]

Parte de Desaparecimento

Apenas os elementos no fadeout-wrapper são apagados.
[[span class="escape"]]texto[[/span]] não é apagado. Pode ser usado qualquer número de vezes e não é limitado em tamanho.

Conteúdo de Página para não Apagar

[[div_ class="fadeout-wrapper"]]

Conteúdo de Página para Apagar

[[span class="escape"]]Conteúdo de Página para não Apagar[[/span]]

Conteúdo de Página para Apagar

[[collapsible show="CLIQUE para DESAPARECER" hide=" "]]
[[div class="cover"]]
@@@@
[[/div]]
[[/collapsible]]
[[/div]]
Conteúdo de Página para não Apagar

---

Opção 2: Exibir imagem após desaparecimento²⁷

Como fica:

Conteúdo de Página para não Apagar

Conteúdo de Página para Apagar

CLIQUE PARA DESAPARECER

Conteúdo de Página para não Apagar

O que copiar:

+ show block

---

Módulo CSS

Você pode customizar alguns elementos com variáveis.

[[module css]]
@import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');

/*== VARIÁVEIS ==*/
:root {

  /* Cor de Fundo (Padrão: white) */
  --fadeout-background: white;

  /* Duração do Desaparecimento */
  --fadeout-time: 1s;

  /* Duração do Aparecimento da Imagem (Para Opção2) */
  --img-fadein-time: 1s;

  /* Tempo de Resposta para Aparecimento da Imagem (Para Opção2) */
  --img-fadein-delay: 2s;

  /* Cabeçalho Cortado (Para apagar a sombra sob o cabeçalho)
      Se você usar outros temas além do Sigma-9(Padrão), pfv trocar essa variável. */
  --cropped-header: url(http://smlt.wdfiles.com/local--files/ukwhatn:fadeout/header-crop.png);

}

[[/module]]

Parte de Desaparecimento

Apenas os elementos no fadeout-wrapper são apagados.
[[span class="escape"]]texto[[/span]] não é apagado. Pode ser usado qualquer número de vezes e não é limitado em tamanho.

Conteúdo de Página para não Apagar

[[div_ class="fadeout-wrapper"]]

Conteúdo de Página para Apagar

[[collapsible show="CLIQUE para DESAPARECER" hide=" "]]

[[div class="cover"]]
@@ @@
[[/div]]

[[div_ class="fadein-img"]]
[[=image [URL da Imagem]]
[[/div]]

[[/collapsible]]

[[/div]]
Conteúdo de Página para não Apagar

Footnotes

1. Como visto em SCP-2682

2. Como visto em SCP-2832

3. Como visto em SCP-1730

4. Como visto em SCP-2571

5. Como visto em SCP-2409

6. Como visto em: Quando o Dente-de-Leão Floresce (conto-jp)

7. Como visto em Áudio cassete #1006-1 (conto-jp), SPC-710-JP, e SCP-3648
※SCP-3648 usa apenas a animação do áudio cassete.
※A imagem do áudio cassete foi criada por indonootoko da filial JP.

8. Como visto em SCP-4224, SCP-3241 & Sistema de Amnesticização Passiva Automatizado Ver. 17.09.

9. Como visto em SCP-835

10. Como visto em SCP-3143

11. Como visto em SCP-001-JP

12. Como visto em SCP-4051.

13. Imagem roubada do SCP-3935 de djkaktus.

14. Como visto em SCP-1970-JP SCP-1370-JP, e SCP-4260.

15. Como visto em SCP-131-PT e SCP-012-INT.

16. Como visto em: EE-3570 e SCP-4792. Créditos a Yossipossi, Lt Flops, e KindlyTurtleClem.

17. Nota de Tradutor: o formato a seguir é o utilizado na Filial Lusófona. A classificação de Nível de Ameaça utilizado na Filial Lusófona difere da original, criada pela Filial Francesa.

18. Como visto em SCP-4003

19. Fonte: http://scp-jp-sandbox2.wikidot.com/inc:fakeprot
Autor Original: Nanimono Demonai

20. Como visto em SCP-1370-JP.

21. Como visto em SCP-4224, SCP-4577 e SCP-3662

22. Como visto em ERRO: O Campo Não Pode Ser Lloyd

23. Como visto em A Galeria de Ilustrações de Alitair Hawks

24. Créditos para ambas opções vai para Nanimono Demonai.

25. Como visto em Sistema de Amnestização Passiva Automatizado Ver. 17.09, A Besta Debaixo da Biblioteca, e SCP-4415.

26. Como visto em SCP-1630-JP e SCP-1286-JP.

27. Imagem de exemplo é Caminho de Trilha Largo sob CC0