Tema MARATÓNICO
/* 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: +6+x

Puntuación: +6+x

Uso

Este es el Tema MARATÓNICO, basado en las terminales del videojuego Marathon y creado para su uso en fichas, en específico, la de extasisextasis.

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

[[include theme:maratonico]]

Uso de Variaciones de Color

Este tema cuenta con variaciones de color, es decir, versiones alternativas del mismo tema pero con algunos, o todos, sus colores cambiados. Este tema cuenta con 3 variaciones de color distintas.

Screenshot-OEM.png

Cosmic Bunnies

Comic Bunnies

Esta variación ofrece colores rosados, morados y verdes. Inspirado por la estética vista en el canon de Observando Estrellas Muertas.

Para importar la variación Cosmic Bunnies, pon lo siguiente en la parte más alta de tu artículo:

[[include theme:maratonico |cosmic-bunnies= --]]]

Screenshot-Love.png

Cyan Love

Cyan Love

Esta variación ofrece colores cian, turquesa y rosados. Inspirado por la relación amorosa de los personajes de El Escritor y Amalia Mondragón.

Para importar la variación Cyan Love, pon lo siguiente en la parte más alta de tu artículo:

[[include theme:maratonico |cyan-love= --]]]

Screenshot-Morada.png

The Color Behind The Slaughter

The Color Behind The Slaughter

Esta variación ofrece colores morados, púrpuras y amarillos. Inspirado por el personaje del Hombre Morado de la saga de videojuegos Five Nights at Freddy's.

Para importar la variación The Color Behind The Slaughter, pon lo siguiente en la parte más alta de tu artículo:

[[include theme:maratonico |the-color-behind-the-slaughter= --]]]

Marathon12


logo.png

MARATÓNICO

Ejemplos

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

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. Cuánto estilo.

Y esto es lo que llamamos Inception3.

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

Código Fuente

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