Halloween2021

Este tema fue creado por Sariastuff.

Para importar este tema en tu página, debes poner el siguiente texto en cualquier parte de ella:

[[include :es-backrooms-wiki:theme:halloween2021]]

Ejemplos

Oh diablitos, ¡un esqueleto!

Una línea horizontal (horizontal rule) puede ser creada con 5 guiones "-----" y se extiende a lo largo de toda la página si no está ubicada dentro de nada (por ejemplo, una blockquote). La línea separando las secciones de este documento son líneas horizontales.

---

Títulos pueden ser creados colocando entre uno o seis signos más “+” al principio de la línea.

+ Títulos

Primer Título

Segundo Título

Tercer Título

Cuarto Título

Quinto Título

Sexto Título

Tabulador

Esta es una vista de pestaña (tab view).

Tabulación

Oh mira, más texto aquí.

Que curioso.

Long Tab

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta es una pestaña larga. Contiene mucho texto.

Esta pestaña vacía tiene un nombre largo por alguna razón. ¿Me pregunto por qué será?

Pestaña Vacía

Pestaña Vacía

Pestaña Vacía

Pestaña Vacía

Pestaña Vacía

Esta es un bloque de cita (blockquote), creado al poner “>” al principio de cada línea.
Más texto

---

Esa es una línea horizontal.

Un bloque de cita anidado¹

Esta es una	tabla
Ya deberías	saber cómo
hacerlas

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

[[/div]]

[[div class="lightblock"]]

[[/div]]

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

[[/div]]

[[div class="darkblock"]]

[[/div]]

Además de los divblocks aburridos por default, ¡el tema también incluye estos increíbles bloques de Halloween que, siendo realistas, nunca usaras en tus artículos!

[[div class="orbituary"]]
Test
[[/div]]

[[div class="jacko"]]
Test
[[/div]]

[[div class="noxious"]]
Test
[[/div]]

[[div class="bewitched"]]
Test
[[/div]]

It's le spooky month!
It's le spooky month!
It's le spooky month!
It's le spooky month!
It's le spooky month!
It's le spooky month!

Dead link test

+ Código del Tema Original

/*
   Halloween 2021 theme
   [2020 Wikidot Theme]
   by ArgonMighty
*/
 
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300&display=swap');
 
@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "Halloween2021";
   --theme-name: "Halloween 2021";
   --header-height-on-mobile: 15rem;
   --header-height-on-desktop: 15rem;
 
   --logo-image: url("http://backrooms-wiki.wikidot.com/local--files/theme:halloween2021/Web");
   --header-title: "HALLOWEEN CONTEST 2021";
   --header-subtitle: "TRICKS AND TREATS APLENTY.";
 
   --body-font: proxima-nova, sans-serif;
   --header-font: 'Signika', sans-serif;
   --title-font: 'Signika', sans-serif;
   --mono-font: 'Signika', sans-serif;
 
   --white-monochrome: 225, 233, 247;
   --pale-gray-monochrome: 255, 251, 240;
   --light-gray-monochrome: 145, 96, 22;
   --dark-gray-monochrome: 14, 31, 99;
   --gray-monochrome: 9, 22, 46;
   --black-monochrome: 5, 4, 23;
   --bright-accent: 255, 144, 18;
   --medium-accent: 7, 14, 28;
   --dark-accent: 11, 23, 46;
   --pale-accent: 11, 23, 46;
 
   --rating-module-button-plus-color: 219, 140, 4;
   --rating-module-button-negative-color: 143, 36, 0;
   --rating-module-button-cancel-color: 58, 61, 77;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: 245, 125, 12;
   --hover-link-color: 255, 184, 5;
   --newpage-color: 114, 27, 207;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--medium-accent)) 0%,
      rgba(var(--medium-accent), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgb(var(--medium-accent)) 75%, transparent 0);
   background-repeat: repeat;
   background-size: 0.50em 0.25em;
   width: 100%;
   height: 15rem;
}
 
