API tools faq
paste
Advertisement
soxxx

005 - light

soxxx
Sep 24th, 2024 (edited)
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.67 KB | None | 0 0
raw download clone embed print report
  1. [comment]code by sox
  2.  
  3. [font=Micro 5]font1[/font]
  4. [font=Pixelify Sans]font2[/font]
  5. [font=Bungee Inline]font3[/font]
  6. [font=DotGothic16]font4[/font]
  7. [font=Outfit]font5[/font]
  8.  
  9. [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
  10.  
  11. /*colors*/
  12. --bkgd: #ffd1e0; /*pastel pink*/
  13. --windowbkgd: linear-gradient(to bottom, var(--shadow), var(--extrawindowbkgd));
  14. --extrawindowbkgd: #ffebf1; /*lighter pastel pink*/
  15. --boxbkgd: #fff; /*white*/
  16. --text: #000; /*black*/
  17. --shadow: #fff; /*white*/
  18.  
  19. --accent0: #6e6e6e; /*gray- heavy contrast to bkgd*/
  20. --accent1: #b6cf72; /*pastel green*/
  21. --accent2: #84b0db; /*pastel blue*/
  22. --accent3: #c195de; /*pastel purple*/
  23. --accent4: #f2a0bd; /*pastel pink*/
  24. --accent5: #ffc2b0; /*pastel salmon*/
  25.  
  26.  
  27. /*values*/
  28. --titleshadow: -3px -3px 0px var(--shadow); /*title name shadow - up & left*/
  29. --titleshadow2: 3px 3px 0px var(--shadow); /*title name shadow - down & right*/
  30. --chatshadow: 2px 2px 0px var(--accent0); /*chat bubble shadow*/
  31. --chatdivetshadow: 2px 0px 0px var(--accent0); /*chat bubble triangle piece shadow*/
  32. --heartshadow: 2px 2px 0px var(--accent2); /*hearts counter box shadow*/
  33.  
  34. --volumelevel: 75%; /* edit this value to adjust spotify volume level appearance (0-100%) */
  35. --loadingbar: 62%; /* edit this value to adjust loading bar completion (reference values: 30% = none; 40% = 5; 50% = 10; 70% = all) */
  36.  
  37. --ticktop: 276px; /*loading bar tick placement*/
  38. --tickheight: 15px; /*loading bar tick height*/
  39. --tickwidth: 10px; /*loading bar tick width*/
  40.  
  41.  
  42. /*borders*/
  43. /*normal borders*/
  44. --border0: 3px solid var(--accent0);
  45. --border1: 3px solid var(--accent1);
  46. --border2: 3px solid var(--accent2);
  47. --border3: 3px solid var(--accent3);
  48. --border4: 3px solid var(--accent4);
  49. --border5: 3px solid var(--accent5);
  50. --border6: 3px solid var(--windowbkgd);
  51.  
  52. /*thin borders*/
  53. --tborder0: 1px solid var(--accent0);
  54. --tborder1: 1px solid var(--accent1);
  55. --tborder2: 1px solid var(--accent2);
  56. --tborder3: 1px solid var(--accent3);
  57. --tborder4: 1px solid var(--accent4);
  58. --tborder5: 1px solid var(--accent5);
  59. --tborder6: 1px solid var(--windowbkgd);
  60.  
  61.  
  62. /*fonts*/
  63. --font1: 'Micro 5', sans-serif; /*box titles*/
  64. --font2: 'Pixelify Sans', sans-serif; /*chat bubbles, tags, stats*/
  65. --font3: 'Bungee Inline', sans-serif; /*title name*/
  66. --font4: 'DotGothic16', sans-serif; /*file names, system messages*/
  67. --font5: 'Outfit', sans-serif; /*text*/
  68.  
  69.  
  70. /*pics*/
  71. /*intro imgs*/
  72. --titlepic1: url('https://i.pinimg.com/564x/4b/37/13/4b37138863861901b7bec53ac06ae21d.jpg');
  73. --titlepic2: url('https://i.pinimg.com/originals/b9/55/ad/b955adc7e3edcd458f15a1357ace1d94.gif');
  74. --titlepic3: url('https://i.pinimg.com/originals/b5/be/0c/b5be0c09ea1d4c78b376635486dc3942.gif');
  75. --titlepic4: url('https://i.pinimg.com/736x/a8/1e/55/a81e55461652617f6ecf3c00497cef40.jpg');
  76.  
  77. /*livestream box*/
  78. --livestream: url('https://64.media.tumblr.com/e678360d64c0f6b0e3c0d87a80a2ecac/eea2ce6e79400b65-5b/s400x600/950d4843a9740083434a4bbd443eca4c3d21cf86.gif');
  79.  
  80. /*img boxes*/
  81. --imgpic1: url('https://i.imgur.com/j1Gy8eY.png');
  82. --imgpic2: url('https://i.pinimg.com/564x/ad/06/24/ad0624a65cc35f8fcb7f0962cdfe53de.jpg');
  83. --imgpic3: url('https://i.pinimg.com/originals/83/99/9a/83999a71b748897a5b893aacd27eae87.gif');
  84. --imgpic4: url('https://i.pinimg.com/originals/a9/51/8d/a9518dbfeb49f2c22d06d71b912f7fb1.gif');
  85.  
  86.  
  87. ][div=margin:auto; position:relative; width:770px; height:495px; margin-top:20px; margin-bottom:20px; background: var(--bkgd); box-sizing: border-box; border-radius:5px; cursor: url('https://i.imgur.com/bb5FSYK.png'), auto; border-radius:8px; box-shadow:0px 0px 10px var(--bkgd);][nobr]
  88.  
  89. [comment] ---- background windows ---- [/comment]
  90. [div=position:absolute; left:20px; top:50px; width:700px; height:425px; background: var(--extrawindowbkgd); border:var(--border3); border-radius:10px;][/div]
  91. [div=position:absolute; left:30px; top:40px; width:700px; height:425px; background: var(--extrawindowbkgd); border:var(--border2); border-radius:10px;][/div]
  92. [div=position:absolute; left:40px; top:30px; width:700px; height:425px; background: var(--extrawindowbkgd); border:var(--border4); border-radius:10px;][/div]
  93. [div=position:absolute; left:50px; top:20px; width:700px; height:425px; background: var(--windowbkgd); border:var(--border0); border-radius:10px;][/div]
  94. [div=position:absolute; left:53px; top:57px; width:686px; height:18px; background: var(--accent0); font-family:var(--font1); font-size:15px; line-height:18px; text-align:left; text-transform:uppercase; color:var(--windowbkgd); padding-left:15px;][comment]
  95.  
  96. ---- window menu bar ----
  97. [/comment]Settings⠀⠀Downloads⠀⠀Shop⠀⠀Browse⠀⠀Log Out[/div]
  98. [div=position:absolute; left:65px; top:23px; width:15px; height:15px; font-family:var(--font2); font-size:14px; line-height:36px; text-align:left; color:var(--accent1);][fa]fas fa-globe[/fa][/div]
  99. [div=position:absolute; left:725px; top:23px; width:15px; height:15px; font-family:var(--font2); font-size:15px; line-height:35px; text-align:left; color:var(--accent5);][fa]fas fa-xmark[/fa][/div]
  100. [div=position:absolute; left:705px; top:23px; width:15px; height:15px; font-family:var(--font2); font-size:15px; line-height:35px; text-align:left; color:var(--accent5);][fa]fas fa-minus[/fa][/div]
  101.  
  102. [comment] ---- URL BAR START ---- [/comment]
  103. [div=position:absolute; left:90px; top:23px; width:590px; height:34px; font-family:var(--font2); font-size:15px; line-height:35px; text-align:left; text-transform:uppercase; color:var(--accent0);][div=display:inline; color:var(--accent1);]https[/div];//[div=display:inline; color:var(--accent3);][comment]
  104.  
  105. ---- window url: use commas instead of periods ----
  106. [/comment]www,kkyunation,com[/div]/[div=display:inline; color:var(--accent2);]user[/div]/[div=display:inline; color:var(--accent4);][comment]
  107.  
  108. ---- window url: character name ----
  109. [/comment]jaemin-na[/div]/[/div]
  110. [comment] ---- URL BAR END---- [/comment]
  111.  
  112.  
  113. [comment] ---- MAIN WINDOW START ---- [/comment]
  114. [/nobr][div=position:absolute; left:53px; top:82px; width:694px; height:350px; overflow:hidden;][div=position:relative; width:690px; height:100%; background: var(--windowbkgd); overflow-y:scroll; padding:0 0px 0 0; scrollbar-color:var(--accent4) rgba(255,255,255,0);][nobr]
  115.  
  116. [comment] ---- intro pictures ---- [/comment]
  117. [div=position:absolute; left:122px; top:23px; width:115px; height:172px; border:var(--border3); background:var(--titlepic1); background-size:cover; background-position:50% 50%;][/div]
  118. [div=position:absolute; left:40px; top:144px; width:108px; height:108px; border:var(--border1); background:var(--titlepic2); background-size:cover; background-position:50% 50%;][/div]
  119. [div=position:absolute; left:508px; top:128px; width:124px; height:124px; border:var(--border2); background:var(--titlepic3); background-size:cover; background-position:50% 50%;][/div]
  120. [div=position:absolute; left:436px; top:230px; width:156px; height:107px; border:var(--border5); background:var(--titlepic4); background-size:cover; background-position:50% 50%;][/div]
  121.  
  122.  
  123. [comment] ---- TITLE NAME START ---- [/comment]
  124. [div=position:absolute; left:0px; top:118px; width:100%; height:120px; text-shadow: var(--titleshadow), var(--titleshadow2); font-family:var(--font3); font-size:60px; line-height:52px; text-align:center; color:var(--accent4); text-transform:uppercase][comment]
  125.  
  126. --- character first name here ----
  127. [/comment]jaemin[comment]
  128.  
  129. --- character last name / nickname here ----
  130. [/comment][br][/br]'nana'[/div]
  131. [comment] ---- TITLE NAME END ---- [/comment]
  132.  
  133.  
  134. [comment] ---- LOADING BAR START ---- [/comment]
  135. [div=position:absolute; left:200px; top:270px; width:256px; height:21px; border:var(--border0); background:var(--boxbkgd); box-shadow: var(--titleshadow), var(--titleshadow2); padding:0x 0px 0px 0px;][/div][div=position:absolute; width:var(--loadingbar); height:100%; overflow:hidden;][div=position:absolute; top:300px; width:670px; height:15px; font-family:var(--font4); font-size:14px; line-height:20px; text-align:center; color:var(--accent0);]Downloading assets...[/div]
  136.  
  137. [comment] ---- loading progress ticks ---- [/comment]
  138. [div=position:absolute; left:206px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  139. [div=position:absolute; left:219px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  140. [div=position:absolute; left:232px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  141. [div=position:absolute; left:245px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  142. [div=position:absolute; left:258px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  143. [div=position:absolute; left:271px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  144. [div=position:absolute; left:284px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  145. [div=position:absolute; left:297px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  146. [div=position:absolute; left:310px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  147. [div=position:absolute; left:323px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  148. [div=position:absolute; left:336px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  149. [div=position:absolute; left:349px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  150. [div=position:absolute; left:362px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  151. [div=position:absolute; left:375px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  152. [div=position:absolute; left:388px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  153. [div=position:absolute; left:401px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  154. [div=position:absolute; left:414px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  155. [div=position:absolute; left:427px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  156. [div=position:absolute; left:440px; top:var(--ticktop); width:var(--tickwidth); height:var(--tickheight); background:var(--accent1);][/div]
  157. [/div]
  158. [comment] ---- LOADING BAR END ---- [/comment]
  159.  
  160.  
  161.  
  162. [comment] ---- SPOTIFY START ---- [/comment]
  163.  
  164. [div=position:absolute; left:64px; top:375px; width:213px; height:123px; background:var(--boxbkgd); border:var(--border3);]
  165. [div=position:absolute; left:0px; top:0px; width:213px; height:20px; background:var(--accent3); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--windowbkgd); text-align:center;]Spotify.exe[/div]
  166.  
  167. [comment] -- details box -- [/comment][div=position:absolute; left:9px; top:65px; width:189px; height:42px; border:var(--border3);][/div]
  168. [comment] -- volume bar -- [/comment][div=position:absolute; left:25px; top:42px; width:50px; height:2px; background:var(--windowbkgd); border:var(--tborder3);][div=width:var(--volumelevel); height:100%; background:var(--accent4);][/div][/div]
  169. [comment] -- volume down -- [/comment][div=position:absolute; left:10px; top:29px; height:22px; width:22px; font-size:11px; line-height:28px; text-align:left; color:var(--accent3);][fa]fas fa-volume-low[/fa][/div]
  170. [comment] -- volume up -- [/comment][div=position:absolute; left:74px; top:29px; height:22px; width:22px;font-size:11px; line-height:28px; text-align:right; color:var(--accent3);][fa]fas fa-volume-high[/fa][/div]
  171. [comment] -- pause -- [/comment][div=position:absolute; left:104px; top:29px; height:22px; width:22px; border:var(--border3); font-size:12px; line-height:22px; text-align:center; color:var(--accent3);][fa]fas fa-pause[/fa][/div]
  172. [comment] -- forward -- [/comment][div=position:absolute; left:176px; top:29px; height:22px; width:22px; border:var(--border3); font-size:12px; line-height:22px; text-align:center; color:var(--accent3);][fa]fas fa-forward[/fa][/div]
  173. [comment] -- time bar -- [/comment][div=position:absolute; left:20px; top:88px; width:170px; height:3px; border:var(--tborder3);][/div]
  174. [comment] -- progress mark -- [/comment][div=position:absolute; left:40px; top:84px; width:6px; height:6px; border:var(--border3); background:var(--accent5);][/div]
  175. [div=position:absolute; left:20px; top:71px; width:160px; height:10px; font-family:var(--font2); font-size:10px; line-height:10px; color:var(--accent0); text-align:left; text-transform:uppercase;][comment]
  176.  
  177. --- song name here ----
  178. [/comment][b]saturday drip[/b] — [comment]
  179.  
  180. --- artist name here ----
  181. [/comment]nct dream[/div]
  182. [div=position:absolute; left:25px; top:97px; width:168px; height:10px; font-family:var(--font1); font-size:12px; line-height:12px; color:var(--accent0); text-align:right; text-transform:uppercase;][comment]
  183.  
  184. --- time elapsed here ----
  185. [/comment]1:57 / 3:41[/div]
  186.  
  187. [comment] ---- MUSIC PLAYER BUTTON
  188. ---- graciously granted to me by uxie ty queen ily [/comment]
  189. [div=position:absolute; top:29px; left:140px; width:22px; height:22px; border:var(--border3);]
  190. [div=height:22px; width:100%; flex-shrink:0; padding:5px 5px 5px 5px; box-sizing:border-box; border-top:1px solid var(--color-1); display:flex; flex-flow:row nowrap; align-items:center;]
  191.  
  192. [comment] ---- play button ---- [/comment]
  193. [div=height:12px; width:12px; position:relative; flex-shrink:0;][div=height:100%; width:100%; background-size:cover; position:relative; z-index:2; pointer-events:none; font-size:12px; line-height:8px; text-align:center; color:var(--accent1);][fa]fas fa-play[/fa][/div]
  194.  
  195. [comment] ---- media files ---- [/comment]
  196. [border=transparent; height:100%; width:100%; padding:0; position:absolute; top:0; left:0; z-index:1; display:flex; align-items:center; justify-content:center; overflow:hidden; opacity:0.01%;][border=transparent; height:32px; width:32px; padding:0; position:relative; pointer-events:auto;]
  197.  
  198. [comment]---- SOUNDCLOUD ---- (replace the soundcloud link within media tag with your own) ---- [/comment]
  199. [border=transparent; height:80px; width:180px; padding:0; margin-top:-16px; margin-left:-14px; position:absolute; top:0; left:0;]
  200. [media=soundcloud]https://soundcloud.com/maria-laura-gomez-639934061/nct-dream-saturday-drip[/media][/border]
  201.  
  202. [comment]---- GOOGLE DRIVE ---- (replace the google file code within media tag with your own) ---- [/comment]
  203. [border=transparent; height:500px; width:500px; margin-top:-170px; margin-left:-93px; padding:0px;/*remove this to use me, and add it to the other*/ display:none;]
  204. [media=googledrive]1EwyiuGOGDy8NrbyIm2mfdHc7szRnCMBC[/MEDIA]
  205.  
  206. [/border][/border][/border]
  207. [/div][/div][/div][/div]
  208.  
  209. [comment] ---- SPOTIFY END ----[/comment]
  210.  
  211.  
  212.  
  213. [comment] ---- ICONS START ---- [/comment]
  214.  
  215. [comment] ---- folder icon 1 ---- [/comment]
  216. [div=position:absolute; left:395px; top:770px; width:60px; height:50px; transform:rotate(0deg); border-radius:3px; color:var(--accent4); font-size:60px; line-height:60px; text-align:center;][fa]fal fa-folder[/fa][/div]
  217. [div=position:absolute; left:390px; top:835px; width:70px; height:15px; color:var(--accent0); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px;]Sims Mods[/div]
  218.  
  219. [comment] ---- folder icon 2 ---- [/comment]
  220. [div=position:absolute; left:395px; top:880px; width:60px; height:50px; transform:rotate(0deg); border-radius:3px; color:var(--accent0); font-size:60px; line-height:60px; text-align:center;][fa]fal fa-folder[/fa][/div]
  221. [div=position:absolute; left:390px; top:945px; width:70px; height:15px; color:var(--accent0); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px;]Spring Break Pics[/div]
  222.  
  223. [comment] ---- folder icon 3 ---- [/comment]
  224. [div=position:absolute; left:395px; top:990px; width:60px; height:50px; transform:rotate(0deg); border-radius:3px; color:var(--accent2); font-size:60px; line-height:60px; text-align:center;][fa]fal fa-folder[/fa][/div]
  225. [div=position:absolute; left:390px; top:1055px; width:70px; height:15px; color:var(--accent0); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px;]Executables[/div]
  226.  
  227. [comment] ---- atom icon ---- [/comment]
  228. [div=position:absolute; left:344px; top:387px; width:50px; height:50px; border:var(--tborder5); border-radius:3px; ;color:var(--accent5); font-size:30px; line-height:45px; text-align:center;][fa]fal fa-atom[/fa][/div]
  229.  
  230. [comment] ---- volume icon ---- [/comment]
  231. [div=position:absolute; left:177px; top:1915px; width:63px; height:70px; transform:rotate(0deg); border:var(--tborder1); border-radius:3px; ;color:var(--accent1); font-size:30px; line-height:55px; text-align:center;][fa]far fa-volume-high[/fa][/div]
  232.  
  233. [comment] ---- castle icon ---- [/comment]
  234. [div=position:absolute; left:400px; top:2055px; width:60px; height:70px; transform:rotate(0deg); border:var(--tborder1); border-radius:3px; ;color:var(--accent1); font-size:30px; line-height:75px; text-align:center;][fa]fab fa-fort-awesome[/fa][/div]
  235.  
  236. [comment] ---- file icon 1 ---- [/comment]
  237. [div=position:absolute; left:95px; top:1460px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-pdf[/fa][/div]
  238. [div=position:absolute; left:75px; top:1510px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]Resume.pdf[/div]
  239.  
  240. [comment] ---- file icon 2 ---- [/comment]
  241. [div=position:absolute; left:195px; top:1460px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-zipper[/fa][/div]
  242. [div=position:absolute; left:175px; top:1510px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]trojan horse.zip[/div]
  243.  
  244. [comment] ---- file icon 3 ---- [/comment]
  245. [div=position:absolute; left:295px; top:1460px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-powerpoint[/fa][/div]
  246. [div=position:absolute; left:275px; top:1510px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]Project Proposal.ppt[/div]
  247.  
  248. [comment] ---- file icon 4 ---- [/comment]
  249. [div=position:absolute; left:95px; top:1560px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-csv[/fa][/div]
  250. [div=position:absolute; left:75px; top:1610px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]Budgets.csv[/div]
  251.  
  252. [comment] ---- file icon 5 ---- [/comment]
  253. [div=position:absolute; left:195px; top:1560px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-audio[/fa][/div]
  254. [div=position:absolute; left:175px; top:1610px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]Mixtape.mp3[/div]
  255.  
  256. [comment] ---- file icon 6 ---- [/comment]
  257. [div=position:absolute; left:295px; top:1560px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-pen[/fa][/div]
  258. [div=position:absolute; left:275px; top:1610px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]Calendar.txt[/div]
  259.  
  260. [comment] ---- file icon 7 ---- [/comment]
  261. [div=position:absolute; left:95px; top:1660px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-video[/fa][/div]
  262. [div=position:absolute; left:75px; top:1710px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]vod_127.mp4[/div]
  263.  
  264. [comment] ---- file icon 8 ---- [/comment]
  265. [div=position:absolute; left:195px; top:1660px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-lines[/fa][/div]
  266. [div=position:absolute; left:175px; top:1710px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]Notes.docx[/div]
  267.  
  268. [comment] ---- file icon 9 ---- [/comment]
  269. [div=position:absolute; left:95px; top:1760px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-circle-exclamation[/fa][/div]
  270. [div=position:absolute; left:75px; top:1810px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]unknown.txt[/div]
  271.  
  272. [comment] ---- file icon 10 ---- [/comment]
  273. [div=position:absolute; left:195px; top:1760px; width:40px; height:40px; transform:rotate(0deg); border-radius:3px; color:var(--accent5); font-size:40px; line-height:40px; text-align:center;][fa]fal fa-file-zipper[/fa][/div]
  274. [div=position:absolute; left:175px; top:1810px; width:80px; height:15px; color:var(--accent5); font-family:var(--font4); font-size:10px; line-height:13px; text-align:center; letter-spacing:1px; font-weight:bold;]skins.zip[/div]
  275.  
  276. [comment] ---- ICONS END ---- [/comment]
  277.  
  278.  
  279.  
  280. [comment] ---- IMG BOXES START ---- [/comment]
  281.  
  282. [comment] ---- img box 1 ---- [/comment]
  283. [div=position:absolute; left:45px; top:540px; width:300px; height:300px; border:var(--border1); background:var(--imgpic1); background-size:cover; background-position:50% 50%;]
  284. [div=position:absolute; left:0px; top:0px; width:300px; height:20px; background:var(--accent1); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--windowbkgd); text-align:center;]img_295.jpg[/div][/div]
  285.  
  286. [comment] ---- img box 2 ---- [/comment]
  287. [div=position:absolute; left:490px; top:775px; width:120px; height:130px; border:var(--border5); background:var(--imgpic2); background-size:cover; background-position:50% 50%;]
  288. [div=position:absolute; left:0px; top:0px; width:120px; height:20px; background:var(--accent5); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--accent0); text-align:center;]img_517.jpg[/div][/div]
  289.  
  290. [comment] ---- img box 3 ---- [/comment]
  291. [div=position:absolute; left:490px; top:938px; width:120px; height:130px; border:var(--border3); background:var(--imgpic3); background-size:cover; background-position:50% 50%;]
  292. [div=position:absolute; left:0px; top:0px; width:120px; height:20px; background:var(--accent3); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--windowbkgd); text-align:center;]img_86.jpg[/div][/div]
  293.  
  294. [comment] ---- livestream box---- [/comment]
  295. [div=position:absolute; left:380px; top:1170px; width:240px; height:340px; border:var(--border1); background:var(--livestream); background-size:cover; background-position:50% 50%;]
  296. [div=position:absolute; left:0px; top:0px; width:240px; height:20px; background:var(--accent1); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--windowbkgd); text-align:center;]Live_Stream.exe[/div][/div]
  297.  
  298. [comment] ---- img box 4 ---- [/comment]
  299. [div=position:absolute; left:60px; top:1880px; width:120px; height:140px; border:var(--border3); background:var(--imgpic4); background-size:cover; background-position:50% 50%;]
  300. [div=position:absolute; left:0px; top:0px; width:120px; height:20px; background:var(--accent3); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--windowbkgd); text-align:center;]img_94.png[/div][/div]
  301.  
  302. [comment] ---- IMG BOXES END ---- [/comment]
  303.  
  304.  
  305.  
  306. [comment] ---- DIALOGUE BUBBLES START ---- [/comment]
  307.  
  308. [comment] ---- TITLE BUBBLE START ---- [/comment]
  309. [div=position:absolute; left:312px; top:52px; width:auto; height:26px; background:var(--boxbkgd); border:var(--tborder0); border-radius:6px; padding-left:7px; padding-right:7px; font-family:var(--font2); font-size:14px; line-height:25px; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent0);][comment]
  310.  
  311. --- dialogue bubble text here ----
  312. [/comment]Is it real? You look surprised...[/div]
  313. [div=position:absolute; left:350px; top:74px; width:10px; height:10px; transform:rotate(45deg); background:var(--boxbkgd); box-sizing:border-box; border-top:var(--tborder6); border-left:var(--tborder6); border-bottom:var(--tborder0); border-right:var(--tborder0); box-shadow:var(--chatdivetshadow);][/div]
  314. [comment] ---- TITLE BUBBLE END---- [/comment]
  315.  
  316.  
  317. [comment] ---- LIVE BUBBLE START ---- [/comment]
  318. [div=position:absolute; left:360px; top:1120px; width:auto; height:26px; background:var(--boxbkgd); border:var(--tborder0); border-radius:6px; padding-left:7px; padding-right:7px; font-family:var(--font2); font-size:14px; line-height:25px; text-align:left; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent0);][comment]
  319.  
  320. --- dialogue bubble text here ----
  321. [/comment]Veni, vidi, vici...[/div]
  322. [div=position:absolute; left:390px; top:1142px; width:10px; height:10px; transform:rotate(45deg); background:var(--boxbkgd); box-sizing:border-box; border-top:var(--tborder6); border-left:var(--tborder6); border-bottom:var(--tborder0); border-right:var(--tborder0); box-shadow:var(--chatdivetshadow);][/div]
  323. [comment] ---- LIVE BUBBLE END---- [/comment]
  324.  
  325.  
  326. [comment] ---- FILES BUBBLE START ---- [/comment]
  327. [div=position:absolute; left:150px; top:1540px; width:auto; height:26px; background:var(--boxbkgd); border:var(--tborder0); border-radius:6px; padding-left:7px; padding-right:7px; font-family:var(--font2); font-size:14px; line-height:25px; text-align:left; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent0);][comment]
  328.  
  329. --- dialogue bubble text here ----
  330. [/comment]drip, drip, drip, like jackson pollock[/div]
  331. [div=position:absolute; left:200px; top:1562px; width:10px; height:10px; transform:rotate(45deg); background:var(--boxbkgd); box-sizing:border-box; border-top:var(--tborder6); border-left:var(--tborder6); border-bottom:var(--tborder0); border-right:var(--tborder0); box-shadow:var(--chatdivetshadow);][/div]
  332. [comment] ---- FILES BUBBLE END---- [/comment]
  333.  
  334.  
  335. [comment] ---- EXIT BUBBLE START ---- [/comment]
  336. [div=position:absolute; left:445px; top:2120px; width:auto; height:26px; background:var(--boxbkgd); border:var(--tborder0); border-radius:6px; padding-left:7px; padding-right:7px; font-family:var(--font2); font-size:14px; line-height:25px; text-align:left; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent3);][comment]
  337.  
  338. --- dialogue bubble text here ----
  339. [/comment]404... not loading...[/div]
  340. [div=position:absolute; left:455px; top:2115px; width:10px; height:10px; transform:rotate(45deg); background:var(--boxbkgd); border-top:var(--tborder0); border-left:var(--tborder0);][/div]
  341. [comment] ---- EXIT BUBBLE END---- [/comment]
  342.  
  343.  
  344. [comment] ---- SMS CHAT BUBBLES START
  345. ---------------------- KEEP THESE RELATIVELY SHORT or else they will break bc they're kinda janky!! ---- [/comment]
  346. [div=position:absolute; left:45px; top:865px; width:290px; height:160px; line-height:30px; text-align:right; overflow:hidden; padding-right:2px;]
  347.  
  348. [comment] -- BUBBLE START: copy comments too! -- [/comment]
  349. [div=position:relative; display:inline; margin-bottom:5px; width:auto; height:20px; background:var(--boxbkgd); border:var(--tborder0); border-radius:5px; padding:3px 7px 3px 7px; font-family:var(--font2); font-size:12px; line-height:20px; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent0);][comment]
  350. -- chat bubble text here --
  351. [/comment]By the time the sun rises[/div]
  352. [div=position:relative; margin-left:260px; margin-top:-29px; width:8px; height:8px; transform:rotate(45deg); background:var(--boxbkgd); border-top:var(--tborder0); border-left:var(--tborder0);][/div][br][/br]
  353. [comment] -- BUBBLE END: copy comments too! -- [/comment]
  354.  
  355. [comment] -- BUBBLE START: copy comments too! -- [/comment]
  356. [div=position:relative; display:inline; margin-bottom:5px; width:auto; height:20px; border:var(--tborder0); background:var(--boxbkgd); border-radius:5px; padding:3px 7px 3px 7px; font-family:var(--font2); font-size:12px; line-height:20px; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent0); overflow:hidden;][comment]
  357. -- chat bubble text here --
  358. [/comment]You can see the golden horizon[/div]
  359. [div=position:relative; margin-left:260px; margin-top:-29px; width:8px; height:8px; transform:rotate(45deg); background:var(--boxbkgd); border-top:var(--tborder0); border-left:var(--tborder0); opacity:0;][/div][br][/br]
  360. [comment] -- BUBBLE END: copy comments too! -- [/comment]
  361.  
  362. [comment] -- BUBBLE START: copy comments too! -- [/comment]
  363. [div=position:relative; display:inline; margin-bottom:5px; width:auto; height:20px; background:var(--boxbkgd); border:var(--tborder0); border-radius:5px; padding:3px 7px 3px 7px; font-family:var(--font2); font-size:12px; line-height:20px; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent0)][comment]
  364. -- chat bubble text here --
  365. [/comment]If you're confident, come with us and dive in[/div]
  366. [div=position:relative; margin-left:260px; margin-top:-29px; width:8px; height:8px; transform:rotate(45deg); background:var(--boxbkgd); border-top:var(--tborder0); border-left:var(--tborder0); opacity:0;][/div][br][/br]
  367. [comment] -- BUBBLE END: copy comments too! -- [/comment]
  368.  
  369. [comment] -- BUBBLE START: copy comments too! -- [/comment]
  370. [div=position:relative; display:inline; margin-bottom:5px; width:auto; height:20px; background:var(--boxbkgd); border:var(--tborder0); border-radius:5px; padding:3px 7px 3px 7px; font-family:var(--font2); font-size:12px; line-height:20px; text-transform:uppercase; box-shadow:var(--chatshadow); color:var(--accent0);][comment]
  371. -- chat bubble text here --
  372. [/comment]What you doin' on the weekend?[/div]
  373. [div=position:relative; margin-left:260px; margin-top:-29px; width:8px; height:8px; transform:rotate(45deg); background:var(--boxbkgd); border-top:var(--tborder0); border-left:var(--tborder0); opacity:0;][/div][br][/br]
  374. [comment] -- BUBBLE END: copy comments too! -- [/comment]
  375.  
  376. [/div][comment] ---- SMS CHAT BUBBLES END ---- [/comment]
  377.  
  378. [comment] ---- DIALOGUE BUBBLES END ---- [/comment]
  379.  
  380.  
  381.  
  382. [comment] ---- EXIT BOX START ---- [/comment]
  383. [div=position:absolute; left:194px; top:1970px; width:285px; height:100px; outline:var(--border0); border:var(--tborder0); outline-offset:-8px; background:var(--boxbkgd); border-radius:5px; text-align:right;]
  384. [div=position:absolute; left:20px; top:20px; width:30px; height:30px; font-size:30px; line-height:30px; color:var(--accent5);][fa]far fa-triangle-exclamation[/fa][/div]
  385. [div=position:absolute; left:60px; top:23px; width:200px; height:60px; font-size:10px; line-height:12px; font-family:var(--font4); color:var(--accent0); font-weight:bold; text-align:left;][comment]
  386.  
  387. ---- exit box text here ----
  388. [/comment]Are you sure you want to quit learning about the president of Kkyu Nation?[/div][br][/br][br][/br][br][/br]
  389. [div=display:inline; position:relative; margin-right:20px; width:auto; background:var(--windowbkgd); border:var(--tborder0); border-radius:3px; text-align:right; font-size:10px; line-height:12px; font-family:var(--font2); color:var(--accent4); font-weight:bold; text-transform:uppercase; padding:1px 3px 1px 3px;][comment]
  390.  
  391. ---- exit button text here ----
  392. [/comment]kkyu...[/div]
  393. [/div]
  394. [comment] ---- EXIT BOX END ---- [/comment]
  395.  
  396.  
  397.  
  398. [comment] ---- VIDEO GAME DETAILS START ---- [/comment]
  399.  
  400. [comment] ---- PLAYER HEARTS
  401. ---------------------- change "fas" to "fal" to lose a heart, vice versa to gain---- [/comment]
  402. [div=position:absolute; left:100px; top:2100px; width:110px; height:30px; padding-left:0px; border:var(--tborder2); box-sizing: border-box; border-radius:5px; box-shadow:var(--heartshadow); color:var(--accent4); font-size:18px; line-height:29px; text-align:center;]
  403. [fa]fas fa-heart[/fa][fa]fas fa-heart[/fa][fa]fas fa-heart[/fa][fa]fas fa-heart[/fa][fa]fal fa-heart[/fa][/div]
  404.  
  405. [comment] ---- PLAYER STATS ---- [/comment]
  406. [div=position:absolute; left:460px; top:1920px; width:110px; height:auto; color:var(--accent4); font-family:var(--font2); font-size:11px; line-height:14px; text-align:right; text-transform:uppercase;][div=display:inline; text-decoration:underline; font-family:var(--font3); font-weight:bold; font-size:12px;][comment]
  407.  
  408. ---- stats text here ----
  409. [/comment]player stats[/div]
  410. [comment] -- stat -- [/comment][br][/br][div=display:inline; color:var(--accent2); margin-right:3px;]hp:[/div][div=display:inline; color:var(--accent1);]20530[/div]
  411. [comment] -- stat -- [/comment][br][/br][div=display:inline; color:var(--accent2); margin-right:3px;]atk:[/div][div=display:inline; color:var(--accent1);]5298[/div]
  412. [comment] -- stat -- [/comment][br][/br][div=display:inline; color:var(--accent2); margin-right:3px;]def:[/div][div=display:inline; color:var(--accent1);]6172[/div]
  413. [comment] -- stat -- [/comment][br][/br][div=display:inline; color:var(--accent2); margin-right:3px;]exp:[/div][div=display:inline; color:var(--accent1);]3043[/div]
  414. [comment] -- stat -- [/comment][br][/br][div=display:inline; color:var(--accent2); margin-right:3px;]mana:[/div][div=display:inline; color:var(--accent1);]343[/div]
  415. [/div]
  416.  
  417. [comment] ---- VIDEO GAME DETAILS END ---- [/comment]
  418.  
  419.  
  420.  
  421. [comment] ---- CONTENT BOXES START ---- [/comment]
  422.  
  423. [comment] ---- BASICS BOX START ---- [/comment]
  424. [/nobr][div=position:absolute; left:380px; top:425px; width:255px; height:300px; background:var(--boxbkgd); border:var(--border2);][div=position:absolute; left:0px; top:0px; width:255px; height:20px; background:var(--accent2); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--windowbkgd); text-align:center;][comment]
  425.  
  426. ---- BOX NAME HERE ----
  427. [/comment]User_Data.docx[/div][div=position:absolute; top:28px; left:10px; width:240px; height:260px; overflow:hidden;][div=position:relative; width:240px; height:255px; font-size:11px; line-height:15px; font-family:var(--font5); color:var(--text); overflow-y:scroll; text-align:justify; padding:5px 30px 0 0;][comment]
  428.  
  429. ---- CONTENT HERE ----
  430. [/comment][comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]name[/div]Jaemin Na
  431.  
  432. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]alias[/div]Nana
  433.  
  434. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]age[/div]24
  435.  
  436. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]gender[/div]Male
  437.  
  438. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]birthday[/div]August 13, 2000
  439.  
  440. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]role[/div]President of Kkyu Nation
  441.  
  442. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]height[/div]177 cm // 5' 10"
  443.  
  444. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]build[/div]Mesomorph
  445.  
  446. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]eyes[/div]Black by default, but changes with his mood.
  447.  
  448. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]hair[/div]Pinkie pink, usually
  449.  
  450. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]tattoos[/div]x x x
  451.  
  452. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]faceclaim[/div]Jaemin Na
  453.  
  454. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]overview[/div]Nisl lao reet vel vulpu tate lorem consectetur ridiculus praesent sed pretium dis. Curabitur scelerisque habitasse egestas imperdiet ad sodales. Tortor vehicula vestibulum felis sit interdum bibendum. Congue sociosqu maximus sagittis commodo lorem. Mus morbi molestie placerat natoque laoreet nibh donec. Orci aliquam eu sociosqu vulputate fringilla primis lectus nulla. Volutpat ullamcorper facilisi phasellus cubilia lobortis laoreet nec montes. Commodo enim per sociosqu lectus morbi dictum pulvinar tincidunt ex.
  455.  
  456. Pretium mus ligula urna nam orci leo metus. Himenaeos nisl litora magna iaculis quisque senectus venenatis. Ullamcorper a tortor neque accumsan, maximus fermentum consectetur. Nisl fusce senectus natoque ad, cursus curabitur himenaeos. Phasellus consequat suspendisse libero neque commodo porta phasellus. Facilisi bibendum gravida natoque commodo eros. Viverra netus montes erat sodales ut et eros molestie.[/div][/div]
  457. [/div]
  458. [comment] ---- BASICS BOX END ---- [/comment][nobr]
  459.  
  460.  
  461.  
  462. [comment] ---- PERSONA BOX START ---- [/comment]
  463. [/nobr][div=position:absolute; left:50px; top:1050px; width:257px; height:347px; background:var(--boxbkgd); border:var(--border4);][div=position:absolute; left:0px; top:0px; width:257px; height:20px; background:var(--accent4); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--windowbkgd); text-align:center;][comment]
  464.  
  465. ---- BOX NAME HERE ----
  466. [/comment]Persona.docx[/div][div=position:absolute; top:28px; left:10px; width:250px; height:310px; overflow:hidden;][div=position:relative; width:242px; height:310px; font-size:11px; line-height:15px; font-family:var(--font5); color:var(--text); overflow-y:scroll; text-align:justify; padding:5px 30px 0 0;][comment]
  467.  
  468. ---- CONTENT HERE ----
  469. [/comment][comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder4); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]virtues[/div]Affectionate, domestic, xxx, yyy, zzz
  470.  
  471. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder4); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]vices[/div]Fiesty, unpredictable, xxx, yyy, zzz
  472.  
  473. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder4); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]habits[/div]Staying inside, staying up at night, xxx, yyy, zzz
  474.  
  475. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder4); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]hobbies[/div]vvv, www, xxx, yyy, zzz
  476.  
  477. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder4); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]ambitions[/div]vvv, www, xxx, yyy, zzz
  478.  
  479. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder4); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]fears[/div]vvv, www, xxx, yyy, zzz
  480.  
  481. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder4); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]concept[/div]Nisl lao reet vel vulpu tate lorem consectetur ridiculus praesent sed pretium dis. Curabitur scelerisque habitasse egestas imperdiet ad sodales. Tortor vehicula vestibulum felis sit interdum bibendum. Congue sociosqu maximus sagittis commodo lorem. Mus morbi molestie placerat natoque laoreet nibh donec. Orci aliquam eu sociosqu vulputate fringilla primis lectus nulla. Volutpat ullamcorper facilisi phasellus cubilia lobortis laoreet nec montes. Commodo enim per sociosqu lectus morbi dictum pulvinar tincidunt ex.
  482.  
  483. Pretium mus ligula urna nam orci leo metus. Himenaeos nisl litora magna iaculis quisque senectus venenatis. Ullamcorper a tortor neque accumsan, maximus fermentum consectetur. Nisl fusce senectus natoque ad, cursus curabitur himenaeos. Phasellus consequat suspendisse libero neque commodo porta phasellus. Facilisi bibendum gravida natoque commodo eros. Viverra netus montes erat sodales ut et eros molestie.[/div][/div]
  484. [/div]
  485. [comment] ---- PERSONA BOX END ---- [/comment][nobr]
  486.  
  487.  
  488.  
  489. [comment] ---- BACKSTORY BOX START ---- [/comment]
  490. [/nobr][div=position:absolute; left:225px; top:1580px; width:410px; height:300px; background:var(--boxbkgd); border:var(--border2);][div=position:absolute; left:0px; top:0px; width:410px; height:20px; background:var(--accent2); font-family:var(--font1); font-size:20px; line-height:20px; color:var(--windowbkgd); text-align:center;][comment]
  491.  
  492. ---- BOX NAME HERE ----
  493. [/comment]Backstory.docx[/div][div=position:absolute; top:28px; left:10px; width:395px; height:260px; overflow:hidden;][div=position:relative; width:395px; height:260px; font-size:11px; line-height:15px; font-family:var(--font5); color:var(--text); overflow-y:scroll; text-align:justify; padding:5px 30px 0 0;][comment]
  494.  
  495. ---- CONTENT HERE ----
  496. [/comment][comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]occupation[/div]Kkyu Nation President
  497.  
  498. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]family[/div]Close to his mother, doesn't give a damn about his father (or any men really).
  499.  
  500. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]residence[/div]An inconspicuous basement well-hidden beneath the streets of Seoul, decked out with all sorts of unfamiliar technology.
  501.  
  502. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]history[/div]Curabitur scelerisque habitasse egestas imperdiet ad sodales. Tortor vehicula vestibulum felis sit interdum bibendum. Congue sociosqu maximus sagittis commodo lorem. Mus morbi molestie placerat natoque laoreet nibh donec. Orci aliquam eu sociosqu vulputate fringilla primis lectus nulla. Volutpat ullamcorper facilisi phasellus cubilia lobortis laoreet nec montes. Commodo enim per sociosqu lectus morbi dictum pulvinar tincidunt ex.
  503.  
  504. Pretium mus ligula urna nam orci leo metus. Himenaeos nisl litora magna iaculis quisque senectus venenatis. Ullamcorper a tortor neque accumsan, maximus fermentum consectetur. Nisl fusce senectus natoque ad, cursus curabitur himenaeos. Phasellus consequat suspendisse libero neque commodo porta phasellus. Facilisi bibendum gravida natoque commodo eros. Viverra netus montes erat sodales ut et eros molestie.
  505.  
  506. [comment] -- TAG -- [/comment][div=display:inline; border:var(--tborder2); font-family:var(--font2); font-size:11px; text-transform:uppercase; margin:0px 5px 1px 0; padding:1px 3px 1px 3px;]relationships[/div][list]
  507. [*][div=display:inline; color:var(--accent1);]Partner:[/div] vvv
  508. [*][div=display:inline; color:var(--accent1);]Friend 1:[/div] www
  509. [*][div=display:inline; color:var(--accent1);]Friend 2:[/div] xxx
  510. [*][div=display:inline; color:var(--accent1);]Enemy 1:[/div] yyy
  511. [*][div=display:inline; color:var(--accent1);]Enemy 2:[/div] zzz
  512. [/list]
  513. [/div][/div]
  514. [/div]
  515. [comment] ---- BACKSTORY BOX END ---- [/comment][nobr]
  516.  
  517. [comment] ---- CONTENT BOXES END---- [/comment]
  518.  
  519. [/nobr]
  520. [comment] ---- text for janky webpage length; do not delete ---- [/comment][div=position:relative; margin-top:2030px; color:var(--windowbkgd); opacity:0;]filler text[/div]
  521. [/div][/div][comment] ---- MAIN WINDOW END ---- [/comment]
  522. [/div][/div]
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!