Tema Starscape

Esse tema foi criado por DrBobtail, uma variação do Tema Stardust por VivamusLudio.

Traduzido por Kattyn

Para importar esse tema em sua página, coloque o seguinte texto em qualquer lugar:

[[include :pt-br-backrooms-wiki:theme:starscape]]

A fonte do cabeçalho é Michromia.
A fonte do título é Michromia.
A fonte do texto é Space Grotesk.
A fonte do mono espaçado é Fira Code.

Exemplos

Eu sou normal

Uma linha horizontal pode ser criada com 5 hífens "-----" e se estende por toda a página se não estiver inserido em nada (por exemplo, um bloco de citação). As linhas que separam as seções deste documento são regras horizontais.

---

Títulos podem ser criados colocando entre um e seis sinais de mais '+' no início da linha.

+ Títulos

Primeiro Título

Segundo Título

Terceiro Título

Quarto Título

Quinto Título

Sexto Título

Tabulador

Isso é uma Tabview.

Tabulation

Ei olha, mais texto aqui!

Guia longa

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Isso é uma guia longa. Contém muito texto.

Esta aba vazia tem um nome realmente longo por algum motivo estranho. Eu me pergunto por quê?

Guia Vazia

Guia Vazia

Guia Vazia

Guia Vazia

Guia Vazia

Isso é um bloco de citação, criado por um ">" no início de cada linha.
Mais texto.

---

Isso é uma linha horizontal.

Citações em bloco aninhadas¹

Isso é uma	tabela
Você deve saber	como fazer uma dessas
Não é?

[[div class="styled-quote"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

[[div class="darkblock"]]

[[/div]]

[[div class="borderblock"]]

[[/div]]

[[div class="stripeblock"]]

[[/div]]

[[div class="starblock"]]

[[/div]]

[[div class="nebulablock"]]

[[/div]]

A rápida raposa marrom pulou sobre o cachorro preguiçoso.
A rápida raposa marrom pulou sobre o cachorro preguiçoso.
A rápida raposa marrom pulou sobre o cachorro preguiçoso.
A rápida raposa marrom pulou sobre o cachorro preguiçoso.
A rápida raposa marrom pulou sobre o cachorro preguiçoso.
A rápida raposa marrom pulou sobre o cachorro preguiçoso.

Agradecimentos a [[*usuário Super-Robot14]] e [[*usuário cakelord114514]] pela ajuda com a codificação, e a [[*usuário r a t i f]] pela iluminação técnica.

+ Código do Tema

@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Radio+Canada&display=swap&family=Space+Grotesk&display=swap&family=Fira+Code&display=swap');
 
:root {
    --theme-base: "black-highlighter";
    --theme-id: "starscape";
    --theme-name: "Starscape Theme";
 
   --body-font: 'Space Grotesk', sans-serif;
   --header-font: 'Michroma', cursive;
   --title-font: 'Michroma', cursive;
   --mono-font: 'Fira Code', monospace;
 
    /* Header */
    --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/component:theme/logo.svg");
    --header-title: "As Backrooms";
    --header-subtitle: "Deixe as estrelas guiarem você.";
 
    /* Standard Colors */
    --pale-gray-monochrome: 250, 250, 250;
    /* white */
    --black-monochrome: 5, 12, 29;
    --dark-gray-monochrome: 5, 12, 29;
    /* navy blue for bg */
    --bright-accent: 208, 174, 126;
    /* orange */
    --medium-accent: 26, 65, 128;
    --dark-accent: 26, 65, 128;
    /* light blue */
 
    /* Primary Theme Colors */
    --swatch-background: var(--black-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-secondary-color: var(--black-monochrome);
 
    /* Primary Text Colors */
    --swatch-text-general: var(--swatch-text-light);
    --swatch-important-text: var(--bright-accent);
 
    /* Primary Menu Colors */
    --swatch-menubg-color: var(--black-monochrome);
    --swatch-menutxt-dark-color: var(--white-monochrome);
    --swatch-menutxt-general-color: var(--swatch-menutxt-light-color);
    --swatch-border-color: var(--bright-accent);
    --footnotes-footer-bg-color: var(--medium-accent), .25;
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--bright-accent);
    --swatch-topmenu-bg-color: var(--black-monochrome);
 
    /* Link Colors */
    --link-color: var(--bright-accent);
    --visited-link-color: var(--bright-accent);
    --hover-link-color: var(--bright-accent);
    --sidebar-links-text: var(--swatch-menutxt-dark-color);
    --link-color-bright: var(--medium-accent);
 
/* Header Gradients */
--gradient-header: none;
--diagonal-stripes: none;
 
}
 
#main-content {
    --tabs-selected-bg: var(--medium-accent);
    --tabs-selected-outline: var(--medium-accent);
}
 
/*weird stuff*/
 
 #page-title::after,
 .meta-title::after,
 #page-title::before,
 .meta-title::before {
        background: rgb(var(--swatch-primary));
}
 
#top-bar {
    --dropdown-border-color: var(--bright-accent);
}
 
hr {
  background-color: rgb(var(--bright-accent));
  border-color: rgb(var(--bright-accent));
}
 
#page-title, .meta-title {
    border-color: rgb(var(--bright-accent));
    color: rgb(var(--bright-accent))!important;
 
}
 
#skrollr-body, #header {
   background-image: none;
}
 
div#container-wrap{
    background: url(http://backrooms-sandbox-2.wdfiles.com/local--files/drbobtail/nebulaheader1.png) top center repeat-x;
    background-size: 100%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(5, 12, 29,1) 37%);
   background-size: 37rem 37rem;
   background-attachment: scroll;
}
 
/* Header Colours */
h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--bright-accent));
}
 
/*image block*/
#page-content .scp-image-block .scp-image-caption {
    color: rgb(var(--bright-accent));
    background-color: rgba(var(--bright-accent), .25);
    border-color: rgba(var(--bright-accent));
}
 
#page-content .image-block,
#page-content  .scp-image-block {
    border: none;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(var(--bright-accent), .45) outset;
}
 
/*rate module*/
#content-wrap #page-content .page-rate-widget-box {
    background: none;
    border: 3px hidden;
    background-color: rgba(var(--bright-accent), .25);
    border-radius: 4px;
}
 
/*table*/
#page-content table.wiki-content-table th {
border: 1px solid rgb(var(--medium-accent)), !important;
border-radius: 3px;
background-color: rgba(var(--medium-accent), .25);
color: rgb(var(--medium-accent));
}
 
#page-content table.wiki-content-table td {
border: 1px solid rgb(var(--medium-accent)) !important;
}
 
/*top bar*/
#top-bar div.top-bar > ul > li > ul,
#top-bar div.mobile-top-bar > ul > li > ul {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li > a:hover,
#top-bar div.mobile-top-bar > ul > li > a:hover {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
#top-bar div.top-bar > ul > li:hover > a,
#top-bar div.mobile-top-bar > ul > li:hover > a {
    background-color: rgba(var(--bright-accent), 0.5);
}
 
/* tabs! */
 
/*unselected tab color*/
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
     background-color: rgba(var(--medium-accent), .25);
     color:rgb(var(--white-monochrome));
    border-radius: 6px 6px 0px 0px;
}
 
/*hover tab bg*/
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
     background-color: rgba(var(--medium-accent), .25);
    border-radius: 6px 6px 0px 0px;
}
 
/*selected tab bg*/
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
     background-color: rgba(var(--medium-accent), 1);
    border-radius: 6px 6px 0px 0px;
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
     background-color: rgba(var(--medium-accent), 1);
    border-radius: 6px 6px 0px 0px;
}
 
/*backer background*/
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background: rgb(var(--black-monochrome));
    border-radius: 6px 6px 0px 0px;
}
 
/* content background color */
#content-wrap #page-content .yui-navset .yui-content {
    background-color: rgba(var(--medium-accent), 0.25);
}
 
/* content border */
#content-wrap #page-content .yui-navset .yui-content,
#content-wrap #page-content .yui-navset .yui-navset-top .yui-content {
    border: 1px hidden rgb(var(--medium-accent));
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
    border-radius: 0px 0px 6px 6px;
}
 
/* edit menu */
 
form#edit-page-form:not(.data-form) {
    background-color: rgba(var(--bright-accent), 0.25);
}
 
/*mobile stuff*/
@media only screen and (max-width:768px){
 
:root{
   --header-height-on-mobile: 7.5rem;
}
 
#main-content {
max-width: 90vw;
padding: 0;
margin: 9.2em auto 0;
}
 
#header {
position: absolute;
top: 0.5rem;
height: var(--header-height-on-mobile);
}
 
#page-title, .meta-title {
position: center;
padding-top: 3.5rem;
}
 
div#container-wrap{
    background: url(http://backrooms-sandbox-2.wdfiles.com/local--files/drbobtail/nebulaheader1.png) top center repeat-x;
    background-size: 220%;
}
 
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(5, 12, 29,1) 37%);
   background-size: 20rem 20rem;
   background-attachment: scroll;
}
}
 