#side-bar .side-block div a img {
   filter: grayscale(100%);
}
 
#container {
   background-image: radial-gradient(circle, rgb(var(--medium-accent), 0.05) 50%, transparent 0);
   background-size: 0.25em 0.25em;
   background-repeat: repeat;
   background-attachment: fixed;
}
 
div#page-options-bottom-2 > a, div#page-options-bottom > a {
   border-radius: 0em;
   -moz-border-radius: 0em;
   border: none;
}
 
div#page-options-bottom-2 > a:active, div#page-options-bottom-2 > a:hover, div#page-options-bottom > a:active, div#page-options-bottom > a:hover {
   border: none;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#search-top-box {
    top: 15%;
    right: 3%;
}
 
@media only screen and (max-width: 768px) {
   #search-top-box {
      top: 0;
      right: 0;
   }
}
 
#header {
   background-image: none;
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 100rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.25;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 2.6rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h1 a:before {
   content: "The Backrooms";
   content: var(--header-title);
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2.9rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
#search-top-box-form>input, #search-top-box-form>input[type=submit] {
   padding: 0.5rem;
}
 
a.newpage {
   background: transparent;
   text-decoration: none
}
 
a.newpage {
   color: rgb(var(--newpage-color))
}
 
blockquote {
   box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
 
.styled-quote {
   background-color:rgb(var(--pale-gray-monochrome));
   border-left: 0.5rem solid rgba(var(--gray-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,.25);
}
 
.dark-styled-quote {
   background-color:rgb(var(--gray-monochrome));
   border-left: 0.5rem solid rgba(var(--pale-gray-monochrome));
   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,.25);
}
 
.dark-styled-quote a{
color: rgb(var(--swatch-menubg-medium-color));
}
 
.lightblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock {
   background-color:rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.darkblock a {
color: rgb(var(--swatch-menubg-medium-color));
}
 
.orbituary{
   background: linear-gradient(180deg, rgba(12, 12, 12,.1), rgba(12, 12, 12,.1)), url(http://backrooms-wiki.wikidot.com/local--files/theme:halloween2021/skull) center/50% no-repeat;
   background-color:rgb(12, 12, 12);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0,.25);
   border: solid 2px rgb(var(--medium-accent));
   color:rgb(245, 245, 245);
}
 
.jacko{
   background: linear-gradient(180deg, rgba(255, 179, 38,.3), rgba(255, 179, 38,.3)), url(http://backrooms-wiki.wikidot.com/local--files/theme:halloween2021/Pumpkin) center/50% no-repeat;
   background-color:rgb(8, 8, 8);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   background-color:rgb(255, 179, 38);
   border: solid 2px rgb(var(--medium-accent));
   color:rgb(0, 0, 0);
}
 
.noxious{
   background: linear-gradient(180deg, rgba(0, 158, 0,.5), rgba(0, 158, 0,.5)), url(http://backrooms-wiki.wikidot.com/local--files/theme:halloween2021/Cauldron) center/50% no-repeat;
   background-color:rgb(0, 158, 0);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0,.25);
   border: solid 2px rgb(var(--medium-accent));
   color:rgb(0, 0, 0);
}
 
.bewitched{
   background: linear-gradient(180deg, rgba(174, 74, 255,.5), rgba(174, 74, 255,.5)), url(http://backrooms-wiki.wikidot.com/local--files/theme:halloween2021/Witch) center/50% no-repeat;
   background-color:rgb(174, 74, 255);
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0,.25);
   border: solid 2px rgb(var(--medium-accent));
   color:rgb(0, 0, 0);
}

Autor(s)

Escrito por Sariastuff.

Licencias de imágenes:
Logo
Orbituary
Jacko
Noxious
Bewitched

Footnotes

1. ¡Y aquí una nota la pie de la página (footnote)!