045 | Just feel the harmony

<div id="tot"><div id="pestanas"><m><span class="th th-minus"></span><span class="th th-layers-o"></span><span class="th th-cross"></span></m> </div> <div id="navegacion"><div class="ultimosiconos"> <span class="th th-dial"></span></div><div class="iconos"><span class="th th-chevron-left"></span> <span class="th th-chevron-right"></span> <span class="th th-reload"></span> </div> <div class="datos"> — just feel the harmony </div></div><div id="cuerpo" style="background: url(https://via.placeholder.com/550x310)">
<div id="sint1"><span> Nombre del personaje </span>
<div class="quote">just a little lyric or something</div></div>
   <div id="sint2"><div class="basic">
    <h2> Datos Básicos </h2>

       <span>Nombre</span> Respuesta
       <span>Edad</span> Respuesta
       <span>Fecha de Nacimiento</span> Respuesta
       <span>Nacionalidad</span> Respuesta
       <span>Ocupación</span> Respuesta
       <span>signo zodiacal</span> Respuesta
       <span>¿Tangananica o Tanganana?</span> Tangananica

     </div> <div class="data"> <div class="img" style="background: url(https://via.placeholder.com/120x120); background-size: 100%;"> </div> <div class="pb"> <b>PLAYED BY</b><br> Bae Suzy</div></div></div><div id="sint2"><h1> Sobre ella... </h1><div class="info">

Historia, descripción, lo que sea.

     </div> </div> <div id="sint2"> <h3>

Other stuff </h3><div class="likes"><div class="lik">
   <span>Gusto</span> <span>Gusto</span> <span>Gusto</span> <span>Gusto</span>  <span>Gusto</span> <span>Gusto</span> <span>Gusto</span> <span>Gusto</span> <span>Gusto</span> <span>Gusto</span></div><span class="th th-check-mark"></span></div><div class="dislikes"> <span class="th th-cross"></span><div class="dis">  <span>Disgusto</span> <span>Disgusto</span> <span>Disgusto</span> <span>Disgusto</span> <span>Disgusto</span> <span>Disgusto</span> <span>Disgusto</span></div></div></div> <div id="sint3">
<div class="extras">

Algún Extra

</div></div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>


<style type="text/css">#tot {width: 550px; height: 401px; background: #f3f3f3; border: 1px solid #eaeaea; overflow: hidden; margin: 0 auto; margin-top: 50px;}#tot #pestanas {height: 40px; border-bottom: 1px solid #eaeaea;}#pestanas span {margin-left: 3px; margin-right: 3px; background: #F0D679; padding: 5px; border-radius: 100%; margin-top: -10px; color: #fff; font-size: 10px}#pestanas m {float: right; margin-right: 10px; margin-top: 20px;}#tot #navegacion {height: 50px; background: #f9f9f9;}#navegacion .iconos {font-size: 15px; color: #777; height: 10px; position: relative; top: 17px; left: 10px}#navegacion .iconos span {margin-left: 5px}#navegacion .ultimosiconos {font-size: 15px; color: #777; height: 10px; position: relative; top: 17px; float: right; margin-right: 20px;}#navegacion .datos {background: #fff; width: 370px; border: 1px solid #eaeaea; padding: 7px; font: 8px 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #222; margin-left: 100px; margin-top: 1px}#tot #cuerpo {height: 310px; background-attachment: fixed; background-repeat: no-repeat; background-size: 100%!important; overflow-y: auto}#cuerpo #sint1 {height: 310px; text-align: center}#sint1 span {font: 40px "oswald"; font-weight: bold; text-transform: uppercase; letter-spacing: -2px; color: #ffffff; text-align: center; position: relative; top: 150px;}#sint1 .quote {background: #fff; color: #222; font: 7px 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 3px; padding: 6px; width: 350px; margin: 0 auto; margin-top: 145px}#cuerpo #sint2 {height: 310px; background: #fff; position: relative; overflow: hidden;}#sint2 .data {background: #F0D679; height: 310px; width: 200px}#sint2 .img {width: 120px; height: 120px; border-radius: 100%; border: 10px solid #fff; margin: 0 auto; position: relative; top: 40px;}#sint2 .pb {position: relative; top: 10px; background: #fff; font: 8px 'Noto Sans', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #222; padding: 10px; margin: 30px; margin-top: 40px; text-align: center;}#sint2 .basic {height: 310px; float: right; width: 290px; font: 11px 'Noto Sans', sans-serif; margin-right: 20px}#sint2 h2 {text-align: center; margin-right: 20px; font: 30px "oswald"; font-weight: bold; text-transform: uppercase; color: #F0D679}#sint2 h1 {text-align: center; margin-top: 0px; font: 30px "oswald"; font-weight: bold; text-transform: uppercase; background: #F0D679; color: #fff; padding: 15px}#sint2 h3 {text-align: center; margin-top: 0px; font: 30px "oswald"; font-weight: bold; text-transform: uppercase; background: #F0D679; color: #fff; padding: 15px; float: right; height: 100%; width: 100px; line-height: 105%}.basic span {color: #F0D679; text-transform: uppercase; font-size: 10px; font-weight: bold;}#sint2 .info {margin: 50px; text-align: justify; font: 11px 'noto Sans', sans-serif; overflow-y: auto; height: 180px; padding-right: 10px; margin-top: 30px; color: #222}#sint2 .likes, #sint2 .dislikes {margin: 20px; width: 300px; height: 100px; position: relative; top: 25px; left: 30px; text-align: center}.likes span {color: #F0D679; font-size: 50px; margin-top: 25px;}.dislikes span {color: #F0D679; float: right; font-size: 50px; margin-top: 25px}.likes .lik {float: right; width: 230px; height: 100px; overflow-y: auto; font: 11px 'noto Sans', sans-serif}.dislikes .dis { width: 230px; height: 100px; overflow-y: auto; font:11px 'noto Sans', sans-serif;}.dis span, .lik span {background: #222; font-size: 10px; color: #fff; padding: 4px; line-height: 125%; display: inline-block; margin-top: 3px; vertical-align: top; float: none; margin-left: 5px; font-weight: bold; text-transform: uppercase; font: 8px 'noto Sans', sans-serif; letter-spacing: 1px}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}#cuerpo #sint3 {height: 310px;}#sint3 .extras { font: 11px 'noto Sans', sans-serif; line-height: 125%; background: #fff; height: 60px; overflow: hidden; margin: 40px; position: relative; top: 170px; padding: 30px; overflow-y: auto; text-align: justify; }</style><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet">