API tools faq
paste
Advertisement
soxxx

002 - light

soxxx
Sep 15th, 2024 (edited)
69
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.80 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: #fafafa; /*off white*/
  13. --text: #000; /*black*/
  14. --accent1: #291e13; /*dark brown*/
  15. --accent2: #b08076; /*muted pink*/
  16. --accent3: #dbd8d5; /*light 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: 2.5px 2.5px 0px var(--accent2);
  28. --decoshadow: 1px 1px 0px var(--accent3);
  29. --colorshadow: 1px 1px 0px var(--accent2);
  30. --depthshadow: 1px 1px 0px var(--accent1);
  31.  
  32. /*fonts*/
  33. --font1: 'Konkhmer Sleokchher', sans-serif;
  34. --font2: 'Koulen', sans-serif;
  35. --font3: 'Instrument Sans', sans-serif;
  36. --font4: 'Libre Caslon Text', serif;
  37. --font5: 'Libre Barcode 128', sans-serif;
  38.  
  39. /*pics*/
  40. --pic1: url('https://i.imgur.com/VECkz3z.jpeg');
  41. --pic2: url('https://i.imgur.com/zHzJYyA.png');
  42. --pic3: url('https://i.imgur.com/BHLwmyn.png');
  43.  
  44. ][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;]
  45. [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]
  46. [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]
  47.  
  48.  
  49.  
  50. [comment] ---- COLUMN 1: RP OVERVIEW + MUSIC PLAYER ---- [/comment]
  51.  
  52. [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]
  53. [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]
  54. [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(--accent1); text-transform:uppercase; letter-spacing:1px;]
  55.  
  56. [comment] ---- SUBHEADING HERE ---- [/comment]
  57. our futures illuminated...
  58.  
  59. [/div]
  60. [div=position:absolute; top:205px; left:55px; width:155px; height:145px; overflow:hidden;]
  61. [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);]
  62.  
  63. [comment] ---- ROLEPLAY INFO TEXT HERE ---- [/comment]
  64. Here in our world, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  65. [br][/br][br][/br]
  66. 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.
  67. [br][/br][br][/br]
  68. 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.
  69. [/div][/div]
  70.  
  71.  
  72. [comment] ---- MUSIC PLAYER
  73. ---- graciously granted to me by uxie ty queen ily [/comment]
  74. [div=position:absolute; top:368px; left:48px; width:148px; height:28px; background:black; background:var(--accent3); border-radius: 0 0 20px 0;]
  75. [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;]
  76.  
  77. [comment] ---- play button ---- [/comment]
  78. [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]
  79.  
  80. [comment] ---- media files ---- [/comment]
  81. [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;]
  82.  
  83. [comment]---- SOUNDCLOUD ---- (replace the soundcloud link within media tag with your own) ---- [/comment]
  84. [border=transparent; height:80px; width:180px; padding:0; margin-top:-16px; margin-left:-14px; position:absolute; top:0; left:0;]
  85. [media=soundcloud]https://soundcloud.com/nuderecordlabel/04-i-ll-cry-v2a[/media][/border]
  86.  
  87. [comment]---- GOOGLE DRIVE ---- (replace the google file code within media tag with your own) ---- [/comment]
  88. [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;]
  89. [media=googledrive]1EwyiuGOGDy8NrbyIm2mfdHc7szRnCMBC[/MEDIA]
  90.  
  91. [/border][/border][/border][/div][/div][/div]
  92. [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);]
  93.  
  94. [comment] ---- SONG NAME HERE ---- [/comment]
  95. i'll cry
  96.  
  97. [/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);]
  98.  
  99. [comment] ---- ARTIST NAME HERE ---- [/comment]
  100. juanita stein
  101.  
  102. [/div]
  103.  
  104.  
  105.  
  106. [comment] ---- COLUMN 2: ROLES + BOLD TEXT BUBBLE ---- [/comment]
  107.  
  108. [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]
  109. [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;]
  110.  
  111. [comment] ---- SUBHEADING PT1 HERE ---- [/comment]
  112. decide your role...
  113.  
  114. [/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;]
  115.  
  116. [comment] ---- SUBHEADING PT2 HERE ---- [/comment]
  117. ...in our journey
  118.  
  119. [/div][div=position:absolute; top:66px; left:266px; width:115px; height:110px; overflow:hidden;]
  120. [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);]
  121.  
  122. [comment] ---- ROLE ---- [/comment]
  123. [div=color:var(--accent2); font-family: var(--font1); font-size:12px; line-height:10px; text-transform:uppercase; padding:2px 0 2px 0;]
  124. the savior[/div]
  125. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  126.  
  127. [comment] ---- ROLE ---- [/comment]
  128. [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);]
  129. the courier[/div]
  130. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  131.  
  132. [comment] ---- ROLE ---- [/comment]
  133. [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);]
  134. the doctor[/div]
  135. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  136.  
  137. [comment] ---- ROLE ---- [/comment]
  138. [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);]
  139. the activist[/div]
  140. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  141.  
  142. [comment] ---- ROLE ---- [/comment]
  143. [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);]
  144. the scout[/div]
  145. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  146.  
  147. [comment] ---- ROLE ---- [/comment]
  148. [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);]
  149. the agent[/div]
  150. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  151.  
  152. [/div][/div]
  153.  
  154. [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);]
  155.  
  156. [comment] ---- REPEATING WORD HERE ---- [/comment]
  157. promise![br][/br]
  158. promise![br][/br]
  159. promise![/div]
  160.  
  161. [comment] ---- atom overlay ---- [/comment]
  162. [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]
  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);][/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. [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]
  166.  
  167.  
  168.  
  169. [comment] ---- COLUMN 3: RP NAME + QUOTE ---- [/comment]
  170.  
  171. [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(--bkgd); text-shadow: var(--titleshadow);]
  172.  
  173. [comment] ---- RP NAME HERE ---- [/comment]
  174. trust.
  175.  
  176. [/div][div=position:absolute; top:48px; left:437px; width:151px; height:151px; box-sizing:border-box; border: var(--border3); border-radius:100%; box-shadow:var(--depthshadow);][/div]
  177. [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]
  178.  
  179. [comment] ---- barcode: ignore this filler text ---- [/comment]
  180. [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;]
  181.  
  182. [comment] ---- QUOTE HERE ---- [/comment]
  183. "A quiet secluded life in the country, with the possibility of being useful to people to whom it is easy to do good, and who are not accustomed to have it done to them; then work which one hopes may be of some use; then rest, nature, books, music, love for one's neighbor — such is my idea of happiness."
  184. [/div]
  185.  
  186.  
  187.  
  188. [comment] ---- COLUMN 4: GM INTRO/RULES + LINKS ---- [/comment]
  189.  
  190. [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]
  191. [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]
  192. [div=position:absolute; top:275px; left:647px; width:121px; height:55px; border-top:var(--border1lesschunky); border-bottom:var(--border1lesschunky);][/div]
  193. [div=position:absolute; top:257px; left:647px; width:122px; height:122px; box-sizing:border-box; border: var(--border1); border-radius:100%;][/div]
  194.  
  195. [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;]
  196.  
  197. [comment] ---- LORE LINK HERE ---- [/comment]
  198. [url='google.com']lore[/url]
  199. ⠀
  200. [comment] ---- OOC LINK HERE ---- [/comment]
  201. [url='google.com']ooc[/url]
  202.  
  203. [/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;]
  204.  
  205. [comment] ---- CHARACTER SHEETS LINK HERE ---- [/comment]
  206. [url='google.com']characters[/url][/div]
  207.  
  208. [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;]
  209.  
  210. [comment] ---- RULES SUBHEADING HERE ---- [/comment]
  211. introducing...[/div]
  212.  
  213. [div=position:absolute; top:83px; left:635px; width:155px; height:135px; overflow:hidden;]
  214. [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);]
  215.  
  216. [comment] ---- RULES TEXT HERE ---- [/comment]
  217. 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.
  218. [br][/br][br][/br]
  219. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  220. [br][/br][br][/br]
  221. 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.
  222. [br][/br]
  223.  
  224. [br][/br][div=display:inline; font-weight:bold; color: var(--accent2);]⇾ Rule 1:[/div] xxx
  225. [br][/br][div=display:inline; font-weight:bold; color: var(--accent2);]⇾ Rule 2:[/div] yyy
  226. [br][/br][div=display:inline; font-weight:bold; color: var(--accent2);]⇾ Rule 3:[/div] zzz
  227.  
  228. [/div][/div]
  229. [/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!