reveriee

time flyers (cs)

Jan 23rd, 2022 (edited)
117
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.21 KB | None
  1. [comment]--CODE BY REVERIEE--
  2. time flyers, character sheet. do not remove credit (visible or not) or claim as your own.
  3.  
  4. -- to change the colors/images, change the variables below --
  5. in order to change fonts, change the font in the variable, along with the corresponding font in the call-out tag in the comments below
  6.  
  7. [font=Arial]main header font[/font]
  8. [font=Rubik]small header font[/font]
  9. [font=Crimson Pro]quote font[/font]
  10. [font=Rubik]body font[/font][/comment][border=0;
  11.  
  12. --bgpic:url(https://i.pinimg.com/originals/cc/9a/60/cc9a60970784d6b005641e512e8fe451.jpg);
  13. --musicwaves: url(https://64.media.tumblr.com/2a41f184bc728a1f588dafda4bd33ad9/tumblr_inline_mvrklrQZaJ1r8f9na.gif);
  14. --aboutpic: url(https://64.media.tumblr.com/5a0da09a95def18d4f33725083f72c74/6b4163137ce25fe6-c0/s640x960/0b65c9cb0f26cb065bd68c10a1176f9ea28e8a50.gif);
  15. --personapic: url(https://data.whicdn.com/images/336713893/original.png);
  16. --histpic: url(https://64.media.tumblr.com/a4e97f0f654255ba91624a10088003e8/tumblr_ov9gxnCsfp1vy2tgqo6_400.jpg);
  17.  
  18. /*gallery images*/
  19. --g1: url(https://64.media.tumblr.com/d485b24cad6250317f8b92c769a1d3a0/tumblr_plcwo1rWYI1vt10pl_500.jpg);
  20. --g2: url(https://64.media.tumblr.com/e53e058dde12d2c3ad3291e90e5c323a/3900b9ca36ba7f9e-b1/s1280x1920/86f7c2dee7cd12180f395f30588d153a6e969771.jpg);
  21. --g3: url(https://64.media.tumblr.com/6d5282a64e1d678b73c637b859abc2f3/tumblr_ov9gxnCsfp1vy2tgqo1_400.png);
  22. --g4: url(https://64.media.tumblr.com/d2e9e3b5be2415ee086615dcd1fc53b9/tumblr_plcwo1zJps1vt10pl_500.jpg);
  23. --g5: url(https://i.pinimg.com/736x/33/53/c1/3353c1873897731095957d1c4fdf67c9.jpg);
  24.  
  25. /*relationship images*/
  26. --r1: url(https://64.media.tumblr.com/3593f4720319f71188aa9c805c6721c2/tumblr_p786a51zul1wcv6dko2_400.png);
  27. --r2: url(https://i.pinimg.com/originals/db/13/f5/db13f5e16e0d524a98e8205bd3e66691.jpg);
  28. --r3: url(https://hollywoodzam.com/wp-content/uploads/2021/04/Yotsuha-Miyamizu-1.jpg);
  29.  
  30. --minibg: white;
  31. --border: #bbb;
  32. --rgb: RGBA(255, 255, 255, 0.35);
  33. --color1: #b2b2cc;
  34. --color2: #5c5879;
  35. --color3: #c0828a;
  36. --maintext: #888;
  37. --subtext: white;
  38.  
  39. --header: 'Arial', sans-serif;
  40. --miniheader: 'Rubik', sans-serif;
  41. --quote: 'Crimson Pro', serif;
  42. --body: 'Rubik', sans-serif;
  43.  
  44. max-width:480px;height:350px;padding:0;margin:auto;border-radius:10px;overflow:hidden;position:relative;border:1px solid var(--border)][border=0;height:300px;width:100%;position:absolute;bottom:0;padding:0;left:0;overflow:hidden][border=0;height:110%;width:110%;background:var(--bgpic)
  45.  
  46. /*adjust image size and positioning here (background image)*/
  47. 50% 50%;background-size:cover;padding:0;filter:blur(2px);margin-top:-5%;margin-left:-5%][/border][/border][border=0;width:100%;height:50px;padding:0;background:var(--minibg);display:flex;flex-flow:row nowrap;align-items:center;position:relative][comment]
  48.  
  49. --MUSIC PLAYER HERE--
  50.  
  51. [/comment][border=0;height:34px;width:34px;padding:0;background:var(--color3);border-radius:40%;margin-left:8px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden][comment]
  52.  
  53. -----------soundcloud option here (add display:none if you are using google drive)-----------
  54.  
  55. [/comment][border=0px; width:120px; height:90px; opacity:0.0001; transform:scale(0.6, 0.6);padding:0;position:absolute;top:-13px;left:-17px][comment]
  56.  
  57. --music link here (soundcloud)--
  58.  
  59. [/comment][media=soundcloud]https://soundcloud.com/user-904337313/nandemonaiya[/media][/border][comment]
  60.  
  61. -----------end of soundcloud option-----------
  62.  
  63. [/comment][comment]
  64.  
  65. -----------google drive option here (remove display:none if you are using google drive)-----------
  66.  
  67. [/comment][border=0; height:500px; width:500px; position:absolute;top:-163px; left:-85px; opacity: 0.00001; padding:0px;display:none][comment]
  68.  
  69. --music link here (google drive)--
  70.  
  71. [/comment][media=googledrive]1MY4K759jSmjBxpqpSnJVErhAa41KU0pP[/MEDIA][/border][comment]
  72.  
  73. -----------end of google drive option-----------
  74.  
  75. [/comment][border=0;padding:0;height:12px;width:12px;background:var(--musicwaves);background-size:cover][/border][/border][comment]
  76.  
  77. --END OF MUSIC PLAYER--
  78.  
  79. [/comment][border=0;overflow:hidden;width:260px;height:20px;padding:0;margin-left:5px][tabs][tab=.][border=0;width:auto;height:auto;text-transform:uppercase;line-height:100%;background:var(--color1);color:var(--color2);font-size:10px;padding:4px 7px;border-radius:5px;position:absolute;top:16px;left:63px;z-index:5;font-family:var(--miniheader)]about[/border]
  80. [comment]
  81.  
  82. --BEGINNING OF TAB ONE--
  83.  
  84. [/comment][border=0;box-sizing:border-box;padding:20px;height:300px;width:100%;position:absolute;bottom:-300px;left:0;display:grid;grid-template: 51% 5% 44% / 45% 3% 52%][border=0;grid-area:1 / 1 / 2 / 4;box-sizing:border-box;padding:0;border-radius:10px;border:1px solid var(--border);overflow:hidden;position:relative][border=0;width:110%;height:110%;box-sizing:border-box;padding:0;background:var(--rgb);border-radius:10px;filter:blur(1px);left:-5%;top:-5%][/border][border=0;height:105px;width:calc(100% - 26px);padding:0;background:var(--aboutpic)
  85.  
  86. /*adjust image size and positioning here (about image)*/
  87. 50% 50%;background-size:cover;padding:0;border-radius:10px;overflow:hidden;position:absolute;top:13px;left:13px;display:flex; flex-flow:row nowrap;overflow:hidden;-webkit-mask-image: -webkit-radial-gradient(white, black)][border=0;width:auto;color:var(--subtext);font-size:30px;padding:0;position:absolute;top:0;left:0;text-transform:uppercase;line-height:100%;font-family:var(--header);writing-mode:vertical-rl;font-weight:bold;z-index:3][comment]
  88.  
  89. --NAME OR INITIALS HERE--
  90.  
  91. [/comment]三葉[/border][border=0;color:var(--subtext);font-size:9.5px;letter-spacing:2px;padding:8px;position:absolute;bottom:0;right:0;text-transform:uppercase;line-height:100%;font-family:var(--miniheader);z-index:2][fa]fa-angle-double-left[/fa] scroll[/border][border=0; height:122px; width:100%; padding:0; overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth][border=0; height:105px; width: fit-content; width:-moz-fit-content;padding:0; display:flex; flex-flow: row nowrap;align-items:center][border=0;width:2px;height:100%;padding:0;scroll-snap-align:end][/border][border=0;width:250px;height:100%;background:var(--minibg);padding:5px 0;box-sizing:border-box;margin-left:413px;scroll-snap-align:end;z-index:5;overflow:hidden][border=0px; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0px; height:auto; width:52%; padding:0 5px; box-sizing:border-box;display:flex;flex-flow:row wrap;justify-content:stretch;text-transform:uppercase;font-family:var(--miniheader);font-size:10px;color:var(--maintext)][comment]
  92.  
  93. --ONE INFO BOX HERE--
  94.  
  95. [/comment][border=0;margin:5px 3px;min-width:calc(50% - 7px);height:auto;padding:0;font-family:var(--miniheader);display:flex;flex-flow:row nowrap;align-items:center][border=0;font-family:var(--header);font-size:25px;font-weight:bold;color:var(--color3);text-shadow:1.5px 1.5px var(--color1);padding:0 5px 0 0;border-right:2px solid var(--color1);margin-right:6px;line-height:140%][comment]
  96.  
  97. --number here--
  98.  
  99. [/comment]01[/border][border=0;display:flex;flex-flow:column nowrap;padding:0][border=0;font-family:var(--header);color:var(--color2);font-weight:bold;font-size:11px;padding:0][fa] fa-angle-double-right [/fa] [comment]
  100.  
  101. --title here--
  102.  
  103. [/comment]name[/border][comment]
  104.  
  105. --content here--
  106.  
  107. [/comment]here[/border][/border][comment]
  108.  
  109. --END OF INFO BOX HERE--
  110.  
  111. [/comment][comment]
  112.  
  113. --ONE INFO BOX HERE--
  114.  
  115. [/comment][border=0;margin:5px 3px;min-width:calc(50% - 7px);height:auto;padding:0;font-family:var(--miniheader);display:flex;flex-flow:row nowrap;align-items:center][border=0;font-family:var(--header);font-size:25px;font-weight:bold;color:var(--color3);text-shadow:1.5px 1.5px var(--color1);padding:0 5px 0 0;border-right:2px solid var(--color1);margin-right:6px;line-height:140%][comment]
  116.  
  117. --number here--
  118.  
  119. [/comment]02[/border][border=0;display:flex;flex-flow:column nowrap;padding:0][border=0;font-family:var(--header);color:var(--color2);font-weight:bold;font-size:11px;padding:0][fa] fa-angle-double-right [/fa] [comment]
  120.  
  121. --title here--
  122.  
  123. [/comment]age[/border][comment]
  124.  
  125. --content here--
  126.  
  127. [/comment]here[/border][/border][comment]
  128.  
  129. --END OF INFO BOX HERE--
  130.  
  131. [/comment][comment]
  132.  
  133. --ONE INFO BOX HERE--
  134.  
  135. [/comment][border=0;margin:5px 3px;min-width:calc(50% - 7px);height:auto;padding:0;font-family:var(--miniheader);display:flex;flex-flow:row nowrap;align-items:center][border=0;font-family:var(--header);font-size:25px;font-weight:bold;color:var(--color3);text-shadow:1.5px 1.5px var(--color1);padding:0 5px 0 0;border-right:2px solid var(--color1);margin-right:6px;line-height:140%][comment]
  136.  
  137. --number here--
  138.  
  139. [/comment]03[/border][border=0;display:flex;flex-flow:column nowrap;padding:0][border=0;font-family:var(--header);color:var(--color2);font-weight:bold;font-size:11px;padding:0][fa] fa-angle-double-right [/fa] [comment]
  140.  
  141. --title here--
  142.  
  143. [/comment]gender[/border][comment]
  144.  
  145. --content here--
  146.  
  147. [/comment]here[/border][/border][comment]
  148.  
  149. --END OF INFO BOX HERE--
  150.  
  151. [/comment][comment]
  152.  
  153. --ONE INFO BOX HERE--
  154.  
  155. [/comment][border=0;margin:5px 3px;min-width:calc(50% - 7px);height:auto;padding:0;font-family:var(--miniheader);display:flex;flex-flow:row nowrap;align-items:center][border=0;font-family:var(--header);font-size:25px;font-weight:bold;color:var(--color3);text-shadow:1.5px 1.5px var(--color1);padding:0 5px 0 0;border-right:2px solid var(--color1);margin-right:6px;line-height:140%][comment]
  156.  
  157. --number here--
  158.  
  159. [/comment]04[/border][border=0;display:flex;flex-flow:column nowrap;padding:0][border=0;font-family:var(--header);color:var(--color2);font-weight:bold;font-size:11px;padding:0][fa] fa-angle-double-right [/fa] [comment]
  160.  
  161. --title here--
  162.  
  163. [/comment]DOB[/border][comment]
  164.  
  165. --content here--
  166.  
  167. [/comment]here[/border][/border][comment]
  168.  
  169. --END OF INFO BOX HERE--
  170.  
  171. [/comment][/border][/border][/border][/border][/border][/border][/border][border=0;grid-area:3 / 1 / 4 / 2;padding:0;border-radius:10px;overflow:hidden;position:relative;box-sizing:border-box;border:1px solid var(--border)][border=0;width:110%;height:110%;box-sizing:border-box;padding:0;background:var(--rgb);border-radius:10px;filter:blur(1px);left:-5%;top:-5%][/border][border=0;height:auto;width:auto;position:absolute;top:0;left:-5px;box-sizing:border-box;color:var(--color1);font-size:80px;line-height:50px;text-shadow:1px 1px var(--rgb)]❝[/border][border=0;height:calc(100% - 25px);width:calc(100% - 20px);position:absolute;top:15px;left:15px;box-sizing:border-box;font-family:var(--quote);font-size:clamp(13.5px, -35px + 10vw, 18px);color:var(--subtext);overflow:hidden;font-weight:bold;font-style:oblique;text-transform:lowercase;line-height:130%][comment]
  172.  
  173. --QUOTE HERE--
  174.  
  175. [/comment]Oh, we are time flyers, dashing up the steps of time now ...[/border][/border][border=0;grid-area:3 / 3 / 4 / 4;background:var(--minibg);box-sizing:border-box;padding:10px 0;border:1px solid var(--border);border-radius:10px;overflow:hidden][border=0;width:200%;height:100%;padding:0;overflow:auto][border=0;width:51.5%;height:auto;font-family:var(--body);font-size:11px;text-align:justify;padding:0 10px;box-sizing:border-box;color:var(--maintext);line-height:150%;margin:-5px 0][comment]
  176.  
  177. --VISAGE HERE--
  178.  
  179. [/comment][comment]
  180.  
  181. --ONE SET--
  182.  
  183. [/comment][border=0;margin:7px 0;padding:0;width:100%][border=0;padding:3px 5px;display:inline;color:var(--color2);font-weight:bold;text-transform:uppercase;margin-right:5px;background:var(--color1);border-radius:3px;line-height:100%;box-sizing:border-box][fa] fa-angle-double-right [/fa] [comment]
  184.  
  185. --title here--
  186.  
  187. [/comment]height[/border] [comment]
  188.  
  189. --info here--
  190.  
  191. [/comment]here[/border][comment]
  192.  
  193. --END OF SET--
  194.  
  195. [/comment][comment]
  196.  
  197. --ONE SET--
  198.  
  199. [/comment][border=0;margin:7px 0;padding:0;width:100%][border=0;padding:3px 5px;display:inline;color:var(--color2);font-weight:bold;text-transform:uppercase;margin-right:5px;background:var(--color1);border-radius:3px;line-height:100%;box-sizing:border-box][fa] fa-angle-double-right [/fa] [comment]
  200.  
  201. --title here--
  202.  
  203. [/comment]weight[/border] [comment]
  204.  
  205. --info here--
  206.  
  207. [/comment]here[/border][comment]
  208.  
  209. --END OF SET--
  210.  
  211. [/comment][/border][/border][/border][/border][comment]
  212.  
  213. --END OF TAB ONE--
  214.  
  215. [/comment][/tab][tab=.][border=0;width:auto;height:auto;text-transform:uppercase;line-height:100%;background:var(--color1);color:var(--color2);font-size:10px;padding:4px 7px;border-radius:5px;position:absolute;top:16px;left:118px;z-index:5;font-family:var(--miniheader)]psyche[/border][comment]
  216.  
  217. --BEGINNING OF TAB TWO--
  218.  
  219. [/comment][border=0;box-sizing:border-box;padding:20px;height:300px;width:100%;position:absolute;bottom:-300px;left:0;display:grid;grid-template: 64% 5% 31% / 34% 3% 63%][border=0;grid-area:1 / 1 / 4 / 2;background:var(--minibg);box-sizing:border-box;border:1px solid var(--border);border-radius:10px;padding:0;overflow:hidden;position:relative;-webkit-mask-image: -webkit-radial-gradient(white, black)][border=0;width:200%;height:100%;padding:0;overflow:auto][border=0;width:52%;height:auto;font-family:var(--body);font-size:11px;text-align:right;padding:0;box-sizing:border-box;color:var(--maintext);line-height:150%][comment]
  220.  
  221. --ONE SECTION HERE (V1)--
  222.  
  223. [/comment][border=0;width:calc(100% + 15px);background:var(--color1);color:var(--color2);font-weight:bold;font-style:italic;font-family:var(--miniheader);text-transform:uppercase;box-sizing:border-box;padding:3px 6px;font-size:12px;position:sticky;top:0;text-align:left][fa] fa-angle-double-right [/fa] [comment]
  224.  
  225. --title here--
  226.  
  227. [/comment]likes[/border][border=0;width:100%;height:auto;padding:5px 8px;box-sizing:border-box][comment]
  228.  
  229. --content here--
  230.  
  231. [/comment]list, your, likes, here, like this. and, keep going, etc[/border][comment]
  232.  
  233. --END OF SECTION--
  234.  
  235. [/comment][comment]
  236.  
  237. --ONE SECTION HERE (V1)--
  238.  
  239. [/comment][border=0;width:calc(100% + 15px);background:var(--color1);color:var(--color2);font-weight:bold;font-style:italic;font-family:var(--miniheader);text-transform:uppercase;box-sizing:border-box;padding:3px 6px;font-size:12px;position:sticky;top:0;text-align:left][fa] fa-angle-double-right [/fa] [comment]
  240.  
  241. --title here--
  242.  
  243. [/comment]dislikes[/border][border=0;width:100%;height:auto;padding:5px 8px;box-sizing:border-box][comment]
  244.  
  245. --content here--
  246.  
  247. [/comment]list, your, dislikes, here, like this. and, keep going, etc[/border][comment]
  248.  
  249. --END OF SECTION--
  250.  
  251. [/comment][comment]
  252.  
  253. --ONE SECTION HERE (V1)--
  254.  
  255. [/comment][border=0;width:calc(100% + 15px);background:var(--color1);color:var(--color2);font-weight:bold;font-style:italic;font-family:var(--miniheader);text-transform:uppercase;box-sizing:border-box;padding:3px 6px;font-size:12px;position:sticky;top:0;text-align:left][fa] fa-angle-double-right [/fa] [comment]
  256.  
  257. --title here--
  258.  
  259. [/comment]fears[/border][border=0;width:100%;height:auto;padding:5px 8px;box-sizing:border-box][comment]
  260.  
  261. --content here--
  262.  
  263. [/comment]list, your, fears, here, like this. and, keep going, etc[/border][comment]
  264.  
  265. --END OF SECTION--
  266.  
  267. [/comment][comment]
  268.  
  269. --ONE SECTION HERE (V2)--
  270.  
  271. [/comment][border=0;width:calc(100% + 15px);background:var(--color1);color:var(--color2);font-weight:bold;font-style:italic;font-family:var(--miniheader);text-transform:uppercase;box-sizing:border-box;padding:3px 6px;font-size:12px;position:sticky;top:0;text-align:left][fa] fa-angle-double-right [/fa] [comment]
  272.  
  273. --title here--
  274.  
  275. [/comment]tidbits[/border][border=0;width:100%;height:auto;padding:5px 8px;box-sizing:border-box][comment]
  276.  
  277. --content here--
  278.  
  279. [/comment][border=0;padding:0;text-align:left;width:100%][comment]
  280.  
  281. --one thing here--
  282.  
  283. [/comment][border=0;width:100%;padding:0][border=0;font-size:10px;color:var(--minibg);background:var(--color3);border-radius:3px;padding:2px 5px;font-weight:bold;width:fit-content;width:-moz-fit-content;line-height:100%;display:inline-block;margin-right:5px]mbti[/border] type here[/border][comment]
  284.  
  285. --end here--
  286.  
  287. [/comment][comment]
  288.  
  289. --one thing here--
  290.  
  291. [/comment][border=0;width:100%;padding:0;margin:3px 0][border=0;font-size:10px;color:var(--minibg);background:var(--color3);border-radius:3px;padding:2px 5px;font-weight:bold;width:fit-content;width:-moz-fit-content;line-height:100%;display:inline-block;margin-right:5px]love language[/border] here[/border][comment]
  292.  
  293. --end here--
  294.  
  295. [/comment][/border][/border][comment]
  296.  
  297. --END OF SECTION--
  298.  
  299. [/comment][/border][/border][/border][border=0;grid-area:1 / 3 / 2 / 4;background:var(--minibg);border-radius:10px;padding:0;display:flex;flex-flow:column nowrap;box-sizing:border-box;border:1px solid var(--border)][border=0;width:100%;height:auto;text-align:right;font-family:var(--header);padding:8px 10px 3px 0;line-height:100%;box-sizing:border-box;font-size:28px;font-weight:600;font-style:oblique;color:var(--color3)][comment]
  300.  
  301. --persona title here--
  302.  
  303. [/comment]persona —[/border][border=0;width:100%;height:auto;padding:5px 0;box-sizing:border-box;overflow:hidden][border=0;width:200%;height:100%;padding:0;overflow:auto][border=0;width:51%;height:auto;font-family:var(--body);font-size:11px;text-align:justify;padding:0 10px;box-sizing:border-box;color:var(--maintext);line-height:150%][comment]
  304.  
  305. --PERSONA HERE--
  306.  
  307. [/comment]Here are your [border=0;display:inline;padding:0;font-weight:bold;font-style:italic;color:var(--color2)]vices[/border] and [border=0;display:inline;padding:0;font-weight:bold;font-style:italic;color:var(--color1)]virtues[/border]. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum turpis, tincidunt quis blandit at, tempor ut neque. Phasellus at justo imperdiet, posuere nisi et, luctus lectus. Etiam nec mauris tellus. Maecenas molestie sem a nisl fringilla hendrerit. Vestibulum erat erat, bibendum vel pharetra sed, tempor in ex. Proin lectus arcu, laoreet eu purus a, dignissim pellentesque nisi. Maecenas interdum risus quis erat viverra accumsan. Suspendisse vestibulum, urna ac varius sagittis, odio lacus semper lacus, at convallis enim mauris quis dui. Vivamus sed dignissim lectus, vitae cursus nisi. Nunc feugiat ante sit amet nisl fermentum varius. Quisque interdum dui sit amet lacus volutpat, ac malesuada magna accumsan. Vestibulum rutrum suscipit egestas. Nullam non dolor at ante ultrices egestas.[comment]
  308.  
  309. --END OF PERSONA--
  310.  
  311. [/comment][/border][/border][/border][/border][border=0;grid-area:3 / 3 / 4 / 4;border-radius:10px;padding:0;box-sizing:border-box;border:1px solid var(--border);overflow:hidden;position:relative][border=0;width:110%;height:110%;box-sizing:border-box;padding:0;background:var(--rgb);border-radius:10px;filter:blur(1px);left:-5%;top:-5%][/border][border=0;height:calc(100% - 20px);width:calc(100% - 20px);padding:0;background:var(--personapic)
  312.  
  313. /*adjust image size and positioning here (persona image)*/
  314. 50% 37%;background-size:cover;padding:0;border-radius:10px;overflow:hidden;position:absolute;top:10px;left:10px;display:flex; flex-flow:row nowrap;overflow:hidden][/border][/border][/border][comment]
  315.  
  316. --END OF TAB TWO--
  317.  
  318. [/comment][/tab][tab=.][border=0;width:auto;height:auto;text-transform:uppercase;line-height:100%;background:var(--color1);color:var(--color2);font-size:10px;padding:4px 7px;border-radius:5px;position:absolute;top:16px;left:179px;z-index:5;font-family:var(--miniheader);display:flex;flex-flow:row reverse-wrap]history[/border][comment]
  319.  
  320. --BEGINNING OF TAB THREE--
  321.  
  322. [/comment][border=0;box-sizing:border-box;padding:20px;height:300px;width:100%;position:absolute;bottom:-300px;left:0][border=0;width:100%;height:100%;box-sizing:border-box;padding:0;border-radius:10px;border:1px solid var(--border);overflow:hidden;position:relative][border=0;width:110%;height:110%;box-sizing:border-box;padding:0;background:var(--rgb);border-radius:10px;filter:blur(1px);left:-5%;top:-5%][/border][border=0;height:calc(100% - 26px);width:calc(100% - 26px);position:absolute;top:13px;left:13px;display:flex;flex-flow:row nowrap;padding:0;overflow:hidden;border-radius:10px][border=0;background:var(--histpic)
  323.  
  324. /*adjust image size and positioning here (history image)*/
  325. 55% 50%;background-size:cover;width:30%;height:100%;padding:0][/border][border=0;background:var(--minibg);width:70%;height:100%;padding:0;border-left:2px solid var(--color1);display:flex;flex-flow:column nowrap][border=0;width:100%;height:auto;text-align:right;font-family:var(--header);padding:10px 10px 3px 0;line-height:100%;box-sizing:border-box;font-size:28px;font-weight:600;font-style:oblique;color:var(--color3)][comment]
  326.  
  327. --history title here--
  328.  
  329. [/comment]history —[/border][border=0;width:100%;height:auto;padding:5px 0;box-sizing:border-box;overflow:hidden][border=0;width:200%;height:100%;padding:0;overflow:auto][border=0;width:51%;height:auto;font-family:var(--body);font-size:11px;text-align:justify;padding:0 10px;box-sizing:border-box;color:var(--maintext);line-height:150%][comment]
  330.  
  331. --BACKGROUND HERE--
  332.  
  333. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum turpis, tincidunt quis blandit at, tempor ut neque. Phasellus at justo imperdiet, posuere nisi et, luctus lectus. Etiam nec mauris tellus. Maecenas molestie sem a nisl fringilla hendrerit. Vestibulum erat erat, bibendum vel pharetra sed, tempor in ex. Proin lectus arcu, laoreet eu purus a, dignissim pellentesque nisi. Maecenas interdum risus quis erat viverra accumsan. Suspendisse vestibulum, urna ac varius sagittis, odio lacus semper lacus, at convallis enim mauris quis dui. Vivamus sed dignissim lectus, vitae cursus nisi. Nunc feugiat ante sit amet nisl fermentum varius. Quisque interdum dui sit amet lacus volutpat, ac malesuada magna accumsan. Vestibulum rutrum suscipit egestas. Nullam non dolor at ante ultrices egestas.[comment]
  334.  
  335. --END OF BACKGROUND HERE--
  336.  
  337. [/comment][/border][/border][/border][/border][/border][/border][/border][comment]
  338.  
  339. --END OF TAB THREE--
  340.  
  341. [/comment][/tab][tab=.][border=0;width:auto;height:auto;text-transform:uppercase;line-height:100%;background:var(--color1);color:var(--color2);font-size:10px;padding:4px 7px;border-radius:5px;position:absolute;top:16px;left:242px;z-index:5;font-family:var(--miniheader)]misc[/border][comment]
  342.  
  343. --BEGINNING OF TAB FOUR--
  344.  
  345. [/comment][border=0;box-sizing:border-box;padding:20px;height:300px;width:100%;position:absolute;bottom:-300px;left:0;display:grid;grid-template:100% / 37% 4% 59%][border=0;grid-area:1 / 1 / 2 / 2;padding:0;box-sizing:border-box;padding:0;border-radius:10px;border:1px solid var(--border);overflow:hidden;position:relative][border=0;width:110%;height:110%;box-sizing:border-box;padding:0;background:var(--rgb);border-radius:10px;filter:blur(1px);left:-5%;top:-5%][/border][border=0;height:calc(100% - 26px);width:calc(100% - 26px);position:absolute;top:13px;left:13px;padding:0;overflow:hidden;border-radius:10px][border=0; height:100%; width:200%; padding:0; overflow:auto][border=0; height:auto; width:52%; padding:0;margin:-6px 0][comment]
  346.  
  347. --GALLERY BEGINS HERE--
  348.  
  349. [/comment][comment]
  350.  
  351. --ONE IMAGE HERE--
  352.  
  353. [/comment][border=0;width:100%;height:80px;background:var(--g1)
  354.  
  355. /*adjust image size and positioning here*/
  356. 50% 50%;background-size:cover;padding:0;border-radius:10px;margin:6px 0][/border][comment]
  357.  
  358. --END OF IMAGE--
  359.  
  360. [/comment][comment]
  361.  
  362. --ONE IMAGE HERE--
  363.  
  364. [/comment][border=0;width:100%;height:80px;background:var(--g2)
  365.  
  366. /*adjust image size and positioning here*/
  367. 50% 50%;background-size:cover;padding:0;border-radius:10px;margin:6px 0][/border][comment]
  368.  
  369. --END OF IMAGE--
  370.  
  371. [/comment][comment]
  372.  
  373. --ONE IMAGE HERE--
  374.  
  375. [/comment][border=0;width:100%;height:80px;background:var(--g3)
  376.  
  377. /*adjust image size and positioning here*/
  378. 50% 50%;background-size:cover;padding:0;border-radius:10px;margin:6px 0][/border][comment]
  379.  
  380. --END OF IMAGE--
  381.  
  382. [/comment][comment]
  383.  
  384. --ONE IMAGE HERE--
  385.  
  386. [/comment][border=0;width:100%;height:80px;background:var(--g4)
  387.  
  388. /*adjust image size and positioning here*/
  389. 50% 50%;background-size:cover;padding:0;border-radius:10px;margin:6px 0][/border][comment]
  390.  
  391. --END OF IMAGE--
  392.  
  393. [/comment][comment]
  394.  
  395. --ONE IMAGE HERE--
  396.  
  397. [/comment][border=0;width:100%;height:80px;background:var(--g5)
  398.  
  399. /*adjust image size and positioning here*/
  400. 50% 50%;background-size:cover;padding:0;border-radius:10px;margin:6px 0][/border][comment]
  401.  
  402. --END OF IMAGE--
  403.  
  404. [/comment][comment]
  405.  
  406. --END OF GALLERY--
  407.  
  408. [/comment][/border][/border][/border][/border][border=0;grid-area:1 / 3 / 2 / 4;padding:0;overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth][border=0; height:auto; width:52%; padding:0; position:relative; font-size:0; visibility:hidden;][accordion=100%][comment]
  409.  
  410. --RELATIONSHIPS BEGIN--
  411.  
  412. [/comment][comment]
  413.  
  414. --ONE RELATIONSHIP HERE--
  415.  
  416. [/comment]{slide=[border=0; height:50px; width:100%; padding:0; border-radius:10px; font-variant: normal; font-weight:normal; line-height:100%; text-transform:uppercase; margin:-6px 0 -2px -5px; visibility:visible; letter-spacing:1px; overflow:hidden; position:relative;box-sizing:border-box;display:flex;flex-flow:row nowrap][border=0;height:50px;width:50px;padding:0;overflow:hidden;position:relative][border=0;width:42px;height:42px;position:absolute;top:-12px;left:-12px;border:16px solid var(--minibg);padding:0;box-sizing:content-box;border-radius:100%;overflow:hidden][border=0;width:110%;height:110%;box-sizing:border-box;padding:0;background:var(--rgb);border-radius:100%;filter:blur(1px);left:-5%;top:-5%][/border][border=0;height:calc(100% - 6px);width:calc(100% - 6px);position:absolute;top:3px;left:3px;display:flex;flex-flow:row nowrap;padding:0;overflow:hidden;border-radius:100%;background:var(--r1)
  417.  
  418. /*adjust image size and positioning here (circle relationship image)*/
  419. 50% 50%;background-size:cover][/border][/border][/border][border=0;background:var(--minibg);width:calc(100% - 50px);height:100%;padding:5px;display:flex;flex-flow:column nowrap;justify-content:center;box-sizing:border-box][border=0;font-family: var(--header); font-size:13px;font-weight:bold;color: var(--color3);padding:0][comment]
  420.  
  421. --name here--
  422.  
  423. [/comment]name here[/border][border=0;font-family:var(--miniheader);font-size:9px;color:var(--color1);padding:0][comment]
  424.  
  425. --relationship here--
  426.  
  427. [/comment]relationship here[/border][/border][/border]}[border=0; height:150px; width:100%; padding:8px 3px 8px 8px; background: var(--minibg); visibility:visible; margin:-5px -5px -1px -5px; position:relative; overflow:hidden; border-radius:5px;box-sizing:border-box; display:flex; flex-flow:row nowrap;justify-content:space-between;scroll-snap-align:end][border=0;width:50px;height:100%;background:var(--r1)
  428.  
  429. /*adjust image size and positioning here (rectangle relationship image)*/
  430. 50% 50%;background-size:cover;border-radius:10px;padding:0][/border][border=0;width:15px;height:100%;padding:0;display:flex;flex-flow:column nowrap;justify-content:space-between;font-size:13px][border=0;height:15px;width:15px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:0;color:var(--color3)][fa] fa-heart [/fa][/border] [border=0;padding:2px;height:calc(100% - 35px);width:100%;box-sizing:border-box;border-radius:3px;border:1px solid var(--border);overflow:hidden;display:flex;flex-flow:column nowrap;justify-content:flex-end][border=0;width:100%;background:var(--color2);padding:0;height:
  431.  
  432. /*adjust relationship percentage here*/
  433. 100%][/border][/border] [border=0;height:15px;width:15px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:0;color:var(--color1)][fa] fa-skull [/fa][/border][/border][border=0; height:100%; width:calc(100% - 80px); padding:0; overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0 5px 0 0; color: var(--maintext); font-size:11px; text-align:justify; font-family: var(--body); line-height:15px][comment]
  434.  
  435. --text here--
  436.  
  437. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat ex nibh, id accumsan lacus varius ac. Duis vel lacinia elit. Aliquam sodales, augue nec maximus interdum, urna purus interdum massa, a accumsan erat quam id mauris. Integer gravida est sit amet erat lobortis pharetra. Mauris sapien tortor, fermentum vel auctor in, eleifend ut enim. Nam dui nibh, suscipit vitae neque eu, imperdiet convallis dolor.[/border][/border][/border][/border]{/slide}[comment]
  438.  
  439. --END OF RELATIONSHIP HERE--
  440.  
  441. [/comment][comment]
  442.  
  443. --ONE RELATIONSHIP HERE--
  444.  
  445. [/comment]{slide=[border=0; height:50px; width:100%; padding:0; border-radius:10px; font-variant: normal;font-weight:normal; line-height:100%; text-transform:uppercase; margin:-6px 0 -2px -5px; visibility:visible; letter-spacing:1px; overflow:hidden; position:relative;box-sizing:border-box;display:flex;flex-flow:row nowrap][border=0;height:50px;width:50px;padding:0;overflow:hidden;position:relative][border=0;width:42px;height:42px;position:absolute;top:-12px;left:-12px;border:16px solid var(--minibg);padding:0;box-sizing:content-box;border-radius:100%;overflow:hidden][border=0;width:110%;height:110%;box-sizing:border-box;padding:0;background:var(--rgb);border-radius:100%;filter:blur(1px);left:-5%;top:-5%][/border][border=0;height:calc(100% - 6px);width:calc(100% - 6px);position:absolute;top:3px;left:3px;display:flex;flex-flow:row nowrap;padding:0;overflow:hidden;border-radius:100%;background:var(--r2)
  446.  
  447. /*adjust image size and positioning here (circle relationship image)*/
  448. 50% 50%;background-size:cover][/border][/border][/border][border=0;background:var(--minibg);width:calc(100% - 50px);height:100%;padding:5px;display:flex;flex-flow:column nowrap;justify-content:center;box-sizing:border-box][border=0;font-family: var(--header); font-size:13px;font-weight:bold;color: var(--color3);padding:0][comment]
  449.  
  450. --name here--
  451.  
  452. [/comment]name here[/border][border=0;font-family:var(--miniheader);font-size:9px;color:var(--color1);padding:0][comment]
  453.  
  454. --relationship here--
  455.  
  456. [/comment]relationship here[/border][/border][/border]}[border=0; height:150px; width:100%; padding:8px 3px 8px 8px; background: var(--minibg); visibility:visible; margin:-5px -5px -1px -5px; position:relative; overflow:hidden; border-radius:5px;box-sizing:border-box; display:flex; flex-flow:row nowrap;justify-content:space-between;scroll-snap-align:end][border=0;width:50px;height:100%;background:var(--r2)
  457.  
  458. /*adjust image size and positioning here (rectangle relationship image)*/
  459. 50% 50%;background-size:cover;border-radius:10px;padding:0][/border][border=0;width:15px;height:100%;padding:0;display:flex;flex-flow:column nowrap;justify-content:space-between;font-size:13px][border=0;height:15px;width:15px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:0;color:var(--color3)][fa] fa-heart [/fa][/border] [border=0;padding:2px;height:calc(100% - 35px);width:100%;box-sizing:border-box;border-radius:3px;border:1px solid var(--border);overflow:hidden;display:flex;flex-flow:column nowrap;justify-content:flex-end][border=0;width:100%;background:var(--color2);padding:0;height:
  460.  
  461. /*adjust relationship percentage here*/
  462. 100%][/border][/border] [border=0;height:15px;width:15px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:0;color:var(--color1)][fa] fa-skull [/fa][/border][/border][border=0; height:100%; width:calc(100% - 80px); padding:0; overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0 5px 0 0; color: var(--maintext); font-size:11px; text-align:justify; font-family: var(--body); line-height:15px][comment]
  463.  
  464. --text here--
  465.  
  466. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat ex nibh, id accumsan lacus varius ac. Duis vel lacinia elit. Aliquam sodales, augue nec maximus interdum, urna purus interdum massa, a accumsan erat quam id mauris. Integer gravida est sit amet erat lobortis pharetra. Mauris sapien tortor, fermentum vel auctor in, eleifend ut enim. Nam dui nibh, suscipit vitae neque eu, imperdiet convallis dolor.[/border][/border][/border][/border]{/slide}[comment]
  467.  
  468. --END OF RELATIONSHIP HERE--
  469.  
  470. [/comment][comment]
  471.  
  472. --ONE RELATIONSHIP HERE--
  473.  
  474. [/comment]{slide=[border=0; height:50px; width:100%; padding:0; border-radius:10px; font-variant: normal;font-weight:normal; line-height:100%; text-transform:uppercase; margin:-6px 0 -2px -5px; visibility:visible; letter-spacing:1px; overflow:hidden; position:relative;box-sizing:border-box;display:flex;flex-flow:row nowrap][border=0;height:50px;width:50px;padding:0;overflow:hidden;position:relative][border=0;width:42px;height:42px;position:absolute;top:-12px;left:-12px;border:16px solid var(--minibg);padding:0;box-sizing:content-box;border-radius:100%;overflow:hidden][border=0;width:110%;height:110%;box-sizing:border-box;padding:0;background:var(--rgb);border-radius:100%;filter:blur(1px);left:-5%;top:-5%][/border][border=0;height:calc(100% - 6px);width:calc(100% - 6px);position:absolute;top:3px;left:3px;display:flex;flex-flow:row nowrap;padding:0;overflow:hidden;border-radius:100%;background:var(--r3)
  475.  
  476. /*adjust image size and positioning here (circle relationship image)*/
  477. 50% 50%;background-size:cover][/border][/border][/border][border=0;background:var(--minibg);width:calc(100% - 50px);height:100%;padding:5px;display:flex;flex-flow:column nowrap;justify-content:center;box-sizing:border-box][border=0;font-family: var(--header); font-size:13px;font-weight:bold;color: var(--color3);padding:0][comment]
  478.  
  479. --name here--
  480.  
  481. [/comment]name here[/border][border=0;font-family:var(--miniheader);font-size:9px;color:var(--color1);padding:0][comment]
  482.  
  483. --relationship here--
  484.  
  485. [/comment]relationship here[/border][/border][/border]}[border=0; height:150px; width:100%; padding:8px 3px 8px 8px; background: var(--minibg); visibility:visible; margin:-5px -5px -1px -5px; position:relative; overflow:hidden; border-radius:5px;box-sizing:border-box; display:flex; flex-flow:row nowrap;justify-content:space-between;scroll-snap-align:end][border=0;width:50px;height:100%;background:var(--r3)
  486.  
  487. /*adjust image size and positioning here (rectangle relationship image)*/
  488. 50% 50%;background-size:cover;border-radius:10px;padding:0][/border][border=0;width:15px;height:100%;padding:0;display:flex;flex-flow:column nowrap;justify-content:space-between;font-size:13px][border=0;height:15px;width:15px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:0;color:var(--color3)][fa] fa-heart [/fa][/border] [border=0;padding:2px;height:calc(100% - 35px);width:100%;box-sizing:border-box;border-radius:3px;border:1px solid var(--border);overflow:hidden;display:flex;flex-flow:column nowrap;justify-content:flex-end][border=0;width:100%;background:var(--color2);padding:0;height:
  489.  
  490. /*adjust relationship percentage here*/
  491. 100%][/border][/border] [border=0;height:15px;width:15px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:0;color:var(--color1)][fa] fa-skull [/fa][/border][/border][border=0; height:100%; width:calc(100% - 80px); padding:0; overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0 5px 0 0; color: var(--maintext); font-size:11px; text-align:justify; font-family: var(--body); line-height:15px][comment]
  492.  
  493. --text here--
  494.  
  495. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam volutpat ex nibh, id accumsan lacus varius ac. Duis vel lacinia elit. Aliquam sodales, augue nec maximus interdum, urna purus interdum massa, a accumsan erat quam id mauris. Integer gravida est sit amet erat lobortis pharetra. Mauris sapien tortor, fermentum vel auctor in, eleifend ut enim. Nam dui nibh, suscipit vitae neque eu, imperdiet convallis dolor.[/border][/border][/border][/border]{/slide}[comment]
  496.  
  497. --END OF RELATIONSHIP HERE--
  498.  
  499. [/comment][/accordion][/border][/border][/border][/border][comment]
  500.  
  501. --END OF TAB FOUR--
  502.  
  503. [/comment][/tab][/tabs][/border][border=0;position:absolute;top:0;left:60px;background:var(--minibg);height:100%;width:280px;padding:10px;pointer-events:none;display:flex;flex-flow:row nowrap;align-items:center;text-transform:uppercase;font-family:var(--miniheader);font-size:10px;color:var(--border);word-spacing:20px;box-sizing:border-box;z-index:3;line-height:100%]about psyche history misc[/border][/border][border=0;position:absolute;bottom:0;right:0;padding:4px 5px 3px 5px;color:var(--subtext);font-family:var(--miniheader);font-size:9px;text-transform:uppercase;z-index:10;background:var(--rgb);border-radius:8px 0 0 0;line-height:100%][comment]
  504.  
  505. --DO NOT REMOVE CREDIT--
  506.  
  507. [/comment]© reveriee[/border][/border]
RAW Paste Data Copied