Vista previa de proyecto para Expo

dabblet.css

/**
* Vista previa de proyecto para Expo
*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
.proyecto {
  font-family: "PTSans-Regular","PT Sans",Arial,Helvetica,sans-serif;
  font-size: 1em;
  -webkit-font-smoothing:antialiased
}
.proyecto {
  position: relative;
  margin: 1px;
  padding: 0;
  background-color: rgba(244,244,244,1);
  overflow: hidden;
  float: left;
}
.proyecto {
  height: 106px;
  width: 320px;
}
dt {
  position: absolute;
  z-index: 300;
  text-align: center;
  background-color: rgba(1,1,1,.65);
  color: #fff;
  padding: 0 3px;
  font-weight: bold;
}
.thumbnail {
  z-index: -300;
  margin-left: 0;
  float: left;
}
img {
  width: 100%;
  position: absolute;
}
.votos {
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0;
  padding: 0;
  z-index: 500;
  padding-left: 5px;
  height: 24px;
  text-align: right;
}
.titulo {
  background-image: 
    -webkit-gradient(linear,
      center top,center bottom,from( rgba(0,0,0,0)),to( rgba(0,0,0,.7)));
  background-image: 
    -webkit-linear-gradient( 
      rgba(0,0,0,0),rgba(0,0,0,.7));
  font-weight: normal;
  font-size: 1em;
  line-height: 1.33333333333333333333;
  margin-top: .4em;
  position: absolute;
  padding: 3em 5px 1.125em 5px;
  bottom: 0;
  color: #fff;
}
.titulo {
  width: 310px;
}
.titulo,.autores,.materias,.votos {
  margin-left: 0px;
  margin-right: 0px;
  color: rgba(255,255,255,1);
  text-shadow: 0 1px 1px black;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.autores {
  font-size: .9375em;
  line-height: 1.2;
  margin: .1em 0;
  height: 1.2em;
  position: absolute;
  width: 310px;
  padding: 6.7em 5px 2px;
  bottom: 0px;
  font-style: italic;
}

dabblet.html

<dl class="proyecto">
  <a href="http://artcom.mx/g/p13-37" target="_blank">
    <dt id="proyecto_37" class="proyecto_id">37</dt> 
    <dd id="imagen_37" class="thumbnail"><img src="http://artcom.um.edu.mx/i/w320-h106-c320x106/expo-artcom/p13/upload/b7a492c42030c22b733f69bf28bfefff.JPG" alt=" - "></dd>
    <dd class="votos">6 votos</dd>
    <dd class="titulo">Frida</dd>
    <dd class="autores">Nallely Vivani Hernández Alcántara</dd>
  </a>
</dl>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}