<link href='http://fonts.googleapis.com/css?family=Glass+Antiqua|Uncial+Antiqua|Ruthie|Qwigley' rel='stylesheet' type='text/css'>
<div style="width: 550px; height: 30px; margin: auto; margin-bottom: -30px; color: #B40431; font-size: 48px; font-family: Qwigley; text-align: center; opacity: 0.7; border-radius: 40px; padding-text: 3px">"Nome do Personagem"</div>
<div style="margin: auto; width: 550px; background-color: #2A0A12; border-right: 1px dashed #B40431; border-left: 1px dashed #B40431; border-bottom: 1px dashed #B40431; border-top: 1px dashed #B40431"><div style="background-image: url('LINK DA IMAGEM 500x250'); width: 500px; height: 250px; opacity: 0.6; border-radius: 180px; padding: 5px;margin: auto; -webkit-filter: sepia(60%); -o-filter: sepia(60%); -moz-filter: sepia(60%); -ms-filter: sepia(60%); "></div>
<div style="width: 550px; height: 30px; margin-top: -20px; color: #B40431; font-size: 43px; font-family: Ruthie; text-align: center; opacity: 0.7; padding-text: 3px">Datos Básicos</div><ul id="ul"><div id="infotitulo"><li>PhotoPlayer</li></div><div id="infotitulo"><li>Apelido</li></div><div id="infotitulo"><li>Idade</li></div><div id="infotitulo"><li>Raça</li></div><div id="infotitulo"><li>Ocupação</li></div><div id="infotitulo"><li>Nacionalidade</li></div></ul>
<div style="width: 550px; height: 30px; margin: auto; color: #B40431; font-size: 43px; font-family: Ruthie; text-align: center; opacity: 0.7; padding-text: 3px">Dados Físicos</div><div id="texto">[u][size=16][font=Uncial Antiqua][center]Descrição Física[/center][/font][/size][/u]
Aqui irá a descrição física de seu personagem, tipo de cabelo, cor dos olhos, tipo físicos, essas coisas. </div>
<div style="width: 550px; height: 30px; margin: auto; color: #B40431; font-size: 43px; font-family: Ruthie; text-align: center; opacity: 0.7; padding-text: 3px">Dados Psicológicos</div><div id="texto">
Faça a descrição psicologia do seu personagem, dizendo seus gostos, desgostos e tudo o que achar interessante.</div>
<div style="width: 550px; height: 30px; margin: auto; color: #B40431; font-size: 43px; font-family: Ruthie; text-align: center; opacity: 0.7; padding-text: 3px">Outros Dados</div><table style="margin: auto"><tbody><tr><td><div style="width: 167px;text-align: center;border-bottom: 1px dashed #8A0808;font-family: Uncial Antiqua;font-size: 16px;font-weight: light; letter-spacing: -1px;color: #D8D8D8;margin: auto;opacity: 0.7;padding: 3px;background: #610B0B; text-decoration: underline">Objetivos Pessoais</div><div class="texto2">✖ Qual são os objetivos de seu personagem na cidade.
</div></td><td><div style="width: 167px;text-align: center;border-bottom: 1px dashed #8A0808;font-family: Uncial Antiqua;font-size: 16px;font-weight: light; letter-spacing: -1px;color: #D8D8D8;margin: auto;opacity: 0.7;padding: 3px; background: #610B0B; text-decoration: underline">Habilidades</div><div class="texto2">Descreva as habilidades de seu personagem, diga também como descobriu os podres. </div></td><td><div style="width: 167px;text-align: center;border-bottom: 1px dashed #8A0808;font-family: Uncial Antiqua;font-size: 16px;font-weight: light; letter-spacing: -1px;color: #D8D8D8;margin: auto;opacity: 0.7;padding: 3px; background: #610B0B; text-decoration: underline">Extras</div><div class="texto2">Aqui você irá explorar os pontos fortes e fracos de seu personagem, todos eles de preferencia. Tende haver uma coerência entre Habilidades, Pontos Fracos/Fortes e sua História.
</div></td></tr></tbody></table>
<div style="width: 550px; height: 30px; margin: auto; color: #B40431; font-size: 43px; font-family: Ruthie; text-align: center; opacity: 0.7; padding-text: 3px">Dados Biográficos</div><div id="texto">Aqui conte sua história. Use e abuse da criatividade, quanto melhor a história maior a chance de ser aprovado de primeira.
</div>
</div><div style="width: 80px; margin:auto;background: tranparent; border-radius: 0px 0px 5px 5px; color: #B40431; font-family: Glass Antiqua; font-size: 8px; text-align: center; letter-spacing: 3px;height: 10px;padding-top: -2px;"> By [url=http://www.oursourcecode.net/u5421]NekSSLove[/url]</div>
<style text="type/css">::-webkit-scrollbar{width: 5px;}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{height: 20px;display: none;}::-webkit-scrollbar-track-piece{background: transparent;}::-webkit-scrollbar-thumb:vertical{height: 20px;width: 5px;background: #8a0035;border-radius: 20px;}#ul{list-style-type: none;margin: 0;padding: 0;}#infotitulo{width: 520px;text-align: center;background: #610B0B;border: 1px dashed #8A0808;font-family: Uncial Antiqua;font-size: 16px;font-weight: light; letter-spacing: -1px;color: #D8D8D8;margin: auto;opacity: 0.7;padding: 3px;}#infotitulo:hover{opacity: 0.9;background-color: #8A0808;border: 1px dashed #2A0A12;padding: 3px;transition: all 0.70s ease;-moz-transition: all 0.70s ease;-webkit-transition: all 0.70s ease;}#texto{width: 520px;text-align: justify;background: #610B0B;font-family: Glass Antiqua;font-size: 13px;font-weight: light; letter-spacing: 1px;color: #D8D8D8;margin: auto;opacity: 0.7;padding: 4px;line-height: 12px;max-height: 200px;overflow: auto;}.texto2{width: 165px;height: 170px;text-align: justify;background: #610B0B;font-family: Glass Antiqua;font-size: 13px;font-weight: light; letter-spacing: 1px;color: #D8D8D8;opacity: 0.7;padding: 4px;line-height: 13px;max-height: 130px;overflow: auto;}</style>
Início 
