<style>.Ka1 { width: 200px; height: 200px; background: url(http://data.whicdn.com/images/184973848/large.jpg) 35% 15%; border: 25px solid black;} .Ak1 { font-family: bebas; font-size: 60px; color: white; letter-spacing: -2px; text-align: center; display: block; margin-top: 40%; text-shadow: 0 0 1px #000;} .txet { width: 200px; max-height: 120px; padding: 20px; background: #000; line-height: normal; font-size: 8px; font-family: Sans-serif; text-align: justify; margin-left: 50px; color: #FFF; text-transform: uppercase; letter-spacing: 1px;}</style>
<div class="I-m"><table><tbody><tr><td><div id="Pr"><div class="NAM" style="margin-top: -20px;">INFO. BÁSICA</div><center><div class="Yr">Edad</div>Dato aquí
<div class="Yr">Nacionalidad</div>Dato aquí
<div class="Yr">Orientación sexual</div>Dato aquí
<div class="Yr">Rango</div>Dato aquí
<div class="Yr">Grupo</div>Dato aquí
<div class="Yr">Categoría</div>Dato aquí
<div class="Yr">Categoría</div>Dato aquí<center></div></td>
<td><div id="Pr" style="margin-left: 5px;"><div class="NAM" style="margin-top: -20px; font-size: 28px;">DESCRIPCIONES</div><div class="Yr" style="text-align: center;">PSICOLOGÍA</div>Proin a laoreet magna, vitae molestie tortor. Praesent iaculis at dui nec aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eget augue sit amet nisi rhoncus elementum non ac turpis. Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
<div class="Yr" style="text-align: center;">FÍSICO</div>Vestibulum molestie eget tellus in convallis. Maecenas ultrices lacus in lectus vehicula ultricies. Mauris non felis eu sapien blandit consequat scelerisque ac enim. Vivamus posuere dolor mattis ligula suscipit volutpat. Etiam mauris justo, varius at ante et, rhoncus sodales sapien. Quisque iaculis metus et nulla egestas vehicula. Nam dictum sit amet magna quis rutrum. Quisque vel volutpat risus. Nunc dapibus blandit nunc, non congue sapien lacinia nec. </div></td></tr></tbody></table>
<div style="width: 450px; height: 180px; background: url(http://data.whicdn.com/images/220721488/large.jpg) 100% 50%; margin-top: 5px;"><div class="NAM" style="margin-top: 170px; margin-left: 10px;">NOMBRE DEL PERSONAJE</div></div>
<table><tbody><tr><td><div id="Pr" style="border-bottom: 20px solid #F3F3F3"><div class="NAM" style="margin-top: 260px;">HISTORIA</div>Aliquam quis porta elit. Proin vel fermentum ante. Sed molestie purus id fringilla blandit. Duis vehicula blandit felis aliquet gravida. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer sed risus varius, auctor nulla id, eleifend neque. Sed in tortor id nunc ultricies fermentum. Duis volutpat sem dolor, a volutpat leo aliquet nec. Etiam tincidunt lobortis nisi, eu tincidunt nulla euismod id. Etiam egestas ligula sit amet tellus eleifend efficitur. Morbi sed facilisis felis, ac viverra tellus. Nam ac tellus aliquam libero pharetra faucibus. Cras tincidunt, elit vitae molestie consectetur, velit risus luctus urna, dignissim varius metus nulla non felis.</div></td>
<td><div id="Pr" style="margin-left: 5px; border-bottom: 20px solid #F3F3F3"><div class="NAM" style="margin-top: 260px; font-size: 32px;">OTROS DATOS</div><div class="Yr" style="text-align: center;">GUSTOS&DISGUSTOS</div>Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
<div class="Yr" style="text-align: center;">Manías</div>Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
<div class="Yr" style="text-align: center;">Fobias</div>Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu.
<div class="Yr" style="text-align: center;">FRASE</div>Nulla facilisi. Duis tortor metus, vestibulum a vulputate eu, malesuada sed arcu. </div></td></tr></tbody></table>
<center><a href="http://dixinmortal.vampire-legend.net/u846">[color=BDBDBD]・カイ[/color] as <a href="http://izuu-mi.tumblr.com/">[color=#BDBDBD]♕ I Z U U 一 M I[/color]</a></a></center></div>
<style>.I-m {width: 450px; background: #FFF; margin: auto; padding: 5px; } #Pr { width: 205px; height: 250px; background: #F3F3F3; padding: 7px; font-family: Georgia; font-size: 11px; color: #4E4E4E; text-align: justify; overflow: auto; margin-top: -10px; } .Yr { font-family: Lora; text-transform: uppercase; color: #AFAFAF; letter-spacing: 1px; border-bottom: 1px solid #AFAFAF; text-align: center; } .NAM { position: absolute; font-family: Lora; text-transform: uppercase; color: #BDBDBD; font-size: 35px; letter-spacing: -1px; } div::-webkit-scrollbar {height: 2px; width: 2px; background: #FFF;} div::-webkit-scrollbar-thumb { background: #AFAFAF!important; } </style><link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
