API tools faq
paste
Advertisement
mochiroll

Carmine.v1

mochiroll
Feb 10th, 2024 (edited)
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.31 KB | None | 0 0
raw download clone embed print report
  1. [comment]
  2. Designed and coded by [USER=20950]@Nano[/USER].
  3.  
  4. Please do not remove the credits or claim the code as your own work.
  5.  
  6. If you found this code outside of my public workshop, please don't use it.
  7. I'd greatly appreciate it if you used the version of the code in that thread.
  8. If this code is not in the thread, that means I currently DO NOT wish for it to be used by other people.
  9.  
  10. [font=Philosopher]sans-serif[/font]
  11. [font=Mulish]sans-serif[/font]
  12.  
  13. [/comment][div=
  14.  
  15. /* <--------------------------------- general accents ---------------------------------> */
  16.  
  17. /* colors */
  18. --MainAccent: #981e28;
  19. --Black: #3d3835;
  20. --Grey: #e9e7e8;
  21. --White: #ebe5e0;
  22. --TrueWhite: #ffffff;
  23.  
  24. /* fonts */
  25. --HeaderFont: 'Philosopher', sans-serif;
  26. --HeaderSize: 2.5em;
  27. --BodyFont: 'Mulish', sans-serif;
  28. --BodySize: .8em;
  29.  
  30. /* <--------------------------------- images ---------------------------------> */
  31.  
  32. /* general images */
  33. --backgroundIMG: url('https://i.imgur.com/rDJ2piR.jpg') repeat;
  34.  
  35. /* character images */
  36. --LeftTextureIMG: url('https://i.imgur.com/4VY1DG5.png') center/cover no-repeat;
  37. --QuoteIMG: url('https://i.imgur.com/gaQY09c.jpg') center/cover no-repeat;
  38. --PersonalityIMG: url('https://i.imgur.com/OaRAyyN.jpg') center/cover no-repeat;
  39.  
  40. --MainIMG: url('https://i.imgur.com/otwdo6a.png') center/auto 100% no-repeat;
  41. --IMGPos: -27% -25% -27% -15%;
  42. /* !!! NOTE: adjust the "IMGPos" percentages to resize and reposition the image in "MainIMG" !!! */
  43.  
  44. /* <--------------------------------- relationship images ---------------------------------> */
  45.  
  46. --RS01Color: #b6a48c;
  47. --RS01IMG: url('https://i.imgur.com/ybof9cd.jpg') center/cover no-repeat;
  48. --RS02Color: #b6a48c;
  49. --RS02IMG: url('https://i.imgur.com/ybof9cd.jpg') center/cover no-repeat;
  50.  
  51. display: flex;
  52. flex-flow: row wrap;
  53. margin: 0 auto;
  54. width: 100%;
  55. min-width: 300px;
  56. background: var(--backgroundIMG);
  57. font-size: initial;
  58. overflow: hidden;
  59. position: relative;][comment]
  60.  
  61. ---------- start of LEFT ---------- >
  62.  
  63. [/comment][div=flex: 1; margin: 0 auto; width: 100%; min-width: 300px; height: 75vh; min-height: 400px; max-height: 750px; background: var(--MainAccent); position: relative; overflow: hidden;][div=background: var(--LeftTextureIMG); position: absolute; inset: 0; opacity: .03; z-index: 1;][/div][comment]
  64.  
  65. -------------------- start of scrollbox -------------------- >
  66.  
  67. [/comment][div=margin-top: 50px; padding-right: 50px; width: 100%; height: calc(100% - 100px); overflow-y: scroll; overflow-x: hidden; position: relative; z-index: 2;][div=margin: 0 auto; width: 90%;][comment]
  68.  
  69. ------------------------------ start of Basic Information ------------------------------ >
  70.  
  71. [/comment][div=margin: 0 auto; width: 75%;][comment]
  72.  
  73. ---------------------------------------- start of Q/A Set 01 ---------------------------------------- >
  74.  
  75. [/comment][div=margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  76.  
  77.  
  78.  
  79.  
  80. \* ------- question here ------> *\]Full Name[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  81.  
  82.  
  83.  
  84.  
  85. \* ------- answer here ------> *\]First Surname[/div][/div][comment]
  86.  
  87. < ---------------------------------------- end of Q/A Set 01 ----------------------------------------
  88.  
  89. [/comment][comment]
  90.  
  91. ---------------------------------------- start of Q/A Set 02 ---------------------------------------- >
  92.  
  93. [/comment][div=margin-top: 6px; margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  94.  
  95.  
  96.  
  97.  
  98. \* ------- question here ------> *\]Code Name[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  99.  
  100.  
  101.  
  102.  
  103. \* ------- answer here ------> *\]Alias[/div][/div][comment]
  104.  
  105. < ---------------------------------------- end of Q/A Set 02 ----------------------------------------
  106.  
  107. [/comment][comment]
  108.  
  109. ---------------------------------------- start of Q/A Set 03 ---------------------------------------- >
  110.  
  111. [/comment][div=margin-top: 6px; margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  112.  
  113.  
  114.  
  115.  
  116. \* ------- question here ------> *\]Arcana[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  117.  
  118.  
  119.  
  120.  
  121. \* ------- answer here ------> *\]Card[/div][/div][comment]
  122.  
  123. < ---------------------------------------- end of Q/A Set 03 ----------------------------------------
  124.  
  125. [/comment][comment]
  126.  
  127. ---------------------------------------- start of Q/A Set 04 ---------------------------------------- >
  128.  
  129. [/comment][div=margin-top: 6px; margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  130.  
  131.  
  132.  
  133.  
  134. \* ------- question here ------> *\]Age[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  135.  
  136.  
  137.  
  138.  
  139. \* ------- answer here ------> *\]Number (##)[/div][/div][comment]
  140.  
  141. < ---------------------------------------- end of Q/A Set 04 ----------------------------------------
  142.  
  143. [/comment][comment]
  144.  
  145. ---------------------------------------- start of Q/A Set 05 ---------------------------------------- >
  146.  
  147. [/comment][div=margin-top: 6px; margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  148.  
  149.  
  150.  
  151.  
  152. \* ------- question here ------> *\]Date of Birth[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  153.  
  154.  
  155.  
  156.  
  157. \* ------- answer here ------> *\]Month #[sup]th[/sup][/div][/div][comment]
  158.  
  159. < ---------------------------------------- end of Q/A Set 05 ----------------------------------------
  160.  
  161. [/comment][comment]
  162.  
  163. ---------------------------------------- start of Q/A Set 06 ---------------------------------------- >
  164.  
  165. [/comment][div=margin-top: 6px; margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  166.  
  167.  
  168.  
  169.  
  170. \* ------- question here ------> *\]Faction[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  171.  
  172.  
  173.  
  174.  
  175. \* ------- answer here ------> *\]Group[/div][/div][comment]
  176.  
  177. < ---------------------------------------- end of Q/A Set 06 ----------------------------------------
  178.  
  179. [/comment][comment]
  180.  
  181. ---------------------------------------- start of Q/A Set 07 ---------------------------------------- >
  182.  
  183. [/comment][div=margin-top: 6px; margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  184.  
  185.  
  186.  
  187.  
  188. \* ------- question here ------> *\]Position[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  189.  
  190.  
  191.  
  192.  
  193. \* ------- answer here ------> *\]Title[/div][/div][comment]
  194.  
  195. < ---------------------------------------- end of Q/A Set 07 ----------------------------------------
  196.  
  197. [/comment][/div][comment]
  198.  
  199. < ------------------------------ end of Basic Information ------------------------------
  200.  
  201. [/comment][comment]
  202.  
  203. ------------------------------ start of Divider ------------------------------ >
  204.  
  205. [/comment][div=margin-top: 20px; margin-bottom: 20px; width: 100%; height: 1px; background: var(--White); position: relative;][div=width: 9px; height: 9px; background: var(--White); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position: absolute; top: -4px; left: calc(50% - 4px);][/div][/div][comment]
  206.  
  207. < ------------------------------ end of Divider ------------------------------
  208.  
  209. [/comment][comment]
  210.  
  211. ------------------------------ start of Appearance Basic Information ------------------------------ >
  212.  
  213. [/comment][div=margin: 0 auto; width: 75%;][comment]
  214.  
  215. ---------------------------------------- start of Q/A Set 01 ---------------------------------------- >
  216.  
  217. [/comment][div=margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  218.  
  219.  
  220.  
  221.  
  222. \* ------- question here ------> *\]Height[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  223.  
  224.  
  225.  
  226.  
  227. \* ------- answer here ------> *\]###cm[/div][/div][comment]
  228.  
  229. < ---------------------------------------- end of Q/A Set 01 ----------------------------------------
  230.  
  231. [/comment][comment]
  232.  
  233. ---------------------------------------- start of Q/A Set 02 ---------------------------------------- >
  234.  
  235. [/comment][div=margin-top: 6px; margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  236.  
  237.  
  238.  
  239.  
  240. \* ------- question here ------> *\]Hair Color[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  241.  
  242.  
  243.  
  244.  
  245. \* ------- answer here ------> *\]Color[/div][/div][comment]
  246.  
  247. < ---------------------------------------- end of Q/A Set 02 ----------------------------------------
  248.  
  249. [/comment][comment]
  250.  
  251. ---------------------------------------- start of Q/A Set 03 ---------------------------------------- >
  252.  
  253. [/comment][div=margin-top: 6px; margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  254.  
  255.  
  256.  
  257.  
  258. \* ------- question here ------> *\]Eye Color[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  259.  
  260.  
  261.  
  262.  
  263. \* ------- answer here ------> *\]Color[/div][/div][comment]
  264.  
  265. < ---------------------------------------- end of Q/A Set 03 ----------------------------------------
  266.  
  267. [/comment][comment]
  268.  
  269. ---------------------------------------- start of Q/A Set 04 ---------------------------------------- >
  270.  
  271. [/comment][div=margin-top: 6px; margin-left: -5px; display: flex; flex-flow: row wrap; width: 100%; color: var(--White); font-size: var(--BodySize); line-height: 115%;][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--HeaderFont); text-transform: uppercase;
  272.  
  273.  
  274.  
  275.  
  276. \* ------- question here ------> *\]Faceclaim[/div][div=margin-left: 5px; flex: 1; width: 100%; font-family: var(--BodyFont);
  277.  
  278.  
  279.  
  280.  
  281. \* ------- answer here ------> *\]Character (Source)[/div][/div][comment]
  282.  
  283. < ---------------------------------------- end of Q/A Set 04 ----------------------------------------
  284.  
  285. [/comment][/div][comment]
  286.  
  287. < ------------------------------ end of Appearance Basic Information ------------------------------
  288.  
  289. [/comment][comment]
  290.  
  291. ------------------------------ start of Divider ------------------------------ >
  292.  
  293. [/comment][div=margin-top: 20px; margin-bottom: 20px; width: 100%; height: 1px; background: var(--White); position: relative;][div=width: 9px; height: 9px; background: var(--White); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); position: absolute; top: -4px; left: calc(50% - 4px);][/div][/div][comment]
  294.  
  295. < ------------------------------ end of Divider ------------------------------
  296.  
  297. [/comment][comment]
  298.  
  299. ------------------------------ start of Character Blurb ------------------------------ >
  300.  
  301. [/comment][div=margin: 0 auto; width: 75%; font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--White); line-height: 150%; text-align: justify;
  302.  
  303.  
  304.  
  305.  
  306. /* ------- short blurb here ------- > */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In finibus lectus tellus, at commodo libero vulputate quis. Nulla quis arcu in erat convallis ullamcorper. Donec vehicula, dui a sagittis commodo, risus ante facilisis magna, non dictum dui massa nec lacus. Curabitur tincidunt quis risus vel porta. Vestibulum at orci quis purus rhoncus cursus id vitae lacus. In et viverra magna.[/div][comment]
  307.  
  308. < ------------------------------ end of Character Blurb ------------------------------
  309.  
  310. [/comment][/div][/div][comment]
  311.  
  312. < -------------------- end of scrollbox --------------------
  313.  
  314. [/comment][/div][comment]
  315.  
  316. < ---------- end of LEFT ----------
  317.  
  318. [/comment][comment]
  319.  
  320. ---------- start of RIGHT ---------- >
  321.  
  322. [/comment][div=flex: 2; margin: 0 auto; width: 100%; min-width: 300px; height: 75vh; min-height: 400px; max-height: 750px; overflow: hidden;][comment]
  323.  
  324. -------------------- start of scrollbox -------------------- >
  325.  
  326. [/comment][div=padding-right: 50px; width: 100%; height: 100%; overflow-y: scroll; overflow-x: hidden;][comment]
  327.  
  328. ------------------------------ start of image + appearance + quote cluster ------------------------------ >
  329.  
  330. [/comment][div=display: flex; flex-flow: row wrap; padding: 0 25px; width: calc(100% - 50px); position: relative;][comment]
  331.  
  332. ---------------------------------------- start of image + quote column ---------------------------------------- >
  333.  
  334. [/comment][div=flex: 3; width: 100%;][comment]
  335.  
  336. -------------------------------------------------- start of image box -------------------------------------------------- >
  337.  
  338. [/comment][div=margin: 75px 10%; aspect-ratio: 1; background: var(--Black); position: relative;][div=background: var(--MainIMG); position: absolute; inset: var(--IMGPos);][/div][/div][comment]
  339.  
  340. < -------------------------------------------------- end of image box --------------------------------------------------
  341.  
  342. [/comment][comment]
  343.  
  344. -------------------------------------------------- start of quote wrapper -------------------------------------------------- >
  345.  
  346. [/comment][div=margin: 150px auto 0; width: 80%;][div=margin-left: -10px; display: flex; flex-flow: row nowrap;][comment]
  347.  
  348. ------------------------------------------------------------ start of quote image + icon ------------------------------------------------------------ >
  349.  
  350. [/comment][div=margin-left: 10px; flex: 1; background: var(--MainAccent); position: relative;][div=background: var(--QuoteIMG); position: absolute; inset: 0; opacity: .1;][/div][div=display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: var(--White);][fa]far fa-comment-dots fa-2x[/fa][/div][/div][comment]
  351.  
  352. < ------------------------------------------------------------ end of quote image + icon ------------------------------------------------------------
  353.  
  354. [/comment][comment]
  355.  
  356. ------------------------------------------------------------ start of quote text ------------------------------------------------------------ >
  357.  
  358. [/comment][div=margin-left: 10px; flex: 6; font-size: var(--BodySize); line-height: 110%;][div=margin-bottom: 3px; font-family: var(--HeaderFont); color: var(--MainAccent); font-size: 1.1em;
  359.  
  360.  
  361.  
  362. /* ------- Subject of Quote here ------> */]About Quote[/div][div=font-family: var(--BodyFont); color: var(--Black); text-align: justify;
  363.  
  364.  
  365.  
  366.  
  367. /* ------- Quote here -------> */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In finibus lectus tellus, at commodo libero vulputate quis. Nulla quis arcu in erat convallis ullamcorper.[/div][/div][comment]
  368.  
  369. < ------------------------------------------------------------ end of quote text ------------------------------------------------------------
  370.  
  371. [/comment][/div][/div][comment]
  372.  
  373. < -------------------------------------------------- end of image box --------------------------------------------------
  374.  
  375. [/comment][/div][comment]
  376.  
  377. < ---------------------------------------- end of image + quote column ----------------------------------------
  378.  
  379. [/comment][comment]
  380.  
  381. ---------------------------------------- start of appearance column ---------------------------------------- >
  382.  
  383. [/comment][div=margin-top: 200px; margin-left: 15px; flex: 2; width: calc(100% - 15px); min-width: calc(300px - 15px); position: relative;][comment]
  384.  
  385. -------------------------------------------------- start of appearance title -------------------------------------------------- >
  386.  
  387. [/comment][div=font-family: var(--HeaderFont); font-size: var(--HeaderSize); color: var(--MainAccent); line-height: 0; font-weight: 700; text-transform: uppercase; position: absolute; top: -7px; left: -15px; z-index: 1;
  388.  
  389.  
  390. /* title here ----- > */]Appearance[/div][comment]
  391.  
  392. < -------------------------------------------------- end of appearance title --------------------------------------------------
  393.  
  394. [/comment][comment]
  395.  
  396. -------------------------------------------------- start of appearance description -------------------------------------------------- >
  397.  
  398. [/comment][div=padding: 25px; width: calc(100% - 50px); background: var(--Grey); font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--Black); line-height: 150%; text-align: justify; position: relative; z-index: 2;
  399.  
  400.  
  401.  
  402.  
  403. /* description here ----- > */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In finibus lectus tellus, at commodo libero vulputate quis. Nulla quis arcu in erat convallis ullamcorper. Donec vehicula, dui a sagittis commodo, risus ante facilisis magna, non dictum dui massa nec lacus. Curabitur tincidunt quis risus vel porta. Vestibulum at orci quis purus rhoncus cursus id vitae lacus. In et viverra magna. Praesent mattis ligula non dignissim accumsan. Praesent id ipsum eu ligula finibus aliquam viverra quis sapien. Maecenas blandit enim iaculis ligula varius ullamcorper. Quisque sodales aliquet justo in mollis. Maecenas fermentum condimentum felis, ac egestas tellus convallis eget. Phasellus ut lacinia tortor. Nunc varius sapien lobortis maximus dapibus. Morbi et sem accumsan, fringilla erat ut, scelerisque tortor. Vivamus efficitur ultrices euismod. Proin eget dictum lacus. Curabitur velit lectus, feugiat eget venenatis sed, ultrices sit amet ex.[/div][comment]
  404.  
  405. < -------------------------------------------------- end of appearance description --------------------------------------------------
  406.  
  407. [/comment][/div][comment]
  408.  
  409. < ---------------------------------------- end of appearance column ----------------------------------------
  410.  
  411. [/comment][/div][comment]
  412.  
  413. < ------------------------------ end of image + appearance + quote cluster ------------------------------
  414.  
  415. [/comment][comment]
  416.  
  417. ------------------------------ start of personality + likes/dislikes + image cluster ------------------------------ >
  418.  
  419. [/comment][div=margin-top: 75px; display: flex; flex-flow: row wrap; width: 100%;][comment]
  420.  
  421. ---------------------------------------- start of personality + likes/dislikes column ---------------------------------------- >
  422.  
  423. [/comment][div=flex: 3; width: 100%; min-width: 300px;][div=margin: 0 auto; width: 90%; position: relative;][comment]
  424.  
  425. -------------------------------------------------- start of personality title -------------------------------------------------- >
  426.  
  427. [/comment][div=font-family: var(--HeaderFont); font-size: var(--HeaderSize); color: var(--MainAccent); line-height: 0; font-weight: 700; text-transform: uppercase; position: absolute; top: -7px; left: -15px; z-index: 1;
  428.  
  429.  
  430. /* title here ----- > */]Personality[/div][comment]
  431.  
  432. < -------------------------------------------------- end of personality title --------------------------------------------------
  433.  
  434. [/comment][comment]
  435.  
  436. -------------------------------------------------- start of personality description -------------------------------------------------- >
  437.  
  438. [/comment][div=padding: 25px; width: calc(100% - 50px); background: var(--Grey); font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--Black); line-height: 150%; text-align: justify; position: relative; z-index: 2;
  439.  
  440.  
  441.  
  442.  
  443. /* description here ----- > */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In finibus lectus tellus, at commodo libero vulputate quis. Nulla quis arcu in erat convallis ullamcorper. Donec vehicula, dui a sagittis commodo, risus ante facilisis magna, non dictum dui massa nec lacus. Curabitur tincidunt quis risus vel porta. Vestibulum at orci quis purus rhoncus cursus id vitae lacus. In et viverra magna. Praesent mattis ligula non dignissim accumsan. Praesent id ipsum eu ligula finibus aliquam viverra quis sapien. Maecenas blandit enim iaculis ligula varius ullamcorper. Quisque sodales aliquet justo in mollis. Maecenas fermentum condimentum felis, ac egestas tellus convallis eget. Phasellus ut lacinia tortor. Nunc varius sapien lobortis maximus dapibus. Morbi et sem accumsan, fringilla erat ut, scelerisque tortor. Vivamus efficitur ultrices euismod. Proin eget dictum lacus.
  444.  
  445. Curabitur velit lectus, feugiat eget venenatis sed, ultrices sit amet ex. Nunc condimentum risus et erat aliquam ultricies. Nunc maximus, erat vitae consectetur hendrerit, tortor magna convallis erat, ut pulvinar turpis tortor nec mauris. Ut ac lobortis orci. Aliquam erat volutpat. Mauris eleifend tellus lacus. Nullam et tortor non elit bibendum ornare a id erat. Nulla pretium, ante vel pellentesque ullamcorper, erat odio convallis velit, ut faucibus libero purus et urna. Fusce ullamcorper tincidunt nibh, malesuada commodo ipsum laoreet sit amet. Praesent vitae tortor varius, mattis sem finibus, semper dolor. Curabitur dignissim fermentum sodales. Fusce a sapien vel eros facilisis pellentesque vitae sit amet mi. Maecenas nunc libero, dignissim ac lectus vitae, commodo semper lacus. Suspendisse eget enim nec metus tincidunt faucibus a sagittis quam. Nulla accumsan turpis vel orci sollicitudin pellentesque.[/div][comment]
  446.  
  447. < -------------------------------------------------- end of personality description --------------------------------------------------
  448.  
  449. [/comment][comment]
  450.  
  451. -------------------------------------------------- start of preferences -------------------------------------------------- >
  452.  
  453. [/comment][div=margin-left: -10px; margin-top: 10px; display: flex; flex-flow: row wrap; font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--Black);][div=margin-left: 10px; padding: 15px; flex: 1; width: calc(100% - 30px); background: var(--Grey);][div=font-size: 1.3em; font-family: var(--HeaderFont);][div=display: inline; color: var(--MainAccent); font-weight: 700;]+[/div] Likes[/div][LIST]
  454.  
  455. [*]
  456. [*]
  457. [*]
  458. [*]
  459. [*]
  460.  
  461. [/LIST][/div][div=margin-left: 10px; padding: 15px; flex: 1; width: calc(100% - 30px); background: var(--Grey);][div=font-size: 1.3em; font-family: var(--HeaderFont);][div=display: inline; color: var(--MainAccent); font-weight: 700;]-[/div] Dislikes[/div][LIST]
  462.  
  463. [*]
  464. [*]
  465. [*]
  466. [*]
  467. [*]
  468.  
  469. [/LIST][/div][/div][comment]
  470.  
  471. < -------------------------------------------------- end of preferences --------------------------------------------------
  472.  
  473. [/comment][/div][/div][comment]
  474.  
  475. < ---------------------------------------- end of personality + likes/dislikes column ----------------------------------------
  476.  
  477. [/comment][comment]
  478.  
  479. ---------------------------------------- start of image column ---------------------------------------- >
  480.  
  481. [/comment][div=margin-top: 75px; flex: 1; width: 100%; min-width: 200px; aspect-ratio: 2/3; position: relative;][div=width: 90%; position: absolute; right: 0; bottom: 100px;][div=margin: 0 0 0 auto; width: 75%; height: 15px; background: var(--Grey);][/div][div=border: 15px solid var(--MainAccent); border-right: 0; width: calc (100% - 15px); aspect-ratio: 2/3; background: var(--PersonalityIMG); display: flex; justify-content: center; align-items: center; font-family: var(--HeaderFont); font-size: var(--HeaderSize); color: var(--MainAccent); text-transform: uppercase; font-weight: 700;
  482.  
  483.  
  484.  
  485.  
  486. /* ----- type arcana numeral here ---- > */]VI[/div][/div][/div][comment]
  487.  
  488. < ---------------------------------------- end of image column ----------------------------------------
  489.  
  490. [/comment][/div][comment]
  491.  
  492. < ------------------------------ end of personality + likes/dislikes + image cluster ------------------------------
  493.  
  494. [/comment][comment]
  495.  
  496. ------------------------------ start of backstory ------------------------------ >
  497.  
  498. [/comment][div=margin-top: 50px; visibility: hidden; position: relative;][accordion=100%]{slide=[div=font-size: initial;][div=visibility: visible; padding: 10px 25px 10px 15%; background: var(--MainAccent); font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--White); font-weight: initial; text-transform: lowercase; text-align: right; position: absolute; left: -1px;
  499.  
  500.  
  501.  
  502.  
  503. /* ----- Accordion Title Here ------- > */]Click to Expand Backstory[/div][/div]}[div=visibility: visible; position: relative; inset: 50px -1px 0 0;][div=margin: 0 auto; padding: 25px; width: calc(93% - 50px); background: var(--Grey); font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--Black); line-height: 150%; text-align: justify;
  504.  
  505.  
  506.  
  507.  
  508. /* ------ fill in backstory here ------ > */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In finibus lectus tellus, at commodo libero vulputate quis. Nulla quis arcu in erat convallis ullamcorper. Donec vehicula, dui a sagittis commodo, risus ante facilisis magna, non dictum dui massa nec lacus. Curabitur tincidunt quis risus vel porta. Vestibulum at orci quis purus rhoncus cursus id vitae lacus. In et viverra magna. Praesent mattis ligula non dignissim accumsan. Praesent id ipsum eu ligula finibus aliquam viverra quis sapien. Maecenas blandit enim iaculis ligula varius ullamcorper. Quisque sodales aliquet justo in mollis. Maecenas fermentum condimentum felis, ac egestas tellus convallis eget. Phasellus ut lacinia tortor. Nunc varius sapien lobortis maximus dapibus. Morbi et sem accumsan, fringilla erat ut, scelerisque tortor. Vivamus efficitur ultrices euismod. Proin eget dictum lacus.
  509.  
  510. Curabitur velit lectus, feugiat eget venenatis sed, ultrices sit amet ex. Nunc condimentum risus et erat aliquam ultricies. Nunc maximus, erat vitae consectetur hendrerit, tortor magna convallis erat, ut pulvinar turpis tortor nec mauris. Ut ac lobortis orci. Aliquam erat volutpat. Mauris eleifend tellus lacus. Nullam et tortor non elit bibendum ornare a id erat. Nulla pretium, ante vel pellentesque ullamcorper, erat odio convallis velit, ut faucibus libero purus et urna. Fusce ullamcorper tincidunt nibh, malesuada commodo ipsum laoreet sit amet. Praesent vitae tortor varius, mattis sem finibus, semper dolor. Curabitur dignissim fermentum sodales. Fusce a sapien vel eros facilisis pellentesque vitae sit amet mi. Maecenas nunc libero, dignissim ac lectus vitae, commodo semper lacus. Suspendisse eget enim nec metus tincidunt faucibus a sagittis quam. Nulla accumsan turpis vel orci sollicitudin pellentesque.
  511.  
  512. Suspendisse justo ipsum, luctus non porta a, feugiat sed purus. Nam pretium turpis sed arcu tempor, quis posuere sapien gravida. Quisque condimentum nisl mi, quis pellentesque urna porta nec. Phasellus efficitur, diam ac ullamcorper aliquet, lacus lacus finibus magna, vel lacinia lorem eros nec purus. Nunc massa est, dictum quis lacus sit amet, vestibulum dapibus augue. Sed sapien purus, luctus in quam vitae, mollis pretium quam. Duis in eros sed massa tempus efficitur a sit amet nulla. Etiam odio odio, rhoncus vel mauris vel, sodales sagittis lacus. Praesent facilisis velit cursus congue elementum. Cras mi sapien, fringilla a suscipit aliquet, molestie ut risus. Phasellus tempor risus id quam posuere gravida. Cras a volutpat leo, vel rhoncus lacus. Aliquam eget volutpat ex. Nullam pulvinar convallis justo in mattis. Vivamus imperdiet est eu ante suscipit tincidunt. Fusce interdum non felis ut efficitur.[/div][/div]{/slide}[/accordion][/div][comment]
  513.  
  514. < ------------------------------ end of backstory ------------------------------
  515.  
  516. [/comment][comment]
  517.  
  518. ------------------------------ start of relationships ------------------------------ >
  519.  
  520. [/comment][div=margin-top: 85px;][comment]
  521.  
  522. ---------------------------------------- start of RS01 ---------------------------------------- >
  523.  
  524. [/comment][div=display: flex; flex-flow: row wrap; margin-left: -20px;][comment]
  525.  
  526. -------------------------------------------------- start of RS01 IMG Side -------------------------------------------------- >
  527.  
  528. [/comment][div=margin-left: 20px; flex: 2; min-width: 300px; min-height: 200px;][div=border: 15px solid var(--RS01Color); border-left: 0; width: calc(100% - 15px); height: calc(100% - 30px); background: var(--RS01IMG); display: flex; justify-content: center; align-items: center;][div=color: var(--RS01Color);][div=font-family: var(--HeaderFont); font-size: var(--HeaderSize); font-weight: 700; text-transform: uppercase; text-align: center; line-height 0;
  529.  
  530.  
  531.  
  532. /* ------ Character First Name Here ------ > */]Name[/div][div=margin-top: -5px; margin-bottom: 15px; font-family: var(--BodyFont); font-size: var(--BodySize); text-transform: uppercase); text-align: center; line-height: 0;
  533.  
  534.  
  535.  
  536.  
  537. /* ------- Link to CS Here -------- > */][URL=""][div=display: inline; color: var(--RS01Color);]CS Link[/div][/URL][/div][/div][/div][div=width: 75%; height: 15px; background: var(--Grey);][/div][/div][comment]
  538.  
  539. < -------------------------------------------------- end of RS01 IMG Side --------------------------------------------------
  540.  
  541. [/comment][comment]
  542.  
  543. -------------------------------------------------- start of RS01 Text Side -------------------------------------------------- >
  544.  
  545. [/comment][div=margin-left: 20px; padding: 20px 0 30px; flex: 3; min-width: 300px; position: relative;][div=margin-left: auto; padding: 12px 25px; width: 75%; background: var(--RS01Color); font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--White); line-height: 110%;
  546.  
  547.  
  548.  
  549.  
  550. /* ----- Quote About Character -----> */]“Lorem ipsum dolor sit amet, consectetur adipiscing elit.”[/div][div=width: calc(100% - 20px); margin-top: 20px; font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--Black); text-align: justify; line-height: 150%;
  551.  
  552.  
  553.  
  554.  
  555. /* ---------- Relationship Description Here ---------- > */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper, sapien at porta congue, erat lacus luctus libero, eu viverra ante ante at tellus. Nulla facilisi. Morbi ornare, eros sit amet iaculis facilisis, metus justo convallis neque, a cursus nulla nisl at massa. Fusce quis odio cursus, vestibulum nibh sed, consequat tortor. Aliquam lobortis ligula id risus gravida scelerisque. Nulla auctor lacinia libero vitae molestie. Curabitur ipsum tortor, tempor ut leo id, ultrices ultrices purus.[/div][/div][comment]
  556.  
  557. < -------------------------------------------------- end of RS01 Text Side --------------------------------------------------
  558.  
  559. [/comment][/div][comment]
  560.  
  561. < ---------------------------------------- end of RS01 ----------------------------------------
  562.  
  563. [/comment][comment]
  564.  
  565. ---------------------------------------- start of RS02 ---------------------------------------- >
  566.  
  567. [/comment][div=margin-top: 50px; display: flex; flex-flow: row-reverse wrap; margin-left: -20px;][comment]
  568.  
  569. -------------------------------------------------- start of RS02 IMG Side -------------------------------------------------- >
  570.  
  571. [/comment][div=margin-left: 20px; flex: 2; min-width: 300px; min-height: 200px;][div=border: 15px solid var(--RS02Color); border-right: 0; width: calc(100% - 15px); height: calc(100% - 30px); background: var(--RS02IMG); display: flex; justify-content: center; align-items: center;][div=color: var(--RS02Color);][div=font-family: var(--HeaderFont); font-size: var(--HeaderSize); font-weight: 700; text-transform: uppercase; text-align: center; line-height 0;
  572.  
  573.  
  574.  
  575. /* ------ Character First Name Here ------ > */]Name[/div][div=margin-top: -5px; margin-bottom: 15px; font-family: var(--BodyFont); font-size: var(--BodySize); text-transform: uppercase); text-align: center; line-height: 0;
  576.  
  577.  
  578.  
  579.  
  580. /* ------- Link to CS Here -------- > */][URL=""][div=display: inline; color: var(--RS02Color);]CS Link[/div][/URL][/div][/div][/div][div=margin-left: auto; width: 75%; height: 15px; background: var(--Grey);][/div][/div][comment]
  581.  
  582. < -------------------------------------------------- end of RS02 IMG Side --------------------------------------------------
  583.  
  584. [/comment][comment]
  585.  
  586. -------------------------------------------------- start of RS02 Text Side -------------------------------------------------- >
  587.  
  588. [/comment][div=margin-left: 20px; padding: 20px 0 30px; flex: 3; min-width: 300px; position: relative;][div=padding: 12px 25px; width: 75%; background: var(--RS02Color); font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--White); line-height: 110%; text-align: right;
  589.  
  590.  
  591.  
  592.  
  593. /* ----- Quote About Character -----> */]“Lorem ipsum dolor sit amet, consectetur adipiscing elit.”[/div][div=margin-left: auto; width: calc(100% - 20px); margin-top: 20px; font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--Black); text-align: justify; line-height: 150%;
  594.  
  595.  
  596.  
  597.  
  598. /* ---------- Relationship Description Here ---------- > */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper, sapien at porta congue, erat lacus luctus libero, eu viverra ante ante at tellus. Nulla facilisi. Morbi ornare, eros sit amet iaculis facilisis, metus justo convallis neque, a cursus nulla nisl at massa. Fusce quis odio cursus, vestibulum nibh sed, consequat tortor. Aliquam lobortis ligula id risus gravida scelerisque. Nulla auctor lacinia libero vitae molestie. Curabitur ipsum tortor, tempor ut leo id, ultrices ultrices purus.[/div][/div][comment]
  599.  
  600. < -------------------------------------------------- end of RS02 Text Side --------------------------------------------------
  601.  
  602. [/comment][/div][comment]
  603.  
  604. < ---------------------------------------- end of RS02 ----------------------------------------
  605.  
  606. [/comment][/div][comment]
  607.  
  608. < ------------------------------ end of relationships ------------------------------
  609.  
  610. [/comment][comment]
  611.  
  612. ------------------------------ start of combat data ------------------------------ >
  613.  
  614. [/comment][div=margin: 75px auto 0; width: 90%;][div=display: flex; flex-flow: row wrap; row-gap: 15px; margin-left: -15px; width: calc(100% + 15px); position: relative;][comment]
  615.  
  616. ---------------------------------------- start of ability column ---------------------------------------- >
  617.  
  618. [/comment][div=margin-left: 15px; flex: 3; width: 100%; min-width: 300px; position: relative;][comment]
  619.  
  620. -------------------------------------------------- start of ability title -------------------------------------------------- >
  621.  
  622. [/comment][div=font-family: var(--HeaderFont); font-size: var(--HeaderSize); color: var(--MainAccent); line-height: 0; font-weight: 700; text-transform: uppercase; position: absolute; top: -7px; left: -15px; z-index: 1;
  623.  
  624.  
  625. /* title here ----- > */]Ability[/div][comment]
  626.  
  627. < -------------------------------------------------- end of ability title --------------------------------------------------
  628.  
  629. [/comment][comment]
  630.  
  631. -------------------------------------------------- start of ability description -------------------------------------------------- >
  632.  
  633. [/comment][div=padding: 25px; width: calc(100% - 50px); height: calc(100% - 50px); background: var(--Grey); font-family: var(--BodyFont); color: var(--Black); font-size: var(--BodySize); line-height: 150%; text-align: justify; position: relative; z-index: 2;
  634.  
  635.  
  636.  
  637.  
  638. /* description here ----- > */] Lorem ipsum dolor sit amet, consectetur adipiscing elit. In finibus lectus tellus, at commodo libero vulputate quis. Nulla quis arcu in erat convallis ullamcorper. Donec vehicula, dui a sagittis commodo, risus ante facilisis magna, non dictum dui massa nec lacus. Curabitur tincidunt quis risus vel porta. Vestibulum at orci quis purus rhoncus cursus id vitae lacus. In et viverra magna. Praesent mattis ligula non dignissim accumsan. Praesent id ipsum eu ligula finibus aliquam viverra quis sapien. Maecenas blandit enim iaculis ligula varius ullamcorper. Quisque sodales aliquet justo in mollis. Maecenas fermentum condimentum felis, ac egestas tellus convallis eget. Phasellus ut lacinia tortor. Nunc varius sapien lobortis maximus dapibus. Morbi et sem accumsan, fringilla erat ut, scelerisque tortor. Vivamus efficitur ultrices euismod. Proin eget dictum lacus.
  639.  
  640. Curabitur velit lectus, feugiat eget venenatis sed, ultrices sit amet ex. Nunc condimentum risus et erat aliquam ultricies. Nunc maximus, erat vitae consectetur hendrerit, tortor magna convallis erat, ut pulvinar turpis tortor nec mauris. Ut ac lobortis orci. Aliquam erat volutpat. Mauris eleifend tellus lacus. Nullam et tortor non elit bibendum ornare a id erat. Nulla pretium, ante vel pellentesque ullamcorper, erat odio convallis velit, ut faucibus libero purus et urna. Fusce ullamcorper tincidunt nibh, malesuada commodo ipsum laoreet sit amet. Praesent vitae tortor varius, mattis sem finibus, semper dolor. Curabitur dignissim fermentum sodales. Fusce a sapien vel eros facilisis pellentesque vitae sit amet mi. Maecenas nunc libero, dignissim ac lectus vitae, commodo semper lacus. Suspendisse eget enim nec metus tincidunt faucibus a sagittis quam. Nulla accumsan turpis vel orci sollicitudin pellentesque.
  641.  
  642. Suspendisse justo ipsum, luctus non porta a, feugiat sed purus. Nam pretium turpis sed arcu tempor, quis posuere sapien gravida. Quisque condimentum nisl mi, quis pellentesque urna porta nec. Phasellus efficitur, diam ac ullamcorper aliquet, lacus lacus finibus magna, vel lacinia lorem eros nec purus. Nunc massa est, dictum quis lacus sit amet, vestibulum dapibus augue. Sed sapien purus, luctus in quam vitae, mollis pretium quam. Duis in eros sed massa tempus efficitur a sit amet nulla.[/div][comment]
  643.  
  644. < -------------------------------------------------- end of ability description --------------------------------------------------
  645.  
  646. [/comment][/div][comment]
  647.  
  648. < ---------------------------------------- end of ability column ----------------------------------------
  649.  
  650. [/comment][comment]
  651.  
  652. ---------------------------------------- start of equipment column ---------------------------------------- >
  653.  
  654. [/comment][div=margin-left: 15px; flex: 2; width: 100%; min-width: 200px;][comment]
  655.  
  656. -------------------------------------------------- start of relics -------------------------------------------------- >
  657.  
  658. [/comment][div=padding: 15px; width: calc(100% - 30px); background: var(--Grey); font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--Black);][div=font-size: 1.3em; font-family: var(--HeaderFont); display: inline; color: var(--MainAccent); font-weight: 700;]Relics[/div][LIST]
  659.  
  660. [*] [b]Name:[/b] Lorem ipsum dolor sit amet, consectetur adipiscing elit. In finibus lectus tellus, at commodo libero vulputate quis. Nulla quis arcu in erat convallis ullamcorper. Donec vehicula, dui a sagittis commodo, risus ante facilisis magna, non dictum dui massa nec lacus. Curabitur tincidunt quis risus vel porta. Vestibulum at orci quis purus rhoncus cursus id vitae lacus. In et viverra magna. Praesent mattis ligula non dignissim accumsan. Praesent id ipsum eu ligula finibus aliquam viverra quis sapien. Maecenas blandit enim iaculis ligula varius ullamcorper.
  661.  
  662. [/LIST][/div][comment]
  663.  
  664. < -------------------------------------------------- end of relics --------------------------------------------------
  665.  
  666. [/comment][comment]
  667.  
  668. -------------------------------------------------- start of equipment list -------------------------------------------------- >
  669.  
  670. [/comment][div=margin-top: 15px; padding: 15px; width: calc(100% - 30px); background: var(--Grey); font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--Black);][div=font-size: 1.3em; font-family: var(--HeaderFont); display: inline; color: var(--MainAccent); font-weight: 700;]Equipment[/div][LIST]
  671.  
  672. [*]
  673. [*]
  674. [*]
  675. [*]
  676. [*]
  677.  
  678. [/LIST][/div][comment]
  679.  
  680. < -------------------------------------------------- end of equipment list --------------------------------------------------
  681.  
  682. [/comment][/div][comment]
  683.  
  684. < ---------------------------------------- end of equipment column ----------------------------------------
  685.  
  686. [/comment][/div][/div][comment]
  687.  
  688. < ------------------------------ end of combat data ------------------------------
  689.  
  690. [/comment][comment]
  691.  
  692. ------------------------------ start of extras/notes ------------------------------ >
  693.  
  694. [/comment][div=margin: 75px auto 0; width: 90%; position: relative;][comment]
  695.  
  696. ---------------------------------------- start of extras/notes title ---------------------------------------- >
  697.  
  698. [/comment][div=font-family: var(--HeaderFont); font-size: var(--HeaderSize); color: var(--MainAccent); line-height: 0; font-weight: 700; text-transform: uppercase; position: absolute; top: -7px; left: -15px; z-index: 1;
  699.  
  700.  
  701. /* title here ----- > */]Extras[/div][comment]
  702.  
  703. < ---------------------------------------- end of extras/notes title ----------------------------------------
  704.  
  705. [/comment][comment]
  706.  
  707. ---------------------------------------- start of extras/notes text ---------------------------------------- >
  708.  
  709. [/comment][div=padding: 25px; width: calc(100% - 50px); background: var(--Grey); font-family: var(--BodyFont); font-size: var(--BodySize); color: var(--Black); line-height: 150%; text-align: justify; position: relative; z-index: 2;
  710.  
  711.  
  712.  
  713.  
  714. /* description here ----- > */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In finibus lectus tellus, at commodo libero vulputate quis. Nulla quis arcu in erat convallis ullamcorper. Donec vehicula, dui a sagittis commodo, risus ante facilisis magna, non dictum dui massa nec lacus. Curabitur tincidunt quis risus vel porta.[comment]
  715.  
  716. -------------------------------------------------- start of Divider -------------------------------------------------- >
  717.  
  718. [/comment][div=margin: 20px auto; width: 95%; height: 1px; background: var(--TrueWhite);][/div][comment]
  719.  
  720. < -------------------------------------------------- end of Divider --------------------------------------------------
  721.  
  722. [/comment]Vestibulum at orci quis purus rhoncus cursus id vitae lacus. In et viverra magna. Praesent mattis ligula non dignissim accumsan.[comment]
  723.  
  724. -------------------------------------------------- start of Divider -------------------------------------------------- >
  725.  
  726. [/comment][div=margin: 20px auto; width: 95%; height: 1px; background: var(--TrueWhite);][/div][comment]
  727.  
  728. < -------------------------------------------------- end of Divider --------------------------------------------------
  729.  
  730. [/comment]Praesent id ipsum eu ligula finibus aliquam viverra quis sapien. Maecenas blandit enim iaculis ligula varius ullamcorper. Quisque sodales aliquet justo in mollis. Maecenas fermentum condimentum felis, ac egestas tellus convallis eget. Phasellus ut lacinia tortor. Nunc varius sapien lobortis maximus dapibus. Morbi et sem accumsan, fringilla erat ut, scelerisque tortor. Vivamus efficitur ultrices euismod. Proin eget dictum lacus.[comment]
  731.  
  732. -------------------------------------------------- start of Divider -------------------------------------------------- >
  733.  
  734. [/comment][div=margin: 20px auto; width: 95%; height: 1px; background: var(--TrueWhite);][/div][comment]
  735.  
  736. < -------------------------------------------------- end of Divider --------------------------------------------------
  737.  
  738. [/comment]Curabitur velit lectus, feugiat eget venenatis sed, ultrices sit amet ex. Nunc condimentum risus et erat aliquam ultricies. Nunc maximus, erat vitae consectetur hendrerit, tortor magna convallis erat, ut pulvinar turpis tortor nec mauris.[/div][comment]
  739.  
  740. < ---------------------------------------- end of extras/notes text ----------------------------------------
  741.  
  742. [/comment][/div][comment]
  743.  
  744. < ------------------------------ end of extras/notes ------------------------------
  745.  
  746. [/comment][/div][comment]
  747.  
  748. < -------------------- end of scrollbox --------------------
  749.  
  750. [/comment][/div][comment]
  751.  
  752. < ---------- end of RIGHT ----------
  753.  
  754. [/comment][/div][comment]
  755.  
  756. ----- start of credits ----->
  757.  
  758. [/comment][border=0; padding: 0; margin-top: 5px; width: 100%; font-family: var(--mainfont); font-size: .6em; line-height: 100%; text-align: center; text-transform: uppercase; opacity: .6;]Code by Nano[comment][USER=20950]@Nano[/USER][/comment][/border][comment]
  759.  
  760. <----- end of credits -----
  761.  
  762. [/comment]
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!