Modelo Obligatorio de Expediente {Dom Mar 15, 2020 11:07 am}

13/03/2020

take a break

Take a Break

Basic Data

Nombre del Personaje
Respuesta

Fecha de Nacimiento
Respuesta

Nacionalidad
Respuesta

Ocupación
Respuesta

Orientación Sexual
Respuesta

Grupo
grupo

Stats

Carisma

Popularidad

Sarcasmo

Egocentrismo

Sobre mí

¡Soy un espacio de texto! Lléname.

— gitano;

Código:: <div id="hope1"><div id="hopen">take a break</div> <span>Take a Break</span></div><div id="hope2"><div class="hp2"><div class="hptit"><span class="th th-star"></span> Basic Data </div> <span>Nombre del Personaje</span> Respuesta <span>Fecha de Nacimiento</span> Respuesta <span>Nacionalidad</span> Respuesta <span>Ocupación</span> Respuesta <span>Orientación Sexual</span> Respuesta <span>Grupo</span> grupo </div><div class="hp1" style="background: url(https://via.placeholder.com/200x300)"> </div><br><div class="hp3"><div class="hptit"><span class="th th-heart-1"></span> Stats </div><div id="stats1"><span>Carisma</span><div class="statin"><span style="width: 70%"> </span></div></div><div id="stats1"><span>Popularidad</span> <div class="statin"><span style="width: 35%"> </span></div></div><div id="stats1"><span>Sarcasmo</span> <div class="statin"><span style="width: 50%"> </span></div></div> <div id="stats1"> <span>Egocentrismo</span><div class="statin"><span style="width: 75%"> </span></div> </div> </div> <div class="hp3"> <div class="hptit"><span class="th th-moon"></span> Sobre mí </div> <div class="hpbo"> ¡Soy un espacio de texto! Lléname. </div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div> <style type="text/css">#hope1 {width:470px; height: 120px; background: #d2e7f1; border: 1px solid #D0DEE3; overflow: hidden; text-align: center; margin: 0 auto;}#hopen {font: 140px "stockholm"; height: 10px; text-align: center; color: #fff; position: relative; top: -25px;}#hope2 {width: 470px; background-color: #fdfdfd; border: 1px solid #f4f4f4; margin: 0 auto;}#hope1 span {font: 9px verdana; text-transform: uppercase; letter-spacing: 10px; position: relative; top: 45px; color: #97b2c0;}.hp1 {width: 200px; height: 300px; border: 10px solid #fff; outline: 1px solid #f4f4f4; margin: 10px;}.hp2 {width: 220px; height: 320px; outline: 1px solid #f4f4f4; margin: 10px; float: right; background: #fff; font: 10px verdana; text-align: center; color: #a3a3a3; overflow: auto;}.hptit {background: #d2e7f1; border-bottom: 1px solid #D0DEE3; padding: 10px; color: #fff; font: 8px verdana; text-transform: uppercase; letter-spacing: 1px; text-align: right; height: 10px;}.hp2 span {color: #97b2c0; text-transform: uppercase; font-size: 9px}.hptit span {float: left; color: #fff}.hp3 {width: 450px; outline: 1px solid #f4f4f4; margin: 10px; background: #fff; font: 10px verdana; text-align: center; color: #a3a3a3; padding-bottom: 20px;}.hpbo {padding: 20px; text-align: justify;padding-bottom: 1px;}#stats1 {width: 200px; display: inline-block; margin: 5px; position: relative; top: 10px; text-align: left; vertical-align: top; height: 24px;}.statin {width: 100%; height: 10px; background: #fdfdfd; border: 1px solid #f4f4f4;}.statin span {background: #d2e7f1; outline: 1px solid #D0DEE3; display: block; height: 10px}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}@font-face { font-family: "stockholm"; src:url('https://dl.dropboxusercontent.com/s/q84mzimvxzqawcj/HelloStockholm-Regular.ttf'); format("truetype");}</style><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">