API tools faq
paste
Advertisement
Guest User

GRIDLOCK. || made by phnx.

a guest
Nov 8th, 2023
279
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.49 KB | None | 0 0
raw download clone embed print report diff
  1. [border=0px; padding: 0px; width:100%; height:690px; line-height:0px;
  2.  
  3. /* inspired by the 'prettyboy' tumblr theme by retrcmoon! */
  4. /* this code was made by phnx. please do not redistribute or claim as your own! */
  5.  
  6. /* variables */
  7.  
  8.  
  9.  
  10. --background:#101010;
  11.  
  12. --accent:#702626;
  13.  
  14. --text:#b0b0b0;
  15.  
  16. --border:#3c3c3c;
  17.  
  18.  
  19.  
  20. --mainimage:url('https://media.discordapp.net/attachments/829174923972968468/1159279815459885076/IMG_5850-removebg-preview.png?ex=65307276&is=651dfd76&hm=09196a5a94f6f6e563cf624799c1ed5a4cb65d015c93062d2858056b132ce019&=');
  21.  
  22. --musicplayerimage:url('https://i.pinimg.com/236x/7f/c5/52/7fc5528e1a2704dafab565e36fac0b4a.jpg');
  23.  
  24. /* images that start with 'b' are for the basics tab, 'p' personality, 'h' history, and 'e' extras c: */
  25.  
  26. --bimage:url('https://i.pinimg.com/564x/0b/00/45/0b0045e9050b7d3f5b8d2d418e146dad.jpg');
  27.  
  28. --pimage1:url('https://64.media.tumblr.com/e8edd3b1efb4ff3fbb0a96e98408b332/7f4a62c2f0be93b6-36/s400x600/f83a4bc8178416dc9023039b928d38f2b517a61e.pnj');
  29.  
  30. --pimage2:url('https://64.media.tumblr.com/215a038b689e20a1cf54a9966db582a9/7f4a62c2f0be93b6-26/s400x600/07119ab90b111e79f79908ca2dae3f4deb637522.pnj');
  31.  
  32. --pimage3:url('https://64.media.tumblr.com/472a1b14ce3bea93c38fd8d30ec5201d/baee13f45841059e-bb/s400x600/33017c3b34b3aa75865470d4a6c6d3dd812d8cc4.pnj');
  33.  
  34. --pimage4:url('https://64.media.tumblr.com/c51d6bc98be7e20c8fc222425b6151cd/baee13f45841059e-76/s400x600/0a4c7cd429a4a1ed0dbf779c47fdf5c602ebde73.pnj');
  35.  
  36. --pimage5:url('https://64.media.tumblr.com/a2217927ca34029d65d7485ed8fb8f5a/baee13f45841059e-1b/s400x600/6a2bd70a129563f6e8a7024a4424ccc4a1da0a06.pnj');
  37.  
  38. --pimage6:url('https://64.media.tumblr.com/b02e0664b65284feef0ae8053fd6e3c7/64631e8bea296bcf-95/s400x600/9ca5293bf14b2109c265bde9f4070fd073ac968a.jpg');
  39.  
  40. --himage1:url('https://i.pinimg.com/236x/7b/dc/3c/7bdc3cfd5afb0a98a6ffcbec9ea72745.jpg');
  41.  
  42. --eimage1:url('https://i.pinimg.com/236x/21/db/a0/21dba04c8e3b600c3088060960d117c3.jpg');
  43. --eimage2:url('https://i.pinimg.com/236x/b8/67/b5/b867b514562546620bd3f5a7393367a3.jpg');
  44. --eimage3:url('https://i.pinimg.com/236x/61/89/39/618939ef61502192d8325f9903e033ba.jpg');
  45. --eimage4:url('https://i.pinimg.com/236x/3b/b3/5e/3bb35ea3ea58a30d3bd155c2d3bc8d94.jpg');
  46. --eimage5:url('https://i.pinimg.com/236x/8d/3c/e2/8d3ce29c09be4a0c537126978541d70d.jpg');
  47. --eimage6:url('https://i.pinimg.com/236x/23/fb/18/23fb182af8034563ead6682ba1ae1080.jpg');]
  48.  
  49.  
  50.  
  51. [comment] // MAIN BOX // [/comment]
  52.  
  53. [comment]~ SIGNATURE - DO NOT REMOVE ~[/comment]
  54. [border=0px; padding:0px; width:900px; height:630px; background-color:var(--background); margin:auto; border:2px solid var(--border); display:flex; pointer-events:none; position:relative; top:20px; z-index:2][border=0px; padding:0px; position:absolute; width:fit-content:height:auto; line-height:13px; margin:auto; margin-top:3px; margin-left:820px; font-weight:bold; font-size:10px; color:var(--accent);]coded by phnx.[/border]
  55.  
  56.  
  57.  
  58. [comment] || SIDE PANEL || [/comment]
  59.  
  60. [border=0px; padding:0px; height:100%; width:360px; position:relative; z-index:1; background-color:var(--background); pointer-events:none;]
  61.  
  62.  
  63.  
  64. [comment]~ NAME ~[/comment]
  65.  
  66. [border=0px; padding:0px; width:100%; height:105px; display:flex; border-right:2px solid var(--border);][border=0px; padding:0px; width:46px; height:100%; box-sizing:border-box; border-right: solid 2px var(--border); background-color:var(--background);][/border][border=0px; position:relative; width:200px; height:50px; letter-spacing:5px; margin-left:-22px; margin-top:15px; text-wrap:wrap; font-size:30px; text-transform:uppercase; font-weight:bold; line-height:31px; color:var(--text);]NAME
  67. HERE.[/border][/border]
  68.  
  69.  
  70.  
  71. [comment]~ BASICS IMAGE ~[/comment]
  72.  
  73. [border=0px; padding:0px; width:100%; height:390px;][border=0px; padding:0px; width:100%; height:20%; box-sizing: border-box; border: solid 2px var(--border); border-left:0px; overflow:hidden;][border=0px; padding:0px; width:46px; height:100%; box-sizing:border-box; border-right: solid 2px var(--border); background-color:var(--background); display:flex;][border=0px; padding:0px; width:60%; height:80%; box-sizing:border-box; border:solid 2px var(--border); border-radius:40%; margin:auto; background-image: linear-gradient(var(--accent) 5%, var(--background) 70%)][/border][/border][border=0px; padding:0px; width:100%; height:200%; margin-left:57px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='18' viewBox='0 0 100 18'%3E%3Ctext x='0' y='17' fill='%23702020' fill-opacity='0.4' font-size='19' font-family='Courier%20New'%3Egridlock.%3C/text%3E%3C/svg%3E"); background-repeat: repeat; transform: rotate(-15deg); overflow: hidden; margin-top:-120px;][/border][/border][border=0px; padding:0px; width:100%; height:80%; background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 45 L45 45 M45 0 L45 45 M0 0 L0 45' fill='none' stroke='%235c5c5c' stroke-width='1'/%3E%3C/svg%3E"), radial-gradient(circle, var(--accent) 5%, var(--background) 70%); background-size: 45px 45px, auto; background-repeat: repeat, no-repeat; border-right: solid 2px var(--border); box-sizing:border-box; display:flex;][border=0px; padding:0px; width:140%; height:140%; background:var(--mainimage); background-size:cover; margin-top:-124px; position:relative;][/border][/border][/border]
  74.  
  75.  
  76.  
  77. [comment]~ MUSIC PLAYER ~[/comment]
  78.  
  79. [border=0px; padding:0px; width:100%; height:135px; display:flex; border:2px solid var(--border); box-sizing:border-box; border-left:0px; border-bottom:0px;][border=0px; padding:0px; width:136px; height:100%; display:flex; border-right:2px solid var(--border); box-sizing:border-box;][border=0px; padding:0px; width:55%; height:55%; margin:auto; background:var(--musicplayerimage); background-size:cover; filter:grayscale(70%); border-radius:2px; border:2px solid var(--border);][/border][/border][border=0px; padding:0px; width:225px; height:100%; display:flex; flex-flow:column wrap;][border=0px; padding:0px; width:100%; height:20px; color:var(--accent); font-weight:bold; font-size:20px; line-height:20px; margin-top:15px; text-align:center;]MIND IS A PRISON.[/border][border=0px; padding:0px; width:100%; height:20px; color:var(--accent); font-size:10px; line-height:20px; margin-top:-2px; text-align:center;]alec benjamin[/border][border=0px; padding:0px; width:50%; height:20px; font-size:15px; margin:auto; margin-top:10px; display:flex; pointer-events:none; justify-content:space-between; color:var(--text);][fa]fa-backward-step[/fa][fa]fa-play[/fa][fa]fa-forward-step[/fa][/border][border=0px; padding:0px; line-height:13px; font-size:13px; color:var(--accent); margin:auto; margin-top:-10px; font-weight:bold] |━━━⬤────────|[/border][border=0px; padding:0px; width:40px; height:40px; opacity:0; pointer-events:auto; overflow:hidden; margin-top:47px; margin-left:90px; position:absolute;]
  80.  
  81.  
  82.  
  83. [comment]Put your soundcloud URL here![/comment]
  84. [media=soundcloud]https://soundcloud.com/s-a-d-n-i-g-h-t/mind-is-a-prison-alec-benjamin[/media][/border][/border][/border][/border]
  85.  
  86.  
  87. [comment] // MUSIC PLAYER END // [/comment]
  88.  
  89. [border=0px; padding:0px; width:100px; height:150px; position:absolute; margin-top:20px; margin-left:305px; display:flex; flex-flow:column wrap; justify-content:space-between; transform:scale(.7, 1); pointer-events:auto; z-index:-1;][tabs][tab=aaaa][border=0px; padding:0px; position:absolute; width:600px; height:600px; top:0px; left:57px; z-index:3; pointer-events:none; background-color:var(--background); transform:scale(1.42857143, 1)][border=0px; padding:0px; width:250px; height:60px; margin-left:250px; margin-top:20px; font-weight:bold; text-transform:uppercase; line-height:60px; text-align:center; font-size:40px; letter-spacing:3px; color:var(--text); border:1px solid var(--border); border-bottom:0px;]basics[/border][border=0px; padding:0px; width:400px; box-sizing:border-box; height:480px; margin-left:175px; border:1px solid var(--border); display:flex; flex-flow:column wrap;][border=0px; padding:0px; width:90%; height:50%; margin:auto; margin-top:20px; display:flex;][border=0px; padding:0px; width:50%; height:100%; display: flex; flex-flow:column wrap;][border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;]
  90.  
  91.  
  92.  
  93. [comment] ~ INFO TAGS ~[/comment]
  94. [border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]NAME:[/border]
  95. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border]
  96.  
  97. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]NICKNAME(S):[/border]
  98. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px; margin-top:0px; line-height:25px;]xxx[/border][/border]
  99.  
  100. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]ALIAS:[/border]
  101. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border]
  102.  
  103. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]AGE:[/border]
  104. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border]
  105.  
  106. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]GENDER:[/border]
  107. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border]
  108.  
  109. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]PRONOUNS:[/border]
  110. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border]
  111.  
  112. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]SEXUALITY:[/border]
  113. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border][/border]
  114.  
  115. [border=0px; padding:0px; width:50%; height:100%; display: flex; flex-flow:column wrap;][border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]D.O.B.:[/border]
  116. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border]
  117.  
  118. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]P.O.B.:[/border]
  119. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx.[/border][/border]
  120.  
  121. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]HEIGHT:[/border]
  122. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border]
  123.  
  124. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]BODYTYPE:[/border]
  125. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px; margin-top:0px; line-height:25px]xxx[/border][/border]
  126.  
  127. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]HAIR COLOR:[/border]
  128. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border]
  129.  
  130. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]EYE COLOR:[/border]
  131. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px;]xxx[/border][/border]
  132.  
  133. [border=0px; padding:0px; width:90%; height:25px; margin:auto; line-height:25px; font-size:13px; display:flex;][border=0px; padding:0px; width:fit-content; padding-left:5px; padding-right:3px; height:100%; font-size:13px; line-height:25px; background-color:var(--accent); color:var(--background);]FACECLAIM:[/border]
  134. [border=0px; padding:0px; width:fit-content; height:100%; color:var(--text); margin-left:5px; line-height:25px;]xxx[/border][/border]
  135.  
  136. [comment] // INFO TAGS END // [/comment]
  137.  
  138. [/border][/border]
  139.  
  140.  
  141.  
  142. [border=0px; padding:0px; width:100%; height:40%;]
  143.  
  144. [border=0px; padding:0px; width:90%; height:5px; background-color:var(--border); margin:auto; margin-top:0px;][/border]
  145.  
  146. [border=0px; padding:0px; width:90%; height:120px; margin:auto; margin-top:20px; display:flex;][border=0px; width:100px; height:100px; background:var(--bimage); background-size:cover; border:1px solid var(--border); border-radius:3px;][/border]
  147.  
  148. [border=0px; padding:0px; margin-left:20px; width:230px; height:100%;]
  149.  
  150. [border=0px; padding:0px; width:100%; height:100%; overflow:hidden;][border=0px; padding:0px; width:106%; box-sizing:border-box; padding-right:20px; color:var(--text); height:95%; font-weight:400; pointer-events:auto; margin:auto; overflow-y:scroll; line-height:13px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border] [/border]
  151.  
  152. [/border][/border][border=0px; padding:0px; width:90%; height:5px; background-color:var(--border); margin:auto; margin-top:20px;][/border][/border][/border][/border][/tab]
  153.  
  154. [comment] // END OF BASICS TAB // [/comment]
  155.  
  156.  
  157.  
  158. [comment] || PERSONA TAB || [/comment]
  159. [tab=aaaa]
  160. [border=0px; padding:0px; position:absolute; width:600px; height:600px; top:0px; left:57px; z-index:3; pointer-events:none; background-color:var(--background); transform:scale(1.42857143, 1)]
  161.  
  162. [border=0px; padding:0px; width:250px; height:60px; margin-left:250px; margin-top:20px; font-weight:bold; text-transform:uppercase; line-height:60px; text-align:center; font-size:40px; letter-spacing:3px; color:var(--text); border:1px solid var(--border); border-bottom:0px;]PERSONA[/border][border=0px; padding:0px; width:400px; box-sizing:border-box; height:480px; margin-left:175px; border:1px solid var(--border); display:flex; flex-flow:row nowrap;][border=0px; padding:0px; width:70%; height:100%;]
  163.  
  164. [border=0px; padding:0px; margin-left:20px; width:230px; height:100%;]
  165.  
  166. [comment]~ TEXT BOX ~[/comment]
  167. [border=0px; padding:0px; width:100%; height:100%; overflow:hidden;][border=0px; padding:0px; width:110%; box-sizing:border-box; padding-right:20px; color:var(--text); height:90%; font-weight:400; pointer-events:auto; margin:auto; overflow-y:scroll; line-height:15px; margin-top:10%; font-size:12px;][border=0px; padding:0px; height:auto; width:fit-content; font-weight:bold; color:var(--accent); text-transform:uppercase; display:inline;]title:[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Urna id volutpat lacus laoreet non curabitur gravida arcu. Ut placerat orci nulla pellentesque dignissim enim. Id cursus metus aliquam eleifend mi in nulla posuere sollicitudin. Volutpat consequat mauris nunc congue nisi vitae suscipit. Ultrices sagittis orci a scelerisque purus semper eget. Ut sem nulla pharetra diam sit amet nisl suscipit. Diam vulputate ut pharetra sit amet aliquam id. Non quam lacus suspendisse faucibus. Rutrum quisque non tellus orci ac auctor augue mauris augue. Porttitor lacus luctus accumsan tortor. Nulla aliquet enim tortor at auctor urna nunc id cursus. Turpis tincidunt id aliquet risus.
  168.  
  169. Eget magna fermentum iaculis eu non. Scelerisque purus semper eget duis at. Neque viverra justo nec ultrices dui sapien. Erat imperdiet sed euismod nisi porta. Sit amet venenatis urna cursus eget nunc scelerisque viverra mauris. Donec pretium vulputate sapien nec sagittis. Sed libero enim sed faucibus. Tincidunt praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Vitae suscipit tellus mauris a diam maecenas sed. Posuere urna nec tincidunt praesent semper. Egestas egestas fringilla phasellus faucibus scelerisque. Tincidunt nunc pulvinar sapien et ligula ullamcorper. Orci dapibus ultrices in iaculis nunc sed augue lacus viverra. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida.
  170.  
  171. At quis risus sed vulputate odio ut enim. Habitant morbi tristique senectus et netus. Duis convallis convallis tellus id interdum velit laoreet. Sit amet est placerat in egestas. Ac tincidunt vitae semper quis lectus nulla at. Consectetur adipiscing elit pellentesque habitant. Viverra adipiscing at in tellus integer feugiat scelerisque varius. Libero justo laoreet sit amet cursus. Amet risus nullam eget felis eget. Scelerisque purus semper eget duis at tellus at. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Sit amet aliquam id diam maecenas ultricies mi eget mauris. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Quam vulputate dignissim suspendisse in est ante in nibh. Malesuada fames ac turpis egestas maecenas. Nulla at volutpat diam ut venenatis tellus in metus.
  172.  
  173.  
  174.  
  175. [border=0px; padding:0px; height:auto; width:fit-content; font-weight:bold; color:var(--accent); text-transform:uppercase; display:inline;]title:[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  176.  
  177.  
  178.  
  179. [border=0px; padding:0px; height:auto; width:fit-content; font-weight:bold; color:var(--accent); text-transform:uppercase; display:inline;]title:[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border] [/border][/border]
  180.  
  181. [comment]~ IMAGE CAROUSEL ~[/comment]
  182. [/border][border=0px; width:30%; height:100%; overflow:hidden;][border=0px; padding:0px; width:130%; box-sizing:border-box; padding-right:30px; color:var(--text); height:95%; pointer-events:auto; margin:auto; margin-top:10%; overflow-y:scroll;][border=0px; padding:0px; width:100%; height:160%; display:flex; flex-flow:column wrap; justify-content:space-between;][border=0px; padding:0px; width:100px; height:100px; margin:auto; border-radius:2px; border:1px solid var(--border); background:var(--pimage1); background-size:cover;][/border][border=0px; padding:0px; width:100px; height:100px; margin:auto; border-radius:2px; border:1px solid var(--border); background:var(--pimage2); background-size:cover;][/border][border=0px; padding:0px; width:100px; height:100px; margin:auto; border-radius:2px; border:1px solid var(--border); background:var(--pimage3); background-size:cover;][/border][border=0px; padding:0px; width:100px; height:100px; margin:auto; border-radius:2px; border:1px solid var(--border); background:var(--pimage4); background-size:cover;][/border][border=0px; padding:0px; width:100px; height:100px; margin:auto; border-radius:2px; border:1px solid var(--border); background:var(--pimage5); background-size:cover;][/border][border=0px; padding:0px; width:100px; height:100px; margin:auto; border-radius:2px; border:1px solid var(--border); background:var(--pimage6); background-size:cover;][/border][/border]
  183.  
  184. [/border][/border][/border][/border]
  185.  
  186. [comment] // END OF PERSONA TAB // [/comment]
  187. [/tab]
  188.  
  189.  
  190. [comment] || HISTORY TAB || [/comment]
  191. [tab=aaaa][border=0px; padding:0px; position:absolute; width:600px; height:600px; top:0px; left:57px; z-index:3; pointer-events:none; background-color:var(--background); transform:scale(1.42857143, 1);]
  192.  
  193. [border=0px; padding:0px; width:250px; height:60px; margin-left:250px; margin-top:20px; font-weight:bold; text-transform:uppercase; line-height:60px; text-align:center; font-size:40px; letter-spacing:3px; color:var(--text); border:1px solid var(--border); border-bottom:0px;]HISTORY[/border][border=0px; padding:0px; width:400px; box-sizing:border-box; height:480px; margin-left:175px; border:1px solid var(--border); overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; overflow:hidden;][border=0px; padding:0px; width:110%; box-sizing:border-box; padding-right:20px; color:var(--text); height:100%; font-weight:400; pointer-events:auto; margin:auto; overflow-y:scroll; display:flex; flex-flow:column wrap; scroll-snap-type: y mandatory; overflow-x:hidden;][border=0px; padding:0px; width:480px; height:200%;][border=0px; padding:0px; width:400px; height:480px; display:flex; scroll-snap-align:start; overflow-x:hidden;][border=0px; padding:0px; width:320px; height:240px; left:87px; border:2px solid var(--border); margin:auto; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 45 L45 45 M45 0 L45 45 M0 0 L0 45' fill='none' stroke='%235c5c5c' stroke-width='1'/%3E%3C/svg%3E")][border=0px; padding:0px; width:40px; height:40px; background-color:var(--accent); margin-top:60px; margin-left:20px;][/border][border=0px; padding:0px; width:40px; height:40px; background-color:var(--border); margin-top:80px; margin-left:100px;][/border][border=0px; padding:0px; width:40px; height:40px; background-color:var(--border); margin-top:-200px; margin-left:180px;][/border][border=0px; padding:0px; width:40px; height:40px; background-color:var(--accent); margin-top:80px; margin-left:260px;][/border][border=0px; padding:0px; width:80px; height:60px; margin-top:-243px; margin-left:159px; border-top:2px solid var(--border); border-right:2px solid var(--border);][border=0px; padding:0px; background-color:var(--border); height:20px; width:20px; margin-top:-10px; margin-left:-20px; display:flex;][border=0px; padding:0px; width:80px; height:80px; margin-left:-100px; margin-top:-30px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 45 45' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 45 L45 45 M45 0 L45 45 M0 0 L0 45' fill='none' stroke='%235c5c5c' stroke-width='1'/%3E%3C/svg%3E"); display:flex; border:1px solid var(--border);][border=0px; padding:0px; width:80%; height:80%; margin:auto; background:var(--himage1); background-size:cover; border:1px solid var(--border); border-radius:3px;][/border][/border][/border][border=0px; padding:0px; width:80px; height:60px; margin-top:290px; margin-left:-80px; border-bottom:2px solid var(--border); border-left:2px solid var(--border); display:flex;][border=0px; padding:0px; background-color:var(--border); height:20px; width:20px; margin-top:50px; margin-left:60px; display:flex;][/border][/border][border=0px; padding:0px; width:100px; height:80px; border:1px solid var(--border); margin-top:-40px; margin-left:10px; display:flex; flex-flow:column nowrap;][border=0px; padding:0px; width:95%; height:15px; border-bottom:1px solid var(--border); text-align:right; color:var(--border); font-size:10px; line-height:14px; padding-right:5px;][fa]fa-square-xmark[/fa][/border]
  194.  
  195. [comment]~ SMALL QUOTE ~[/comment]
  196. [border=0px; padding:0px; width:86%; height:90%; font-weight:bold; line-height:11px; color:var(--text); margin-top:8px; margin-left:7px; text-transform:lowercase; font-size:10px; text-align:center; line-height:14px;][font="courier new"]"Lorem ipsum dolor sit amet"[/font][/border][/border]
  197.  
  198. [/border][/border][/border]
  199.  
  200.  
  201. [comment]~ BIO BOX ~[/comment]
  202. [border=0px; padding:0px; width:400px; height:480px; scroll-snap-align:start; display:flex;]
  203.  
  204. [border=0px; padding:0xp; width:90%; height:90%; margin:auto; line-height:17px; font-size:12px; font-weight:auto; overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; overflow-y:scroll; padding-right:95px;][border=0px; padding:0px; width:100%; height:40px; display:flex; line-height:9px; position:sticky; top:0px; background: linear-gradient(var(--background) 50%, transparent);][border=0px; padding:0px; white-space:nowrap; position:relative; font-weight:bold; font-size:18px; top:3px; color:var(--accent); text-transform:uppercase;]title.[/border][border=0px; padding:0px; display:flex; flex-grow:1; position:relative; top:-28px; margin-left:10px; border-bottom:10px double var(--accent);][/border][border=0px; padding:0px; margin-left:10px; color:var(--accent); top:1px; position:relative;][fa]fa-bookmark[/fa][/border][/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum eu facilisis sed odio morbi quis. Blandit libero volutpat sed cras ornare arcu dui vivamus. Nunc sed blandit libero volutpat sed. Vel fringilla est ullamcorper eget nulla. Sapien faucibus et molestie ac feugiat. Mattis molestie a iaculis at. Aliquet sagittis id consectetur purus ut faucibus pulvinar. Adipiscing elit pellentesque habitant morbi tristique. A diam sollicitudin tempor id eu nisl nunc mi ipsum. Ac odio tempor orci dapibus ultrices in iaculis. Aliquam etiam erat velit scelerisque in dictum non consectetur a. Blandit massa enim nec dui nunc mattis enim. Pellentesque elit ullamcorper dignissim cras. Vitae tempus quam pellentesque nec nam. Sed odio morbi quis commodo odio aenean. Ultrices sagittis orci a scelerisque purus semper eget duis. Nisl vel pretium lectus quam id leo in vitae turpis. Nulla facilisi nullam vehicula ipsum a. Nibh nisl condimentum id venenatis a condimentum vitae sapien pellentesque.
  205.  
  206. Neque volutpat ac tincidunt vitae. Tortor id aliquet lectus proin nibh. Morbi blandit cursus risus at ultrices mi tempus. Adipiscing bibendum est ultricies integer. Proin libero nunc consequat interdum varius sit amet mattis vulputate. Posuere ac ut consequat semper viverra nam libero justo laoreet. At quis risus sed vulputate odio ut enim blandit. In ante metus dictum at tempor commodo ullamcorper a lacus. Bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim. Suscipit adipiscing bibendum est ultricies integer. Quam vulputate dignissim suspendisse in est ante in. Blandit aliquam etiam erat velit scelerisque in dictum non. Senectus et netus et malesuada fames ac turpis.
  207.  
  208. [border=0px; padding:0px; width:100%; height:40px; display:flex; line-height:9px; position:sticky; top:0px; background: linear-gradient(var(--background) 50%, transparent);][border=0px; padding:0px; white-space:nowrap; position:relative; font-weight:bold; font-size:18px; top:3px; color:var(--accent); text-transform:uppercase;]title two.[/border][border=0px; padding:0px; display:flex; flex-grow:1; position:relative; top:-28px; margin-left:10px; border-bottom:10px double var(--accent);][/border][border=0px; padding:0px; margin-left:10px; color:var(--accent); top:1px; position:relative;][fa]fa-bookmark[/fa][/border][/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum eu facilisis sed odio morbi quis. Blandit libero volutpat sed cras ornare arcu dui vivamus. Nunc sed blandit libero volutpat sed. Vel fringilla est ullamcorper eget nulla. Sapien faucibus et molestie ac feugiat. Mattis molestie a iaculis at. Aliquet sagittis id consectetur purus ut faucibus pulvinar. Adipiscing elit pellentesque habitant morbi tristique. A diam sollicitudin tempor id eu nisl nunc mi ipsum. Ac odio tempor orci dapibus ultrices in iaculis. Aliquam etiam erat velit scelerisque in dictum non consectetur a. Blandit massa enim nec dui nunc mattis enim. Pellentesque elit ullamcorper dignissim cras. Vitae tempus quam pellentesque nec nam. Sed odio morbi quis commodo odio aenean. Ultrices sagittis orci a scelerisque purus semper eget duis. Nisl vel pretium lectus quam id leo in vitae turpis. Nulla facilisi nullam vehicula ipsum a. Nibh nisl condimentum id venenatis a condimentum vitae sapien pellentesque.
  209.  
  210. Neque volutpat ac tincidunt vitae. Tortor id aliquet lectus proin nibh. Morbi blandit cursus risus at ultrices mi tempus. Adipiscing bibendum est ultricies integer. Proin libero nunc consequat interdum varius sit amet mattis vulputate. Posuere ac ut consequat semper viverra nam libero justo laoreet. At quis risus sed vulputate odio ut enim blandit. In ante metus dictum at tempor commodo ullamcorper a lacus. Bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim. Suscipit adipiscing bibendum est ultricies integer. Quam vulputate dignissim suspendisse in est ante in. Blandit aliquam etiam erat velit scelerisque in dictum non. Senectus et netus et malesuada fames ac turpis.
  211. [/border]
  212.  
  213. [comment] // BIO BOX ENDS // [/comment]
  214.  
  215. [/border][/border][/border][/border][/border][/border][/border][/tab]
  216.  
  217. [comment] // END OF HISTORY TAB // [/comment]
  218.  
  219. [comment] || EXTRAS TAB || [/comment]
  220. [tab=aaaa][border=0px; padding:0px; position:absolute; width:600px; height:600px; top:0px; left:57px; z-index:3; pointer-events:none; background-color:var(--background); transform:scale(1.42857143, 1);]
  221.  
  222. [border=0px; padding:0px; width:250px; height:60px; margin-left:250px; margin-top:20px; font-weight:bold; text-transform:uppercase; line-height:60px; text-align:center; font-size:40px; letter-spacing:3px; color:var(--text); border:1px solid var(--border); border-bottom:0px;]EXTRA[/border][border=0px; padding:0px; width:400px; box-sizing:border-box; height:480px; margin-left:175px; border:1px solid var(--border); overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; overflow:hidden;][border=0px; padding:0px; width:110%; box-sizing:border-box; padding-right:20px; color:var(--text); height:100%; font-weight:400; pointer-events:auto; margin:auto; overflow-y:scroll; display:flex; flex-flow:column wrap; scroll-snap-type: y mandatory; overflow-x:hidden;][border=0px; padding:0px; width:480px; height:200%;][border=0px; padding:0px; width:400px; height:480px; display:flex; scroll-snap-align:start; overflow-x:hidden; display:flex; flex-flow:row nowrap;]
  223.  
  224. [comment]~ RELATIONSHIPS ~[/comment]
  225.  
  226. [border=0px; padding:0px; width:50%; height:90%; margin:auto; display:flex; flex-flow:column wrap; justify-content:space-between; padding-left:15px;]
  227. [border=0px; padding:0px; height:120px; width:150px; border:1px solid var(--border); margin:auto; display:flex; flex-flow:row wrap;][border=0px; padding:0px; line-height:27px; font-weight:bold; height:25px; width:90%; margin:auto; margin-top:0px; border-bottom:1px solid var(--border); text-align:center;]persons' name[/border][border=0px; padding:0px; height:100px; width:80px; background:var(--eimage1); background-size:cover; border:1px solid var(--border); margin-top:5px; margin-left:-15px;][/border][border=0px; padding:0px; width:70px; height:80px; line-height:12px; font-size:10px; margin-top:5px; margin-left:5px; overflow:hidden; text-align:; overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; overflow-y:scroll; padding-right:25px;] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae proin. Fringilla urna porttitor rhoncus dolor purus. Donec et odio pellentesque diam volutpat commodo. Bibendum ut tristique et egestas quis. Libero enim sed faucibus turpis in. Enim diam vulputate ut pharetra sit amet. Dis parturient montes nascetur ridiculus.[/border][/border][/border]
  228.  
  229. [border=0px; padding:0px; height:120px; width:150px; border:1px solid var(--border); margin:auto; display:flex; flex-flow:row wrap;][border=0px; padding:0px; line-height:27px; font-weight:bold; height:25px; width:90%; margin:auto; margin-top:0px; border-bottom:1px solid var(--border); text-align:center;]persons' name[/border][border=0px; padding:0px; height:100px; width:80px; background:var(--eimage2); background-size:cover; border:1px solid var(--border); margin-top:5px; margin-left:-15px;][/border][border=0px; padding:0px; width:70px; height:80px; line-height:12px; font-size:10px; margin-top:5px; margin-left:5px; overflow:hidden; text-align:; overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; overflow-y:scroll; padding-right:25px;] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae proin. Fringilla urna porttitor rhoncus dolor purus. Donec et odio pellentesque diam volutpat commodo. Bibendum ut tristique et egestas quis. Libero enim sed faucibus turpis in. Enim diam vulputate ut pharetra sit amet. Dis parturient montes nascetur ridiculus.[/border][/border][/border]
  230.  
  231. [border=0px; padding:0px; height:120px; width:150px; border:1px solid var(--border); margin:auto; display:flex; flex-flow:row wrap;][border=0px; padding:0px; line-height:27px; font-weight:bold; height:25px; width:90%; margin:auto; margin-top:0px; border-bottom:1px solid var(--border); text-align:center;]persons' name[/border][border=0px; padding:0px; background-size:cover; height:100px; width:80px; background:var(--eimage3); background-size:cover; border:1px solid var(--border); margin-top:5px; margin-left:-15px;][/border][border=0px; padding:0px; width:70px; height:80px; line-height:12px; font-size:10px; margin-top:5px; margin-left:5px; overflow:hidden; text-align:; overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; overflow-y:scroll; padding-right:25px;] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae proin. Fringilla urna porttitor rhoncus dolor purus. Donec et odio pellentesque diam volutpat commodo. Bibendum ut tristique et egestas quis. Libero enim sed faucibus turpis in. Enim diam vulputate ut pharetra sit amet. Dis parturient montes nascetur ridiculus.[/border][/border][/border][/border]
  232.  
  233. [border=0px; padding:0px; width:50%; height:90%; margin:auto; display:flex; flex-flow:column wrap; justify-content:space-between; padding-left:15px;][border=0px; padding:0px; height:120px; width:150px; border:1px solid var(--border); margin:auto; display:flex; flex-flow:row wrap;][border=0px; padding:0px; line-height:27px; font-weight:bold; height:25px; width:90%; margin:auto; margin-top:0px; border-bottom:1px solid var(--border); text-align:center;] persons' name[/border][border=0px; padding:0px; background-size:cover; height:100px; width:80px; background:var(--eimage4); background-size:cover; border:1px solid var(--border); margin-top:5px; margin-left:-15px;][/border][border=0px; padding:0px; width:70px; height:80px; line-height:12px; font-size:10px; margin-top:5px; margin-left:5px; overflow:hidden; text-align:; overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; overflow-y:scroll; padding-right:25px;] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae proin. Fringilla urna porttitor rhoncus dolor purus. Donec et odio pellentesque diam volutpat commodo. Bibendum ut tristique et egestas quis. Libero enim sed faucibus turpis in. Enim diam vulputate ut pharetra sit amet. Dis parturient montes nascetur ridiculus.[/border][/border][/border]
  234.  
  235. [border=0px; padding:0px; height:120px; width:150px; border:1px solid var(--border); margin:auto; display:flex; flex-flow:row wrap;][border=0px; padding:0px; line-height:27px; font-weight:bold; height:25px; width:90%; margin:auto; margin-top:0px; border-bottom:1px solid var(--border); text-align:center;]persons' name[/border][border=0px; padding:0px; background-size:cover; height:100px; width:80px; background:var(--eimage5); background-size:cover; border:1px solid var(--border); margin-top:5px; margin-left:-15px;][/border][border=0px; padding:0px; width:70px; height:80px; line-height:12px; font-size:10px; margin-top:5px; margin-left:5px; overflow:hidden; text-align:; overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; overflow-y:scroll; padding-right:25px;] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae proin. Fringilla urna porttitor rhoncus dolor purus. Donec et odio pellentesque diam volutpat commodo. Bibendum ut tristique et egestas quis. Libero enim sed faucibus turpis in. Enim diam vulputate ut pharetra sit amet. Dis parturient montes nascetur ridiculus.[/border][/border][/border]
  236.  
  237. [border=0px; padding:0px; height:120px; width:150px; border:1px solid var(--border); margin:auto; display:flex; flex-flow:row wrap;][border=0px; padding:0px; line-height:27px; font-weight:bold; height:25px; width:90%; margin:auto; margin-top:0px; border-bottom:1px solid var(--border); text-align:center;]persons' name[/border][border=0px; padding:0px; background-size:cover; height:100px; width:80px; background:var(--eimage6); background-size:cover; border:1px solid var(--border); margin-top:5px; margin-left:-15px;][/border][border=0px; padding:0px; width:70px; height:80px; line-height:12px; font-size:10px; margin-top:5px; margin-left:5px; overflow:hidden; text-align:; overflow:hidden;][border=0px; padding:0px; width:100%; height:100%; overflow-y:scroll; padding-right:25px;] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae proin. Fringilla urna porttitor rhoncus dolor purus. Donec et odio pellentesque diam volutpat commodo. Bibendum ut tristique et egestas quis. Libero enim sed faucibus turpis in. Enim diam vulputate ut pharetra sit amet. Dis parturient montes nascetur ridiculus.[/border][/border][/border][/border]
  238.  
  239. [comment] // END OF RELATIONSHIPS //[/comment]
  240.  
  241. [/border][border=0px; padding:0px; width:400px; height:480px; display:flex; scroll-snap-align:start; overflow-x:hidden;]
  242.  
  243.  
  244. [comment]~ EXTRA BOXES ~[/comment]
  245. [border=0px; padding:0px; width:90%; height:90%; display:flex; flex-flow:column wrap; justify-content:space-between; color:var(--text); margin:auto;][border=0px; padding:0px; width:95%; height:25%; border:1px solid var(--border); margin:auto;][border=0px; padding:0px; position:relative; width:max-content; height:25px; margin-top:-12.5px; margin-left:320px; z-index:5; overflow:visible;][border=0px; padding:0px; position: absolute; right: 0; width: fit-content; height:100%; background-color:var(--background); border:1px solid var(--border); line-height:20px; font-weight:bold; padding-left:10px; padding-right:10px; color:var(--accent); display:flex; flex-flow:row nowrap;] extra [border=0px; padding:0px; display:inline; margin-top:3px; margin-left:20px; font-size:12px; transform:rotate(20deg);][fa]fa-thumbtack[/fa][/border][/border][/border]
  246. [border=0px; padding:0px; width:95%; height:90%; margin:auto; margin-top:-7px; line-height:13px; font-size:12px; overflow:hidden;][border=0px; padding:0px; width:106%; height:100%; overflow-y:scroll;]
  247. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum eu facilisis sed odio morbi quis. Blandit libero volutpat sed cras ornare arcu dui vivamus. Nunc sed blandit libero volutpat sed. Vel fringilla est ullamcorper eget nulla. Sapien faucibus et molestie ac feugiat. Mattis molestie a iaculis at. Aliquet sagittis id consectetur purus ut faucibus pulvinar. Adipiscing elit pellentesque habitant morbi tristique. A diam sollicitudin tempor id eu nisl nunc mi ipsum. Ac odio tempor orci dapibus ultrices in iaculis. Aliquam etiam erat velit scelerisque in dictum non consectetur a. Blandit massa enim nec dui nunc mattis enim. Pellentesque elit ullamcorper dignissim cras. Vitae tempus quam pellentesque nec nam. Sed odio morbi quis commodo odio aenean. Ultrices sagittis orci a scelerisque purus semper eget duis. Nisl vel pretium lectus quam id leo in vitae turpis. Nulla facilisi nullam vehicula ipsum a. Nibh nisl condimentum id venenatis a condimentum vitae sapien pellentesque.[/border][/border][/border]
  248.  
  249.  
  250. [border=0px; padding:0px; width:95%; height:25%; border:1px solid var(--border); margin:auto;][border=0px; padding:0px; position:relative; width:max-content; height:25px; margin-top:-12.5px; margin-left:320px; z-index:5; overflow:visible;][border=0px; padding:0px; position: absolute; right: 0; width: fit-content; height:100%; background-color:var(--background); border:1px solid var(--border); line-height:22px; font-weight:bold; padding-left:10px; padding-right:10px; color:var(--accent); display:flex; flex-flow:row nowrap;] extra [border=0px; padding:0px; display:inline; margin-top:3px; margin-left:20px; font-size:12px; transform:rotate(20deg);][fa]fa-thumbtack[/fa][/border][/border][/border][border=0px; padding:0px; width:95%; height:90%; margin:auto; margin-top:-7px; line-height:13px; font-size:12px; overflow:hidden;][border=0px; padding:0px; width:106%; height:100%; overflow-y:scroll;]
  251. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum eu facilisis sed odio morbi quis. Blandit libero volutpat sed cras ornare arcu dui vivamus. Nunc sed blandit libero volutpat sed. Vel fringilla est ullamcorper eget nulla. Sapien faucibus et molestie ac feugiat. Mattis molestie a iaculis at. Aliquet sagittis id consectetur purus ut faucibus pulvinar. Adipiscing elit pellentesque habitant morbi tristique. A diam sollicitudin tempor id eu nisl nunc mi ipsum. Ac odio tempor orci dapibus ultrices in iaculis. Aliquam etiam erat velit scelerisque in dictum non consectetur a. Blandit massa enim nec dui nunc mattis enim. Pellentesque elit ullamcorper dignissim cras. Vitae tempus quam pellentesque nec nam. Sed odio morbi quis commodo odio aenean. Ultrices sagittis orci a scelerisque purus semper eget duis. Nisl vel pretium lectus quam id leo in vitae turpis. Nulla facilisi nullam vehicula ipsum a. Nibh nisl condimentum id venenatis a condimentum vitae sapien pellentesque.[/border][/border][/border]
  252.  
  253.  
  254. [border=0px; padding:0px; width:95%; height:25%; border:1px solid var(--border); margin:auto;][border=0px; padding:0px; position:relative; width:max-content; height:25px; margin-top:-12.5px; margin-left:320px; z-index:5; overflow:visible;][border=0px; padding:0px; position: absolute; right: 0; width: fit-content; height:100%; background-color:var(--background); border:1px solid var(--border); line-height:22px; font-weight:bold; padding-left:10px; padding-right:10px; color:var(--accent); display:flex; flex-flow:row nowrap;] extra [border=0px; padding:0px; display:inline; margin-top:3px; margin-left:20px; font-size:12px; transform:rotate(20deg);][fa]fa-thumbtack[/fa][/border][/border][/border][border=0px; padding:0px; width:95%; height:90%; margin:auto; margin-top:-7px; line-height:13px; font-size:12px; overflow:hidden;][border=0px; padding:0px; width:106%; height:100%; overflow-y:scroll;]
  255. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum eu facilisis sed odio morbi quis. Blandit libero volutpat sed cras ornare arcu dui vivamus. Nunc sed blandit libero volutpat sed. Vel fringilla est ullamcorper eget nulla. Sapien faucibus et molestie ac feugiat. Mattis molestie a iaculis at. Aliquet sagittis id consectetur purus ut faucibus pulvinar. Adipiscing elit pellentesque habitant morbi tristique. A diam sollicitudin tempor id eu nisl nunc mi ipsum. Ac odio tempor orci dapibus ultrices in iaculis. Aliquam etiam erat velit scelerisque in dictum non consectetur a. Blandit massa enim nec dui nunc mattis enim. Pellentesque elit ullamcorper dignissim cras. Vitae tempus quam pellentesque nec nam. Sed odio morbi quis commodo odio aenean. Ultrices sagittis orci a scelerisque purus semper eget duis. Nisl vel pretium lectus quam id leo in vitae turpis. Nulla facilisi nullam vehicula ipsum a. Nibh nisl condimentum id venenatis a condimentum vitae sapien pellentesque.[/border][/border][/border]
  256.  
  257. [comment] // END OF EXTRA BOXES // [/comment]
  258. [/border]
  259.  
  260. [comment]// END OF EXTRAS TAB //[/comment]
  261.  
  262. [/border][/border][/border][/border]
  263. [/border][/border][/tab][/tabs][/border]
  264.  
  265. [comment] // END OF TABS // [/comment]
  266.  
  267.  
  268. [comment] || TAB COVERS || [/comment]
  269. [border=0px; padding:0px; width:60px; height:100px; position:absolute; z-index:2; margin-top:23px; margin-left:330px; display:flex; flex-flow:column wrap; justify-content:space-between; z-index:3; pointer-events:none;][border=0px; padding:0px; width:100%; height:20%; background-color:var(--background); border:1px solid var(--border); border-radius:2px; font-size:12px; text-align:center; color:var(--text); line-height:20px;]basics[/border][border=0px; padding:0px; width:100%; height:20%; background-color:var(--background); border:1px solid var(--border); border-radius:2px; font-size:12px; text-align:center; color:var(--text); line-height:20px;]persona[/border][border=0px; padding:0px; width:100%; height:20%; background-color:var(--background); border:1px solid var(--border); border-radius:2px; font-size:12px; text-align:center; color:var(--text); line-height:20px;]history[/border][border=0px; padding:0px; width:100%; height:20%; background-color:var(--background); border:1px solid var(--border); border-radius:2px; font-size:12px; text-align:center; color:var(--text); line-height:20px;]extra[/border][/border][/border][/border]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!