Información

Dato curioso: Se donde vives -w-

¡Vive las experiencias artísticas y alocadas de Backdoor SoHo mejor que nunca con su propio Tema CSS! Creado por Sr Yoket does not match any existing user name y Dc_Yerko

Coloque esto en el inicio de su página para visualizar el tema dentro de tu artículo.

[[module CSS]]
@import url(http://scp-yerko-5.wikidot.com/component:backdoor-soho-theme/code/1);
[[/module]]

Elementos

Logo, hecho por Dc_Yerko

Título 1

Título 2

Título 3

Título 4

Título 5

Título 6

+ Esto es un desplegable, uwu

Texto en un cuadro de texto

Más texto

Cuadro dentro de un cuadro

Normalmente aquí ya debería haber una referencia a Inception

Pero hoy no hay cliché, referenciaré otra cosa

Ehhhh… no sé

¿La escalera de Mario 64, tal vez?

Este es un link que visitaste
Este es un link inexistente, al igual que el amor de ella por ti :'v

Esto es una	tabla
Siempre olvido	como usar estas cosas
aunque no es tan difícil como parece
…
chiabe bibe

Esto es un tab.

+ Mostrar Código

- Ocultar Código

/*
    Backdoor SoHo CSS Theme
    [2022 Wikidot Theme]
 
    Created by Sr Yoket and Dc_Yerko
 
 Based on:
      Much Cool CSS Theme by c_bonefish and Denevola
 
    Logo image: by Dc_Yerko, XenOgax, Nihonio, Amai-Ixcel, Zevaxtians
    Background Image1: https://pixabay.com/illustrations/abstract-background-art-colour-4923424/
    edited by Dc_Yerko
    Background Image2: by XenOgax
 
    CC BY-SA 3.0
*/
 
@import url('https://fonts.googleapis.com/css2?family=Vollkorn+SC&display=swap');
 
/* Header */
div#container-wrap {
    background: url('http://scp-yerko-5.wikidot.com/local--files/component:backdoor-soho-theme/background_backdoor_soho.png') center top no-repeat;
    background-size: 3050px;
}
 
#header {
    height: 290px;
    background-image: url('http://scp-yerko-5.wikidot.com/local--files/component:backdoor-soho-theme/logo_backdoor_soho.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 260px auto;
}
 
#header h1,
#header h2 {
    margin-left: 145px;
}
 
#header h1 a span,
#header h2 span {
    display: none;
}
 
#header h1 {
    max-height: 125px;
}
 
#header h1 a {
    padding-top: 105px;
    color: #7a0977;
    font-family: 'Vollkorn SC', sans-serif;
    font-size: 70px;
    font-weight: normal;
    letter-spacing: -5px;
    text-shadow: -2px 0 #ffffff, 0 2px #ffffff, 2px 0 #ffffff, 0 -2px #ffffff;
}
 
#header h1 a::before {
    content: none;
}
 
#header h2 {
    font-size: 0px;
}
 
/* Login & Search & Top Bar */
#login-status {
    position: absolute;
    top: 3px;
    color: #ffffff;
    z-index: 2;
}
 
#login-status a {
    color: #ffffff;
    font-weight: bolder;
}
 
#account-topbutton {
    border-color: #ffffff;
}
 
#login-status ul a {
    color: #000000 !important;
}
 
#search-top-box {
    position: absolute;
    top: 30px;
    right: 0;
    width: 250px;
    text-align: right;
    z-index: 1;
}
 
#search-top-box-form {
    display: inline-flex;
}
 
#search-top-box-form > input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 5px;
}
 
#search-top-box-input {
    background-color: #7A3E09;
    border: solid 1px #DBBFA6;
    color: #DBBFA6;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    box-shadow: inset 1px 1px 5px rgb(0 0 0 / 50%);
    color: #000000 !important;
}
 
#search-top-box-form input[type=submit] {
    padding: 2px 5px;
    background: #7A3E09;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    border: solid 1px #ffffff;
    color: #ffffff;
    font-size: 90%;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    background: #7A3E09;
}
 
