Estilo para referencia APA

dabblet.css

/**
 * Estilo para referencia APA
 *
 * Las siguientes propiedades CSS
 * aplican una sangría inversa a cualquier
 * listado no ordenado `ul`.
 * @author Robert Valencia ( http://rober.tv )
 */

/* Aplica estilos a los contenedores */
.contenedor {
  width: 33em;
  margin: 0 auto;
  padding: 1em 2em;
  background-color: #ddd;
  font: 1em/1.5 Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
/**
 * CSS para elementos `h2`, `ul` y `li`
 * que se encuentren dentro de un elemento
 * con ambas clases .contenedor y .ejemplo-dos 
 */
.contenedor.ejemplo-dos h2 {
  font-size: 1.5em;
  font-weight: normal;
}
.contenedor.ejemplo-dos ul {
  padding: 0;
}
.contenedor.ejemplo-dos li {
  list-style-type: none;
  text-indent: -2em;
  margin: 1em 2em;
}

dabblet.html

<div class="contenedor ejemplo-uno">
  <h2>Referencias</h2>
  <ul>
    <li>Autor, A. A. (Año de la publicación). <em>Título de la obra.</em> Lugar: Casa publicadora.</li>
    <li>Waetzoldt, W. (1964). <em>Tú y el arte.</em> Barcelona: Editorial Labor S.A.</li>
    <li>Wadeson, H. (2001). <em>An eclectic approach to art therapy.</em> En J. A. Rubin (Ed.), <em>Approaches to art therapy: Theory and technique</em> (2nd ed., pp. 306-318). New York, NY: Brunner-Routledge.</li>
  </ul>
</div><!-- .contenedor.ejemplo-uno -->

<div class="contenedor ejemplo-dos">
  <h2>Referencias</h2>
  <ul>
    <li>Autor, A. A. (Año de la publicación). <em>Título de la obra.</em> Lugar: Casa publicadora.</li>
    <li>Waetzoldt, W. (1964). <em>Tú y el arte.</em> Barcelona: Editorial Labor S.A.</li>
    <li>Wadeson, H. (2001). <em>An eclectic approach to art therapy.</em> En J. A. Rubin (Ed.), <em>Approaches to art therapy: Theory and technique</em> (2nd ed., pp. 306-318). New York, NY: Brunner-Routledge.</li>
  </ul>
</div><!-- .contenedor.ejemplo-dos -->

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"190","seethrough":"","prefixfree":"1","page":"all"}