Tema del SCPTOBER

/* fuente: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
    #side-bar:focus-within:not(:target) {
        left: 0;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-left: 19.75em;
        opacity: 0;
        z-index: -1;
        visibility: visible;
    }
    #side-bar:not(:target) .close-menu { display: none; }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */
    @supports (-moz-appearance:none) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
    }
}

Módulo de Votación:

Módulo de Votación c/ Módulo de Crédito:

Info

Información sobre tu página.

Más información

Más información sobre tu página.

Este es el Tema del SCPTOBER, un tema diseñado por Dc_Yerko, para su uso en artículos del SCPTOBER.

Para importar este tema a tu página, pon el siguiente texto en cualquier lugar de la misma:

[[include theme:scptober]]

SCPTOBER

Ejemplos

Una regla horizontal¹ puede crearse con 5 guiones "- - - - -" y se extiende a lo largo de toda la página si no está colocada dentro de nada (por ejemplo, una cita en bloque). Las líneas que separan las secciones de este documento son reglas horizontales.

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

+ Títulos

Esta es una vista de pestaña.

Esto es un blockquote, creado poniendo "> " al principio de cada línea.
Más texto

Es una regla horizontal

Blockquote anidado

Esto es	una tabla
Ya deberías	saber como
hacerlas a estas alturas

Código Fuente

+ Mostrar Código

- Ocultar Código

/*
    Tema del SCPTOBER
    [Tema Sigma-9 de 2022]
    [Hecho en la Rama Hispana (Ñ)]
    Creado para el Evento del SCPTOBER
    Diseñado y codificado por Dc_Yerko
    Logo hecho por Dc_Yerko
*/
 
/* CUERPO */
 
body {
   background-color: #000;
   color: #FFF;
}
 
/* ENLACES */
 
a {
    color: #FFF;
} 
 
a:visited {
    color: #FFF;
}
 
a:new-page {
    color: #FFF;
}
 
/* FONDO DE CABECERA */
 
div#container-wrap {
    background: url('http://scp-yerko-5.wdfiles.com/local--files/secret:osi/Fondo-SCPTOBER.png') top left repeat-x;
}
 
/* LOGO DE CABECERA */
 
 #header,
 div#header{
     background-image: none;
}
 
#header::before{
     position: absolute;
     width: 100%;
     height: 100%;
     content: "";
     background-image: url(http://scptober.wdfiles.com/local--files/2022/SCPTOBER%202022.png);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: auto 6.5em;
}
 
#header h1,
#header h2{
     float: none;
     margin-left: 0;
 
     text-align: center;
}
 
#header h1 span,
#header h2 span{
     display: none;
}
 
@media (max-width: 767px) {
     #header::before {
          background-size: auto 4em;
     }
}
 
h1 {
     color: #FFF;
}
 
/* BARRA Y BOTÓN DE BÚSQUEDA */
 
 #search-top-box{
     top: 1em;
     right: 0;
}
 
 #search-top-box-form input.button{
     margin-right: 0;
}
 
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: #FFF;
    border: solid 2px #FFF;
    border-radius: 0;
    font-size: 1em;
    outline: 0;
}
 
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: #FFF;
    background: transparent;
    border: solid 2px #FFF;
    outline: 0;
}
 
#top-bar{
     right: 0;
     display: flex;
     justify-content: center;
}
 
#top-bar ul li ul{
     border-bottom: 1px solid hsl(0, 0%, 40%);
     box-shadow: none;
}
 
#login-status{
     top: 1.1em;
     right: initial;
 
     color: hsl(0, 0%, 87%);
}
 
#account-topbutton{
     border-color: hsl(0, 0%, 87%);
 
     font-size: 100%;
}
 
#page-title {
     display: none;
}
 
/* BARRA SUPERIOR */
 
#top-bar li:hover ul, #top-bar li.sfhover ul {
    background: #000;
    color: #FFF;
    border-left: solid 2px #FFF;
    border-right: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
}
 
.topbar_arrow {
    color: #FFF;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #000;
    color: #FFF;
    border-left: solid 2px #FFF;
    border-right: solid 2px #FFF;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: solid 2px #FFF;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #FFF;
    color: #000;
}
 
/* BARRA LATERAL */
 