#top-bar {
    display: flex;
    justify-content: center;
    top: 277px;
    width: 100%;
    z-index: 20;
}
 
#top-bar a {
    color: #ffffff;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #A57947;
    border-color: transparent;
    color: #ffffff;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #896740;
}
 
#top-bar ul li ul,
#top-bar ul li ul li ul {
    border-color: rgba(0, 0, 0, .4);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-color: rgba(0, 0, 0, .1);
}
 
#top-bar ul li.sfhover ul li ul a,
#top-bar ul li:hover ul li ul a {
    border-top: none;
}
 
.top-bar {
    position: relative;
    margin: 0 auto;
}
.c_topbar_arrow {
    color: #92ffff;
}
 
/* Page Elements */
#page-title,
.meta-title {
    color: #7a0977;
    font-size: 2.1em;
    font-weight: bold;
}
 
#content-wrap {
    margin: 30px auto 0;
}
 
h1, h2, h3, h4, h5, h6 {
    color: #7a0977;
    font-weight: bold;
}
 
body {
    background-color: #F5EFE9;
    color: #000000;
}
 
a:link {
    color: #b01;
}
 
a:visited {
    color: #b01; !important
}
 
.hovertip {
    background-color: #F5EFE9 !important;
    border: 2px solid #7A3E09 !important;
    color: #000000 !important;
}
 
.scp-image-block {
    background: #F5EFE9;
    border: 10px solid #a3ebe9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
 
.scp-image-block .scp-image-caption {
    padding-top: 1em;
    background: #a3ebe9;
    border-top: none;
    font-size: 85%;
}
 
.scp-image-block img {
    box-shadow: 0 0 1px black;
}
 
/* ---- SCROLLBAR ---- */
::-webkit-scrollbar {
    width: unset;
    height: unset;
}
 
::-webkit-scrollbar-track {
    background: #935e94;
}
 
::-webkit-scrollbar-thumb {
    background: #9d0cce;
    border: none;
}
 
::-webkit-scrollbar-thumb:hover {
    background: #cf46fd;
}
 
textarea::-webkit-scrollbar-track {
    background: #935e94;
}
 
/* Side Bar */
#side-bar {
    background: none;
}
 
#side-bar .side-block,
#side-bar .side-block.media,
#side-bar .side-block.resources {
    background-color: #F5EFE9;
    border: 2px solid #7a0977;
    border-radius: 10px 0;
}
 
#side-bar .heading,
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #000000;
    color: #000000;
}
 
#side-bar .collapsible-block-folded-link .collapsible-block-link:hover,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #b01;
}
 
#side-bar .collapsible-block-folded-link .collapsible-block-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #000000;
}
 
#side-bar .menu-item .image,
#side-bar .collapsible-block-folded,
#side-bar .collapsible-block-unfolded-link .collapsible-block-content .image {
    filter: hue-rotate(200deg);
}
 
#side-bar .collapsible-block-folded a:link {
    filter: hue-rotate(-200deg);
}
 
#side-bar a:link {
    color: #b01;
}
 
#side-bar a:visited {
    color: #b01;
}
 
#side-bar a:link:hover,
#side-bar a:visited:hover {
    color: #b01;
}
 
.scpnet-interwiki-frame {
    filter: invert(1) hue-rotate(245deg) saturate(.8);
}
 
#top-bar .open-menu a {
    border-color: #000000;
    color: #000000;
}
 
/* Tab */
div.yui-navset ul.yui-nav a,
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:hover,
div.yui-navset ul.yui-nav .selected a:focus {
    background: none;
    border: none;
}
 
