Modelo de Ficha de Personagem

<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Terminal+Dosis+Light' rel='stylesheet' type='text/css'><style type="text/css">.name  { font-size: 45px; font-family: terminal dosis light; color: #fff;  text-shadow: -1px 0 #7F2042, 0 1px #7F2042, 1px 0 #6F5B98, 0 -1px #6F5B98; text-transform: lowercase; width: 450px; text-align: center;  }.l1b { background-color: #6F5B98; font-size: 11px; text-transform: uppercase; font-family: terminal dosis light; color: #fff; padding-top: 5px; padding-bottom: 5px; border-bottom: 5px solid #fff; text-align: center; width: 100%;  }.l1 { background-color: #6F5B98; font-size: 11px; text-transform: uppercase; font-family: terminal dosis light; color: #fff; padding-top: 5px; padding-bottom: 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; text-align: center; width:100%;  }.l2 { background-color: #7F2042; font-size: 11px; text-transform: uppercase; font-family: terminal dosis light; color: #fff; padding-top: 5px; padding-bottom: 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; text-align: center; width: 100%;  }.l3 { background-color: #7F2042; font-size: 11px; text-transform: uppercase; font-family: terminal dosis light; color: #fff; padding-top: 5px; padding-bottom: 5px; border-left: 20px double #6F5B98; border-right: 20px double #6F5B98; text-align: center; width: 145px;  }.l4 { background-color: #6F5B98; font-size: 11px; text-transform: uppercase; font-family: terminal dosis light; color: #fff; padding-top: 5px; padding-bottom: 5px; border-left: 20px double #7F2042; border-right: 20px double #7F2042; text-align: center; width: 340px;  }.l5 { background-color: #7F2042; font-size: 11px; text-transform: uppercase; font-family: terminal dosis light; color: #fff; padding-top: 5px; padding-bottom: 5px; border-left: 20px double #6F5B98; border-right: 20px double #6F5B98; text-align: center; width: 340px;  }.text { margin-left: 5px; margin-right: 5px; }</style><center><div class="name">first last name</div><div style="width: 460px; border-left: 20px solid #6F5B98; border-bottom: 20px solid #6F5B98; background-color: #fff;"><div style="width: 440px; border-top: 20px solid #7F2042; border-right: 20px solid #7F2042; background-color: #fff;"><div style="width: 420px; border-top: 20px solid #839DB4; border-left: 20px solid #839DB4; background-color:#fff;"><div style="width: 400px; border-bottom: 20px solid #ab4441; border-right: 20px solid #ab4441; background-color: #fff;"><table cellpadding="0" cellspacing="0"><tr><td><div style="width: 200px; height: 300px; background: #dadada url(imagem de 200x300);"></div></td><td><div style="width: 200px; height: 300px; overflow: auto;"><div class="l1b">NOME COMPLETO</div><div class="text">nome completo aqui</div><div class="l2">IDADE</div><div class="text">idade por extenso</div><div class="l1">DATA DE NASCIMENTO</div><div class="text">sua data de nascimento aqui</div><div class="l2">CIDADE NATAL</div><div class="text">cidade natal aqui</div><div class="l1">SEXUALIDADE</div><div class="text">opção sexual aqui</div><div class="l2">OCUPAÇÃO</div><div class="text">ocupação aqui</div><div class="l1">PAIS</div><div class="text">pais aqui. Ex: Nome - idade - ocupação - vivo/falecido</div><div class="l2">IRMÃOS</div><div class="text">irmãos aqui. Ex: Nome - idade - ocupação - vivo/falecido. Se não tem nenhum, coloque nenhum.</div><div class="l1">GRUPO</div><div class="text">grupos aos quais você pertence aqui</div><div class="l2">Photo Player</div><div class="text">seu photo player aqui</div></div></td></tr></table><div style="height: 5px; background-color: #6F5B98; border-top: 1px dotted #000; width: 375px; margin-top: 5px;"></div><div style="height: 10px; background-color: #7F2042; width: 375px; border-bottom: 5px solid #fff;"></div><table cellpadding="0" cellspacing="0" style="width: 380px; margin: 10px; text-align: justify;"><td><div class="l3">personalidade</div><div style="width: 185px; height: 250px; overflow: auto;">Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! Personalidade aqui. Mínimo de 20 linhas! </div></td><td style="width: 10px; height: 250px;"></td><td><div class="l3">aparência</div><div style="width: 185px; height: 250px; overflow: auto;">Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! Aparência aqui. Mínimo de 20 linhas! </div></td></table><div class="l4">história</div>
<div style="width: 380px; height: 250px; margin-top: 10px; text-align: justify; overflow: auto;">História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. História aqui. Mínimo de 25 linhas! Sem erros de gramática, por favor. </div><div style="height: 10px; background-color: #7F2042; width: 375px; border-top: 5px solid #fff;"></div><div style="height: 5px; background-color: #6F5B98; border-bottom: 1px dotted #000; width: 375px;"></div><div style="height: 5px; background-color: #fff;"></div><div class="l5">nome . idade . como nos encontrou . contato</div></div></div></div></div><a href="http://forums.athousandfireflies.com/index.php?showuser=12207"><div style="text-align: center; text-transform: uppercase;">MADE BY AVEY AT ATF!</div></a></center>