Lost Neon

Esse tema foi criado por Kattyn.

Inspirado no tema Blinding Lights.

Para importar este tema para sua página, coloque o seguinte texto em qualquer lugar dentro do artigo:

[[include :pt-br-backrooms-wiki:theme:lost-neon]]

Exemplos

Uma régua horizontal pode ser criada com 5 hifens "-" e se estende por toda a página se não for colocada dentro de nada (por exemplo, um blockquote). As linhas que separam as seções deste documento são regras horizontais.

Oh, legal!

Tem também o ^sobrescrito e o _subscrito!

Os títulos podem ser criados colocando entre um e seis "+" no início da linha

+ Títulos

Texto aqui.

Isso é uma blockquote, para criar blockquotes, coloque ">" antes do texto.
Mais texto.

Isso é uma régua horizontal.

Blockquotes aninhadas.

E outra.¹

Isto é uma	tabela
Você deve saber	como fazer isso
eu acho

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

Isto é um blockquote estilizado!

[[/div]]

[[div class="lightblock"]]

Aonde está a linha? Sem graça..

[[/div]]

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

Olha quem voltou!

[[/div]]

[[div class="darkblock"]]

Meh, dá para o gasto.

[[/div]]

Oi, sou eu o negrito.

Eu sou o itálico!

Sublinhado chegou >:)

Eu sempre sou esquecido?

A fonte é Anek Kannada.

A fonte do cabeçalho é Orbitron.

Ei, não esquece de mim!

+ Abrir código do tema

- Pequeno, não é?

@import url('https://fonts.gstatic.com/s/anekkannada/v34/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyGy6BoWgz.woff2');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');

:root {
  --neon-color: #ff00ff;
  --neon-glow: rgba(255, 0, 255, 0.6);
  --dark-bg: #000000;
  --header-title: "Lost Neon";
  --header-subtitle: "A perdição está chegando.";
  --logo-image: url("http://sandboxthebackrooms-pt-br.wikidot.com/local--files/theme:lost-neon/neon.png");
    --firstAccent: 128, 0, 128;
    --secondAccent: 64, 0, 64;

    --white-monochrome: 0, 0, 0;
    --pale-gray-monochrome: 20, 20, 20;
    --light-gray-monochrome: var(--firstAccent);
    --gray-monochrome: var(--secondAccent);
    --black-monochrome: var(--firstAccent);

    --bright-accent: 128, 0, 128;
    --medium-accent: 20, 20, 20;
    --dark-accent: 64, 0, 64;
    --pale-accent: 128, 0, 128;

    --swatch-topmenu-border-color: var(--medium-accent);
    --link-color: 200, 0, 255;
    --hover-link-color: 255, 0, 255;

    --background-gradient-distance: 0rem;
    --gradient-header: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(var(--black-monochrome), 0.9) 100%);

    --swatch-text-secondary-color: 200, 0, 255;
    --swatch-text-primary-color: 255, 0, 255;
    --swatch-headerh1-color: 255, 0, 255;
    --swatch-headerh2-color: 200, 0, 255;
}

