[MODELO] Ficha

**The Creator** Qua Jul 13, 2022 1:50 pm

Dados BásicosHistóriaOutros dados

Nome

Nome completo

00 de mês de 0000

Nacionalidade

Profissão

Status civil

tipo sanguíneo

Texto

bettyleg

Código:: <div class="bt2-expediente"><div class="bt2exp-botones"><input type="radio" id="btexp-indice" name="bt2exp-contenido" checked/><label for="btexp-indice"><i class="sf sf-cross-o"></i><span>Dados Básicos</span></label><input type="radio" id="btexp-historia" name="bt2exp-contenido"/><label for="btexp-historia"><i class="sf sf-cursor-o"></i><span>História</span></label><input type="radio" id="btexp-datos" name="bt2exp-contenido"/><label for="btexp-datos"><i class="sf sf-plus"></i><span>Outros dados</span></label><div class="bt2exp-contenido" style="background:url(https://placehold.jp/500x580.png)center; background-size:cover;"><div class="bt2exp-conportada"><div><img src="https://placehold.jp/200x200.png"/><div class="bt2exp-nombre">Nome</div><div class="bt2exp-datos"><div><i class="sf sf-chevron-right"></i> Nome completo</div><div><i class="sf sf-chevron-right"></i>00 de mês de 0000</div><div><i class="sf sf-chevron-right"></i>Nacionalidade</div><div><i class="sf sf-chevron-right"></i>Profissão</div><div><i class="sf sf-chevron-right"></i>Status civil</div><div><i class="sf sf-chevron-right"></i>tipo sanguíneo</div></div></div></div></div><div class="bt2exp-contenido"><div class="bt2exp-texto">Texto</div></div><div class="bt2exp-contenido"><div class="bt2exp-texto">Texto</div></div></div></div><a class="bettycred" style="margin-top:-5px;width:540px;" href="https://bettyleg.tumblr.com/">bettyleg</a><link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css?family=Roboto:400,700,900" rel="stylesheet"/><style>.bt2-expedient br{display:none}.bt2-expediente{--bt25-border:1px solid #ddd; --bt25-fondo:#fff; --bt25-acento:#CORDEDESTAQUE; --bt25-color:#555;--bt25-fondo-2:#fafafa; --bt25-font:Roboto, sans-serif;} .bt2-expediente{width:540px; height:700px; margin:10px auto; background:var(--bt25-fondo-2); position:relative; overflow:hidden; border:20px solid var(--bt25-fondo); outline:var(--bt25-border); outline-offset:-20px;color:var(--bt25-color); box-shadow:0 0 1px #444; font-family:var(--bt25-font); box-sizing:border-box;} .bt2exp-botones{border-bottom: var(--bt25-border); height:79px; width: max-content;} .bt2exp-botones input{display:none;} .bt2exp-botones > label{display:flex; border:var(--bt25-border); border-radius:40px; padding:5px; font-size:12px; margin:0px 3px; background:var(--bt25-fondo); overflow:hidden;webkit-transition: 1s; -o-transition: 1s;transition: 1s; min-width:38px; max-width:55px; float:left; top:18px; position:relative; left:80px; cursor:crosshair} .bt2exp-botones > label i{min-width:55px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:30px; font-size:20px; color:var(--bt25-acento);} .bt2exp-botones > label span{width:120px; display:flex; align-items:center;font-size:12px; margin-left:5px; line-height:12px;text-align:left;}.bt2exp-botones input:checked + label {min-width:165px!important; webkit-transition: 1s; -o-transition: 1s;transition: 1s;opacity:1;}.bt2exp-contenido{width:500px; height:580px; background:var(--bt25-fondo-2); position:relative; top:80px; display:flex; -webkit-transition: all 0.7s ease-in-out 0s;-moz-transition: all 0.7s ease-in-out 0s;-o-transition: all 0.7s ease-in-out 0s;transition: all 0.7s ease-in-out 0s; align-items:center; justify-content:center; float:left;}#btexp-indice:checked ~ .bt2exp-contenido{left:-329px}#btexp-historia:checked ~ .bt2exp-contenido{left:-829px;}#btexp-datos:checked ~ .bt2exp-contenido{left:-1329px;}.bt2exp-conportada{backdrop-filter:blur(1px) grayscale(1); width:500px; height:580px; display:flex; align-items:center; justify-content:center;}.bt2exp-conportada div > img{display:block; width:200px; height:200px; border:12px solid var(--bt25-acento); position:relative; padding:5px; margin:0 auto;}.bt2exp-conportada div > .bt2exp-nombre{font-size:25px; text-transform:uppercase; font-weight:900; color:var(--bt25-acento); letter-spacing:-.5px; width:300px; line-height:24px; margin:10px 0px; text-align:center;}.bt2exp-conportada div > .bt2exp-datos{margin-top:20px; width:300px;}.bt2exp-datos > div{color:var(--bt25-color); font-size:10px; text-transform:uppercase; background:var(--bt25-fondo); margin:4px 0px 4px 4px; border-radius:10px; border:var(--bt25-border); font-weight:600; display:block; height:30px; display:flex; align-items:center; overflow:hidden;}.bt2exp-datos > div i{font-size:7px; background:var(--bt25-acento); padding-right:0px; height:30px; margin-left:-1px; width:34px; display:flex; align-items:center; justify-content:center; border-radius:10px; margin-right:10px; color:var(--bt25-fondo)}.bt2exp-texto br{display:block!important;} .bt2exp-texto{width:420px; margin:10px auto; max-height:500px; overflow:auto; padding:0px 20px; font-size:12.5px; line-height:18px; text-align:justify;}.bettycred{display:block; margin:-20px auto 0px; border:1px solid #ddd; width:100px; padding:5px 0px; font-size:8px;text-transform:uppercase; text-align:center; letter-spacing:2px;background:#fff; color:#999; text-decoration:none;}</style>

