Tema Parawatch Calabaza

[[iftags +tema]]

Puntuación: +1+x

Uso

Para importar este tema a su página, coloque lo siguiente en su interior:

[[include theme:creepypasta]]

El método estándar de CSS @import no funcionará. Esto es intencional (¡gracias a stormbreathstormbreath por proporcionar el código CSS!). Importar el tema con [[include]] añade su página a una lista de Retroenlaces. Esto es útil para ver qué páginas se verán afectadas cuando se actualice este tema, y permite que cualquier error causado por esto sea notado y corregido mucho más rápido.

Puede ver los Retroenlaces de cualquier página haciendo clic en "+ Opciones" en la parte inferior de la página y, a continuación, en "Retroenlaces".


Ejemplos

rook.png

Logo de Parawatch.

Una línea horizontal puede ser creada con 5 guiones "-----" y se extiende por toda la página si no está colocada dentro de nada (por ejemplo, una blockquote). Las líneas que separan las secciones de este documento son líneas horizontales.

Los títulos se pueden crear poniendo entre uno y seis más "+" al principio de la línea

Esta es una vista de pestañas.

La lógica detrás de las pestañas se ha ajustado para tener en cuenta las transiciones. Haga clic en otra pestaña para ver la suave y fluida acción.

Esto es una blockquote, creada poniendo "> " al principio de cada línea.

Más texto


Esa es una línea horizontal

Blockquotes anidados

Esto es una tabla
Deberías saber cómo hacer
esto
@import url('https://fonts.googleapis.com/css?family=PT+Mono&display=swap');
 
/*
    Powered on 2019/05/09 06:09:42
    [2019 Wikidot Theme]
    Created by The Great Hippo
    CC BY-SA 3.0
*/
 
/* FONTS AND COLORS */
 
:root {
    --bg-light: #262626;
    --bg: #1a1a1a;
    --bg-dark: #000000;
 
    --fg-light: #ffffff;
    --fg:  #f2f2f2;
    --fg-dark: #e6e6e6;
 
    --fg-accent-light: #ffffcc;
    --fg-accent: #ffff99;
    --fg-accent-dark: #ffff80;
 
    --fg-accent-2: #ffffff;
 
}
 
body {
    background: var(--bg);
    color: var(--fg);
    font-family: 'PT Mono', monospace;
}
 
a, a:visited {
    color: var(--fg-accent-dark);
}
 
h1, h2, h3, h4, h5, h6, #page-title {
    color: var(--fg-light);
    font-family: 'PT Mono', monospace;
}
 
ins, del {
    color: black;
}
 
/* HEADER */
 
div#container-wrap {
    background: url(http://lafundacionscp.wdfiles.com/local--files/theme%3Acreepypasta/gradient.png) top left repeat-x;
}
 
div#header {
    background: url(http://lafundacionscp.wdfiles.com/local--files/theme%3Acreepypasta/parawatch-es.png) 10px 40px no-repeat;
}
 
div#header h1 a span {
    /* hiding header text */
    font-size: 0px;
    color: transparent;
}
 
div#header h1 a:before {
    content: " ";
    color: rgb(24, 24, 24);
}
 
div#header h2 span {
    font-size:0px;
    padding: 4px;
}
 
div#header h2:after {
    content: " ";
    font-weight: bold;
    color: rgb(255, 224, 135);
    padding: 19px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    white-space: pre;
}
 
/* SIDE-BAR */
 
div#side-bar a,
div#side-bar a:visited {
    color: var(--fg-dark);
}
 
div#side-bar div.side-block {
    background: rgb(24, 24, 24) !important;
    border: 1px solid #ffe087;
    box-shadow: 0 2px 6px #404040;
}
 
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link {
    color: rgb(255, 224, 135);
    border-color: rgb(255, 224, 135);
}
 
/* Recolors the image bullet points in the side-bar */
.side-block .menu-item > .image {
    filter: hue-rotate(230deg) invert(100%);
}
 
/* Recolors the Translation Module */
#interwiki .menu-item img {
    filter: hue-rotate(230deg) invert(100%);
}
 
div#side-bar a,
div#side-bar a:visited,
#interwiki a,
#interwiki a:visited {
    color: var(--fg-dark);
}
 
#interwiki div.side-block {
    background: rgb(24, 24, 24);
    border: 1px solid #ffe087;
    box-shadow: 0 2px 6px #404040;
}
 
#interwiki div.side-block div.heading,
div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: rgb(255, 224, 135);
    border-color: rgb(255, 224, 135);
}
 
/* Recolors the panel that opens on mobile with the side-bar */
@media (max-width: 767px) {
    #side-bar{
        background-color: var(--bg);
    }
}
 
/* Recolors the panel that opens on mobile with the side-bar */
@media (max-width: 767px) {
    #side-bar{
        background-color: var(--bg);
    }
}
 
/* Recolors the drop down from the arrow next to username in the header */
#login-status ul a {
    color: var(--fg);
    background: var(--bg);
    border-color: var(--fg);
}
 
#login-status ul a:hover {
    color: var(--fg-dark);
}
 
/* Makes the code readable */
.hl-identifier, .hl-code, .hl-brackets {
    color: var(--fg);
}
 
/* Top-Bar */
#top-bar a {
    color: var(--fg-dark);
}
 
#top-bar ul li ul {
    border-color: var(--fg-light);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
   border-top-color: var(-fg-light);
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background-color: var(--bg-light);
    color: var(--fg-dark);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--bg-dark); /* top bar hover background color */
    color: var(--fg-dark);
}
 
div.yui-navset div.yui-content {
    background: rgb(24, 24, 24);
}
 
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: rgb(24, 24, 24);
    color: rgb(255, 237, 185);
    border: solid 1px #ffffff;
}
 
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: rgb(40, 40, 40);
    color: rgb(255, 237, 185);
}
 
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: rgb(50, 50, 50);
    color: var(--fg);
    border: solid 2px #ffff99;
}
 
/* rating module */
 
.page-rate-widget-box .rate-points {
    background-color: var(--bg-dark) !important;
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
    background-color: var(--bg-dark);
    color: white;
    border: 0;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel {
    background-color: var(--bg-dark);
    border: 0;
    border-left: 1px solid var(--fg-accent-light);
}
 
div.page-rate-widget-box .rate-points,
.page-rate-widget-box .cancel a {
    border: 0;
 
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background-color: var(--bg-dark);
    color: white;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
    background-color: var(--bg-dark);
    color: white;
}
 
/* footnote hovers */
 
.hovertip {
    width: 20em;
    padding: 0.5em;
 
    border: 1px solid var(--fg-accent-light) !important;
    border-radius: 0.5em;
 
    background-color: #000000ee !important;
    box-shadow: 0 0 6px 1px #000000aa;
    z-index: 100;
}
 
.hovertip .f-heading {
    color: var(--fg-accent-light);
}
 
/* inputs */
 
input.text, input.button,
#search-top-box-input,
#search-top-box-form input[type=submit],
div.buttons input, input.button, button, file, a.button {
    background: transparent;
    color: var(--fg);
    border: 1px solid var(--fg-accent-2);
    border-radius: 0;
    font-size: 1em;
    outline: 0;
}
 
div.buttons input:hover, div.buttons input:focus,
input.button:hover, input.button:focus,
button:hover, button:focus,
file:hover, file:focus,
a.button:hover, a.button:focus {
    border-color: var(--fg-accent-2);
    background: transparent;
    color: var(--fg);
}
 
input.text:hover, input.button:hover,
input.text:focus, input.button:focus,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    color: var(--fg);
    background: transparent;
    border: 1px solid var(--fg-accent-2);
    outline: 0;
}
 
/* EDITING WINDOWS */
.owindow {
    color: #000;
}
 
.owindow h1, .owindow h2, .owindow h3, .owindow h4, .owindow h5, .owindow h6 {
    color: #000;
}
 
.owindow a {
    color: #272727;
}
 
table.page-files .highlight {
    background-color: #272727;
}
 
input.text {
    border: 1px dashed #000;
    color: #fff;
}
 
input.text:focus {
    border: 1px dashed #000;
    color: #fff;
}
 
input.text:hover {
    border: 1px dashed #000;
    color: #fff;
}
 
div#lock-info {
    background-color: var(--bg-light);
}
 
/* BLOCKQUOTES */
 
