Modelo de búsqueda

por **El presidente** Mar Jul 19, 2016 1:56 am

ALIAS

EDAD

GRUPO

EMPLEO

NACIONALIDAD

PB

NOMBRE Y APELLIDO

FRASE DE TU PERSONAJE O DE CANCIÓN CORTA

TRAMA

AQUÍ LA TRAMA.

REQUISITOS

AQUÍ LOS REQUISITOS

Código:: <center><link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,700' rel='stylesheet' type='text/css'><style type="text/css">.base-id {position: relative; overflow: hidden; width: 410px; height: 230px;} .pic-id {transition: 1s; top: -130px; position: absolute; left: 0px;} .base-id:hover .pic-id {transition: 1s; top: 0px;} .det-id {position: absolute; top: 0px; right: -225px; transition: 1s; padding: 5px; width: 205px; background: #ffffff; height: 120px;} .base-id:hover .det-id {transition: 1s; right: -5px;} .extra-id {display: block; width: 100%; line-height: 100%; font-family: roboto; color: #0d0d0d; background: #8F8280; letter-spacing: 1px; font-size: 9px; text-transform: uppercase; font-weight: bold; padding-top: 5px; padding-bottom: 5px; margin-bottom: 1px;} .nombre-id {width: 410px; height: 90px; padding: 5px; background: #8F8280; position: absolute; transition: 1s; bottom: -100px;} .base-id:hover .nombre-id {transition: 1s; bottom: 0px;}</style><div style="padding: 10px; background: #7b5f54; width: 450px;"><div style="width: 410px; padding: 10px; background: #ffffff; border-left: 20px solid #8F8280; color: #0d0d0d;"><div style="width: 410px; height: 230px; background:url('http://placehold.it/410x230');"><div class="base-id"><div style="width: 200px; height: 120px; -webkit-filter: grayscale(100%); background:url(http://placehold.it/200x120); border: 5px solid #ffffff; border-right: transparent; border-left: transparent;" class="pic-id"></div><div class="det-id"><div class="extra-id">ALIAS</div><div class="extra-id">EDAD</div><div class="extra-id">GRUPO</div><div class="extra-id">EMPLEO</div><div class="extra-id">NACIONALIDAD</div><div class="extra-id">PB</div></div><div class="nombre-id"><div style="font-family: roboto; text-transform: uppercase; letter-spacing: 4px; font-size: 20px; font-weight: bold; padding: 10px;">NOMBRE Y APELLIDO</div><div style="font-family: roboto; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; font-weight: bold; line-height: 100%;">FRASE DE TU PERSONAJE O DE CANCIÓN CORTA</div></div></div></div><br><div style="font-family: roboto; text-transform: uppercase; letter-spacing: 5px; font-size: 10px; font-weight: bold;">TRAMA</div><br><div style="font-family: roboto; font-size: 12px; text-align: justify; line-height: 110%; overflow-y: auto; height: 150px;">AQUÍ LA TRAMA.</div><br><div style="font-family: roboto; text-transform: uppercase; letter-spacing: 5px; font-size: 10px; font-weight: bold;">REQUISITOS</div><br><div style="font-family: roboto; font-size: 12px; text-align: justify; line-height: 110%; overflow-y: auto; height: 150px;">AQUÍ LOS REQUISITOS</div></div></div><a style="font-size: 10px; color: #000;" href="http://thecaptainknowsbest.tumblr.com/">© HARDROCK</a></center>