**The Creator** Qua Jul 13, 2022 2:00 pm

Universos

II UniversoFicha

III UniversoFicha

IV UniversoFicha

V UniversoFicha

Universos

VI UniversoFicha

VII UniversoFicha

VIII UniversoFicha

IX UniversoFicha

I don't care, go on and tear me apart.

bettyleg

Código:: <div class="btbaul-31 btbaul-31Cronologia"><div class="btb31-head"><i class="cp cp-cursor-o"></i><div class="btb31h-tit"></div></div><div class="btb31-listTem"><div class="btb31-lt"><div class="btb31-ltit">Universos</div> <div class="btb31-modultema"><i class="cp cp-cursor-o"></i><div><a href="#">II Universo</a><span>Ficha</span></div></div> <div class="btb31-modultema"><i class="cp cp-cursor-o"></i><div><a href="#">III Universo</a><span>Ficha</span></div></div> <div class="btb31-modultema"><i class="cp cp-cursor-o"></i><div><a href="#">IV Universo</a><span>Ficha</span></div></div> <div class="btb31-modultema"><i class="cp cp-cursor-o"></i><div><a href="#">V Universo</a><span>Ficha</span></div></div></div><div class="btb31-lt"><div class="btb31-ltit">Universos</div> <div class="btb31-modultema"><i class="cp cp-cursor-o"></i><div><a href="#">VI Universo</a><span>Ficha</span></div></div> <div class="btb31-modultema"><i class="cp cp-cursor-o"></i><div><a href="#">VII Universo</a><span>Ficha</span></div></div> <div class="btb31-modultema"><i class="cp cp-cursor-o"></i><div><a href="#">VIII Universo</a><span>Ficha</span></div></div> <div class="btb31-modultema"><i class="cp cp-cursor-o"></i><div><a href="#">IX Universo</a><span>Ficha</span></div></div> </div></div><div class="btb31-foot"><div><i class="cp cp-bee-o"></i><div>I don't care, go on and tear me apart.</div></div></div></div><a class="bettycred" style="margin-top:-5px;width:500px; font-size:11px;" href="https://bettyleg.tumblr.com/">bettyleg</a> <link href="https://bettyleg.github.io/PeaceOfYou/POYCronologia.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Hind&family=Montserrat:wght@900&display=swap" rel="stylesheet" /><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><style>.btbaul-31Cronologia{--btb31-border:#ddd; --btb31-fn1:#fff; --btb31-fn2:#fafafa; --btb31-ac1:#CORDEDESTAQUE; --btb31-ac2:#777;--btb31-colorText:#888;}</style>