<link href='http://fonts.googleapis.com/css?family=Bad+Script|Pathway+Gothic+One' rel='stylesheet' type='text/css'>
[center]<div style="width: 500px; height: auto; background-color: #E4EDEC; border-right: 20px solid #D4E3F6; color: #141414;"><div style="border-bottom: 5px solid #CFDEF5; width: 400px; height: auto;"><div id="cajitarotate1"><div id="cajitarotate2">INFO #1|| INFO #2 || INFO #3|| INFO #4</div></div>
<div style="width: 250px; height: 20px; background-color: #CFDEF5; font-family: Pathway Gothic One; text-transform: uppercase; font-size: 20px; font-weight: 300;">Sobre Você</div>
<div style="width: 400px; height: auto; border: 5px solid #CFDEF5; text-align: justify; padding: 5px;">[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Nome Completo[/color][/b] ↔ [i]Información.[/i]
[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Apelidos[/color][/b] ↔ [i]Información.[/i]
[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Grupo[/color][/b] ↔ [i]Información.[/i]
[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Nacionalidade[/color][/b] ↔ [i]Información.[/i]
[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Idade[/color][/b] ↔ [i]Información.[/i]</div>
<div style="width: 250px; height: 20px; background-color: #CFDEF5; font-family: Pathway Gothic One; text-transform: uppercase; font-size: 20px; font-weight: 300;">Pessoal</div>
<div style="width: 400px; height: auto; border: 5px solid #CFDEF5; text-align: justify; padding: 5px;">[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Descrição Física[/color][/b] ↔ [i]Información.[/i]
[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Descrição Psicológica[/color][/b] ↔ [i]Información.[/i]</div>
<div style="width: 250px; height: 20px; background-color: #CFDEF5; font-family: Pathway Gothic One; text-transform: uppercase; font-size: 20px; font-weight: 300;">História</div>
<div style="width: 400px; height: auto; border: 5px solid #CFDEF5; text-align: justify; padding: 5px;">[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Biografía[/color][/b] ↔ [i]Información.[/i]
[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Familiares[/color][/b] ↔ [i]Información.[/i]</div>
<div style="width: 250px; height: 20px; background-color: #CFDEF5; font-family: Pathway Gothic One; text-transform: uppercase; font-size: 20px; font-weight: 300;">Extra</div>
<div style="width: 400px; height: auto; border: 5px solid #CFDEF5; text-align: justify; padding: 5px;">[b][color=#A4ADCA][color=#A0AAC3]ｬ[/color] Audição[/color][/b] ↔ [i]Información.[/i]</div>
<div style="width: 100px; height: 20px; background-color: #CFDEF5; color: #141414; margin-top: 20px; margin-bottom: -20px; text-transform: uppercase;">By [url=http://www.fairytail-rol.com/u12][color=#141414]Skam[/color][/url]</div>
</div></div>[/center]
<style type="text/css">#cajitarotate1{background-image: url('http://placehold.it/400x150'); width:300;height:150px; border-top: 5px solid #CFDEF5; overflow:hidden;} #cajitarotate2{background:#CFDEF5; width:400px; height:25px; padding: 5px; color: #141414; text-transform: uppercase; font-family: arial; overflow:hidden; position:relative; top:60px; transition:ease-in-out 0.5s;-webkit-transition:ease-in-out 0.5s;-ms-transition:ease-in-out 0.5s;-moz-transition:ease-in-out 0.5s;transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);opacity:0;} #cajitarotate1:hover #cajitarotate2{transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);opacity:1;}</style>