blockquote,
div.blockquote {
    background:  var(--bg-dark);
    border-width: 2px;
    border-style: solid;
    border-color: var(--bg-light);
}
 
/* Parawatch Forum Pseudo-Blockquotes */
div.parapost {
    background:  var(--bg-dark);
    border-width: 2px;
    border-style: solid;
    border-color: var(--bg-light);
    padding: 0 1em;
    margin: 1em 3em;
}
 
div.parapost.reply1 {margin: 1em 3em 1em 4em;}
div.parapost.reply2 {margin: 1em 3em 1em 5em;}
div.parapost.reply3 {margin: 1em 3em 1em 6em;}
div.parapost.reply4 {margin: 1em 3em 1em 7em;}
div.parapost.reply5 {margin: 1em 3em 1em 8em;}
 
@media (max-width: 479px) {
   div.parapost {margin: 1em 0;}
   div.parapost.reply1 {margin: 1em 0 1em 1em;}
   div.parapost.reply2 {margin: 1em 0 1em 2em;}
   div.parapost.reply3 {margin: 1em 0 1em 3em;}
   div.parapost.reply4 {margin: 1em 0 1em 4em;}
   div.parapost.reply5 {margin: 1em 0 1em 5em;}
}
 
@media (min-width: 480px) and (max-width: 580px) {
   div.parapost {margin: 0.5em;}
   div.parapost.reply1 {margin: 0.5em 0.5em 0.5em 1em;}
   div.parapost.reply2 {margin: 0.5em 0.5em 0.5em 1.5em;}
   div.parapost.reply3 {margin: 0.5em 0.5em 0.5em 2em;}
   div.parapost.reply4 {margin: 0.5em 0.5em 0.5em 2.5em;}
   div.parapost.reply5 {margin: 0.5em 0.5em 0.5em 3em;}
}
 
/* IMAGES */
 
#page-content .scp-image-block {
    border-color: var(--fg-accent);
    box-shadow: none;
}
#page-content .scp-image-block .scp-image-caption {
    border-color: var(--fg-accent);
    background-color: var(--bg-dark);
}
 
table.wiki-content-table th {
    background-color: var(--bg-dark);
}
 
hr {
    background-color: var(--fg);
}
 
.code {
    border: 1px dashed var(--fg);
    background-color: transparent;
 
    font-family: "Courier", "Courier New", "Roboto Mono", monospace;
    font-size: 1em;
}
 
/* INFO MODULE */
 
#page-content .rate-box-with-credit-button {
    background-color: var(--bg-dark);
    border: 1px solid var(--bg-dark);
}
 
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: var(--fg-accent-light);
}
 
#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-left: 0;
}
 
#page-content .modalbox {
    background: linear-gradient(var(--bg) 51px,var(--bg-light) 51px,var(--bg-light)) !important;
    color: var(--fg);
    box-shadow: 0 2px 6px #404040;
}
 
.close-credits,
.credit-back {
    filter: hue-rotate(230deg) invert(100%) brightness(150%);
}
 
#footer {
    background: var(--bg-light);
}
 
/* MOBILE CODE */
@media (max-width: 767px) {
    div#header {
        background-size: 22em;
        background-position: 1em;
    }
 
    #top-bar .open-menu a {
        border: 0.2em solid var(--bg-light);
        background-color: #787878;
        color: var(--bg-light);
  }
}

[[/iftags]]

[[iftags +tema]]

Puntuación:

Puntuación: +1+x

Puntuación con panel de info:

Puntuación: +1+x

¿Qué es esto?


Este es el tema Parawatch Anon, por Lt FlopsLt Flops.

Es una variante del Tema Creepypasta, creado por The Great HippoThe Great Hippo.

Como usar


Para usar este tema, por favor copia lo siguiente al tope de la página:

[[include theme:creepypasta]]
[[include theme:anon]]

¿Para qué se usa este tema?

Este tema provee un esquema de colores diferente para la estructura de foro de la Wiki Parawatch. El título viene de la palabra en inglés "anon" que significa "dentro de poco" (aunque entiendo si creías que era "Anónimo").

Es apropiado para su uso en artículos de Parawatch.

[OPCIONAL]

Si, por alguna razón, deseas continuar usando el amarillo pastel del Tema Creepypasta, copia esto en la página debajo del código anterior:

