Skip to content

Instantly share code, notes, and snippets.

@bertobox
Created March 24, 2015 16:09
Show Gist options
  • Save bertobox/328c109adb6992845146 to your computer and use it in GitHub Desktop.
Save bertobox/328c109adb6992845146 to your computer and use it in GitHub Desktop.
Vista previa de proyecto para Expo
/**
* 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;
}
<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://robertvalencia.com/i/w320-h106-c320x106/files/2015/awr/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>
// alert('Hello world!');
{"view":"split","fontsize":"110","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment