Roses (Búsqueda)

<style>.ploteando {width:209px; background:white; padding:5px;overflow:hidden;transition:0.9s all ease-in-out; transition-delay: 4.0s;}.ploteando:hover {width:523px;transition:0.9s all ease-in-out;}.carita {width:180px; height:230px;border:3px solid black;margin-right:7px;padding:10px;}.truenazo {width:280px; height:230px; opacity: 0.8; border:3px solid black;padding:10px;overflow:auto;font:13px calibri;text-align:justify;}.nombreloco {font:50px Dr Sugiyama;position:relative;text-shadow:1px 1px black, 2px 2px 4px black;margin-bottom:-20px;}.datoscarita {width:160px; height:100px; padding:10px; background:white;opacity:0.8;text-align:center;font:12px calibri; text-transform:uppercase;letter-spacing:2px;position:relative;top:310px;border:3px double black;left:-4px;transition:0.9s all ease-in-out;transition-delay:4.0s;}.carita:hover .datoscarita {top:105px;transition:0.9s all ease-in-out;}.odisey {font:10px calibri; text-transform:uppercase;letter-spacing: 2px;}</style>

<center><link href='https://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css'><div class="nombreloco" style="color:indianred;">Nombre y Apellido</div><div class="ploteando" style="border:10px groove brown;"><table><tr><td><div class="carita" style="background:URL(http://placehold.it/200x250)center;"><div class="datoscarita">Dato<br>Dato<br>Dato<br>Dato<br>Dato<br>Dato<br>Dato<br></div></div></td><td><div class="truenazo" style="background:bisque;">Blablablablabla</div></td></table></div><div class="odisey"><a href="http://odiseacoding.tumblr.com/">By Odisea</a></div></center>