[[module CSS]]
div#header h1{
background: url(https://lafundacionscp.wdfiles.com/local--files/theme%3Aanon/parawatch-anon-es.png) no-repeat;
}

:root{
--fg-accent-light: hsl(60, 100%, 90%);
--fg-accent: hsl(60, 100%, 80%);
--fg-accent-dark: hsl(60, 100%, 75%);
}
[[/module]]

Técnicamente podrías reemplazar esas variables con cualquier color. Como este código utiliza valores de color HSL en lugar de los tradicionales RGB o códigos hexadecimal, solamente cambie el tono (H), pero por favor, mantén la saturación (S) y la luminosidad (L) con los mismos valores.

En lo que a mí concierne, esto va en contra de mi visión para el tema. Pero esta opción fue solicitada, así que pensé que debía hacerla disponible de manera clara.

Formateo de ejemplo

rook-anon.png

Image Block

Encabezado L1

Encabezado L2

Encabezado L3

Encabezado L4

Encabezado L5
Encabezado L6

bold | italic | underline | strikethrough | teletype | superscriptsubscript

Escribe cuatro guiones cortos ("----") para crear una línea horizontal:


Bloque de cita

Bloque de cita anidado

Esto es una tabla
Deberías saber hacer
esto

fake code selector{
fake code property: fake code value;
}

Un link (Un link que probablemente visitaste)

  1. lista numerada
  2. ítem en la lista
  3. ítem en la lista
  • lista con puntos
  • ítem en la lista
  • ítem en la lista

Contenido de la pestaña

Código fuente


[[/iftags]]

Puntuación:

Puntuación: +1+x

Este es el Tema Parawatch Calabaza hecho por stormbreathstormbreath. Es una variante del Tema Parawatch Anon de Lt FlopsLt Flops, el cual en sí es una variante del Tema Creepypasta de The Great HippoThe Great Hippo.

Este tema está construido principalmente sobre la base del tema de Parawatch Anon, pero cambia los azules de ese tema por naranjas. Puede ser utilizado para cualquier propósito, pero es especialmente apropiado como una versión de Halloween del Tema Parawatch.

Para utilizar este tema, copia esta sintaxis en la parte superior de tu página:

[[include theme:creepypasta]]
[[include theme:anon]]
[[include theme:parawatch-pumpkin]]

:root {
     --bg: hsl(14, 6%, 12%);
     --bg-dark: hsl(17, 5%, 10%);
 
     --fg-dark: hsl(19, 82%, 65%);
 
     --fg-dark-2: hsl(19, 100%, 58%);
 
     --fg-accent-light: hsl(19, 100%, 70%);
     --fg-accent: hsl(19, 100%, 65%);
     --fg-accent-dark: hsl(19, 100%, 60%);
 
     --fg-accent-dark-2: hsl(19, 61%, 49%);
}
 
#page-content{
     font-size: inherit;
}
 
a.newpage {
    color: hsl(346, 27%, 68%);
}
 
div.parapost {
     border-color: var(--bg-light);
}
 
::selection {
    background: hsl(22, 11%, 27%);
}
 
/* -------------- HEADER -------------- */
div#container-wrap{
     background-image: linear-gradient(to bottom, #010000, #201e1d);
     background-size: auto 130px;
}
 
div#header h1{
     background: url(https://lafundacionscp.wdfiles.com/local--files/theme%3Aparawatch-pumpkin/parawatch-orange.png) no-repeat;
}
 
#top-bar li:hover ul,
#top-bar li.sfhover ul {
    border-bottom: 1px solid var(--fg-light);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: hsl(25, 40%, 20%);
}
 
 #top-bar .open-menu a{
     color: var(--fg-dark);
     background-color: var(--bg-dark);
     border-color: var(--fg-dark);
}
 
/* -------------- SIDE-BAR -------------- */
div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
     color: var(--fg-dark-2);
}
 
#interwiki div.side-block {
     border-color: var(--fg-dark-2);
}
 
#interwiki div.side-block div.heading {
     color: var(--fg-dark-2);
     border-color: var(--fg-dark-2);
}
 
#interwiki div.menu-item img {
    filter: hue-rotate(8deg) brightness(4.5) saturate(200%);
}

Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License