@keyframes bgPulse {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

h1, h2, h3, h4, h5, h6 {
  color: var(--neon-color);
  font-family: 'Orbitron', sans-serif;
  text-shadow: 0 0 10px var(--neon-glow), 0 0 20px var(--neon-color);
  animation: glowTitle 2s infinite alternate;
}

@keyframes glowTitle {
  from { text-shadow: 0 0 5px var(--neon-glow); }
  to { text-shadow: 0 0 20px var(--neon-color); }
}

a {
  color: var(--neon-color);
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: white;
  text-shadow: 0 0 10px var(--neon-color);
}

hr {
  border: none;
  height: 2px;
  background: linear-gradient(to right, var(--neon-color), #800080);
  box-shadow: 0 0 10px var(--neon-color);
}

@media screen and (prefers-reduced-motion: no-preference) {
  #page-title, #breadcrumbs, #page-content > * {
    animation: fadeIn 1s ease-out backwards;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body {
    background-color: rgb(var(--white-monochrome));
    color: rgb(var(--swatch-text-primary-color));
    text-shadow: 0 0 5px rgba(var(--firstAccent), 0.7);
}

#footer,
#login-status,
#top-bar,
.owindow .button-bar a,
a.button,
button,
div.buttons input,
input.button {
    background-color: rgb(var(--medium-accent));
    border: 2px solid rgb(var(--black-monochrome));
    color: rgb(var(--swatch-text-primary-color));
    transition: all 0.3s ease-in-out;
}

a:hover,
button:hover,
input.button:hover {
    background-color: rgb(var(--firstAccent));
    color: rgb(0, 0, 0);
    box-shadow: 0 0 10px rgba(var(--firstAccent), 0.8);
}

.top-box {
    filter: grayscale(100%) brightness(1.2) contrast(1.5);
}

.bottom-box {
    filter: grayscale(100%) brightness(2) contrast(2);
}

.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: rgb(var(--firstAccent));
    color: rgb(0, 0, 0);
    box-shadow: 0 0 5px rgba(var(--firstAccent), 0.6);
}

hr {
    border: none;
    height: 2px;
    background: linear-gradient(to right, rgba(var(--firstAccent), 0.5), rgba(var(--secondAccent), 0.5));
}

@import url('https://fonts.gstatic.com/s/anekkannada/v34/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyGy6BoWgz.woff2');

:root {
    --firstAccent: 128, 0, 128;
    --secondAccent: 128, 0, 128;
    --white-monochrome: 0, 0, 0;
    --pale-gray-monochrome: 20, 20, 20;
    --light-gray-monochrome: var(--firstAccent);
    --gray-monochrome: var(--secondAccent);
    --black-monochrome: var(--firstAccent);
    --bright-accent: 128, 0, 128;
    --medium-accent: 20, 20, 20;
    --dark-accent: 64, 0, 64;
    --pale-accent: 128, 0, 128;
    --link-color: 200, 0, 255;
    --hover-link-color: 255, 0, 255;
    --swatch-text-primary-color: 255, 0, 255;
    --swatch-text-secondary-color: 200, 0, 255;
}

body {
    background-color: rgb(var(--white-monochrome));
    color: rgb(var(--swatch-text-primary-color));
    text-shadow: 0 0 8px rgba(var(--firstAccent), 0.8);
    animation: fadeIn 1s ease-in;
}

.darkblock {
  background-color: rgba(0, 0, 0, 0.85);
  color: #ff00ff;
  text-shadow: 0 0 6px rgba(255, 0, 255, 0.6);
  padding: 12px;
  border: 2px solid rgba(255, 0, 255, 0.4);
  box-shadow: 0 0 12px rgba(255, 0, 255, 0.3);
  border-radius: 6px;
}

.dark-styled-quote {
  background-color: rgba(10, 0, 20, 0.85);
  color: #ff00ff;
  text-shadow: 0 0 6px rgba(255, 0, 255, 0.6);
  padding: 12px;
  border-left: 4px solid #ff00ff;
  box-shadow: inset 0 0 10px rgba(255, 0, 255, 0.2);
  margin: 10px 0;
}

a, h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--swatch-text-primary-color));
    transition: color 0.3s ease;
}

a:hover {
    color: rgb(var(--hover-link-color));
    text-shadow: 0 0 10px rgba(var(--hover-link-color), 0.9);
}

button, .button, input[type="submit"] {
    background-color: rgb(var(--medium-accent));
    border: 2px solid rgb(var(--black-monochrome));
    color: rgb(var(--swatch-text-primary-color));
    box-shadow: 0 0 5px rgba(var(--firstAccent), 0.6);
    transition: all 0.3s ease;
}

button:hover, .button:hover, input[type="submit"]:hover {
    background-color: rgb(var(--firstAccent));
    color: black;
    box-shadow: 0 0 15px rgba(var(--firstAccent), 1);
}

.top-box, .bottom-box {
    filter: grayscale(100%) brightness(2) contrast(2);
    border: 2px solid rgba(var(--firstAccent), 0.5);
    padding: 10px;
    box-shadow: 0 0 10px rgba(var(--firstAccent), 0.4);
}

hr {
    border: none;
    height: 2px;
    background: linear-gradient(to right, rgba(var(--firstAccent), 0.5), rgba(var(--secondAccent), 0.5));
    animation: glow 2s infinite alternate;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { opacity: 0.4; }
    50% { opacity: 0.6; }
    100% { opacity: 0.4; }
}

@keyframes glow {
    from { box-shadow: 0 0 5px rgba(var(--firstAccent), 0.3); }
    to { box-shadow: 0 0 15px rgba(var(--firstAccent), 0.7); }
}

.styled-quote {
  background-color: rgba(20, 0, 40, 0.85);
  border-left: 4px solid #ff00ff;
  padding: 14px 18px;
  margin: 12px 0;
  color: #ff99ff;
  text-shadow: 0 0 5px rgba(255, 0, 255, 0.6);
  box-shadow: 0 0 12px rgba(255, 0, 255, 0.2);
  border-radius: 8px;
  animation: fadeIn 0.8s ease-in-out both;
}

.lightblock {
  background-color: rgba(255, 255, 255, 0.08);
  color: #ff99ff;
  text-shadow: 0 0 4px rgba(255, 0, 255, 0.4);
  padding: 12px 16px;
  margin: 12px 0;
  border: none;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(255, 0, 255, 0.1);
  animation: fadeIn 0.8s ease-in-out both;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

#my-account,
#my-account:link,
#my-account:visited {
    color: #ff00ff !important
}

#my-account:hover {
    color: #ff66ff !important;
}

#login-status a > strong {
    color: #ff00ff !important;
}

#page-title {
    font-family: 'Orbitron', sans-serif !important;
}

pt tema

revisão da página: 3, última edição: 19 Aug 2025 21:54

Editar Avalie (+3) Etiquetas Discutir (1) Histórico Arquivos Impressão Ferramentas do site + Opções

As Backrooms

Filial Lusófona

Exemplos

Primeiro Título

Segundo Título

Terceiro Título

Quarto Título

Quinto Título

Sexto Título