077 | Alice in Wonderland

<div id="bear">
<input type="radio" id="tb1" name="tab" checked></input>
<input type="radio" id="tb2" name="tab"></input>
<input type="radio" id="tb3" name="tab"></input>
<div class="br-tt"><i class="sf sf-heart"></i>
<span><b>Alice in</b>
Wonderland
<n>It's no use going back to yesterday, because I was a different person then</n></span>
</div><div class="br-bo"><div class="br-si">
<div class="br-im" style="background: url(https://via.placeholder.com/200x380)"><div class="bt-pb">

<span>Played by</span>
<h1>Nombre del PB</h1>

</div></div></div><div class="bt-cont"><div class="tb1">

<h1>Datos Básicos</h1><div class="datos">
<span style="border-top: 1px solid #e4e4e4"><i class="sf sf-user"></i> <b>Nombre Completo</b></span>
<span><i class="sf sf-flame"></i> <b>Apodo</b></span>
<span><i class="sf sf-ice-cream"></i> <b>Pronombres</b></span>
<span><i class="sf sf-cake"></i> <b>Edad + Cumpleaños</b></span>
<span><i class="sf sf-constellation"></i> <b>Signo del Zodiaco</b></span>
<span><i class="sf sf-home"></i> <b>Lugar de Origen</b></span>
<span><i class="sf sf-wrench"></i> <b>Ocupación</b></span>
<span><i class="sf sf-star"></i> <b>Grupo</b></span>

</div></div><div class="tb2">
<h1 class="inf">Información</h1>
<div class="info">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consequat vel libero quis maximus. In tempus magna sit amet enim volutpat pellentesque. Donec sodales massa quis nisi fringilla porttitor. Cras fermentum dapibus lorem, vel lobortis nisi bibendum id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed non ex id purus molestie sodales sit amet at massa. Duis vitae ante sed libero cursus varius. Aliquam laoreet arcu nisi, non convallis sapien lacinia vel.

Cras auctor sapien enim, ac vulputate libero mollis sed. Mauris suscipit mollis est, et aliquam nunc pretium vehicula. Donec facilisis vulputate mauris nec aliquet. Integer tincidunt eros quam, nec facilisis magna aliquam et. Vestibulum venenatis bibendum lectus. Sed leo ante, convallis a magna vel, volutpat lobortis nulla. In scelerisque iaculis mauris id euismod. Vestibulum quis iaculis metus, eu sodales orci. Curabitur sodales consectetur sapien nec vestibulum. Vestibulum luctus massa arcu, a sollicitudin lacus rhoncus ornare. Quisque tincidunt, justo tincidunt ultrices tempus, justo nisl sollicitudin leo, sit amet semper nisi felis vel eros.

</div></div><div class="tb3">

<h1>Gustos y disgustos</h1>
<div class="dt-a">
<span style="border-top: 1px solid #e4e4e4"><i class="sf sf-check-2"></i> <b>Gusto</b></span>
<span><i class="sf sf-check-2"></i> <b>Gusto</b></span>
<span><i class="sf sf-check-2"></i> <b>Gusto</b></span>

<span style="margin-top: 5px; border-top: 1px solid #e4e4e4"><i class="sf sf-cross-2"></i> <b>Disgusto</b></span>
<span><i class="sf sf-cross-2"></i> <b>Disgusto</b></span>
<span><i class="sf sf-cross-2"></i> <b>Disgusto</b></span>

</div><h1>Datos Extras</h1>
<div class="dt-a">
<span style="border-top: 1px solid #e4e4e4"><i class="sf sf-plus-2"></i> <b>Dato Extra</b></span>
<span><i class="sf sf-plus-2"></i> <b>Dato Extra</b></span>
<span><i class="sf sf-plus-2"></i> <b>Dato Extra</b></span>
<span><i class="sf sf-plus-2"></i> <b>Dato Extra</b></span>
<span><i class="sf sf-plus-2"></i> <b>Dato Extra</b></span>

</div></div></div><div class="bt-lab">
<label for="tb1"><span class="sf sf-diamonds"></span><n>Datos</n></label>
<label for="tb2"><span class="sf sf-spades"></span><n>Biografía</n></label>
<label for="tb3"><span class="sf sf-clubs"></span><n>Extras</n></label>
</div></div><div class="bt-tom"><a href="https://gitanodoescodes.tumblr.com/">by gitano</a></div></div>

<link href="https://dl.dropbox.com/s/ypnkrisfklbqsz4/wonderla.css" rel="stylesheet">
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<style>#bear .br-tt i {color: #B9D4D7}#bear .br-tt span {color: #B9D4D7}.bt-cont h1 {background: #B9D4D7}#bear .bt-cont i {color: #B9D4D7}#bear .bt-lab label {color: #B9D4D7}.dt-a::-webkit-scrollbar-thumb {background: #B9D4D7}</style>