@media only screen and (max-width:1366px){
#container {
   background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(5, 12, 29,1) 37%);
   background-size: 25rem 25rem;
   background-attachment: scroll;
}
div#container-wrap{
    background: url(http://backrooms-sandbox-2.wdfiles.com/local--files/drbobtail/nebulaheader1.png) top center repeat-x;
    background-size: 160%;
}
}
 
/*funny blocks*/
#page-content blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
   background-color:rgba(var(--bright-accent), .25);
   border-color: rgb(var(--bright-accent));
   border-radius: 6px;
}
 
.styled-quote {
   background-color:rgba(var(--bright-accent), .25);
   border-radius: 6px;
   border-left: 0.5rem solid rgb(var(--bright-accent));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
   color: rgb(var(--white-monochrome));
}
 
.dark-styled-quote {
   background-color:rgba(var(--medium-accent), .25);
   border-radius: 6px;
   border-left: 0.5rem solid rgb(var(--medium-accent));
   color:rgb(var(--white-monochrome));
   padding: 0.1rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgba(var(--bright-accent), .25);
   border-radius: 6px;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   color: rgb(var(--white-monochrome));
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
}
 
.darkblock {
   background-color:rgba(var(--medium-accent), .25);
   color:rgb(var(--white-monochrome));
   border-radius: 6px;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
}
 
.stripeblock {
    background: repeating-linear-gradient(45deg, rgb(var(--black-monochrome)), rgb(var(--medium-accent)) 15%);
    background-color:rgb(var(--bright-accent));
    color:rgb(var(--swatch-text-general));
    padding: 0.01rem 1rem;
    margin: 0.5rem 0 0.5rem 0.25rem;
    border: none;
    border-radius: 6px;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
 }
 
.starblock {
  border: 20px solid transparent;
  padding: 0.01rem 1rem;
  border-image: url(http://backrooms-sandbox-2.wdfiles.com/local--files/drbobtail/border.png) 152;
}
 
.borderblock {
   background-color:rgb(var(--medium-accent), .25);
   color:rgb(var(--pale-grey-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   border: solid 0.3rem rgb(var(--bright-accent));
   letter-spacing: 0px;
   border-radius: 6px;
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
}
 
.nebulablock{
  width: auto;
  padding: 0.01rem 1rem;
  margin: 0.5rem 0 0.5rem 0.25rem;
  background: rgba(255, 255, 255, 0.25) url(http://backrooms-sandbox-2.wdfiles.com/local--files/drbobtail/nebulaheader1.png) repeat center;
  box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
  border-radius: 6px;
  border: none;
}
 
.code {
    border: 3px hidden rgb(5, 12, 29));
    background-color:rgba(var(--medium-accent), .25);
    border-radius: 6px;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
}
 
.footnotes-footer {
    border-radius: 6px;
    box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.45) inset;
    border-left: 0.75rem solid rgb(var(--medium-accent));
    border-top: 0.75rem solid rgb(var(--medium-accent));
}
 
#header h1 a:hover:before {
     text-shadow: var(--header-text-shadow);
}
 
/* ==SD CLASS CODE== */
 
.sd-container {
   --sd-border:var(--medium-accent);
   --sd-bullets:var(--sd-border);
   --sd-symbol:255,255,255;
}

---

[[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]]

‡ Licença / Citação

Cite esta página da seguinte forma:

"Tema Starscape" por DrBobtail, da Wiki Backrooms Lusófona. Fonte: https://pt-br-backrooms-wiki.wikidot.com/theme:starscape. Licenciada sobre CC-BY-SA-3.0.

[[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

• Coltop
• Coltop Deep
• Colbottom
• Colbottom Deep
• Colstyle

[[/iftags]]

• • _
  + Citação incorporada como HTML- Citação incorporada como HTML

  "<a href="https://pt-br-backrooms-wiki.wikidot.com/theme:starscape">Tema Starscape</a>" por DrBobtail, 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:starscape">https://pt-br-backrooms-wiki.wikidot.com/theme:starscape</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

  • Coltop
  • Coltop Deep
  • Colbottom
  • Colbottom Deep
  • Colstyle

  [[/iftags]]

---

Nome: “Cosmic Cliffs” Carina Nebula NASA’s
Autor: NASA
Licensa: CC0 1.0
Link: Link

Nome: HH 901 and HH 902 in the Carina nebula (captured by the Hubble Space Telescope)
Autor: NASA
Licensa: CC0 1.0
Link: Link

Para mais informação sobre o conteúdo da wiki, visite a Lista de Licenciamento.

Notas de rodapé

1. E aqui está uma nota de rodapé!