Info

Información sobre tu pagina.

Más información

Mas información sobre tu pagina.

Este es un tema estético ligado a ningún canon, serie o grupo de interés por EstrellaYoshte.

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

[[include theme:simple-yonder]]

Ejemplos

logo

Una regla horizontal puede crearse con 5 guiones "- - - - -" y se extiende a lo largo de toda la página si no se coloca dentro de nada (por ej. un cita de 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.

Esta es una cita en bloque, creada poniendo "> " al principio de cada línea.

Mas texto

Es una regla horizontal

Nested blockquotes

Esta es una	tabla
Ya debes saber	como hacer estas
actualmente

La fuente del encabezado es Jost.

La fuente del cuerpo es Open Sans.

La fuente monospace es Fira Code.

Codigo Fuente:

/*
    Simple Yonder Theme
    [2020 Wikidot Theme]
    By EstrellaYoshte
    Based on:
        Sigma-9 Theme by Aelanna and Dr Devan
        Y2K Theme by etoisle
        Anderson Robotics Theme by Croquembouche
        Minimal Theme by stormbreath
        Word Processing Theme by stormbreath
        Flopstyle CSS by Lt Flops
*/
 
@import url('http://lafundacionscp.wdfiles.com/local--files/theme%3Asimple-yonder/jost.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
body {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.865em;
    word-break: unset;
    --themeColor: #7E2520;
    --accentColor: #E53C35;
}
 
.code pre, .code p, .code, tt{ /* ---- Code by Croquembouche ---- */
    font-family: "Fira Code", monospace;
}
 
.page-source{
    font-family: "Fira Code", monospace;
 
}
a {
    color: rgb(229, 60, 53);
}
 
a:visited {
    color: rgb(126, 37, 32);
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #7E2520;
    font-family: 'jostregular';
    font-weight: bold;
}
 
#account-topbutton{
    border: 0px solid #000;
}
 
/* ---- PAGE WRAP ---- */
 div#container-wrap{
     background-image: url(http://lafundacionscp.wdfiles.com/local--files/theme%3Asimple-yonder/bg3.png);
     background-repeat: repeat-x;
}
 
div#header {
    background-image: url(http://lafundacionscp.wdfiles.com/local--files/theme%3Asimple-yonder/logo.png);
    background-size: 12.5%;
}
 
#page-title {
    font-family: 'jostregular';
    font-size: 2.25em;
    font-weight: bold;
    color: #7E2520;
}
 
#login-status,
#login-status a {
    color: white;
    font-weight: bold;
}
 
#footer {
    background: transparent;
    color: #ffffff;
}
 
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: none;
    background: #282828;
    box-shadow: none;
    border-radius: 2px;
    color: #f4f4f4;
}
 
#search-top-box input.empty {
    color: #bbbbbb;
}
 
div#header h1 a span {
    font-family: 'jostregular';
    font-weight: bold;
    color: #f4f4f4;
    text-shadow: 0px 0px 0px #000;
}
div#header h2 span {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #f4f4f4;
    padding: 17px 0;
    text-shadow: 0px 0px 0px #000;
    white-space: pre;
}
 
.scp-image-block.block-right {
    margin: 0 2em 1em;
}
 
@media (min-width: 767px) {
     #header {
             background-position: 0em 1.7em;
     }
}
 
/* ---- SIDE BAR ---- */
 
#side-bar {
    left: 0.5em;
}
 
#side-bar .side-block {
    border: #ffffff 4px;
    border-radius: 0;
    box-shadow: none;
    background: #ffffff !important;
    padding: 2px;
}
#side-bar .heading {
    border: none;
    border-radius: 0;
    color: #282828;
    font-size: 1.2em;
    padding: 1em 1em 0 0;
    border-top: 1px solid rgba(0,0,0,.12);
    margin: 1em calc(-1em + 2px) 1em 0;
    font-weight: normal;
}
 
#side-bar .menu-item > a:hover {
    background-color: rgba(0,0,0,0.04);
    color: #E53C35;
    text-decoration: none;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19);
    color: #7E2520;
    border: none;
}
 
#side-bar a:visited,
#top-bar a,
#top-bar ul li.sfhover a,
#top-bar ul li:hover a,
#login-status ul a,
#login-status ul a:hover {
    color: #7E2520;
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        background-color: #fff;
        left: -19em;
    }
    #side-bar:target {
        border: none;
        box-shadow: 3px 0 1px -2px rgba(0,0,0,0.04), 1px 0 5px 0 rgba(0,0,0,0.2);
    }
    #side-bar .close-menu {
        transition: width 0.5s ease-in-out 0.1s,
                    opacity 1s ease-in-out 0s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: rgba(0,0,0,0.3);
        background-position: 19em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
    #search-top-box {
        top: 107px;
    }
}
 
/* ---- TABS ---- */
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #7E2520; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: white; /* tab background */
    border-color: transparent;
    color: black;
    transition: 0.125s;
}
 
.yui-navset .yui-nav a em {
    background: #f4f4f4;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    border-color: white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: white; /* selected tab background */
    color: #7E2520;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: transparent;
    box-shadow: 0px 1px 2px 0.5px rgba(0,0,0,0.5);
    background: white;
}
 
.yui-navset .yui-content {
    background: #f4f4f4; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: transparent; /* content border */
    border-top-color: transparent; /* different border color */
}
 
.yui-navset-left .yui-content {
    border-left-color: #b7a9a9; /* different border color */
}
 
/* ---- TOP MENU ---- */
 
#top-bar a {
    color: #f4f4f4;
    font-weight: normal;
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: rgb(126, 37, 32);
}
 
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* ---- INFO PANE ---- */
 
#page-content .creditRate{
     margin: unset;
}
#page-content .rate-box-with-credit-button {
    background-color: #ffffff;
    border: solid 1px white;
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: #7E2520;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #ffffff;
    color: #E53C35;
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px white;
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: none;
    margin: unset;
    margin-bottom: 6px;
}
 
div.page-rate-widget-box .rate-points {
    background-color: white !important;
    color: #7E2520 !important;
    border: solid 1px white;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: white;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: #7E2520;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: white;
    color: #E53C35;
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: white;
    border: solid 1px white;
}
 
.page-rate-widget-box .cancel a {
    color: #7E2520;
}
.page-rate-widget-box .cancel a:hover {
    background: white;
    color: #E53C35;
}
 
/* ---- PAGE ELEMENTS ---- */
 
#page-content .wiki-content-table tr th {
    border: solid 1px #bbbbbb;
    background-color: #f4f4f4;
    /* set border for table title */
}
 
#page-content .wiki-content-table tr td {
    border: solid 1px #bbbbbb;
    /* set border for table content */
}
 
blockquote,
div.blockquote,
#toc,
.code {
     background-color: #f4f4f4;
     border: solid 1px #bbbbbb;
}
 
.scp-image-block {
    border: solid 1px #bbbbbb;
    box-shadow: none;
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: #f4f4f4;
    border-top: solid 1px #bbbbbb;
    color: black;
}

tema

La Fundación SCP

Rama Hispanohablante

Info

Más información

Ejemplos

Primer Titulo

Segundo Titulo

Tercer Titulo

Cuarto Titulo

Quinto Titulo

Sexto Titulo

La fuente del encabezado es Jost.

Codigo Fuente: