Advertisement
soxxx

010 - large

Oct 31st, 2024 (edited)
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.52 KB | None | 0 0
  1. [comment]code by sox
  2.  
  3. [font=Poppins]titles[/font]
  4. [font=Karla]body[/font]
  5.  
  6. [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
  7.  
  8. /*colors*/
  9. --bkgd: rgba(255, 0, 162, 0.03); /*first 3 values = rgb of --accent1; 4th value = opacity*/
  10. --textcolor: ; /*all text not colored by the accent colors, purposely not specified by default ---- BE CAREFUL when setting this to a specific color as it might not be properly visible on certain themes (e.g. white, dark gray, etc.)*/
  11.  
  12. --accent0: #ffa8cb; /*light pink*/
  13. --accent1: #ff00a2; /*pink*/
  14. --accent2: #8ba5ad; /*gray blue*/
  15.  
  16.  
  17. /*values*/
  18. --border0: 1px solid var(--accent0); /*main border color + style*/
  19.  
  20. --playcolor: var(--accent2); /*play button color*/
  21. --playsize: 12px; /*play button size*/
  22. --playlineheight: 30px; /*play button line height*/
  23.  
  24. --titlesize: 16px; /*title text font size*/
  25. --titlelineheight: 30px; /*title text line height*/
  26.  
  27. --rolecolor: var(--accent1); /*role color*/
  28.  
  29. --plotcolor: var(--accent2); /*plot title color*/
  30. --statuscolor: var(--accent0); /*plot status color*/
  31.  
  32. --subtitlecolor: var(--accent2); /*subtitle color*/
  33. --subtitlesize: 12px; /*details text font size*/
  34. --subtitlelineheight: 19px; /*details text line height*/
  35.  
  36. --bodysize: 11px; /*body text font size*/
  37. --bodylineheight: 14px; /*body text line height*/
  38.  
  39. --quotecolor: var(--accent2); /*quote color*/
  40. --quotesize: 9px; /*quote text font size*/
  41. --quotelineheight: 10px; /*quote text line height*/
  42.  
  43.  
  44.  
  45. /*fonts*/
  46. --font1: 'Poppins', sans-serif;
  47. --font2: 'Karla', sans-serif;
  48.  
  49.  
  50. /*section pics*/
  51. --spic1: url('https://i.pinimg.com/736x/44/a8/77/44a8772a9447f86f6ed84e7028306b3e.jpg');
  52. --spic2: url('https://i.pinimg.com/736x/21/4b/d8/214bd8908c0ea03b63d8ffc075919389.jpg');
  53. --spic3: url('https://i.pinimg.com/736x/2d/8d/4d/2d8d4d911bd227c69c198a5ec186f42e.jpg');
  54. --spic4: url('https://i.pinimg.com/736x/e7/98/cb/e798cb486ac12d7806dfa458979b1179.jpg');
  55.  
  56. /*gallery pics*/
  57. --gpic1: url('https://i.pinimg.com/736x/2a/0d/46/2a0d461f6ff2d8e90b0e47acdd4847ba.jpg');
  58. --gpic2: url('https://i.pinimg.com/736x/41/a3/72/41a372d35bcf6b946efff0f99f9e2cc5.jpg');
  59. --gpic3: url('https://i.pinimg.com/736x/48/34/83/483483620d9ae6bc344dfc624b69b58a.jpg');
  60. --gpic4: url('https://i.pinimg.com/736x/ec/1c/22/ec1c224edc294621f105aefab2a988c1.jpg');
  61. --gpic5: url('https://i.pinimg.com/736x/d6/dd/56/d6dd56c5e242c09d45b38199919a0f02.jpg');
  62.  
  63.  
  64. ][div=margin:auto; position:relative; width:700px; height:500px; margin-top:10px; margin-bottom:10px; background:var(--bkgd); border:var(--border0); box-sizing:border-box; overflow:hidden; cursor: url(https://imgur.com/5ex8RXq.png), auto; font-family:var(--font1); color:var(--textcolor);][nobr]
  65.  
  66. [comment]---- left content start ----[/comment]
  67. [div=position:absolute; width:580px; height:480px; left:9px; top:9px; border:var(--border0); box-sizing:border-box; overflow:hidden;]
  68.  
  69.  
  70. [comment]---- name box start ----[/comment]
  71. [div=position:absolute; left:0px; top:0px; width:100%; height:30px; border-bottom:var(--border0); box-sizing:border-box; overflow:hidden;]
  72.  
  73.  
  74. [comment]---- music button start ----
  75. ---- graciously granted to me by uxie ty queen ily [/comment]
  76. [div=position:relative; display:inline-block; width:30px; height:30px; border-right:var(--border0); box-sizing:border-box; color:var(--playcolor); padding: 0 10px 0 10px; overflow:hidden;]
  77. [div=height:30px; width:100%; flex-shrink:0; display:flex; flex-flow:row nowrap; align-items:center;]
  78.  
  79. [comment] ---- play button ---- [/comment]
  80. [div=height:30px; width:30px; border-radius:100%; border:var(--playborder);position:relative; flex-shrink:0;][div=height:100%; width:100%; background-size:cover; position:relative; z-index:2; pointer-events:none; text-transform:uppercase; font-size:var(--playsize); line-height:var(--playlineheight);][fa]fas fa-play[/fa][/div]
  81.  
  82. [comment] ---- media files ---- [/comment]
  83. [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;]
  84.  
  85. [comment]---- SOUNDCLOUD ---- (replace the soundcloud link within media tag with your own) ---- [/comment]
  86. [border=transparent; height:80px; width:180px; padding:0; margin-top:-16px; margin-left:-14px; position:absolute; top:0; left:0;]
  87. [media=soundcloud]https://soundcloud.com/user-180672370/karina-up[/media][/border]
  88.  
  89. [comment]---- GOOGLE DRIVE ---- (replace the google file code within media tag with your own) ---- [/comment]
  90. [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;]
  91. [media=googledrive]1EwyiuGOGDy8NrbyIm2mfdHc7szRnCMBC[/MEDIA]
  92.  
  93. [/border][/border][/border]
  94. [/div][/div][/div][comment]---- music button end ----[/comment]
  95.  
  96.  
  97. [comment]---- role ----[/comment]
  98. [div=position:relative; display:inline-block; width:auto; height:30px; border-right:var(--border0); box-sizing:border-box; color:var(--rolecolor); padding: 0 10px 0 5px; overflow:hidden; text-transform:uppercase; font-size:var(--titlesize); line-height:var(--titlelineheight); font-style:italic;][comment]
  99.  
  100.  
  101. ---- ROLE HERE ----
  102. [/comment]the black mamba.[/div]
  103.  
  104.  
  105. [comment]---- name ----[/comment]
  106. [div=position:relative; display:inline-block; margin-left:0px; width:auto; height:30px; box-sizing:border-box; padding: 0 10px 0 5px; overflow:hidden; text-transform:uppercase; font-size:var(--titlesize); line-height:var(--titlelineheight);][comment]
  107.  
  108.  
  109. ---- NAME HERE ----
  110. [/comment]유지민 — [b]jimin yoo.[/b][/div]
  111.  
  112. [/div][/div][comment]---- name box end ----[/comment]
  113.  
  114.  
  115.  
  116. [comment]---- scroll box start ----[/comment]
  117. [/nobr][div=position:absolute; width:580px; height:480px; left:9px; top:9px; border:var(--border0); box-sizing:border-box; overflow:hidden;][div=position:relative; margin-top:30px;width:615px; height:471px; padding:0 20px 0 0; overflow-y:scroll; text-align:justify;][comment]
  118.  
  119. ---- SECTION 1 START ----
  120. ---- copy (including comments) to add another section
  121. [/comment][div=position:relative; width:100%; height:230px; border-bottom:var(--border0); box-sizing:border-box; overflow:hidden;][comment]
  122.  
  123. ---- section picture ----
  124. [/comment][div=position:absolute; left:9px; top:9px; width:210px; height:210px; border:var(--border0); box-sizing:border-box; background:var(--spic1); background-size:cover; background-position:50% 50%;][/div][comment]
  125.  
  126. ---- section title ----
  127. [/comment][div=position:absolute; left:228px; top:9px; width:351px; height:20px; border:var(--border0); box-sizing:border-box; color:var(--subtitlecolor); padding: 0 10px 0 5px; overflow:hidden; text-transform:uppercase; font-size:var(--subtitlesize); line-height:var(--subtitlelineheight);][comment]
  128.  
  129. ---- SECTION 1 TITLE HERE ----
  130. [/comment]basics & visage[/div][comment]
  131.  
  132. ---- section body ----[/comment][div=position:absolute; left:228px; top:28px; width:351px; height:191px; border:var(--border0); box-sizing:border-box; padding: 10px 10px 10px 10px; overflow:hidden; font-size:var(--bodysize); line-height:var(--bodylineheight); font-family:var(--font2);][div=position:relative; width:325px; height:165px; overflow-y:scroll; padding:0 30px 0 10px;][comment]
  133.  
  134. ---- BODY 1 HERE ----
  135. [/comment][div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]name:[/div] yoo jimin
  136. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]alias:[/div] "karina"
  137. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]age:[/div] 24
  138. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]gender:[/div] female
  139. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]sexuality:[/div] who knows?
  140. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]occupation:[/div] warrior
  141. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]faction:[/div] pro-naevis
  142. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]role:[/div] the black mamba
  143.  
  144. [comment]-- QUOTE START --
  145. [/comment][div=margin: 10px 0 0px 0; text-transform:uppercase; color:var(--quotecolor); font-style:italic; font-family:var(--font1); font-size:var(--quotesize); line-height:var(--quotelineheight);]"i do what i do because it is the right thing to do. i am a warrior, and it is the way of the warrior to fight superior odds."[/div][comment]
  146. -- QUOTE END --[/comment]
  147.  
  148. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]hair:[/div] dark brown
  149. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]eyes:[/div] pink
  150. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]skin:[/div] fair
  151. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]height:[/div] 5' 8"
  152. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]ethnicity:[/div] east asian
  153. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]faceclaim:[/div] karina
  154.  
  155. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]distinguishing features:[/div] nunc suspendisse massa facilisi facilisi vitae cubilia etiam. tempor ullamcorper efficitur id eleifend ut. tristique vehicula tellus felis tempus, elementum ligula semper.
  156.  
  157. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]tattoos:[/div] ridiculus nunc sit lectus diam dignissim suscipit. tempor volutpat finibus laoreet etiam posuere. lectus auctor bibendum iaculis dictumst praesent adipiscing.
  158.  
  159. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]style:[/div] urna nunc suspendisse massa facilisi facilisi vitae cubilia etiam. tempor ullamcorper efficitur id eleifend ut. tristique vehicula tellus felis tempus, elementum ligula semper. ridiculus nunc sit lectus diam dignissim suscipit. tempor volutpat finibus laoreet etiam posuere. lectus auctor bibendum iaculis dictumst praesent adipiscing. quisque porta blandit mollis magnis odio. aliquam varius condimentum scelerisque proin facilisis arcu.
  160. [/div][/div][/div][comment]---- SECTION 1 END ----
  161. ---- copy this comment too!
  162.  
  163. [/comment][comment]
  164.  
  165.  
  166. ---- SECTION 2 START ----
  167. ---- copy (including comments) to add another section
  168. [/comment][div=position:relative; width:100%; height:230px; border-bottom:var(--border0); box-sizing:border-box; overflow:hidden;][comment]
  169.  
  170. ---- section picture ----
  171. [/comment][div=position:absolute; left:369px; top:9px; width:210px; height:210px; border:var(--border0); box-sizing:border-box; background:var(--spic2); background-size:cover; background-position:50% 50%;][/div][comment]
  172.  
  173. ---- section title ----
  174. [/comment][div=position:absolute; left:9px; top:9px; width:351px; height:20px; border:var(--border0); box-sizing:border-box; color:var(--subtitlecolor); padding: 0 10px 0 5px; overflow:hidden; text-transform:uppercase; font-size:var(--subtitlesize); line-height:var(--subtitlelineheight);][comment]
  175.  
  176. ---- SECTION 2 TITLE HERE ----
  177. [/comment]persona & attributes[/div][comment]
  178.  
  179. ---- section body ----[/comment][div=position:absolute; left:9px; top:28px; width:351px; height:191px; border:var(--border0); box-sizing:border-box; padding: 10px 10px 10px 10px; overflow:hidden; font-size:var(--bodysize); line-height:var(--bodylineheight); font-family:var(--font2);][div=position:relative; width:325px; height:165px; overflow-y:scroll; padding:0 30px 0 10px;][comment]
  180.  
  181. ---- BODY 2 HERE ----
  182. [/comment][div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]personality:[/div] nunc suspendisse massa facilisi facilisi vitae cubilia etiam. tempor ullamcorper efficitur id eleifend ut. tristique vehicula tellus felis tempus, elementum ligula semper. ridiculus nunc sit lectus diam dignissim suscipit. tempor volutpat finibus laoreet etiam posuere. lectus auctor bibendum iaculis dictumst praesent adipiscing. quisque porta blandit mollis magnis odio. aliquam varius condimentum scelerisque proin facilisis arcu.
  183.  
  184. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]virtues:[/div] vvv, www, xxx, yyy, zzz
  185.  
  186. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]vices:[/div] vvv, www, xxx, yyy, zzz
  187.  
  188. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]hobbies:[/div] lectus auctor bibendum iaculis dictumst praesent adipiscing. quisque porta blandit mollis magnis odio. aliquam varius condimentum scelerisque proin facilisis arcu.
  189.  
  190. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]ailments:[/div] tristique vehicula tellus felis tempus, elementum ligula semper. ridiculus nunc sit lectus diam dignissim suscipit. tempor volutpat finibus laoreet etiam posuere.
  191.  
  192. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]ambitions:[/div] lectus auctor bibendum iaculis dictumst praesent adipiscing. quisque porta blandit mollis magnis odio. aliquam varius condimentum scelerisque proin facilisis arcu.
  193.  
  194. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]fears:[/div] tristique vehicula tellus felis tempus, elementum ligula semper. ridiculus nunc sit lectus diam dignissim suscipit. tempor volutpat finibus laoreet etiam posuere.
  195.  
  196. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]strengths:[/div] lectus auctor bibendum iaculis dictumst praesent adipiscing. quisque porta blandit mollis magnis odio. aliquam varius condimentum scelerisque proin facilisis arcu.
  197.  
  198. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]weaknesses:[/div] tristique vehicula tellus felis tempus, elementum ligula semper. ridiculus nunc sit lectus diam dignissim suscipit. tempor volutpat finibus laoreet etiam posuere.
  199. [/div][/div][/div][comment]---- SECTION 2 END ----
  200. ---- copy this comment too!
  201.  
  202. [/comment][comment]
  203.  
  204.  
  205. ---- SECTION 3 START ----
  206. ---- copy (including comments) to add another section
  207. [/comment][div=position:relative; width:100%; height:230px; border-bottom:var(--border0); box-sizing:border-box; overflow:hidden;][comment]
  208.  
  209. ---- section picture ----
  210. [/comment][div=position:absolute; left:9px; top:9px; width:210px; height:210px; border:var(--border0); box-sizing:border-box; background:var(--spic3); background-size:cover; background-position:50% 50%;][/div][comment]
  211.  
  212. ---- section title ----
  213. [/comment][div=position:absolute; left:228px; top:9px; width:351px; height:20px; border:var(--border0); box-sizing:border-box; color:var(--subtitlecolor); padding: 0 10px 0 5px; overflow:hidden; text-transform:uppercase; font-size:var(--subtitlesize); line-height:var(--subtitlelineheight);][comment]
  214.  
  215. ---- SECTION 3 TITLE HERE ----
  216. [/comment]lore & backstory[/div][comment]
  217.  
  218. ---- section body ----[/comment][div=position:absolute; left:228px; top:28px; width:351px; height:191px; border:var(--border0); box-sizing:border-box; padding: 10px 10px 10px 10px; overflow:hidden; font-size:var(--bodysize); line-height:var(--bodylineheight); font-family:var(--font2);][div=position:relative; width:325px; height:165px; overflow-y:scroll; padding:0 30px 0 10px;][comment]
  219.  
  220. ---- BODY 3 HERE ----
  221. [/comment][div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]weapon:[/div] brass knuckles
  222.  
  223. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]inventory:[/div] lectus auctor bibendum iaculis dictumst praesent adipiscing. quisque porta blandit mollis magnis odio. aliquam varius condimentum scelerisque proin facilisis arcu.
  224.  
  225. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]family:[/div] tristique vehicula tellus felis tempus, elementum ligula semper. ridiculus nunc sit lectus diam dignissim suscipit. tempor volutpat finibus laoreet etiam posuere.
  226.  
  227. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]residence:[/div] lectus auctor bibendum iaculis dictumst praesent adipiscing. quisque porta blandit mollis magnis odio. aliquam varius condimentum scelerisque proin facilisis arcu.
  228.  
  229. [comment]-- QUOTE START --
  230. [/comment][div=margin: 10px 0 0px 0; text-transform:uppercase; color:var(--quotecolor); font-style:italic; font-family:var(--font1); font-size:var(--quotesize); line-height:var(--quotelineheight);]"i don't try to intimidate anybody before a fight. that's nonsense. i intimidate people by hitting them."[/div][comment]
  231. -- QUOTE END --[/comment]
  232.  
  233. [div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]history:[/div] lorem ipsum odor amet, consectetuer adipiscing elit. adipiscing euismod leo posuere vulputate accumsan libero congue fermentum nisl. montes morbi ad habitant laoreet posuere nisl eget elit. eleifend efficitur aenean hendrerit sagittis risus sociosqu lectus. ex morbi proin dapibus ultrices congue malesuada consequat torquent nulla. praesent ornare blandit sagittis feugiat ridiculus dapibus magnis dictum. mollis at felis elit justo cras ridiculus purus massa volutpat.
  234.  
  235. phasellus sagittis accumsan primis facilisi malesuada ultrices. etiam platea tincidunt habitasse sem aptent suscipit quisque. dictum ac facilisis ornare potenti leo. magna tortor ex curae dolor maecenas natoque. parturient porta lectus adipiscing senectus turpis est nunc odio. mus laoreet faucibus venenatis maximus lacus. orci odio pellentesque conubia tristique tincidunt orci posuere tempus. cursus sit senectus nascetur congue volutpat sit. porta porttitor fringilla gravida porta parturient id.
  236.  
  237. dictum montes amet facilisi odio nulla laoreet montes. sapien pellentesque habitant tempus; faucibus facilisis mollis quis aliquam eu. praesent elit donec convallis ante suspendisse tortor non. porttitor lectus sagittis dictumst nullam pretium consequat. non ultricies justo donec efficitur nullam. venenatis mus ut habitasse aliquam potenti malesuada neque posuere per. lorem lobortis luctus venenatis, a tortor dapibus posuere. nibh felis quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  238. [/div][/div][/div][comment]---- SECTION 3 END ----
  239. ---- copy this comment too!
  240.  
  241. [/comment][comment]
  242.  
  243.  
  244. ---- SECTION 4 START ----
  245. ---- copy (including comments) to add another section
  246. [/comment][div=position:relative; width:100%; height:230px; border-bottom:var(--border0); box-sizing:border-box; overflow:hidden;][comment]
  247.  
  248. ---- section picture ----
  249. [/comment][div=position:absolute; left:369px; top:9px; width:210px; height:210px; border:var(--border0); box-sizing:border-box; background:var(--spic4); background-size:cover; background-position:50% 50%;][/div][comment]
  250.  
  251. ---- section title ----
  252. [/comment][div=position:absolute; left:9px; top:9px; width:351px; height:20px; border:var(--border0); box-sizing:border-box; color:var(--subtitlecolor); padding: 0 10px 0 5px; overflow:hidden; text-transform:uppercase; font-size:var(--subtitlesize); line-height:var(--subtitlelineheight);][comment]
  253.  
  254. ---- SECTION 4 TITLE HERE ----
  255. [/comment]current & past connections[/div][comment]
  256.  
  257. ---- section body ----[/comment][div=position:absolute; left:9px; top:28px; width:351px; height:191px; border:var(--border0); box-sizing:border-box; padding: 10px 10px 10px 10px; overflow:hidden; font-size:var(--bodysize); line-height:var(--bodylineheight); font-family:var(--font2);][div=position:relative; width:325px; height:165px; overflow-y:scroll; padding:0 30px 0 10px;][comment]
  258.  
  259. ---- BODY 4 HERE ----
  260. [/comment][comment]-- NPC RELATIONSHIPS START --
  261. [/comment][div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]known affiliates:[/div]
  262. [comment]-- plot --[/comment][div=margin-top:10px; color:var(--plotcolor); margin-right:5px; font-weight:700; font-style:italic;]→ childhood friend[/div] nibh felis quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  263. [comment]-- plot --[/comment][div=margin-top:10px; color:var(--plotcolor); margin-right:5px; font-weight:700; font-style:italic;]→ jilted ex-lover[/div] felis quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  264. [comment]-- plot --[/comment][div=margin-top:10px; color:var(--plotcolor); margin-right:5px; font-weight:700; font-style:italic;]→ stupid boss[/div] quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  265. [comment]-- NPC RELATIONSHIPS END --
  266. [/comment]
  267.  
  268. [comment]-- IC CHARACTER RELATIONSHIPS START --
  269. [/comment][div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]relationships:[/div]
  270. [comment]-- plot --[/comment][div=margin-top:10px; color:var(--plotcolor); margin-right:5px; font-weight:700; font-style:italic;]→ oc name 1[/div] nibh felis quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  271. [comment]-- plot --[/comment][div=margin-top:10px; color:var(--plotcolor); margin-right:5px; font-weight:700; font-style:italic;]→ oc name 2[/div] felis quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  272. [comment]-- plot --[/comment][div=margin-top:10px; color:var(--plotcolor); margin-right:5px; font-weight:700; font-style:italic;]→ oc name 3[/div] quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  273. [comment]-- IC CHARACTER RELATIONSHIPS END --
  274. [/comment]
  275.  
  276. [comment]-- PLOTS START --
  277. [/comment][div=display:inline; text-transform:uppercase; color:var(--accent1); font-weight:700; margin-right:2px;]plot ideas:[/div]
  278. [comment]-- plot --[/comment][div=margin-top:10px; color:var(--plotcolor); margin-right:5px; font-weight:700; font-style:italic;]→ "you had me at..."[div=display:inline; margin-left:6px; font-style:normal; color:var(--statuscolor); padding:0 2px 0 2px; text-transform:uppercase;](open)[/div][/div] nibh felis quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  279. [comment]-- plot --[/comment][div=margin-top:10px; color:var(--plotcolor); margin-right:5px; font-weight:700; font-style:italic;]→ "please shut up."[div=display:inline; margin-left:6px; font-style:normal; color:var(--statuscolor); padding:0 2px 0 2px; text-transform:uppercase;](open)[/div][/div] nibh felis quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  280. [comment]-- plot --[/comment][div=margin-top:10px; color:var(--plotcolor); margin-right:5px; font-weight:700; font-style:italic;]→ "care for a scheme?"[div=display:inline; margin-left:6px; font-style:normal; color:var(--statuscolor); padding:0 2px 0 2px; text-transform:uppercase;](open)[/div][/div] nibh felis quisque diam lacinia, condimentum mauris tellus aenean mollis. potenti elementum mollis curae lacinia sit ultricies proin ex nunc.
  281. [comment]-- PLOTS END --
  282. [/comment][/div][/div][/div][comment]---- SECTION 4 END -------- copy this comment too![/comment]
  283. [/div][comment]---- scroll box end ----[/comment]
  284. [/div][nobr][comment]---- left content end ----[/comment]
  285.  
  286.  
  287. [comment]---- gallery start ----[/comment]
  288. [div=position:absolute; width:101px; height:480px; left:588px; top:9px; padding:9px; border:var(--border0); box-sizing:border-box; overflow:hidden; display:grid; grid-template-rows: repeat(5, minmax(85px, 1fr)); grid-template-columns: 80px 1fr; grid-template-areas: "a" "b" "c" "d" "e" "f"; grid-gap: 8.7px; scroll-snap-align:start;]
  289.  
  290. [comment]----pic 1----[/comment]
  291. [div=grid-area:a; border-radius: 0px; border:var(--border0); box-sizing:border-box; background:var(--gpic1); background-size:cover; background-position:50% 50%;][/div]
  292.  
  293. [comment]----pic 2----[/comment]
  294. [div=grid-area:b; border-radius: 0px; border:var(--border0); box-sizing:border-box; background:var(--gpic2); background-size:cover; background-position:50% 50%;][/div]
  295.  
  296. [comment]----pic 3----[/comment]
  297. [div=grid-area:c; border-radius: 0px; border:var(--border0); box-sizing:border-box; background:var(--gpic3); background-size:cover; background-position:50% 50%;][/div]
  298.  
  299. [comment]----pic 4----[/comment]
  300. [div=grid-area:d; border-radius: 0px; border:var(--border0); box-sizing:border-box; background:var(--gpic4); background-size:cover; background-position:50% 50%;][/div]
  301.  
  302. [comment]----pic 5----[/comment]
  303. [div=grid-area:e; border-radius: 0px; border:var(--border0); box-sizing:border-box; background:var(--gpic5); background-size:cover; background-position:50% 50%;][/div]
  304. [/div]
  305. [comment]---- gallery end ----[/comment]
  306.  
  307. [/nobr][/div][/div]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement