unders

Untitled

Jun 15th, 2021 (edited)
500
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <link href="https://dl.dropbox.com/s/rq4ppd5urop7urt/soliloquyos.css" rel="stylesheet"><link href="https://dl.dropboxusercontent.com/s/qm6x16r9jjlbgd4/game-icons.css" rel="stylesheet"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Newsreader:wght@500&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet"><div class="os-contenedor"><input type="checkbox" id="pj1"/><input type="checkbox" id="pj2"/><div class="os-ficha1"><div class="os-contenido">
  2. <!-- Aquí comienza la ficha del personaje con imagen a la izquierda (#1) -->
  3. <div class="os-titulo">Personalidad</div>
  4. <div class="os-sub">
  5. <i class="game-icon game-icon-deer-track"></i>
  6. </div>
  7. Personalidad del personaje.
  8. <div class="os-titulo">Gustos</div>
  9. <div class="os-sub">
  10. <i class="game-icon game-icon-deer-track"></i>
  11. </div>
  12. Acá van los gustos.
  13. <div class="os-titulo">Disgustos</div>
  14. <div class="os-sub">
  15. <i class="game-icon game-icon-deer-track"></i>
  16. </div>
  17. Acá van los disgustos.
  18. <div class="os-titulo">Habilidades</div>
  19. <div class="os-sub">
  20. <i class="game-icon game-icon-deer-track"></i>
  21. </div>
  22. Acá van las habilidades.
  23. <div class="os-titulo">Debilidades</div>
  24. <div class="os-sub">
  25. <i class="game-icon game-icon-deer-track"></i>
  26. </div>
  27. Acá van las debilidades.
  28. </div></div><div class="os-ficha2"><div class="os-contenido">
  29. <!-- Aquí comienza la ficha del personaje con imagen a la derecha (#2) -->
  30. <div class="os-titulo">Historia</div>
  31. <div class="os-sub">
  32. <i class="game-icon game-icon-deer-track"></i>
  33. </div>
  34. Acá va la historia del personaje.
  35. <div class="os-titulo">Extras</div>
  36. <div class="os-sub">
  37. <i class="game-icon game-icon-deer-track"></i>
  38. </div>
  39. Acá van todos los extras.
  40. </div></div>
  41. <!-- Aquí comienzan los datos básicos del personaje a la izquierda (#1) -->
  42. <div class="os-uno" style="background: url(LINK A IMAGEN DE PORTADA DEL PERSONAJE #1. 167x380);">
  43. <div class="os-modulo d"><div class="os-cdatos">
  44. <div class="os-dato">Nombre D. Personaje</div>
  45. <div class="os-dato">Apodo</div>
  46. <div class="os-dato">Genero</div>
  47. <div class="os-dato">Orientacion</div>
  48. <div class="os-dato">Edad</div>
  49. <div class="os-dato">Trabajo</div>
  50. </div></div><label for="pj1" class="os-boton">
  51. <i class="game-icon game-icon-azul-flake"></i>
  52. </label><div class="os-filtro"></div></div>
  53. <div class="os-franja" style="background: url(LINK A IMAGEN DE FONDO DE LA FRANJA CENTRAL DE LA TABLILLA. 230x600. PUEDES DEJAR EN BLANCO EL ESPACIO ENTRE ESTOS PARÉNTESIS PARA VER UN DEGRADADO EN ESTE LUGAR);">
  54. <div class="os-backdrop">
  55. <i class="game-icon game-icon-totem"></i>
  56. <div class="os-linea t"></div><div class="os-intro">
  57. Texto decorativo de la franja central de la tablilla. Puede ser tan largo o corto como te apetezca.
  58. </div><div class="os-linea b"></div></div></div>
  59. <!-- Aquí comienzan los datos básicos del personaje a la derecha (#2) -->
  60. <div class="os-dos" style="background: url(LINK A IMAGEN DE PORTADA DEL PERSONAJE #2. 167x380); background-position: bottom;">
  61. <div class="os-modulo u"><div class="os-cdatos">
  62. <div class="os-dato">Espiritu Totem</div>
  63. <div class="os-dato">Tipo de totem</div>
  64. <div class="os-dato">Grupo</div>
  65. <div class="os-dato">Nacionalidad</div>
  66. <div class="os-dato">Omegaverse</div>
  67. <div class="os-dato">PB</div>
  68. </div></div><label for="pj2"class="os-boton">
  69. <i class="game-icon game-icon-azul-flake"></i>
  70. </label><div class="os-filtro"></div></div></div><div class="sol-firma"><a href="https://soliloquycodes.tumblr.com">Soliloquy</a></div>
  71. <style>:root { --os-fondo: #CADBEB; --os-acento1: #9facb8; --os-texto1: #616c76; --os-filtrointro: #b5bec7; }</style>
RAW Paste Data