.yui-navset {
    clear: both;
    margin-bottom: 1em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
 
.yui-navset .yui-nav {
    border: 1px solid gainsboro;
    border-bottom: none;
}
 
.yui-navset .yui-nav li {
    margin-right: 10px !important;
}
 
.yui-navset .yui-nav li:first-child {
    margin-left: 1.5em;
}
 
.yui-navset .yui-nav li a em {
    padding: 10px .75em .25em;
    margin-bottom: -1px;
    background: none;
    border: none;
    border-bottom: 4px solid transparent;
    color: gray;
    transition: .2s;
}
 
.yui-navset .yui-nav li a em:hover {
    background: none;
}
 
.yui-navset .yui-nav .selected a em,
.yui-navset .yui-nav .selected a em:hover {
    padding: 10px .75em .25em;
    background: none;
    border: none;
    border-bottom: 4px solid #617396;
    color: #617396;
    font-weight: bold;
}
 
div.yui-navset div.yui-content {
    background: #FFFFFB;
    border: 1px solid gainsboro;
}
 
/* Rate Module */
.page-rate-widget-box {
    margin-right: 0;
    border: 2px solid #ad455b;
    border-radius: 5px;
    box-shadow: none;
}
 
.page-rate-widget-box > span {
    border: none !important;
}
 
.page-rate-widget-box .rate-points {
    background: #fdf955 !important;
    color: #000000 !important;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background: #fdf955;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background-color: #ad455b;
    color: #fdf955;
}
 
.page-rate-widget-box .cancel {
    background: #fdf955;
}
 
.page-rate-widget-box .cancel a {
    color: #000000;
    font-weight: bold;
}
 
.page-rate-widget-box .cancel a:hover {
    background: #ad455b;
    border-radius: 0;
    color: #fdf955;
}
 
.creditRate {
    margin-right: 0 !important;
}
 
.rate-box-with-credit-button {
    background: #fcf826 !important;
    border: 2px solid #ad455b !important;
    box-shadow: none !important;
}
 
.rate-box-with-credit-button .page-rate-widget-box {
    border: none;
}
 
.creditButton p a {
    border-left: none !important;
    color: #000000 !important;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    padding: 3px 0 1px;
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: #ad455b;
    border-radius: 0 3px 3px 0;
    color: #fdf955 !important;
}
 
/* ---- EDITING WINDOWS ---- */
.owindow {
    background-color: #ffffff;
    border-color: #AD8C45;
}
 
.owindow .modal-header {
    background-color: #ffffff;
}
 
.owindow .modal-body img {
    background-color: #ffffff !important;
    color: #000000;
}
 
.owindow .title {
    background-color: #ffffff;
}
 
.owindow a,
.owindow a:visited {
    color: #CECE8C;
}
 
.owindow .active {
    color: #000000;
}
 
.owindow .content.modal-body img {
    background-color: #72725A !important;
}
 
.owindow .button-bar a {
    background-color: #ffffff;
    color: #000000;
}
 
.owindow .button-bar a:hover,
.owindow .button-bar a:focus {
    background-color: #ffffff !important;
    border-color: #99997B;
    color: #000000;
}
 
table.page-files .highlight {
    background-color: #FFFFFB;
}
 
input.text,
input.text:focus,
input.text:hover {
    background-color: #ffffff !important;
    border-color: #99997B;
    color: #000000;
}
 
textarea {
    background-color: #FEFFFF;
    color: #000000;
}
 
.change-textarea-size a {
    background-color: #ffffff;
    color: #000000;
}
 
#lock-info {
    background-color: #ffffff;}
 
/* Blockquote */
blockquote,
div.blockquote {
    background-color: #FFFAEE;
    border-style: dotted;
}
 
/* etc. */
@media (min-width: 581px) and (max-width: 767px) {
    #header {
        background-size: 300px auto;
    }
}
 
@media (min-width: 480px) and (max-width: 580px) {
    #header {
        background-size: 260px auto;
    }
}
 
@media (min-width: 321px) and (max-width: 479px) {
    #header {
        background-size: 240px auto;
    }
}
 
@media (max-width: 320px) {
    #header {
        background-size: 210px auto;
    }
}

revisión de página: 9, última edición: 04 May 2022 20:02

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

Yerko's Sandbox V

La Decadencia Hecha Borrador