API tools faq
paste
Advertisement
soxxx

008 - light

soxxx
Oct 15th, 2024 (edited)
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.60 KB | None | 0 0
raw download clone embed print report
  1. [comment]code by sox
  2.  
  3. [font=Roboto Condensed]titles[/font]
  4. [font=Teachers]body[/font]
  5.  
  6. [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
  7.  
  8. /*colors*/
  9. --bkgd: #dedede; /*light gray*/
  10. --text: #000; /*black*/
  11. --scroll: #fff; /*white*/
  12.  
  13. --accent0: #fff; /*white*/
  14. --accent1: #7eb1cf; /*light blue*/
  15. --accent2: #e087ab; /*pink*/
  16. --accent3: #909992; /*green gray*/
  17. --accent4: #ffdb9c; /*yellow*/
  18.  
  19.  
  20. /*values*/
  21. --bkgdborder: 3px solid var(--accent0); /*main border*/
  22. --playborder: 0.5px solid var(--accent2); /*play button border*/
  23.  
  24. --titlesize: 24px; /*title text font size*/
  25. --titlelineheight: 10px; /*title text line height*/
  26. --titleshadow: -2px -2px 0px var(--accent0);
  27.  
  28. --bodysize: 14px; /*body text font size*/
  29. --bodylineheight: 16px; /*body text line height*/
  30.  
  31. --accentsize: 15px;
  32. --accenty: 308px;
  33. --accentshadow: -2px -2px 0px var(--bkgd);
  34. --accentshadow2: -1px -1px 0px var(--accent3);
  35.  
  36.  
  37. /*fonts*/
  38. --font1: 'Roboto Condensed', sans-serif;
  39. --font2: 'Teachers', sans-serif;
  40.  
  41.  
  42. /*pics - in order*/
  43. --titlepic: url('https://i.pinimg.com/736x/0d/d6/2d/0dd62d9cc36656f8c7be83afcdf0a20b.jpg');
  44. --narrowpic: url('https://i.imgur.com/frQLTe2.png');
  45. --pospic: url('https://i.imgur.com/yY5QSZ1.jpeg');
  46. --negpic: url('https://i.imgur.com/1DeUu23.png');
  47. --personapic: url('https://i.pinimg.com/736x/76/6f/79/766f79a42ee46b0be9d2efbbc56a711b.jpg');
  48. --bkgdpic1: url('https://i.pinimg.com/736x/91/f6/c6/91f6c665f7ed1ee380fb546064cfa02c.jpg');
  49. --bkgdpic2: url('https://i.imgur.com/V00MmCr.png');
  50.  
  51.  
  52. ][div=margin:auto; position:relative; width:400px; height:500px; margin-top:10px; margin-bottom:10px; background: var(--bkgd); border:var(--bkgdborder); box-sizing:border-box; overflow:hidden; cursor: url(https://imgur.com/5ex8RXq.png), auto;][comment]
  53.  
  54. ---- main scroll box ----
  55. [/comment][div=position:absolute; left:12px; top:12px; width:400px; height:470px;noverflow:hidden;][div=position:relative; width:375px; height:100%; overflow-y:scroll; padding:0px 30px 0px 0px; font-family: var(--font2); color:var(--text); font-size:var(--bodysize); line-height:var(--bodylineheight); text-align:justify;][nobr]
  56.  
  57.  
  58. [comment] ---- IMAGES START ---- [/comment]
  59. [comment] -- title pic -- [/comment][div=position:absolute; left:0px; top:0px; width:370px; height:330px; background:var(--titlepic); background-size:cover; background-position:50% 50%;][/div]
  60. [comment] -- narrow pic -- [/comment][div=position:absolute; left:0px; top:570px; width:370px; height:100px; background:var(--narrowpic); background-size:cover; background-position:50% 50%;][/div]
  61. [comment] -- positives pic -- [/comment][div=position:absolute; left:0px; top:1050px; width:179px; height:179px; background:var(--pospic); background-size:cover; background-position:50% 50%;][/div]
  62. [comment] -- negatives pic -- [/comment][div=position:absolute; left:191px; top:1050px; width:179px; height:179px; background:var(--negpic); background-size:cover; background-position:50% 50%;][/div]
  63. [comment] -- persona pic -- [/comment][div=position:absolute; left:0px; top:1450px; width:370px; height:250px; background:var(--personapic); background-size:cover; background-position:50% 50%;][/div]
  64. [comment] -- bkgd pic 1 -- [/comment][div=position:absolute; left:0px; top:2120px; width:179px; height:179px; background:var(--bkgdpic1); background-size:cover; background-position:50% 50%;][/div]
  65. [comment] -- bkgd pic 2 -- [/comment][div=position:absolute; left:191px; top:2120px; width:179px; height:179px; background:var(--bkgdpic2); background-size:cover; background-position:50% 50%;][/div]
  66. [comment] ---- IMAGES END---- [/comment]
  67.  
  68.  
  69.  
  70.  
  71. [comment] ---- ACCENTS START---- [/comment]
  72. [div=position:absolute; left:10px; top:var(--accenty); width:var(--accentsize); height:var(--accentsize); background:var(--accent0); box-shadow:var(--accentshadow);][/div]
  73. [div=position:absolute; left:27px; top:var(--accenty); width:var(--accentsize); height:var(--accentsize); background:var(--accent1); box-shadow:var(--accentshadow);][/div]
  74. [div=position:absolute; left:44px; top:var(--accenty); width:var(--accentsize); height:var(--accentsize); background:var(--accent2); box-shadow:var(--accentshadow);][/div]
  75. [div=position:absolute; left:61px; top:var(--accenty); width:var(--accentsize); height:var(--accentsize); background:var(--accent4); box-shadow:var(--accentshadow);][/div]
  76. [div=position:absolute; left:78px; top:var(--accenty); width:var(--accentsize); height:var(--accentsize); background:var(--accent3); box-shadow:var(--accentshadow);][/div]
  77. [div=position:absolute; left:315px; top:8px; width:60px; height:var(--accentsize); text-shadow:var(--accentshadow2); color:var(--scroll); font-size:10px; font-weight:700; text-transform:uppercase; opacity:0.5;]scroll [div=display:inline; font-size:9px;][fa]fas fa-arrow-down[/fa][/div][/div]
  78. [comment] ---- ACCENTS END ---- [/comment]
  79.  
  80.  
  81.  
  82.  
  83. [comment] ---- MUSIC START---- [/comment]
  84.  
  85. [comment] ---- DETAILS CONTAINER ---- [/comment]
  86. [div=position:absolute; right:25px; top:var(--accenty); width:auto; height:15px; background:var(--accent0); text-transform:uppercase; font-style:italic; color:var(--accent1); font-weight:700; font-size:11px; line-height:15px; text-align:right; padding-left:3px; padding-right:25px;][comment]
  87.  
  88. ---- SONG NAME HERE ----
  89. [/comment]spark[div=display:inline; color:var(--accent3); margin-left:3px;][comment]
  90.  
  91. ---- ARTIST NAME HERE ----
  92. [/comment]winter[/div][/div]
  93.  
  94. [comment] ---- MUSIC PLAYER BUTTON
  95. ---- graciously granted to me by uxie ty queen ily [/comment]
  96. [div=position:absolute; top:var(--accenty); right:25px; width:20px; height:20px;]
  97. [div=height:15px; width:100%; flex-shrink:0; padding:5px 5px 5px 5px; box-sizing:border-box; display:flex; flex-flow:row nowrap; align-items:center;]
  98.  
  99. [comment] ---- play button ---- [/comment]
  100. [div=height:10px; width:10px; 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; font-size:6px; line-height:11px; text-align:center; color:var(--accent2);][fa]fas fa-play[/fa][/div]
  101.  
  102. [comment] ---- media files ---- [/comment]
  103. [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;]
  104.  
  105. [comment]---- SOUNDCLOUD ---- (replace the soundcloud link within media tag with your own) ---- [/comment]
  106. [border=transparent; height:80px; width:180px; padding:0; margin-top:-16px; margin-left:-14px; position:absolute; top:0; left:0;]
  107. [media=soundcloud]https://soundcloud.com/user-180672370/winter-spark[/media][/border]
  108.  
  109. [comment]---- GOOGLE DRIVE ---- (replace the google file code within media tag with your own) ---- [/comment]
  110. [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;]
  111. [media=googledrive]1EwyiuGOGDy8NrbyIm2mfdHc7szRnCMBC[/MEDIA]
  112.  
  113. [/border][/border][/border]
  114. [/div][/div][/div]
  115.  
  116. [comment] ---- MUSIC END ---- [/comment]
  117.  
  118.  
  119.  
  120.  
  121. [comment] ---- TITLES START---- [/comment]
  122.  
  123. [comment] ---- name ---- [/comment]
  124. [div=position:absolute; left:0px; top:350px; width:370px; height:11px; background:var(--accent0); font-family:var(--font1); font-size:var(--titlesize); line-height:var(--titlelineheight); color:var(--accent2); text-transform:uppercase; text-align:left; font-weight:900; text-shadow:var(--titleshadow);][comment]
  125.  
  126. ---- FIRST NAME HERE ----
  127. [/comment]minjeong[div=display:inline; color:var(--accent3); margin-left:5px;][comment]
  128.  
  129. ---- LAST NAME HERE ----
  130. [/comment]kim[/div][/div]
  131.  
  132.  
  133. [comment] ---- persona ---- [/comment]
  134. [div=position:absolute; left:0px; top:690px; width:370px; height:11px; background:var(--accent0); font-family:var(--font1); font-size:var(--titlesize); line-height:var(--titlelineheight); color:var(--accent2); text-transform:uppercase; text-align:left; font-weight:900; text-shadow:var(--titleshadow);][comment]
  135.  
  136. ---- TITLE PT1 HERE ----
  137. [/comment]persona[div=display:inline; color:var(--accent4); margin-left:5px;][comment]
  138.  
  139. ---- TITLE PT2 HERE ----
  140. [/comment]&[/div][div=display:inline; color:var(--accent3); margin-left:5px;][comment]
  141.  
  142. ---- TITLE PT3 HERE ----
  143. [/comment]attributes[/div][/div]
  144.  
  145.  
  146. [comment] ---- positives ---- [/comment]
  147. [div=position:absolute; left:0px; top:1242px; width:179px; height:11px; background:var(--accent0); font-family:var(--font1); font-size:var(--titlesize); line-height:var(--titlelineheight); color:var(--accent2); text-transform:uppercase; text-align:center; font-weight:900; text-shadow:var(--titleshadow);][comment]
  148.  
  149. ---- TITLE HERE ----
  150. [/comment]virtues[/div]
  151.  
  152.  
  153. [comment] ---- negatives---- [/comment]
  154. [div=position:absolute; left:191px; top:1242px; width:179px; height:11px; background:var(--accent0); font-family:var(--font1); font-size:var(--titlesize); line-height:var(--titlelineheight); color:var(--accent3); text-transform:uppercase; text-align:center; font-weight:900; text-shadow:var(--titleshadow);][comment]
  155.  
  156. ---- TITLE HERE ----
  157. [/comment]vices[/div]
  158.  
  159.  
  160. [comment] ---- backstory ---- [/comment]
  161. [div=position:absolute; left:0px; top:1720px; width:370px; height:11px; background:var(--accent0); font-family:var(--font1); font-size:var(--titlesize); line-height:var(--titlelineheight); color:var(--accent2); text-transform:uppercase; text-align:left; font-weight:900; text-shadow:var(--titleshadow);][comment]
  162.  
  163. ---- TITLE PT1 HERE ----
  164. [/comment]backstory[div=display:inline; color:var(--accent4); margin-left:5px;][comment]
  165.  
  166. ---- TITLE PT2 HERE ----
  167. [/comment]&[/div][div=display:inline; color:var(--accent3); margin-left:5px;][comment]
  168.  
  169. ---- TITLE PT3 HERE ---- rela
  170. [/comment]connections[/div][/div]
  171.  
  172.  
  173. [comment] ---- TITLES END ---- [/comment]
  174.  
  175.  
  176.  
  177. [comment] ---- TEXT BOXES START ---- [/comment]
  178.  
  179. [comment] ---- BASICS START ---- [/comment]
  180. [/nobr][div=position:absolute; left:5px; top:380px; width:370px; height:170px; overflow:hidden;][div=position:relative; width:370px; height:170px; overflow-y:scroll; padding: 0 20px 0 0;][comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]name.[/div]Minjeong Kim
  181. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]alias.[/div]Winter
  182. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]age.[/div]23
  183. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]gender.[/div]Female
  184. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]sexuality.[/div]Questioning
  185. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]occupation.[/div]Hostess
  186. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]role.[/div]The Instigator
  187. [comment] -- QUOTE -- [/comment][div=margin-top:20px; margin-bottom:20px; font-family:var(--font1); font-size:10px; line-height:12px; font-style:italic; color:var(--accent3); text-transform:uppercase; font-weight:700;][comment]
  188.  
  189. -- QUOTE TEXT HERE--
  190. [/comment]"We feel cold, but we don't mind it, because we will not come to harm. And if we wrapped up against the cold, we wouldn't feel other things, like the bright tingle of the stars, or the music of the aurora, or best of all the silky feeling of moonlight on our skin. It's worth being cold for that..."[/div][comment]
  191.  
  192. -- continued tags -- [/comment][comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]eyes.[/div]Dark blue
  193. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]hair.[/div]Blonde
  194. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]skin.[/div]Fair
  195. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]ethnicity.[/div]East Asian
  196. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]height.[/div]5' 5"
  197. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]body mods.[/div]Several piercings
  198. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]faceclaim.[/div]Winter
  199. [/div][/div][nobr]
  200. [comment] ---- BASICS END---- [/comment]
  201.  
  202.  
  203. [comment] ---- PERSONA START ---- [/comment]
  204. [/nobr][div=position:absolute; left:5px; top:720px; width:370px; height:306px; overflow:hidden;][div=position:relative; width:370px; height:306px; overflow-y:scroll; padding: 0 20px 0 0;][comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]overview.[/div]Feugiat convallis curae metus, sagittis vivamus mauris. Pellentesque placerat blandit ornare maximus himenaeos torquent libero. Venenatis dolor maximus himenaeos ex rhoncus vulputate. Pellentesque augue sociosqu amet neque curabitur arcu metus. Sodales consectetur in non mattis senectus. Augue ut magna fringilla sociosqu habitant vehicula. Enim orci mattis in accumsan pharetra. Vivamus tincidunt augue odio nisl suscipit euismod lectus. Vulputate nam fusce sem enim dignissim.
  205. [comment] -- QUOTE -- [/comment][div=margin-top:20px; margin-bottom:20px; font-family:var(--font1); font-size:10px; line-height:12px; font-style:italic; color:var(--accent3); text-transform:uppercase; font-weight:700;][comment]
  206.  
  207. -- QUOTE TEXT HERE--
  208. [/comment]"Nothing burns like the cold. But only for a while. Then it gets inside you and starts to fill you up, and after a while you don't have the strength to fight it."[/div][comment]
  209.  
  210. -- continued tags -- [/comment][comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]style.[/div]Augue ut magna fringilla sociosqu habitant vehicula. Enim orci mattis in accumsan pharetra. Vivamus tincidunt augue odio nisl suscipit euismod lectus. Vulputate nam fusce sem enim dignissim. Sed facilisis dapibus habitasse placerat iaculis donec ad himenaeos suspendisse. Fames netus bibendum taciti potenti lacinia facilisi ad platea aliquam.
  211.  
  212. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]hobbies.[/div]Quam quis nulla in mattis netus. Hac torquent nisl leo aptent volutpat. Fames natoque habitasse odio; eros ipsum pretium quis. Etiam tellus diam fames augue lacinia eget nascetur aenean tellus.
  213.  
  214. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]ambitions.[/div]Facilisi iaculis semper ante cras, himenaeos augue nisl porttitor vestibulum. Scelerisque tempus torquent iaculis facilisis nibh non ultrices. Sed facilisis dapibus habitasse placerat iaculis donec ad himenaeos suspendisse. Fames netus bibendum taciti potenti lacinia facilisi ad platea aliquam.
  215.  
  216. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]fears.[/div]Nisi tortor at nisi dignissim cursus nulla hendrerit. Rutrum suspendisse nisi nec odio cras iaculis duis vestibulum. Inceptos et fringilla a lectus bibendum consequat etiam morbi aptent.
  217.  
  218. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]aversions.[/div]Vulputate eleifend dolor diam nam; eget finibus lectus. Mollis in sollicitudin lobortis himenaeos nullam inceptos dapibus potenti ex.
  219.  
  220. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]ailments.[/div]Bibendum habitasse feugiat ac litora porta iaculis? Ante metus primis; dictum vehicula nisl ullamcorper ipsum. Mi neque blandit auctor platea litora nullam eleifend vehicula.
  221. [/div][/div][nobr]
  222. [comment] ---- PERSONA END---- [/comment]
  223.  
  224.  
  225. [comment] ---- POSITIVES/NEGATIVES START ---- [/comment]
  226.  
  227. [comment] ---- POSITIVES START ---- [/comment]
  228. [div=position:absolute; left:0px; top:1270px; width:179px; height:160px; overflow:hidden;][div=position:relative; width:190px; height:160px; overflow-y:scroll; overflow-x:hidden; padding: 0 20px 0 0;]
  229.  
  230. [comment] -- POS START -- [/comment]
  231. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1); font-weight:700;]
  232. [comment]
  233.  
  234. -- POS NAME HERE--
  235. [/comment]
  236. confident[/div]
  237. [comment]
  238.  
  239. -- POS DESCRIPTION/QUOTE HERE--
  240. [/comment]
  241. "So what if I turn heads? Your necks could use the stretch, no?"[/div]
  242. [comment] -- POS END -- [/comment]
  243.  
  244.  
  245. [comment] -- POS START -- [/comment]
  246. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1);font-weight:700;]
  247. [comment]
  248.  
  249. -- POS NAME HERE--
  250. [/comment]
  251. motivated[/div]
  252. [comment]
  253.  
  254. -- POS DESCRIPTION/QUOTE HERE--
  255. [/comment]
  256. "Quis odio penatibus sociosqu orci; ac id purus. Euismod nisi vitae non adipiscing egestas venenatis, luctus gravida."[/div]
  257. [comment] -- POS END -- [/comment]
  258.  
  259.  
  260. [comment] -- POS START -- [/comment]
  261. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1);font-weight:700;]
  262. [comment]
  263.  
  264. -- POS NAME HERE--
  265. [/comment]
  266. charming[/div]
  267. [comment]
  268.  
  269. -- POS DESCRIPTION/QUOTE HERE--
  270. [/comment]
  271. "Pellentesque placerat blandit ornare maximus himenaeos torquent libero."[/div]
  272. [comment] -- POS END -- [/comment]
  273.  
  274.  
  275. [comment] -- POS START -- [/comment]
  276. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1);font-weight:700;]
  277. [comment]
  278.  
  279. -- POS NAME HERE--
  280. [/comment]
  281. insightful[/div]
  282. [comment]
  283.  
  284. -- POS DESCRIPTION/QUOTE HERE--
  285. [/comment]
  286. "Scelerisque tempus torquent iaculis facilisis nibh non ultrices."[/div]
  287. [comment] -- POS END -- [/comment]
  288.  
  289.  
  290. [comment] -- POS START -- [/comment]
  291. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1);font-weight:700;]
  292. [comment]
  293.  
  294. -- POS NAME HERE--
  295. [/comment]
  296. inviting[/div]
  297. [comment]
  298.  
  299. -- POS DESCRIPTION/QUOTE HERE--
  300. [/comment]
  301. "Sed facilisis dapibus habitasse placerat iaculis donec ad himenaeos suspendisse."[/div]
  302. [comment] -- POS END -- [/comment]
  303. [/div][/div][comment] -- POSITIVES END -- [/comment]
  304.  
  305.  
  306. [comment] ---- NEGATIVES START ---- [/comment]
  307. [div=position:absolute; left:191px; top:1270px; width:179px; height:160px; overflow:hidden;][div=position:relative; width:190px; height:160px; overflow-y:scroll; overflow-x:hidden; padding: 0 20px 0 0;]
  308.  
  309. [comment] -- NEG START -- [/comment]
  310. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1); font-weight:700;]
  311. [comment]
  312.  
  313. -- NEG NAME HERE--
  314. [/comment]
  315. blunt[/div]
  316. [comment]
  317.  
  318. -- NEG DESCRIPTION/QUOTE HERE--
  319. [/comment]
  320. "You asked for my opinion, and now that you have it, I'm the bad guy? That hardly seems fair."[/div]
  321. [comment] -- NEG END -- [/comment]
  322.  
  323.  
  324. [comment] -- NEG START -- [/comment]
  325. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1);font-weight:700;]
  326. [comment]
  327.  
  328. -- NEG NAME HERE--
  329. [/comment]
  330. forgetful[/div]
  331. [comment]
  332.  
  333. -- NEG DESCRIPTION/QUOTE HERE--
  334. [/comment]
  335. "Quis odio penatibus sociosqu orci; ac id purus. Euismod nisi vitae non adipiscing egestas venenatis, luctus gravida."[/div]
  336. [comment] -- NEG END -- [/comment]
  337.  
  338.  
  339. [comment] -- NEG START -- [/comment]
  340. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1);font-weight:700;]
  341. [comment]
  342.  
  343. -- NEG NAME HERE--
  344. [/comment]
  345. stubborn[/div]
  346. [comment]
  347.  
  348. -- NEG DESCRIPTION/QUOTE HERE--
  349. [/comment]
  350. "Pellentesque placerat blandit ornare maximus himenaeos torquent libero."[/div]
  351. [comment] -- NEG END -- [/comment]
  352.  
  353.  
  354. [comment] -- NEG START -- [/comment]
  355. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1);font-weight:700;]
  356. [comment]
  357.  
  358. -- NEG NAME HERE--
  359. [/comment]
  360. flaky[/div]
  361. [comment]
  362.  
  363. -- NEG DESCRIPTION/QUOTE HERE--
  364. [/comment]
  365. "Scelerisque tempus torquent iaculis facilisis nibh non ultrices."[/div]
  366. [comment] -- NEG END -- [/comment]
  367.  
  368.  
  369. [comment] -- NEG START -- [/comment]
  370. [div=display:inline-block; position:relative; width:162px; height:auto; margin-bottom:10px; background:var(--accent0); padding:5px 8px 5px 8px;][div=color:var(--accent1); text-transform:uppercase; font-family:var(--font1);font-weight:700;]
  371. [comment]
  372.  
  373. -- NEG NAME HERE--
  374. [/comment]
  375. judgmental[/div]
  376. [comment]
  377.  
  378. -- NEG DESCRIPTION/QUOTE HERE--
  379. [/comment]
  380. "Sed facilisis dapibus habitasse placerat iaculis donec ad himenaeos suspendisse."[/div]
  381. [comment] -- NEG END -- [/comment]
  382. [/div][/div][comment] ---- NEGATIVES END ---- [/comment]
  383.  
  384. [comment] ---- POSITIVES/NEGATIVES END ---- [/comment]
  385.  
  386.  
  387. [comment] ---- BACKSTORY START ---- [/comment]
  388. [/nobr][div=position:absolute; left:5px; top:1750px; width:370px; height:350px; overflow:hidden;][div=position:relative; width:370px; height:350px; overflow-y:scroll; padding: 0 20px 0 0;][comment] -- QUOTE -- [/comment][div=margin-top:5px; margin-bottom:5px; font-family:var(--font1); font-size:10px; line-height:12px; font-style:italic; color:var(--accent3); text-transform:uppercase; font-weight:700;][comment]
  389.  
  390. -- QUOTE TEXT HERE--
  391. [/comment]"Are the days of winter sunshine just as sad for you, too? When it is misty, in the evenings, and I am out walking by myself, it seems to me that the rain is falling through my heart and causing it to crumble into ruins."[/div]
  392. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]history.[/div]Feugiat convallis curae metus, sagittis vivamus mauris. Pellentesque placerat blandit ornare maximus himenaeos torquent libero. Venenatis dolor maximus himenaeos ex rhoncus vulputate. Pellentesque augue sociosqu amet neque curabitur arcu metus. Sodales consectetur in non mattis senectus. Augue ut magna fringilla sociosqu habitant vehicula. Enim orci mattis in accumsan pharetra. Vivamus tincidunt augue odio nisl suscipit euismod lectus. Vulputate nam fusce sem enim dignissim.
  393.  
  394. Fames natoque habitasse odio; eros ipsum pretium quis. Etiam tellus diam fames augue lacinia eget nascetur aenean tellus. Lacinia magna eu ultricies dignissim maecenas habitant molestie cursus.
  395.  
  396. Nisi tortor at nisi dignissim cursus nulla hendrerit. Rutrum suspendisse nisi nec odio cras iaculis duis vestibulum. Inceptos et fringilla a lectus bibendum consequat etiam morbi aptent. Facilisi iaculis semper ante cras, himenaeos augue nisl porttitor vestibulum. Scelerisque tempus torquent iaculis facilisis nibh non ultrices. Sed facilisis dapibus habitasse placerat iaculis donec ad himenaeos suspendisse. Fames netus bibendum taciti potenti lacinia facilisi ad platea aliquam.
  397.  
  398. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]commitments.[/div]Augue ut magna fringilla sociosqu habitant vehicula. Enim orci mattis in accumsan pharetra. Vivamus tincidunt augue odio nisl suscipit euismod lectus. Vulputate nam fusce sem enim dignissim.
  399.  
  400. [comment] -- TAG -- [/comment][div=display:inline-block; height:8px; background:var(--accent0); text-transform:uppercase; padding-left:5px; padding-right:5px; margin-right:5px; color:var(--accent1); font-family:var(--font1); line-height:8px; font-weight:700;]family.[/div]Quam quis nulla in mattis netus. Hac torquent nisl leo aptent volutpat. Fames natoque habitasse odio; eros ipsum pretium quis. Etiam tellus diam fames augue lacinia eget nascetur aenean tellus.[nobr]
  401.  
  402.  
  403. [comment] ---- CONNECTIONS START ---- [/comment]
  404.  
  405. [comment]---- RELATIONSHIP START: copy comments too![/comment]
  406. [comment]-- rship box -->[/comment][div=position:relative; margin-top:20px; width:auto; height:122px; background:var(--accent0); padding:15px;]
  407. [comment]-- rship header -->[/comment][div=width:100%; height:12px;]
  408. [comment]-- line -->[/comment][div=width:100%; height:4px; background:var(--accent1);][/div]
  409. [comment]-- name -->[/comment][div=position:absolute; top:28px; left:10px; background:var(--accent0); color:var(--accent2); font-family:var(--font1); font-size:16px; line-height:16px; font-weight:700; text-transform:uppercase; margin-top:-20px; padding-right:10px;][comment]
  410.  
  411. ---- rship name here ----
  412. [/comment]someone dangerous[/div]
  413. [comment]-- textbox-->[/comment][div=margin-top:15px; width:100%; height:105px; overflow:hidden;][div=position:relative; width:335px; height:105px; overflow-y:scroll; padding: 0 20px 0 0;][comment]
  414.  
  415. ---- text here ----
  416. [/comment]Suspendisse natoque penatibus, nostra montes primis nunc. Laoreet sapien a rutrum eleifend est imperdiet lobortis. Quam quis nulla in mattis netus. Hac torquent nisl leo aptent volutpat. Fames natoque habitasse odio; eros ipsum pretium quis. Etiam tellus diam fames augue lacinia eget nascetur aenean tellus. Lacinia magna eu ultricies dignissim maecenas habitant molestie cursus.
  417. [/div][/div]
  418. [/div][/div]
  419. [comment] ---- RELATIONSHIP END: copy comments too![/comment]
  420.  
  421.  
  422. [comment]---- RELATIONSHIP START: copy comments too![/comment]
  423. [comment]-- rship box -->[/comment][div=position:relative; margin-top:20px; width:auto; height:122px; background:var(--accent0); padding:15px;]
  424. [comment]-- rship header -->[/comment][div=width:100%; height:12px;]
  425. [comment]-- line -->[/comment][div=width:100%; height:4px; background:var(--accent1);][/div]
  426. [comment]-- name -->[/comment][div=position:absolute; top:28px; left:10px; background:var(--accent0); color:var(--accent2); font-family:var(--font1); font-size:16px; line-height:16px; font-weight:700; text-transform:uppercase; margin-top:-20px; padding-right:10px;][comment]
  427.  
  428. ---- rship name here ----
  429. [/comment]nosy coworker[/div]
  430. [comment]-- textbox-->[/comment][div=margin-top:15px; width:100%; height:105px; overflow:hidden;][div=position:relative; width:335px; height:105px; overflow-y:scroll; padding: 0 20px 0 0;][comment]
  431.  
  432. ---- text here ----
  433. [/comment]Rutrum suspendisse nisi nec odio cras iaculis duis vestibulum. Inceptos et fringilla a lectus bibendum consequat etiam morbi aptent. Facilisi iaculis semper ante cras, himenaeos augue nisl porttitor vestibulum. Scelerisque tempus torquent iaculis facilisis nibh non ultrices. Sed facilisis dapibus habitasse placerat iaculis donec ad himenaeos suspendisse. Fames netus bibendum taciti potenti lacinia facilisi ad platea aliquam.
  434. [/div][/div]
  435. [/div][/div]
  436. [comment] ---- RELATIONSHIP END: copy comments too![/comment]
  437.  
  438.  
  439. [comment]---- RELATIONSHIP START: copy comments too![/comment]
  440. [comment]-- rship box -->[/comment][div=position:relative; margin-top:20px; width:auto; height:122px; background:var(--accent0); padding:15px;]
  441. [comment]-- rship header -->[/comment][div=width:100%; height:12px;]
  442. [comment]-- line -->[/comment][div=width:100%; height:4px; background:var(--accent1);][/div]
  443. [comment]-- name -->[/comment][div=position:absolute; top:28px; left:10px; background:var(--accent0); color:var(--accent2); font-family:var(--font1); font-size:16px; line-height:16px; font-weight:700; text-transform:uppercase; margin-top:-20px; padding-right:10px;][comment]
  444.  
  445. ---- rship name here ----
  446. [/comment]first heartbreak[/div]
  447. [comment]-- textbox-->[/comment][div=margin-top:15px; width:100%; height:105px; overflow:hidden;][div=position:relative; width:335px; height:105px; overflow-y:scroll; padding: 0 20px 0 0;][comment]
  448.  
  449. ---- text here ----
  450. [/comment]Rutrum suspendisse nisi nec odio cras iaculis duis vestibulum. Inceptos et fringilla a lectus bibendum consequat etiam morbi aptent. Facilisi iaculis semper ante cras, himenaeos augue nisl porttitor vestibulum. Scelerisque tempus torquent iaculis facilisis nibh non ultrices. Sed facilisis dapibus habitasse placerat iaculis donec ad himenaeos suspendisse. Fames netus bibendum taciti potenti lacinia facilisi ad platea aliquam.
  451. [/div][/div]
  452. [/div][/div]
  453. [comment] ---- RELATIONSHIP END: copy comments too![/comment]
  454.  
  455. [/nobr][/div][/div][nobr][comment] ---- CONNECTIONS END ---- [/comment]
  456.  
  457. [comment] ---- BACKSTORY END ---- [/comment]
  458.  
  459. [comment] ---- TEXT BOXES END ---- [/comment]
  460.  
  461. [comment] ---- text for sizing: don't delete! ---- [/comment][div=position:relative; margin-top:2283px; opacity:0%;]filler[/div]
  462. [/nobr][/div][/div]
  463. [/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!