Tema: Las Doncellas Enmascaradas

Este tema fue creado por TrailmixNCocoa.

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

[[include :es-backrooms-wiki:theme:masked-maidens-theme]]

Ejemplos

Doncellas Enmascaradas

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

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

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

alguien una vez me dijo

que el mundo era un macarrón

así que le di un mordisco a un árbol

y sabía a mierd*.

así que lo escupí en un conejo

y el conejo hizo *&^$ en miIIiIiIiI

Enmascarar es revelar.
Enmascarar es revelar.
Enmascarar es revelar.
Enmascarar es revelar.
Enmascarar es revelar.
Enmascarar es revelar.

La fuente para el header y el título es Josefin Slab.
La fuente para el cuerpo es Latos Sans-serif.
La fuente para el monoespaciado es Courier.

+ Código del Tema Original

- Cerrar

@import url(https://backrooms-wiki.wdfiles.com/local--code/component%3Apatch/1);
@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "mm-theme";
   --theme-name: "Masked Maidens Theme";
 
   --logo-image: url("https://i.ibb.co/ZccffPw/logo-for-pr.png");
   --header-title: "The Masked Maidens";
   --header-subtitle: "To Mask is to Reveal.";
 
   --body-font: 'Lato', sans-serif;
   --header-font: 'Josefin Slab'; serif;
   --title-font: 'Josefin Slab', serif;
   --mono-font: 'Courier'; monospace;
 
--reddish-pink-monochrome: 200, 102, 110;
   --blue-monochrome: 57, 79, 107;
   --pale-blue-monochrome: 71, 74, 100;
   --pale-purple-monochrome: 85, 70, 92;
   --red-purple-monochrome: 99, 65, 85;
   --redder-purple-monochrome: 113, 61, 77;
   --pale-red-monochrome: 255, 204, 203;
   --pale-pink-monochrome: 251, 237, 242;
--dark-red: 94, 10, 10;
--even-darker-red: 64, 0, 0;
   --bright-accent: 198, 33, 33;
   --medium-accent: 184, 38, 40;
   --dark-accent: 128, 56, 70;
   --pale-accent: 142, 51, 63;
--light-grey-monochrome: 180, 180, 180;
--green-monochrome: 0, 200, 0;
--white-monochrome: 255, 255, 255;
--dark-purple-monochrome: 48, 21, 40;
--purple-monochrome: 71, 43, 62;
--red-pink-monochrome: 171, 76, 85;
--just-pink: 255, 217, 229;
--redder-pink-monochrome: 240, 187, 196;
--even-paler-blue: 178, 182, 217;
--another-pink-shade: 245, 149, 162;
--loveutoojami: 222, 149, 165;
 
/*I hate you so much -Jami*/
 
--background-gradient-color: var(--pale-pink-monochrome);
 
 --swatch-background: var(--pale-pink-monochrome);
    --swatch-primary: var(--bright-accent);
    --swatch-primary-darker: var(--reddish-pink-monochrome);
    --swatch-primary-darkest: var(--dark-accent);
 
    --swatch-text-dark: var(--dark-accent);
    --swatch-text-light: var(--pale-pink-monochrome);
    --swatch-important-text: var(--pale-red-monochrome);
    --barColour: var(--blue-monochrome);
    --linkColour: var(--pale-blue-accent);
 
   --swatch-topmenu-border-color: 64, 0, 0;
 --swatch-menubg-dark-color: 95, 65, 85;
 --barColour: 198, 33, 33
--swatch-topmenu-bg-color: 94, 10, 10;
 
 --swatch-headerh1-color: var(--pale-pink-monochrome);
    --swatch-headerh2-color: var(--pale-red-monochrome);
    --swatch-topmenu-border-color: var(--red-purple-monochrome);
    --swatch-topmenu-bg-color: var(--dark-purple-monochrome);
 
   --link-color: 57, 79, 107;
  --visited-link-color: 71, 74, 100;
   --hover-link-color: 113, 61, 77;
   --new-page-color: 198, 33, 33;
   --sidebar-links-text: 128, 56, 70;
   --link-color-bright: 184, 38, 40;
 
   --background-gradient-distance: 0rem;
 
 --rating-module-button-color: var(--pale-pink-monochrome);
    --rating-module-button-plus-color: 0, 200, 0;
    --rating-module-button-negative-color: 198, 33, 33;
    --rating-module-button-cancel-color: 180, 180, 180;
    --rating-module-button-credit-color: 128, 56, 70;
    --rating-module-text-color: var(--swatch-menutxt-dark-color);
    --rating-module-text-hover-color: var(--swatch-menutxt-dark-accent));
 
   --gradient-header: linear-gradient(to top,
      rgba(var(--dark-accent)) 0%, rgba(var(--redder-purple-monochrome)) 20%, rgba(var(--red-purple-monochrome)) 40%, rgba(var(--pale-purple-monochrome)) 50%,
rgba(var(--pale-blue-monochrome)) 60%,
      rgba(var(--blue-monochrome), 0.90) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
#main-content {
   background-color: 251, 237, 242;
}
 
