API tools faq
paste
Advertisement
soxxx

008 - dark

soxxx
Oct 15th, 2024 (edited)
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.39 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: #212121; /*dark gray*/
  10. --text: #fff; /*white*/
  11. --scroll: #fff; /*white*/
  12.  
  13. --accent0: #000; /*black*/
  14. --accent1: #9F2E22; /*red*/
  15. --accent2: #C38871; /*tan*/
  16. --accent3: #5B5B5B; /*gray*/
  17. --accent4: #E7DBD2; /*off white*/
  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(--bkgd);
  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.imgur.com/poWwuV6.png');
  44. --narrowpic: url('https://64.media.tumblr.com/624c616cbd9bd0eb4c4f1e28c506d207/tumblr_pp406waT0f1tdh1jbo1_r1_540.gif');
  45. --pospic: url('https://i.imgur.com/6N1mwcR.png');
  46. --negpic: url('https://i.imgur.com/nN2eWwA.png');
  47. --personapic: url('https://i.imgur.com/SAAQTse.jpeg');
  48. --bkgdpic1: url('https://i.imgur.com/KmiUaTp.png');
  49. --bkgdpic2: url('https://i.imgur.com/CSIsCMZ.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]nainowale ne[div=display:inline; color:var(--accent3); margin-left:3px;][comment]
  90.  
  91. ---- ARTIST NAME HERE ----
  92. [/comment]neeti mohan[/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/sim-nto/nainowale-ne[/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]bhanurekha[div=display:inline; color:var(--accent3); margin-left:5px;][comment]
  128.  
  129. ---- LAST NAME HERE ----
  130. [/comment]ganesan[/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]Bhanurekha Ganesan
  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]Rekha
  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]29
  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]Risk Management
  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 Watcher
  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]"I die a hundred deaths each day... I die when I see hungry people, or people who're sad... I die when I know I can do nothing about pollution in Mumbai... I die when I feel helpless when my loved one is in pain..."[/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 brown
  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]Black
  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]Tan
  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]South 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' 6"
  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]Rekha
  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]"I'm a perceptive person. I know what's good and I don't venture into what's not good. I've discovered my own khazana. Everybody should."[/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]"People come and go in your life. It is up to you choose how you want to associate with that person. It is up to you to learn and imbibe things from such a person."[/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!