API tools faq
paste
Advertisement
soxxx

002 - dark

soxxx
Sep 15th, 2024 (edited)
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.77 KB | None | 0 0
raw download clone embed print report
  1. [nobr][comment]code by sox
  2.  
  3. [font=Konkhmer Sleokchher]font1[/font]
  4. [font=Koulen]font2[/font]
  5. [font=Instrument Sans]font3[/font]
  6. [font=Libre Caslon Text]font4[/font]
  7. [font=Libre Barcode 128]font5[/font]
  8.  
  9. [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
  10.  
  11. /*colors*/
  12. --bkgd: #000; /*black*/
  13. --text: #fff; /*white*/
  14. --accent1: #fff; /*white*/
  15. --accent2: #f0001c; /*red*/
  16. --accent3: #1d1d1d; /*dark gray*/
  17.  
  18. /*decoration*/
  19. --border1: 1px solid var(--accent1);
  20. --border2: 1px solid var(--accent2);
  21. --border3: 1px solid var(--accent3);
  22. --border1chunky: 20px solid var(--bkgd);
  23. --border1lesschunky: 15px solid var(--bkgd);
  24. --border2chunky: 8px solid var(--accent2);
  25. --border3chunky: 20px solid var(--accent3);
  26. --shadow: 1px 1px 0px var(--bkgd);
  27. --titleshadow: 3px 3px 0px var(--bkgd);
  28. --decoshadow: 1px 1px 0px var(--accent3);
  29. --colorshadow: 1px 1px 0px var(--accent2);
  30.  
  31. /*fonts*/
  32. --font1: 'Konkhmer Sleokchher', sans-serif;
  33. --font2: 'Koulen', sans-serif;
  34. --font3: 'Instrument Sans', sans-serif;
  35. --font4: 'Libre Caslon Text', serif;
  36. --font5: 'Libre Barcode 128', sans-serif;
  37.  
  38. /*pics*/
  39. --pic1: url('https://i.imgur.com/cLASrKz.jpeg');
  40. --pic2: url('https://i.imgur.com/9ucVbLq.jpeg');
  41. --pic3: url('https://i.imgur.com/3PLc6OK.jpeg');
  42.  
  43. ][div=position:relative; margin:auto; margin-top:10px; margin-bottom:10px; overflow:hidden; width:832px; height:440px; background: var(--bkgd); box-sizing: border-box; border-radius: 110px 0 110px 0; cursor: url('https://i.imgur.com/FMvuswx.png'), auto;]
  44. [div=position:absolute; top:9px; left:9px; width:814px; height:422px; box-sizing: border-box; border: var(--border2); border-radius: 105px 0 105px 0;][/div]
  45. [div=position:absolute; top:18px; left:18px; width:796px; height:404px; box-sizing: border-box; border: var(--border3); border-radius: 100px 0 100px 0;][/div]
  46.  
  47.  
  48.  
  49. [comment] ---- COLUMN 1: RP OVERVIEW + MUSIC PLAYER ---- [/comment]
  50.  
  51. [div=position:absolute; top:32px; left:32px; width:180px; height:376px; background:var(--bkgd); box-sizing: border-box;border: var(--border1); border-radius:100px 100px 30px 0;][/div]
  52. [div=position:absolute; top:33px; left:33px; width:178px; height:178px; background:var(--pic1); background-size:cover; background-position:50% 50%; box-sizing: border-box; border: var(--border1chunky); border-radius:100%;][/div]
  53. [div=position:absolute; top:103px; left:53px; width:138px; height:40px; background:var(--bkgd); box-sizing: border-box; border-top:var(--border1); border-bottom:var(--border1); font-size:10px; line-height:40px; text-align:center; font-family: var(--font2); color:var(--accent2); text-transform:uppercase; letter-spacing:1px;]
  54.  
  55. [comment] ---- SUBHEADING HERE ---- [/comment]
  56. our world born of rage...
  57.  
  58. [/div]
  59. [div=position:absolute; top:205px; left:55px; width:155px; height:145px; overflow:hidden;]
  60. [div=position:relative; width:150px; height:145px; overflow-y:scroll; padding: 0 30px 0 0; font-family: var(--font3); font-size:8px; line-height:9px; text-align:justify; color:var(--text);]
  61.  
  62. [comment] ---- ROLEPLAY INFO TEXT HERE ---- [/comment]
  63. Here in our world, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  64. [br][/br][br][/br]
  65. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  66. [br][/br][br][/br]
  67. Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  68. [/div][/div]
  69.  
  70.  
  71. [comment] ---- MUSIC PLAYER
  72. ---- graciously granted to me by uxie ty queen ily [/comment]
  73. [div=position:absolute; top:368px; left:48px; width:148px; height:28px; background:black; background:var(--accent3); border-radius: 0 0 20px 0;]
  74. [div=height:35px; width:100%; flex-shrink:0; padding:0px 5px 5px 5px; box-sizing:border-box; border-top:1px solid var(--color-1); display:flex; flex-flow:row nowrap; align-items:center;]
  75.  
  76. [comment] ---- play button ---- [/comment]
  77. [div=height:18px; width:18px; border-radius: 100%; background: var(--bkgd); border: var(--border1); position:relative; flex-shrink:0; margin-bottom:1px;][div=height:100%; width:100%; background-size:cover; position:relative; z-index:2; pointer-events:none; font-size:6px; line-height:18px; text-align:center; color:var(--accent2)][fa]fas fa-play[/fa][/div]
  78.  
  79. [comment] ---- media files ---- [/comment]
  80. [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;]
  81.  
  82. [comment]---- SOUNDCLOUD ---- (replace the soundcloud link within media tag with your own) ---- [/comment]
  83. [border=transparent; height:80px; width:180px; padding:0; margin-top:-16px; margin-left:-14px; position:absolute; top:0; left:0;]
  84. [media=soundcloud]https://soundcloud.com/l2share86/bewhy-gottasadae[/media][/border]
  85.  
  86. [comment]---- GOOGLE DRIVE ---- (replace the google file code within media tag with your own) ---- [/comment]
  87. [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;]
  88. [media=googledrive]1EwyiuGOGDy8NrbyIm2mfdHc7szRnCMBC[/MEDIA]
  89.  
  90. [/border][/border][/border][/div][/div][/div]
  91. [div=position:absolute; top:375px; left:80px; width:115px; height:18px; overflow:hidden; font-size:10px; line-height:8px; font-family: var(--font2); letter-spacing:1px; text-transform:uppercase; text-align:left; color:var(--accent2);]
  92.  
  93. [comment] ---- SONG NAME HERE ---- [/comment]
  94. gottasadae
  95.  
  96. [/div][div=position:absolute; top:385px; left:80px; width:115px; height:18px; overflow:hidden; font-size:6px; line-height:6px; font-family: var(--font1); text-transform:uppercase; text-align:left; color:var(--accent1);]
  97.  
  98. [comment] ---- ARTIST NAME HERE ---- [/comment]
  99. bewhy
  100.  
  101. [/div]
  102.  
  103.  
  104.  
  105. [comment] ---- COLUMN 2: ROLES + BOLD TEXT BUBBLE ---- [/comment]
  106.  
  107. [div=position:absolute; top:32px; left:228px; width:180px; height:180px; background:var(--bkgd); box-sizing: border-box; border: var(--border3chunky); border-radius:30px 30px 0px 30px;][/div]
  108. [div=position:absolute; top:46px; left:248px; width:140px; height:10px; font-family: var(--font2); font-size:10px; line-height:10px; text-align:left; color:var(--accent1); text-transform:uppercase; letter-spacing:1px;]
  109.  
  110. [comment] ---- SUBHEADING PT1 HERE ---- [/comment]
  111. choose your role...
  112.  
  113. [/div][div=position:absolute; top:187px; left:249px; width:140px; height:10px; font-family: var(--font2); font-size:10px; line-height:10px; text-align:right; color:var(--accent1); text-transform:uppercase; letter-spacing:1px;]
  114.  
  115. [comment] ---- SUBHEADING PT2 HERE ---- [/comment]
  116. ...before it's too late
  117.  
  118. [/div][div=position:absolute; top:66px; left:266px; width:115px; height:110px; overflow:hidden;]
  119. [div=position:relative; width:115px; height:110px; overflow-y:scroll; padding: 0 30px 0 0; font-family: var(--font3); font-size:8px; line-height:9px; text-align:justify; color:var(--text);]
  120.  
  121. [comment] ---- ROLE ---- [/comment]
  122. [div=color:var(--accent2); font-family: var(--font1); font-size:12px; line-height:10px; text-transform:uppercase; padding:2px 0 2px 0;]
  123. the judge[/div]
  124. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  125.  
  126. [comment] ---- ROLE ---- [/comment]
  127. [br][/br][br][/br][div=color:var(--accent2); font-family: var(--font1); font-size:12px; line-height:10px; text-transform:uppercase; padding:10px 0 2px 0; border-top: var(--border3);]
  128. the courier[/div]
  129. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  130.  
  131. [comment] ---- ROLE ---- [/comment]
  132. [br][/br][br][/br][div=color:var(--accent2); font-family: var(--font1); font-size:12px; line-height:10px; text-transform:uppercase; padding:10px 0 2px 0; border-top: var(--border3);]
  133. the hitman[/div]
  134. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  135.  
  136. [comment] ---- ROLE ---- [/comment]
  137. [br][/br][br][/br][div=color:var(--accent2); font-family: var(--font1); font-size:12px; line-height:10px; text-transform:uppercase; padding:10px 0 2px 0; border-top: var(--border3);]
  138. the activist[/div]
  139. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  140.  
  141. [comment] ---- ROLE ---- [/comment]
  142. [br][/br][br][/br][div=color:var(--accent2); font-family: var(--font1); font-size:12px; line-height:10px; text-transform:uppercase; padding:10px 0 2px 0; border-top: var(--border3);]
  143. the rebel[/div]
  144. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  145.  
  146. [comment] ---- ROLE ---- [/comment]
  147. [br][/br][br][/br][div=color:var(--accent2); font-family: var(--font1); font-size:12px; line-height:10px; text-transform:uppercase; padding:10px 0 2px 0; border-top: var(--border3);]
  148. the agent[/div]
  149. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  150.  
  151. [/div][/div]
  152.  
  153. [div=position:absolute; top:228px; left:228px; width:180px; height:180px; background:var(--accent2); background-size:cover; background-position:50% 50%; box-sizing: border-box; border-radius:200px 0px 200px 200px; padding:45px 0 0 0px; font-size:25px; line-height:30px; font-family: var(--font4); text-transform:uppercase; text-align:center; color:var(--bkgd); font-weight:700; text-shadow: var(--decoshadow);]
  154.  
  155. [comment] ---- REPEATING WORD HERE ---- [/comment]
  156. Revenge![br][/br]
  157. Revenge![br][/br]
  158. Revenge![/div]
  159.  
  160. [comment] ---- atom overlay ---- [/comment]
  161. [div=position:absolute; top:252px; left:252px; width:131px; height:131px; box-sizing:border-box; border: var(--border1); border-radius:100%; box-shadow:var(--shadow);][/div]
  162. [div=position:absolute; top:302px; left:236px; width:163px; height:25px; box-sizing:border-box; border: var(--border1); border-radius:100%; box-shadow:var(--shadow);][/div]
  163. [div=position:absolute; top:302px; left:236px; width:163px; height:25px; box-sizing:border-box; border: var(--border1); border-radius:100%; box-shadow:var(--shadow); transform:rotate(30deg);][/div]
  164. [div=position:absolute; top:302px; left:236px; width:163px; height:25px; box-sizing:border-box; border: var(--border1); border-radius:100%; box-shadow:var(--shadow); transform:rotate(-30deg);][/div]
  165.  
  166.  
  167.  
  168. [comment] ---- COLUMN 3: RP NAME + QUOTE ---- [/comment]
  169.  
  170. [div=position:absolute; top:32px; left:423px; width:180px; height:180px; background:var(--pic2); background-size:cover; background-position:50% 50%; border: var(--border2); box-sizing: border-box; border-radius:200px 200px 200px 0; font-size:30px; line-height:180px; font-family: var(--font1); text-transform:uppercase; text-align:center; color:var(--text); text-shadow: var(--titleshadow);]
  171.  
  172. [comment] ---- RP NAME HERE ---- [/comment]
  173. deceit
  174.  
  175. [/div][div=position:absolute; top:48px; left:437px; width:151px; height:151px; box-sizing:border-box; border: var(--border1); border-radius:100%; box-shadow:var(--shadow);][/div]
  176. [div=position:absolute; top:228px; left:423px; width:180px; height:180px; background:var(--bkgd); box-sizing: border-box; border: var(--border1); border-radius:0 30px 30px 30px;][/div]
  177.  
  178. [comment] ---- barcode: ignore this filler text ---- [/comment]
  179. [div=position:absolute; top:248px; left:443px; width:140px; height:140px; overflow:hidden; font-family: var(--font5); font-size:8px; line-height:10px; text-align:justify; text-transform:uppercase; color:var(--accent1);]Filler text ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Filler ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/div][div=position:absolute; top:248px; left:443px; width:140px; height:auto; overflow:hidden; background:var(--bkgd);font-family: var(--font1); font-size:8px; line-height:10px; text-align:justify; text-transform:uppercase; color:var(--accent2); padding: 0 0 10px 0;]
  180.  
  181. [comment] ---- QUOTE HERE ---- [/comment]
  182. "My lady ... you have given fair return for insult thrice over and set your worth: higher than my life and all my kingdom and all who live therein, and though you send my people to the fire, I can claim no debt to repay. It is justly done."
  183. [/div]
  184.  
  185.  
  186.  
  187. [comment] ---- COLUMN 4: GM INTRO/RULES + LINKS ---- [/comment]
  188.  
  189. [div=position:absolute; top:32px; left:618px; width:180px; height:376px; background:var(--accent3); box-sizing: border-box; border-radius:30px 0px 100px 100px;][/div]
  190. [div=position:absolute; top:233px; left:623px; width:170px; height:170px; background:var(--pic3); background-size:cover; background-position:50% 50%; box-sizing: border-box; border: var(--border1chunky); border-radius:100%;][/div]
  191. [div=position:absolute; top:275px; left:647px; width:121px; height:55px; border-top:var(--border1lesschunky); border-bottom:var(--border1lesschunky);][/div]
  192. [div=position:absolute; top:257px; left:647px; width:122px; height:122px; box-sizing:border-box; border: var(--border1); border-radius:100%;][/div]
  193.  
  194. [div=position:absolute; top:275px; left:674px; width:70px; height:10px; font-family: var(--font2); font-size:8px; line-height:15px; text-align:center; color:var(--accent1); text-transform:uppercase; letter-spacing:1px; text-shadow: var(--colorshadow);]
  195.  
  196. [comment] ---- LORE LINK HERE ---- [/comment]
  197. [url='google.com'][color=white]lore[/color][/url]
  198. ⠀
  199. [comment] ---- OOC LINK HERE ---- [/comment]
  200. [url='google.com'][color=white]ooc[/color][/url]
  201.  
  202. [/div][div=position:absolute; top:345px; left:669px; width:80px; height:10px; font-family: var(--font2); font-size:8px; line-height:15px; text-align:center; color:var(--accent1); text-transform:uppercase; letter-spacing:1px; text-shadow: var(--colorshadow);]
  203.  
  204. [comment] ---- CHARACTER SHEETS LINK HERE ---- [/comment]
  205. [url='google.com'][color=white]characters[/color][/url][/div]
  206.  
  207. [div=position:absolute; top:46px; left:633px; width:150px; height:25px; background: var(--bkgd); box-sizing:border-box; border: var(--border1); border-radius:100%; font-family: var(--font2); font-size:10px; line-height:25px; text-align:center; color:var(--accent2); text-transform:uppercase; letter-spacing:1px;]
  208.  
  209. [comment] ---- RULES SUBHEADING HERE ---- [/comment]
  210. introducing...[/div]
  211.  
  212. [div=position:absolute; top:83px; left:635px; width:155px; height:135px; overflow:hidden;]
  213. [div=position:relative; width:155px; height:135px; overflow-y:scroll; padding: 0 30px 0 0; font-family: var(--font3); font-size:8px; line-height:9px; text-align:justify; color:var(--text);]
  214.  
  215. [comment] ---- RULES TEXT HERE ---- [/comment]
  216. Welcome to my roleplay! Adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  217. [br][/br][br][/br]
  218. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  219. [br][/br][br][/br]
  220. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  221. [br][/br]
  222.  
  223. [br][/br][div=display:inline; font-weight:bold; color: var(--accent2);]⇾ Rule 1:[/div] xxx
  224. [br][/br][div=display:inline; font-weight:bold; color: var(--accent2);]⇾ Rule 2:[/div] yyy
  225. [br][/br][div=display:inline; font-weight:bold; color: var(--accent2);]⇾ Rule 3:[/div] zzz
  226.  
  227. [/div][/div][/div][/div][/nobr]
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!