#skrollr-body {
   background-image:
    radial-gradient(circle, rgba(var(--red-purple-monochrome)) 50%, transparent 0);
   background-repeat: repeat;
   background-size: 0.25em 0.25em;
   width: 100%;
   height: 7.5rem;
}
 
#side-bar .side-block div a img {
   background-color: rbga(var(--pale-pink-monochrome));
}
 
#container {
   background-image: radial-gradient(star, rgb(var(--pale-blue-monochrome), 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;
}
 
/* evie i swear to god you need to use these variables instead of using those !importants
~ scutoid */
.footnotes-footer {
  --footnotes-footer-bg-color: var(--reddish-pink-monochrome);
  --footnotes-footer-text-color: var(--pale-pink-monochrome);
}
 
a.footnote-footer {
    color: rgb(var(--pale-red-monochrome)) !important;
}
.footnote-footer>a:first-of-type {
    color: rgb(var(--pale-red-monochrome)) !important;
}
 
#page-title {
    border-color: rgb(var(--pale-purple-monochrome));
    color: rgb(var(--dark-accent))!important;
    font-size: 2rem;
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#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 16rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 0.5;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #803846;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: rgb(var(--dark-accent));
    border-top: none;
    border-bottom: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: rgb(var(--pale-blue-monochrome));
}
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: rgb(var(--dark-accent));
    border: none;
}
 
.page-rate-widget-box .cancel a {
    color: rgb(var(--dark-accent));
}
 
span.printuser {
    color: rgb(var(--dark-accent));
}
 
.code {
    border: 2px dashed rgb(var(--pale-red-monochrome));
}
 
blockquote {
   padding: 0.4rem 0.4rem;
   margin: 1rem 0;
   background: rgb(var(--another-pink-shade));
   box-shadow: 0px 0px 3px;
   border: 1.75px solid rgb(var(--redder-pink-monochrome));
   box-sizing: border-box;
}
 
.block-quote {
   padding: 0.4rem 0.4rem;
   margin: 1rem 0;
   background: rgb(var(--another-pink-shade));
   border-radius: 0.1rem;
   box-shadow: 0px 0px 3px;
   border: 1.75px solid rgb(var(--just-pink));
   box-sizing:border-box;
}
 
.styled-quote {
   background-color: rgb(var(--just-pink));
   border-left: 0.5rem solid rgb(var(--dark-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,.25);
}
 
.dark-styled-quote {
   background-color: rgb(var(--even-paler-blue));
   border-left: 0.5rem solid rgb(var(--blue-monochrome));
   color: rgb(var( --pale-pink-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-dark-color)) ;
}
 
.lightblock {
   background-color: rgb(var(--just-pink));
   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(--pale-blue-monochrome));
   color: rgb(var( --pale-pink-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);
}
 
.borderblock {
   background-color: rgb(var(--just-pink));
   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 0.3rem rgb(var(--dark-accent));
}
 
.logoblock{
padding: 0.01rem 1rem;
box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
margin: 0.5rem 0 0.5rem 0.25rem;
display: block;
position: relative;
background-color: rgb(var(--just-pink));
z-index: 1;
}
 
.logoblock::after{
content: "";
float: center;
border: solid 2px rgb(var(--dark-accent));
background: url(https://i.ibb.co/ZccffPw/logo-for-pr.png)center/50% no-repeat;
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 0;
}
 
table.wiki-content-table td {
   background-color: rgb(var(--love-pink-smh));
   color: rgb(var(--dark-accent));
}
 
table.wiki-content-table th {
   background-color: rgb(var(--dark-accent));
   color: rgb(var(--pale-pink-monochrome));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--pale-pink-monochrome));
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    color: rgb(var(--pale-pink-monochrome));
}
 
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav   {
    border-color: #5E0A0A;
    border-width:0 0 2px
}
 
#side-bar .side-block {
    background: rgb(var(--loveutoojami));
    color: rgb(var(--red-purple-monochrome));
}
 
#side-bar:hover {
background:  rgb(var(--pale-pink-monochrome));
}
 
 #page-title, #breadcrumbs, #page-content > * {
      animation-name: fadeIn;
      animation-duration: 2s;
      animation-iteration-count: 1;
      animation-timing-function: ease-out;
      animation-fill-mode: backwards;
    }
  }
  #page-title { animation-delay: 1s; }
 
:root {
—anim-position: absolute;
}
 
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translate(0,-60px);
    }
    50% {
      opacity: 1;
      transform: translate(0,14px);
    }
 
    to {
      opacity: 1;
      transform: translate(0,0);
    }
  }

- Cerrar

tema

revisión de página: 2, última edición: 21 Dec 2024 05:44

Edita Puntuar (+2) Etiquetas Discutir Historial Archivos Imprimir Herramientas del sitio + Opciones

Wiki Backrooms Español

Ya has estado aquí antes.

Ejemplos

Primer Título

Segundo Título

Tercer Título

Cuarto Título

Quinto Título

Sexto Título