Re: Nuevo modelo de expediente

Nombre largo del Personaje

Nombre

Dato

Raza

Dato

Sangre

Dato

Face Claim

Dato

Cd. de origen

Dato

F. de nacimiento

Dato

Historia

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi condimentum, ipsum in vulputate ornare, enim libero scelerisque est, vel mollis erat lacus eget dolor. Donec tempor, nisi a commodo lacinia, purus purus congue augue, eget dapibus neque massa sit amet metus. Phasellus gravida tortor eu tincidunt rutrum. Praesent et enim condimentum, ornare libero non, iaculis arcu. Aliquam quis interdum lectus. Phasellus in enim in sem laoreet placerat. Sed euismod viverra dolor sit amet lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur porttitor, mauris eu mattis pulvinar, lectus nisl lacinia lacus, vitae pulvinar ex nunc non lacus. Ut gravida enim leo, congue fringilla ligula egestas quis. Cras eget ex diam. Morbi gravida convallis turpis ut malesuada. Praesent elementum dignissim ultricies. Maecenas fringilla sit amet eros eu facilisis. Vivamus eget enim nec odio aliquet facilisis vulputate vitae risus. Morbi fermentum erat porttitor lorem dictum pulvinar.

Sed id semper neque. Nullam facilisis euismod sollicitudin. Maecenas lorem dui, sagittis ac mollis eget, eleifend non nisl. Donec aliquet et tellus sed scelerisque. Maecenas vitae quam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed blandit lectus in ex fringilla posuere. Aliquam tristique augue eros, id consectetur dolor sagittis in. Aliquam erat volutpat. Maecenas mattis elit eu ultrices venenatis. Mauris condimentum orci libero, at cursus augue placerat nec.

Sed malesuada quam sed erat dictum suscipit. Aenean nisl dui, porta lacinia eros at, dapibus rutrum dui. In felis turpis, ornare eget nibh rhoncus, faucibus eleifend felis. Praesent at tellus eu nibh rhoncus lobortis. Donec cursus vestibulum tristique. Pellentesque sit amet semper nibh, sed ultricies orci. Suspendisse molestie pharetra magna eget rhoncus. Nam mollis mauris sit amet quam maximus, et consectetur massa rutrum. Vivamus vel urna ut ante eleifend ornare eu quis mi. Nulla tempor odio quis lacus tincidunt, id venenatis est sodales. Proin quis urna et ligula pulvinar tincidunt vitae sed quam. Sed sollicitudin ante non vestibulum volutpat. Ut eget diam purus. Pellentesque leo tellus, viverra ut facilisis sit amet, scelerisque consequat lorem. Nullam auctor cursus arcu, a congue nunc aliquam non. Mauris faucibus sit amet nisl sit amet efficitur.

Otros Datos

Personalidad

Sed malesuada quam sed erat dictum suscipit. Aenean nisl dui, porta lacinia eros at, dapibus rutrum dui. In felis turpis, ornare eget nibh rhoncus, faucibus eleifend felis. Praesent at tellus eu nibh rhoncus lobortis. Donec cursus vestibulum tristique. Pellentesque sit amet semper nibh, sed ultricies orci. Suspendisse molestie pharetra magna eget rhoncus. Nam mollis mauris sit amet quam maximus, et consectetur massa rutrum. Vivamus vel urna ut ante eleifend ornare eu quis mi. Nulla tempor odio quis lacus tincidunt, id venenatis est sodales. Proin quis urna et ligula pulvinar tincidunt vitae sed quam. Sed sollicitudin ante non vestibulum volutpat. Ut eget diam purus. Pellentesque leo tellus, viverra ut facilisis sit amet, scelerisque consequat lorem. Nullam auctor cursus arcu, a congue nunc aliquam non. Mauris faucibus sit amet nisl sit amet efficitur.

Información Extra

Suspendisse dapibus accumsan orci, aliquet vestibulum justo luctus a. Sed sit amet aliquet sapien. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec eu massa eu elit fermentum tempus. Morbi tempor id sapien quis gravida. Nulla ante massa, pretium et ante et, ultrices consequat urna. Donec id est egestas, dapibus dui sit amet, luctus lectus.

Varita

Sed malesuada quam sed erat dictum suscipit. Aenean nisl dui, porta lacinia eros at, dapibus rutrum dui. In felis turpis, ornare eget nibh rhoncus, faucibus eleifend felis.

Patronus

Dato

Boggart

In felis turpis, ornare eget nibh rhoncus, faucibus eleifend felis.

❝ frase ultra profunda y súper larga muy larga por aquíiiiiiiiiiiiiiií que casi nada tiene que ver con el personaje ❞

Código:: <div class="baseexp"><br><div class="basetitulo">Nombre largo del Personaje</div> <table><tr><td><div class="expimage" style="background-image: url('http://via.placeholder.com/250x380')"></div></td><td><div class="basicexp">Nombre</div> <div class="basicdata">Dato</div><div class="basicexp"basicoficha>Raza</div> <div class="basicdata">Dato</div><div class="basicexp">Sangre</div> <div class="basicdata">Dato</div><div class="basicexp">Face Claim</div> <div class="basicdata">Dato</div><div class="basicexp">Cd. de origen</div> <div class="basicdata">Dato</div><div class="basicexp">F. de nacimiento</div> <div class="basicdata">Dato</div></td></tr></table> <div class="tabcont"><div class="explab"> <input type="radio" id="explab-1" name="explab-group-1" checked> <label for="explab-1">Historia</label> <div class="contenexp1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi condimentum, ipsum in vulputate ornare, enim libero scelerisque est, vel mollis erat lacus eget dolor. Donec tempor, nisi a commodo lacinia, purus purus congue augue, eget dapibus neque massa sit amet metus. Phasellus gravida tortor eu tincidunt rutrum. Praesent et enim condimentum, ornare libero non, iaculis arcu. Aliquam quis interdum lectus. Phasellus in enim in sem laoreet placerat. Sed euismod viverra dolor sit amet lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur porttitor, mauris eu mattis pulvinar, lectus nisl lacinia lacus, vitae pulvinar ex nunc non lacus. Ut gravida enim leo, congue fringilla ligula egestas quis. Cras eget ex diam. Morbi gravida convallis turpis ut malesuada. Praesent elementum dignissim ultricies. Maecenas fringilla sit amet eros eu facilisis. Vivamus eget enim nec odio aliquet facilisis vulputate vitae risus. Morbi fermentum erat porttitor lorem dictum pulvinar. Sed id semper neque. Nullam facilisis euismod sollicitudin. Maecenas lorem dui, sagittis ac mollis eget, eleifend non nisl. Donec aliquet et tellus sed scelerisque. Maecenas vitae quam nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed blandit lectus in ex fringilla posuere. Aliquam tristique augue eros, id consectetur dolor sagittis in. Aliquam erat volutpat. Maecenas mattis elit eu ultrices venenatis. Mauris condimentum orci libero, at cursus augue placerat nec. Sed malesuada quam sed erat dictum suscipit. Aenean nisl dui, porta lacinia eros at, dapibus rutrum dui. In felis turpis, ornare eget nibh rhoncus, faucibus eleifend felis. Praesent at tellus eu nibh rhoncus lobortis. Donec cursus vestibulum tristique. Pellentesque sit amet semper nibh, sed ultricies orci. Suspendisse molestie pharetra magna eget rhoncus. Nam mollis mauris sit amet quam maximus, et consectetur massa rutrum. Vivamus vel urna ut ante eleifend ornare eu quis mi. Nulla tempor odio quis lacus tincidunt, id venenatis est sodales. Proin quis urna et ligula pulvinar tincidunt vitae sed quam. Sed sollicitudin ante non vestibulum volutpat. Ut eget diam purus. Pellentesque leo tellus, viverra ut facilisis sit amet, scelerisque consequat lorem. Nullam auctor cursus arcu, a congue nunc aliquam non. Mauris faucibus sit amet nisl sit amet efficitur. </div> </div> <div class="explab"><input type="radio" id="explab-2" name="explab-group-1"><label for="explab-2">Otros Datos</label> <div class="contenexp2"><div class="extraexp">Personalidad</div><div class="extracont"> Sed malesuada quam sed erat dictum suscipit. Aenean nisl dui, porta lacinia eros at, dapibus rutrum dui. In felis turpis, ornare eget nibh rhoncus, faucibus eleifend felis. Praesent at tellus eu nibh rhoncus lobortis. Donec cursus vestibulum tristique. Pellentesque sit amet semper nibh, sed ultricies orci. Suspendisse molestie pharetra magna eget rhoncus. Nam mollis mauris sit amet quam maximus, et consectetur massa rutrum. Vivamus vel urna ut ante eleifend ornare eu quis mi. Nulla tempor odio quis lacus tincidunt, id venenatis est sodales. Proin quis urna et ligula pulvinar tincidunt vitae sed quam. Sed sollicitudin ante non vestibulum volutpat. Ut eget diam purus. Pellentesque leo tellus, viverra ut facilisis sit amet, scelerisque consequat lorem. Nullam auctor cursus arcu, a congue nunc aliquam non. Mauris faucibus sit amet nisl sit amet efficitur.</div> <div class="extraexp">Información Extra</div><div class="extracont">Suspendisse dapibus accumsan orci, aliquet vestibulum justo luctus a. Sed sit amet aliquet sapien. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec eu massa eu elit fermentum tempus. Morbi tempor id sapien quis gravida. Nulla ante massa, pretium et ante et, ultrices consequat urna. Donec id est egestas, dapibus dui sit amet, luctus lectus. </div> </div> </div></div> <div class="comexp">Varita</div> <div class="comcont">Sed malesuada quam sed erat dictum suscipit. Aenean nisl dui, porta lacinia eros at, dapibus rutrum dui. In felis turpis, ornare eget nibh rhoncus, faucibus eleifend felis.</div> <table style="margin-left: auto; margin-right: auto"><tr><td><div class="basicexp2">Patronus</div> <div class="basicdata2">Dato</div></td><td><div class="basicexp2">Boggart</div> <div class="basicdata2">In felis turpis, ornare eget nibh rhoncus, faucibus eleifend felis.</div></td></tr></table> <table><tr><td><div class="frasecont"><div class="fraseexp">❝ frase ultra profunda y súper larga muy larga por aquíiiiiiiiiiiiiiií que casi nada tiene que ver con el personaje ❞</div></div></td><td><div class="iconexp" style="background-image: url('http://via.placeholder.com/100x100');"></div></td></tr></table> </div>

Probando sobre el nuevo modelo.

asdasd