Modelo de Búsquedas

Dom Ago 30, 2015 5:25 pm

LA IMAGEN ES DE 200x375

I'm waiting for...

A moment with you

Dato 01	Dato 02
Dato 03	Dato 04
Dato 05	Dato 06

Descripción

Aquí va tu texto :)

by wickle

Código:: <div id="thurman"><div class="imgthurman" style="background: url(AQUI VA LA IMAGEN) no-repeat"><div class="thurmantit">I'm waiting for...</div></div><div class="thurmancont"><div class="namethurman">A moment with you</div><table cellspacing="0"><tr><td><div class="dato">Dato 01</div></td><td><div class="dato" style="background: #ACBEC5">Dato 02</div></td></tr><tr><td><div class="dato" style="background: #ACBEC5">Dato 03</div></td><td><div class="dato">Dato 04</div></td></tr><tr><td><div class="dato">Dato 05</div></td><td><div class="dato" style="background: #ACBEC5">Dato 06</div></td></tr></table><div class="subthurman">Descripción</div><div class="contthurman1">Aquí va tu texto :)</div></div></div><div style="font-family: calibri; text-transform: uppercase; color: #2f2f2f; font-size: 8px; letter-spacing: 3px; position: relative; top: -10px; text-align: center" class="linkswickcontest">by <a href="http://serendipity.foroactivo.com/u9">wickle</a></div> <style>#thurman { width: 200px; height: 375px; background-color: #eee; border: 5px solid #292B31; position: relative; display: block; margin: 10px auto; vertical-align: middle; overflow: hidden } #thurman .imgthurman { width: 200px; height: 375px; position: absolute; top: 0; left: 0; transition: all .5s ease-in-out; transition-delay: .3s } #thurman:hover .imgthurman { position: absolute; left: 200px; top: 0; transition: all .5s ease-in-out; transition-delay: 1s } #thurman .thurmancont { width: 200px; height: 375px; font: 10px roboto; text-align: justify; background: #7D979E } #thurman .thurmantit { max-width: 200px; text-align: center; font: 15px montserrat; color: #fff; text-transform: uppercase; display: block; position: relative; margin: 0px auto; line-height: 80%; top: 170px; right: 0; background: #3E4359; padding: 10px; transition: .6s; transition-delay: 1.1s } #thurman:hover .thurmantit { top: -35px; right: 0; transition: .6s; transition-delay: .3s } #thurman .dato { background: #7D979E; font-size: 10px; padding: 5px; color: #fff; text-align: center; text-transform: uppercase; width: 90px; display: block } .namethurman { background: #3E4359; padding: 13px; font: 15px montserrat; color: #fff; text-align: center; text-transform: uppercase; font-weight: normal } .subthurman { background: #3E4359; word-spacing: -1px; padding: 8px; font: 13px montserrat; color: #fff; text-align: center; text-transform: uppercase; font-weight: lighter } .contthurman1 { background: #545454; padding: 8px; text-align: justify; color: #fff; overflow-y: auto; height: 215px } .contthurman1::-webkit-scrollbar { width: 7px; height: 7px; border: none; background: #7D979E } .contthurman1::-webkit-scrollbar-thumb { width: 7px; border: none; background: #ACBEC5 } .contthurman1::-webkit-scrollbar-button { display: none }</style> <link href='http://fonts.googleapis.com/css?family=Montserrat|Roboto' rel='stylesheet' type='text/css'>