#side-bar .side-block,
#side-bar .side-block.media,
#side-bar .side-block.nuevos,
#side-bar .side-block.guias,
#side-bar .side-block.borradores,
#side-bar .side-block.cc,
#side-bar .side-block.recurso {
    border: solid 2px #FFF;
    background-color: #000;
    color: #FFF;
    border-radius: 0px;
}
 
#side-bar .heading {
    color: #FFF;
    border-bottom: solid 2px #FFF;
}
 
#side-bar .side-block.media img {
    filter: none;
}
 
#side-bar .side-block img {
    filter: brightness(98%) saturate(0%) contrast(536%) invert(100%);
-webkit-filter: brightness(98%) saturate(0%) contrast(536%) invert(100%);
-moz-filter: brightness(98%) saturate(0%) contrast(536%) invert(100%);
}
 
#side-bar a {
    color: #FFF;
}
 
#side-bar a:visited {
    color: #FFF;
}
 
#side-bar a:newpage {
    color: #FFF;
}
 
/* INTERWIKI */
 
#interwiki .side-block {
    border: solid 2px #FFF;
    background-color: #000;
    color: #FFF;
    border-radius: 0px;
}
 
#interwiki .heading {
    color: #FFF;
}
 
/* BOTÓN DE LA BARRA LATERAL */
 
@media (max-width: 767px) {
    #side-bar {
        border-radius: 0px !important;
        border: solid 2px #FFF !important;
        background-color: #000 !important;
        color: #FFF !important;
    }
 
.open-menu a {
    border-radius: 0px !important;
    border: solid 2px #FFF !important;
    background-color: #000 !important;
    color: #FFF !important;
    }
}
 
.open-menu a,
#top-bar .open-menu a {
    border-radius: 0px !important;
    border: solid 2px #FFF !important;
    background-color: #000 !important;
    color: #FFF !important;
}
 
.open-menu a:hover,
#top-bar .open-menu a:hover {
    text-decoration: none !important;
}
 
* PUNTUACIÓN */
 
.page-rate-widget-box {
    margin-right: 0px !important;
}
 
.creditRate {
    margin-right: 0px!important;
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
  background-color: transparent !important;
  border: 0;
  text-transform: capitalize;
  font-weight: bold;
    color: #FFF!important;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    margin-right: 0px;
    margin-left: 0px;
 
}
div.page-rate-widget-box {
    background-color: #000 !important;
    border: solid 2px #FFF !important;
    border-radius: 0px;
    box-shadow: none;
}
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel {
    background-color: #000 !important;
    border: 1px #000;
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
    background-color: #FFF !important;
    margin-right: 0px;
    margin-left: 0px;
    color: #000!important;
}
div.page-rate-widget-box span.rateup a,
div.page-rate-widget-box span.ratedown a {
    background: #000 !important;
    color: #FFF !important;
}
div.page-rate-widget-box span.rateup a:hover {
    background: #FFF !important;
    color: #000 !important;
}
div.page-rate-widget-box span.ratedown a:hover {
    background: #FFF !important;
    color: #000 !important;
}
div.page-rate-widget-box span.cancel a {
    color: #FFF!important;
}
div.page-rate-widget-box span.cancel a:hover {
    background: #FFF !important;
    color: #000 !important;
    border-radius: 0px;
}
 
/* PUNTUACIÓN CON INFO */
 
.rate-box-with-credit-button > div.page-rate-widget-box {
     border-width: 0px!important;
}
#page-content .rate-box-with-credit-button {
    background-color: #000;
    border: solid 2px #FFF;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
}
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: transparent;
}
 #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;
}
.rate-box-with-credit-button .page-rate-widget-box .cancel a:hover {
    border-radius: 0;
}
#page-content .rate-box-with-credit-button .fa-info {
     color: #FFF;
     line-height: 15px;
     padding-top: 1px;
}
@media (max-width: 450px) {
#page-content .rate-box-with-credit-button .fa-info {
        line-height: 14px;
    }
}
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    #page-content .rate-box-with-credit-button .fa-info {
        line-height: 14px;
        padding-top: 2px;
    }
}}
#page-content .rate-box-with-credit-button .fa-info:hover {
     color: #000;
    background-color: #FFF;
}
#page-content .creditButtonStandalone p a {
    background-color: #000;
    border: solid 2px #FFF;
    border-radius: 0;
    box-shadow: none;
    color: #FFF;
}
#page-content .creditButtonStandalone p a:hover {
    color: #FFF;
}
 
#page-content .modalbox {
    background: #000 !important;
    color: #FFF;
    border: solid 2px #FFF;
    box-shadow: none;
}
.close-credits,
.credit-back {
    filter: brightness(98%) saturate(0%) contrast(536%) invert(100%);
-webkit-filter: brightness(98%) saturate(0%) contrast(536%) invert(100%);
-moz-filter: brightness(98%) saturate(0%) contrast(536%) invert(100%);
}
 
/* BLOCKQUOTE */
 
blockquote,
div.blockquote {
    background-color: #000;
    border: solid 2px #FFF;
    color: #FFF;
}
 
/* CODE */
 
.code {
    color: #FFF;
    background-color: #000;
    border: solid 2px #FFF !important;
}
 
.hl-identifier {
    color: #FFF;
}
 
.hl-code {
    color: #FFF;
}
 
.hl-brackets {
    color: #FFF;
}
 
.hl-reserved {
    color: #FFF;
}
 
.hl-special {
    color: #FFF;
}
 
.hl-string {
    color: #FFF;
}
 
.hl-number {
    color: #FFF;
}
 
/* IMAGE BLOCK */
 
.scp-image-block .scp-image-caption {
    border: solid 2px #FFF;
    background-color: #000;
    color: #FFF;
}
 
.scp-image-block .scp-image-caption > p {
    background-color: #000;
    color: #FFF;
}
 
.scp-image-block img {
    border: solid 2px #FFF;
}
 
/* TABLAS */
 
table.wiki-content-table th {
    border: solid 2px #FFF;
    background-color: #000;
    color: #FFF;
}
 
table.wiki-content-table td {
    border: solid 2px #FFF;
    background-color: #000;
    color: #FFF;
}
 
.yui-navset .yui-content{
    color: #FFF;
    background-color: #000;
    border: solid 2px #FFF;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-image: url("http://lafundacionscp.wdfiles.com/local--files/theme%3Ascptober/yuitabs.png");
    color: #FFF;
    background-color: #000;
    border: solid 2px #FFF;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: url("http://lafundacionscp.wdfiles.com/local--files/theme%3Ascptober/yuitabs.png") repeat-x left -1400px;
    color: #FFF;
    background-color: #000;
    border: solid 2px #FFF;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: url("http://lafundacionscp.wdfiles.com/local--files/theme%3Ascptober/yuitabs.png") repeat-x left -1300px;
    color: #000;
    background-color: #FFF;
    border: solid 2px #000;
}
 
/* FOOTNOTES */
 
.hovertip {
  background-color: #000 !important;
  border: solid 2px #FFF !important;
  color: #FFF !important;
}
 
/* OWINDOW */
 
.owindow {
    background-color: #000;
    color: #FFF;
    border: solid 2px #FFF;
}
 
.owindow .title {
    background-color: #000;
    color: #FFF;
    border-bottom: solid 2px #FFF;
}
 
.owindow img {
    background-color: #000 !important;
}
 
.owindow h1 {
    color: #FFF !important;
}
 
.owindow .button-bar a {
    background-color: #000;
    color: #FFF;
    border: solid 2px #FFF;
}
 
.owindow .button-bar a:hover {
    background-color: #000;
    color: #FFF;
    border: solid 2px #FFF;
}
 
.owindow.owait .content{
    padding-bottom: 2rem;
    background-image: url("http://lafundacionscp.wdfiles.com/local--files/theme%3Ascptober/alt_loader.gif");
    filter: invert(.4) sepia(.5) saturate(1000%) hue-rotate(var(--tint));
}
 
/* SCROLLBAR */
 
::-webkit-scrollbar-thumb {
    background: #FFF;
}
::-webkit-scrollbar-track {
    background: #000;
    border-left: solid 2px #FFF;
}
 
/* FOOTER */
 
#footer {
    background: #000;
    color: #FFF;
    border-top: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
}
 
#license-area {
    background: #000;
    color: #FFF;
}

es tema

La Fundación SCP

Rama Hispanohablante

Info

Más información

Ejemplos

Primer Título

Segundo Título

Tercer Título

Cuarto Título

Cinco Título

Sexto Título

Código Fuente

Otros sitios interesantes

The Backrooms KP

PyLint Messages

.

BloxdCN指引中文站