[[include :pt-br-backrooms-wiki:theme:super-liminal]]
Informação
Super Liminal é um tema da Wikidot criado por
Ambersight e traduzido para as Backrooms Lusófonas por
MokapHorse. Mesmo tendo um layout similar ao Tema Old Liminal, o tema tem na verdade, uma estrutura completamente diferente, e é destinado a servir como base para mais temas no futuro. O Super Liminal dispõe de diversas pré-configurações, e uma imensa quantidade de variáveis CSS que podem ser facilmente alteradas. Leia o seguinte conteúdo para saber como modificar o tema. Comparando com o Nuliminal ou o Old Liminal, o Super Liminal apresenta:
- Um layout mais simples
- Tamanho de fonte e blocos de imagem otimizados em dispositivos móveis
- Sem animações de pseudo-elementos
- Mais variáveis CSS
- Um estilo de design mais plano
- Muitos outros pequenos ajustes e moderações
Exemplos
⚠️ Aviso de Conteúdo ⤴
Este é um componente de Avaliação-com-crédito. Para adicionar o componente, use o seguinte código:
[[include :pt-br-backrooms-wiki:component:open]]
O seu conteúdo
[[include :backrooms-wiki:component:close]]
Adicione |cw=1 para o component:open para adicionar o sinal de "Aviso de Conteúdo".
A primeira fotografia tirada do Nível 0.
O Nível 0 é um espaço não linear, semelhante à uma sala dos fundos de um ponto de vendas. Similar à sua forma anterior, todas as salas do Nível 0 parecem uniformes e compartilham características superficiais como papel de parede amarelo, carpete úmido, e iluminação fluorescente colocada de forma inconsistente. No entanto, nenhuma sala do Nível é idêntica.
Título #1
Título #2
Título #3
- Lista de bullet-points
- Segundo
- Lista numerada
- Numero dois
Este é o segundo separador. Para criar uma tabview, use:
[[tabview]]
[[tab O primeiro separador]]
conteúdo
[[/tab]]
[[tab O segundo separador]]
conteúdo
[[/tab]]
[[/tabview]]
Obrigado por usar o tema Super Liminal (ou apenas por dedicar um tempo lendo isso XD)! O
Ambersight realmente levou muito tempo para criá-lo.
Se você tiver interesse em meus outros temas, dê uma olhada na minha Página de Autor!
(Observação: não tenho certeza se terei uma página de autor quando você estiver lendo isto.)
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
Este é um separador longo. Contém muito texto.
| Isto é uma |
tabela |
| para criar uma |
dessas |
| peça ajuda a um hacker |
> blockquote
[[div class="blockquote"]]
[[code]]
[[div class="code"]]
[[div class="lightblock"]]
[[div class="darkblock"]]
[[div class="styled-quote"]]
[[div class="dark-styled-quote"]]
[[note]]
A parede é AMARELA!!!
[[span class="bblock"]]
[[span class="dblock"]]
[[span class="keycap"]]
[[span class="ruby"]][[span class="rt"]]
[[iftags +componente]]
Este componente é da Wiki SCP, e foi submetido por
CityToast. Está licenciada sob CC-BY-SA 3.0. E foi modificado para esta wiki por scutoid studios. O componente foi traduzido para a Filial Lusófona por
MokapHorse.
A licença é uma forma fácil para as pessoas saberem como creditar-te e tanbém como uma forma fácil de colocar a fonte de imagens corretamente. Caixas de licença são um requisito para todas as páginas da wiki.
Componente Base:
[[include :pt-br-backrooms-wiki:component:license-box]]
=====
> **Nome:**
> **Autor:**
> **Licença:**
> **Fonte:**
> **Derivada de:** (Se aplicável)
> **Notas Adicionais:** (Opcional)
=====
[[include :pt-br-backrooms-wiki:component:license-box-end]]
Como usar a Caixa de Licença:
Passo 1:
Na parte inferior da página, abaixo do rodapé wikiwalk, coloque este pedaço de código:
[[include :pt-br-backrooms-wiki:component:license-box]]
=====
=====
[[include :pt-br-backrooms-wiki:component:license-box-end]]
Se tiveres notas de rodapé, adicione [[footnoteblock]] acima da caixa de licenciamento, desta forma:
[[footnoteblock]]
----
[[include :pt-br-backrooms-wiki:component:license-box]]
=====
=====
[[include :pt-br-backrooms-wiki:component:license-box-end]]
Passo 1.5 (opcional):
Se tens imagens ou outras formas de mídia, coloque este código entre os sinais de igual:
> **Nome:**
> **Autor:**
> **Licença:**
> **Fonte:**
> **Derivado de:** (Se aplicável)
> **Notas Adicionais:** (Opcional)
Se tens mais de um pedaço de mídia, coloque-o múltiplas vezes.
O seguinte é necessário na caixa de licença.
- "Nome" é o título da mídia.
- "Autor" é quem a criou. Se tu a fizeste, coloca o teu nome de usuário da wikidot.
- "Licença" é a licença da qual a mídia está sobre. Coloca exatamente como está na fonte. Se diz CC BY SA 2.0, então você coloca CC BY SA 2.0.
- "Fonte" é donde a encontraste. Se tu a criaste, colocas o URL da página que a mídia se localiza.
O seguinte é opcional na caixa de licença.
- "Derivado de" é se você editou uma variedade de imagens para criar uma nova ou fez algo similar, colocarias todas as imagens que utilizas-te aqui.
- "Notas Adicionais" é se cortaste a imagem ou a editaste de alguma forma, listarias essas mudanças aqui.
Também podes usar este box-ify-er útil para fazer o processo mais simples:
Notas:
- Quando tudo estiver configurado, deve aparecer o componente base.
- Você não pode usar alguns módulos, incluíndo CSS, HTML, e listpages, dentro da secção de licenciamento. Você também não pode utilizar collapsibles ou tables.
- Se as suas footnotes estão a aparecer depois da secção de licenciamento, lembre-se de adicionar [[footnoteblock]] acima do template de licenciamento.
- Não copie ou mova os elementos =====. Tenha apenas um par, e coloque esse par abaixo e acima do includes.
Passo 2
Adidione a tag de _caixadelicenca à página.
Passo 3 (opcional):
Você pode alterar diversos aspectos da mensagem padrão do componente com alguns parametros! Estes são funções customisáveis:
- author= Isto te permite mudar o nome do autor que aparece. Isso é ótimo para páginas colaborativas ou traduções. Este parâmetro é padronizado para mostrar o criador da página.
- license= Isto te permite mudar a licença da página se necessário. Note que isso apenas pode ser alterado para variantes da licença CC BY-SA. O padrão deste parâmetro é 3.0.
- url= Isto te permite mudar o url que aparece na mensagem se esta página for derivada de outra página. Novamente, muito útil para traduções. O padrão deste parâmetro é o link da página.
- origin= Esta é a primeira parte da mudança que diz donde a página se origina. Novamente, útil para traduções ou derivados de outros trabalhos. O padrão deste parâmetro é "Wiki Backrooms Lusófona".
- origin-link= Esta é a segunda parte da mensagem que diz donde a página se origina. O padrão deste parâmetro é o link para a página principal da nossa wiki.
[[include :pt-brbackrooms-wiki:component:license-box
|author=Texto aqui
|license=Texto aqui
|url=Texto aqui
|origin=Texto aqui
|origin-link=Texto aqui
]]
Este é o componente, ignore-o:
[[/iftags]]
Cite esta página da seguinte forma:
[[iftags +componente]]
Colmod foi originalmente criado por
Boyu12 e é licenciado sob CC BY-SA 3.0
As seguintes páginas compõem o componente Colmod
[[/iftags]]
-
"<a href="https://pt-br-backrooms-wiki.wikidot.com/theme:super-liminal">Super Liminal</a>" por Ambersight, traduzido por MokapHorse, da <a href="http://pt-br-backrooms-wiki.wikidot.com/">Wiki Backrooms Lusófona</a>. Fonte: <a href="https://pt-br-backrooms-wiki.wikidot.com/theme:super-liminal">https://pt-br-backrooms-wiki.wikidot.com/theme:super-liminal</a>. Licenciada sobre <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA-3.0</a>.
[[iftags +componente]]
Colmod foi originalmente criado por
Boyu12 e é licenciado sob CC BY-SA 3.0
As seguintes páginas compõem o componente Colmod
[[/iftags]]
Para mais informação sobre o conteúdo da wiki, visite a Lista de Licenciamento.
Pré-configurações
O Super Liminal disponibiliza múltiplas pré-configurações para modificares o seu layout. Para aplicar uma pré-configuração, mude o código para incluir:
[[include :pt-br-backrooms-wiki:theme:super-liminal
|Presetting 1
|Presetting 2
]]
Layout: Página Larga
Faz a sua página mais larga. Atenção: a página que estás atualmente é um exemplo de uma página larga.
Layout: Remove o título.
Remove o título da página. Ainda podes fazer um título falso utilizando o .meta-title.
Layout: Mostrar Sidebar
Mostra sempre a sidebar no lado esquerdo. Quando o tamanho do browser é menor que 1024px, a sidebar ainda será dobrada.
Palete: Dia
O estilo cássico preto e branco.
Palete: Pesadelo
Quem desligou as luzes?
Customizando o Tema
O Super Liminal disponibiliza um monte de variáveis CSS que podem ser alteradas. Se quiseres mudar alguma delas, utilize o código abaixo:
[[module CSS]]
:root {
--variable 1: value;
--variable 2: value;
...
--variable n: value;
}
[[/module]]
AVISO: os outros separadores são muito longos.
[[module CSS]]
:root {
/* Basic Colors */
--background-color: 237, 233, 223;
--text-color: 25, 20, 16;
/* Deco Colors */
--light-color-1: var(--background-color);
--light-color-2: 255, 251, 240;
--dark-color-1: 160, 160, 160;
--dark-color-2: 140, 136, 126;
--dark-color-3: 72, 69, 60;
--dark-color-4: 48, 48, 52;
/* Special Colors */
--warning-color: 193, 44, 50;
--accept-color: 20, 169, 32;
--neutral-color: 193, 147, 44;
--warning-text-color: var(--light-color-2);
--accept-text-color: var(--warning-text-color);
--neutral-text-color: var(--warning-text-color);
/* Link Colors */
--link-color: 230, 23, 68;
--hover-link-color: 187, 0, 34;
--visited-link-color: 150, 24, 43;
--newpage-color: 221, 102, 17;
/* Select Colors */
--selected-background-color: 67, 98, 197;
--selected-text-color: 253, 253, 253;
/* Scrollbar Colors */
--scrollbar-color: var(--dark-color-1), 0.75;
--scrollbar-background-color: var(--dark-color-1), 0.15;
/* Note Colors */
--note-background-color: 255, 242, 114;
--note-text-color: 24, 27, 27;
--note-border-color: 24, 27, 27, 0.5;
}
[[/module]]
[[module CSS]]
:root {
/* General Colors */
--general-light-background-color: var(--light-color-2);
--general-light-text-color: var(--text-color);
--general-medium-background-color: var(--dark-color-2);
--general-medium-text-color: var(--light-color-1);
--general-dark-background-color: var(--dark-color-3);
--general-dark-text-color: var(--light-color-1);
--general-shadow-color: var(--text-color);
--general-light-border-color: var(--dark-color-3), 0.08;
--general-medium-border-color: var(--dark-color-3), 0.2;
--general-strong-border-color: var(--dark-color-3), 0.5;
--general-dark-border-color: var(--dark-color-3);
--general-blur: 0.15rem;
--general-transition-time-fast: 0.2s;
--general-transition-time-slow: 0.3s;
/* General Buttons */
--general-button-text-color: var(--general-medium-text-color);
--general-button-background-color: var(--general-medium-background-color);
--general-hover-button-text-color: var(--general-dark-text-color);
--general-hover-button-background-color: var(--general-dark-background-color);
}
[[/module]]
[[module CSS]]
:root {
/* Header Colors */
--header-background-bottom: var(--general-dark-background-color);
--header-background-top: var(--general-dark-background-color), 0.9;
--header-background-image: linear-gradient(to top, rgba(var(--header-background-bottom)) var(--topbar-height), rgba(var(--header-background-top)) 100%);
--header-extra-background-image: radial-gradient(circle, rgba(var(--general-dark-background-color)) 50%, transparent 0);
--header-text-color: var(--general-dark-text-color);
--header-text-shadow-color: var(--general-shadow-color);
/* Topbar Colors */
--topbar-text-color: var(--light-color-1);
--topbar-hover-text-color: var(--topbar-text-color);
--topbar-background-color: 0, 0, 0, 0;
--topbar-hover-background-color: var(--dark-color-4);
--topbar-hover-border-color: var(--dark-color-2), 0.5;
--topbar-drop-text-color: var(--light-color-1);
--topbar-drop-hover-text-color: var(--general-medium-text-color);
--topbar-drop-background-color: var(--dark-color-4), 0.93;
--topbar-drop-hover-background-color: var(--general-medium-background-color);
--topbar-drop-border-color: var(--text-color);
--topbar-drop-border-width: calc(4rem / 45);
--topbar-drop-shadow-color: var(--general-shadow-color), 0.5;
/* User Account Colors */
--header-username-color: var(--dark-color-1);
--account-button-text-color: var(--general-dark-background-color);
--account-button-hover-text-color: var(--general-medium-text-color);
--account-button-background-color: var(--general-dark-text-color);
--account-button-hover-background-color: var(--general-medium-background-color);
--account-drop-text-color: var(--general-light-text-color);
--account-drop-hover-text-color: var(--general-medium-text-color);
--account-drop-background-color: var(--general-light-background-color);
--account-drop-hover-background-color: var(--general-medium-background-color);
--account-drop-border-color: var(--general-dark-border-color);
/* Search Button Colors */
--search-button-text-color: var(--account-button-text-color);
--search-button-hover-text-color: var(--account-button-hover-text-color);
--search-button-background-color: var(--account-button-background-color);
--search-button-hover-background-color: var(--account-button-hover-background-color);
/* Page Title Colors */
--page-title-text-color: var(--text-color);
--page-title-border-color: var(--general-dark-border-color);
/* Page Tag Colors */
--page-tag-border-color: var(--general-medium-background-color);
--page-tag-title-color: var(--general-medium-text-color);
--page-tag-text-color: var(--text-color);
--page-tag-hover-text-color: var(--general-dark-text-color);
--page-tag-background-color: var(--dark-color-2), 0.2;
--page-tag-hover-background-color: var(--general-dark-background-color);
/* Page Option Colors */
--page-option-text-color: var(--general-button-text-color);
--page-option-hover-text-color: var(--general-hover-button-text-color);
--page-option-background-color: var(--general-button-background-color);
--page-option-hover-background-color: var(--general-hover-button-background-color);
/* Footer Colors */
--footer-text-color: var(--general-medium-text-color);
--footer-background-color: var(--general-medium-background-color);
--license-background-color: var(--light-color-1);
--license-text-color: var(--dark-color-3);
--license-link-color: var(--license-text-color);
/* Sidebar Colors */
--sidebar-handle-text-color: var(--general-dark-text-color);
--sidebar-handle-background-color: var(--general-dark-background-color);
--sidebar-background-color: var(--light-color-1);
--sidebar-media-background-color: var(--text-color), 0.15;
--sidebar-media-icon-color: var(--dark-color-3);
--sidebar-title-background-color: var(--general-dark-background-color), 0.5;
--sidebar-title-text-color: var(--general-dark-text-color);
--sidebar-title-shadow-color: var(--general-shadow-color);
--sidebar-text-color: var(--text-color);
--sidebar-hover-text-color: var(--sidebar-text-color);
--sidebar-border-color: var(--general-light-border-color);
--sidebar-hover-background-color: var(--text-color), 0.15;
/* Action Colors */
--action-area-border-color: var(--general-light-border-color);
--action-area-subtext-color: var(--text-color), 0.75;
--action-area-info-background-color: var(--general-medium-background-color);
--action-area-info-text-color: var(--general-medium-text-color);
--page-source-background-color: var(--general-light-background-color);
--page-source-text-color: var(--general-light-text-color);
/* Edit Area Colors */
--edit-area-background-color: var(--dark-color-2), 0.15;
--edit-area-text-color: var(--text-color);
--edit-area-textarea-text-color: var(--general-light-text-color);
--edit-area-textarea-background-color: var(--general-light-background-color);
--edit-area-textarea-border-color: var(--general-dark-border-color);
--edit-area-info-background-color: var(--action-area-info-background-color);
--edit-area-info-text-color: var(--action-area-info-text-color);
--edit-area-button-background-color: var(--general-button-background-color);
--edit-area-button-text-color: var(--general-button-text-color);
--edit-area-hover-button-background-color: var(--general-hover-button-background-color);
--edit-area-hover-button-text-color: var(--general-hover-button-text-color);
/* Hovertip Colors */
--hovertip-background-color: var(--general-light-background-color);
--hovertip-text-color: var(--general-light-text-color);
--hovertip-border-color: var(--general-dark-border-color);
/* Image Block Colors */
--imageblock-caption-background-color: var(--general-light-background-color);
--imageblcok-caption-text-color: var(--general-light-text-color);
--imageblock-shaodw-color: 0, 0, 0, 0;
--imageblock-border-color: var(--general-medium-border-color);
/* Header & Horizon Colors */
--h1-color: var(--text-color);
--h2-color: var(--text-color);
--h3-color: var(--text-color);
--h4-color: var(--text-color);
--h5-color: var(--text-color);
--h6-color: var(--text-color);
--hr-color: var(--dark-color-1);
/* Tabview Colors */
--tabview-border-color: var(--general-dark-border-color);
--tabview-button-background-color: var(--general-light-background-color);
--tabview-button-text-color: var(--general-light-text-color);
--tabview-hover-button-background-color: var(--general-medium-background-color);
--tabview-hover-button-text-color: var(--general-medium-text-color);
--tabview-selected-button-background-color: var(--general-dark-background-color);
--tabview-selected-button-text-color: var(--general-dark-text-color);
--tabview-horizon-color: var(--dark-color-3), 0.65;
--tabview-content-background-color: var(--general-light-background-color), 0.25;
--tabview-content-text-color: var(--general-light-text-color);
/* Tabel Colors */
--table-border-color: var(--general-strong-border-color);
--table-header-background-color: var(--general-medium-background-color);
--table-header-text-color: var(--general-medium-text-color);
--table-background-color: var(--light-color-1);
--table-text-color: var(--text-color);
/* Blockquote Colors */
--blockquote-background-color: var(--general-light-background-color);
--blockquote-text-color: var(--general-light-text-color);
--blockquote-shadow-color: 0, 0, 0, 0;
--blockquote-border-color: var(--general-medium-border-color);
/* Code Block Colors */
--code-block-background-color: var(--blockquote-background-color);
--code-block-text-color: var(--blockquote-text-color);
--code-block-border-color: var(--general-strong-border-color);
/* TOC Colors */
--toc-background-color: var(--general-light-background-color);
--toc-text-color: var(--general-light-text-color);
--toc-border-color: var(--dark-color-2);
/* Note Colors */
--note-background-color: 255, 242, 114;
--note-text-color: 24, 27, 27;
--note-border-color: 24, 27, 27, 0.5;
/* Footnote Block Colors*/
--footnote-block-background-color: var(--dark-color-2), 0.18;
--footnote-block-text-color: var(--text-color);
--footnote-block-border-color: var(--general-dark-border-color);
/* Rating Module Colors */
--rating-background-color: var(--general-light-background-color);
--rating-text-color: var(--general-light-text-color);
--rating-rateup-color: var(--accept-color);
--rating-ratedown-color: var(--warning-color);
--rating-cancel-color: var(--neutral-color);
--rating-rateup-text-color: var(--accept-text-color);
--rating-ratedown-text-color: var(--warning-text-color);
--rating-cancel-text-color: var(--neutral-text-color);
--rating-info-color: var(--dark-color-3);
--rating-info-text-color: var(--light-color-2);
--rating-border-color: var(--general-dark-border-color);
/* Popups Colors */
--popup-fader-color: var(--general-shadow-color), 0.65;
--popup-background-color: var(--general-light-background-color);
--popup-text-color: var(--general-light-text-color);
--popup-title-background-color: var(--general-dark-background-color);
--popup-title-text-color: var(--general-dark-text-color);
--popup-border-color: var(--general-strong-border-color);
--popup-button-text-color: var(--general-button-text-color);
--popup-button-background-color: var(--general-button-background-color);
--popup-hover-button-text-color: var(--general-hover-button-text-color);
--popup-hover-button-background-color: var(--general-hover-button-background-color);
--popup-tip-color: var(--light-color-2);
--popup-loading-color: var(--dark-color-2);
/* The 4 */
--lightblock-background-color: var(--general-light-background-color);
--lightblock-text-color: var(--general-light-text-color);
--darkblock-background-color: var(--general-dark-background-color);
--darkblock-text-color: var(--general-dark-text-color);
--styled-quote-background-color: var(--general-light-background-color);
--styled-quote-text-color: var(--general-light-text-color);
--styled-quote-border-color: var(--general-dark-border-color);
--dark-styled-quote-background-color: var(--general-dark-background-color);
--dark-styled-quote-text-color: var(--general-dark-text-color);
--dark-styled-quote-border-color: var(--light-color-2);
}
[[/module]]
[[module CSS]]
:root {
/* Font Set */
--body-font: Inter, "Noto Sans SC", "Noto Sans TC", Arimo, Verdana, Geneva, sans-serif;
--header-font: Inter, "Noto Sans SC", "Noto Sans TC", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif;
--title-font: var(--header-font);
--mono-font: "JetBrains Mono", "Noto Serif SC", "Noto Serif TC", Consolas, monaco, monospace;
/* Header Vs */
--main-header-height: 8rem;
--main-header-height-on-mobile: 8rem;
--header-height: calc(var(--main-header-height) + var(--topbar-height));
--header-width: 65rem;
--header-margin: max(calc((100% - var(--header-width)) / 2), 0px);
--logo-image: url("../../logo_nomargin.svg");
--header-title: "The Backrooms";
--header-title-font-size: 2.65rem;
--header-title-font-size-on-mobile: 1.6rem;
--header-subtitle: "You've been here before.";
--header-subtitle-font-size: 1rem;
--header-subtitle-font-size-on-mobile: 0.6rem;
--search-icon-width-on-mobile: 2.5rem;
/* Topbar Vs */
--topbar-height: 2rem;
--topbar-height-on-mobile: 3.2rem;
--topbar-font-size: 0.8rem;
--topbar-font-size-on-mobile: 1rem;
/* Account Vs */
--account-drop-border-width: var(--topbar-drop-border-width);
/* Content Vs */
--body-width: 48rem;
--body-margin: max(calc((100% - var(--body-width)) / 2), 1rem);
--content-font-size: clamp(0.87rem, calc(0.83rem + 0.195vw), 1rem);
/* Sidebar Vs */
--sidebar-width: 18rem;
--sidebar-width-on-mobile: 17rem;
/* Page Tag Vs */
--page-tag-title: "TAGS \0021b4";
/* Image Block Vs */
--imageblock-border-width: 0.15rem;
/* Tabview Vs */
--tabview-border-width: calc(1rem / 15);
/* Tabel Vs */
--table-border-width: calc(2rem / 15);
/* Blockquote Vs */
--blockquote-border-width: calc(2rem / 15);
/* Popup Vs */
--popup-tip-content: "(Click anywhere to close)";
--popup-loading-content: "Saving Page...";
}
[[/module]]
A fonte do body é Inter.
A fonte monoespaçada é a JetBrains Mono.