Tema de Nuestras Venas Abiertas 
/* 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;
    }
    }
}
Puntuación: +2+–x

Info

Este es el Tema de Nuestras Venas Abiertas, un tema creado por Dc_YerkoDc_Yerko con indicaciones de KilerpoyoKilerpoyo para su uso en artículos pertenecientes al canon de Nuestras Venas Abiertas.

Puntuación: +2+–x
Puntuación: +2+–x

Uso

Este es el Tema de Nuestras Venas Abiertas, un tema creado por Dc_YerkoDc_Yerko con indicaciones de KilerpoyoKilerpoyo para su uso en artículos pertenecientes al canon de Nuestras Venas Abiertas.

Para importar este tema, pon lo siguiente en la parte más alta de tu artículo:

[[include theme:our-open-veins]]

Easy12

Uso de Variaciones de Color

Este tema tiene variaciones de color, es decir, versiones alternativas del mismo tema pero con algunos, o todos, sus colores cambiados. Este tema tiene 1 variación de color diferente.

Dark%20Mode.png

Nuestras Venas Oscuras

Nuestras Venas Oscuras

Esta variación brinda los colores oscuros de la noche con algunos detalles sangrantes.

Bueno para relatos más oscuros.

Para importar la variación de Nuestras Venas Oscuras, pon lo siguiente en la parte más arriba de tu artículo:

[[include theme:our-open-veins |our-dark-veins= --]]]

Florcita.png

Florece

Ejemplos

Una línea horizontal como la de arriba puede ser creada con cuatro guiones, así: "----". Un pequeño pero grueso guión de separación puede ser creado si se coloca lo siguiente: "+ -----".

Para hacer una línea horizontal especial tematizada como la de abajo, utiliza el siguiente código:

[[div class="serpiente"]]
[[/span]]

+ Títulos

Esto es un tab.

Esto es un cuadro de citas, creado al poner "> "al inicio de cada línea. Nótese que el espacio luego del símbolo siempre es necesario ponerlo, incluso cuando solo se pone una línea vacía para separar párrafos.
Más texto

Esta es una línea horizontal. Muy interesante.

Y esto es lo que llamamos Inception.

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

Código Fuente

+ Mostrar Código
estema
Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License