API tools faq
paste
Advertisement
soxxx

015 - dark

soxxx
Apr 12th, 2025 (edited)
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.99 KB | None | 0 0
raw download clone embed print report
  1. [comment]code by sox
  2.  
  3. [font=Staatliches] titles/headers [/font]
  4. [font=Syne Mono] header/footer/roles [/font]
  5. [font=Tilt Neon] body [/font]
  6.  
  7. [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
  8.  
  9. /*---- COLORS ----*/
  10. --accent01: #fff; /*white - keep light!*/
  11. --accent02: #000; /*black - keep dark!*/
  12. --accent1: #5d804d; /*warm green - not too dark!*/
  13. --accent2: #eb8b31; /*yellow*/
  14. --accent3: #ff6600; /*orange*/
  15. --accent4: #60a1a1; /*blue green*/
  16.  
  17.  
  18. /*---- VALUES ----*/
  19. --bkgd: var(--accent02); /*background color*/
  20. --text: var(--accent01); /*default text color - applies to any text NOT SET in the values below*/
  21.  
  22. --title1color: var(--accent1); /*top title color*/
  23. --title2color: var(--accent02); /*bottom title color*/
  24. --titleshadow: -3px -3px 0px var(--accent1); /*title shadow style + color*/
  25.  
  26. --hfcolor: var(--accent02); /*header+footer bar bkgd color*/
  27. --hftext: var(--accent01); /*header+footer bar text color*/
  28.  
  29. --picborder: 0.5px solid var(--accent01); /*section pic outline shadow*/
  30. --headingcolor: var(--accent01); /*section header color*/
  31. --headingshadow: -1px 0px 0px var(--accent02), 1px 0px 0px var(--accent02); /*section header text shadow*/
  32.  
  33. --barcolor: var(--accent2); /*section header bar color*/
  34. --barwidth: 5px; /*section header bar thickness*/
  35. --barY: 14px; /*section header bar vertical position*/
  36.  
  37. --subcolor: var(--accent4); /*subheader color*/
  38. --bodybkgd: var(--accent02); /*body text bkgd color*/
  39. --bodycolor: var(--accent01); /*body text color*/
  40.  
  41. --bodyborder: 0.5px solid var(--accent01);
  42. --rolespace: 7px; /*space between roles*/
  43. --scrollcolor: var(--accent2); /*scroll tag color*/
  44. --rolecolor: var(--accent3); /*role color*/
  45. --statuscolor: var(--accent4); /*role status color*/
  46.  
  47. --playcolor: var(--accent3); /*music play button color*/
  48. --npcolor: var(--accent4); /*now playing color*/
  49. --footercolor: var(--accent2); /*roleplay tags + gm color*/
  50.  
  51. --contentw: 340px; /*panel content width*/
  52. --contenth: 390px; /*panel content height*/
  53. --paneloutline: 1px solid var(--accent01); /*panel inner border color + style*/
  54. --outlineoffset: -10px; /*panel inner border distance*/
  55.  
  56. --corneraccent1: var(--accent3); /*top left corner lines color*/
  57. --corneraccent2: var(--accent4); /*bottom right corner lines color*/
  58. --cornerlength: 30px; /*corner lines length*/
  59. --cornerwidth: 5px; /*corner lines thickness*/
  60.  
  61.  
  62. /*---- PICTURES ----*/
  63. /*main pic*/
  64. --mainpic: url('https://i.pinimg.com/736x/d0/c5/a4/d0c5a4639ded37ba9835236c77158ec2.jpg');
  65. --mainpicsize: cover; /*picture size*/
  66. --mainpicposition: 50% 50%; /*picture positioning*/
  67. --mainpicfilter: contrast(1.2) brightness(100%) saturate(100%); /*picture filter (default: contrast boosted)*/
  68.  
  69. /*intro pic*/
  70. --sec1pic: url('https://i.pinimg.com/736x/48/b3/c1/48b3c1ae357bd620149676b530502de6.jpg');
  71. --sec1picsize: cover; /*picture size*/
  72. --sec1picposition: 50% 50%; /*picture positioning*/
  73. --sec1picfilter: contrast(1) brightness(100%) saturate(100%); /*picture filter (default: nothing)*/
  74.  
  75. /*lore pic*/
  76. --sec2pic: url('https://i.pinimg.com/736x/2d/5b/68/2d5b682785948f705bdfd6b146add2e3.jpg');
  77. --sec2picsize: cover; /*picture size*/
  78. --sec2picposition: 50% 50%; /*picture positioning*/
  79. --sec2picfilter: contrast(1) brightness(100%) saturate(100%); /*picture filter (default: nothing)*/
  80.  
  81. /*roles pic*/
  82. --sec3pic: url('https://i.pinimg.com/736x/7c/33/dc/7c33dce85d8c34318a378f1d547d4c4d.jpg');
  83. --sec3picsize: cover; /*picture size*/
  84. --sec3picposition: 50% 50%; /*picture positioning*/
  85. --sec3picfilter: contrast(1) brightness(100%) saturate(100%); /*picture filter (default: nothing)*/
  86.  
  87. /*guidelines pic*/
  88. --sec4pic: url('https://i.pinimg.com/736x/bd/1f/7e/bd1f7ed4769189d3905fddb0aa8ec402.jpg');
  89. --sec4picsize: cover; /*picture size*/
  90. --sec4picposition: 50% 50%; /*picture positioning*/
  91. --sec4picfilter: contrast(1) brightness(100%) saturate(100%); /*picture filter (default: nothing)*/
  92.  
  93.  
  94. /*---- MANUAL BOLD SETTINGS ---- preserves font style on mobile*/
  95. --scrollbold: 0.2px var(--scrollcolor);
  96. --rolebold: 0.6px var(--rolecolor);
  97. --statusbold: 0.6px var(--statuscolor);
  98. --subbold: 0.6px var(--subcolor);
  99. --npbold: 0.6px var(--npcolor);
  100. --footerbold: 0.6px var(--footercolor);
  101.  
  102.  
  103. /*---- FONTS ----*/
  104. --font1: 'Staatliches', sans-serif;
  105. --font2: 'Syne Mono', sans-serif;
  106. --font3: 'Tilt Neon', sans-serif;
  107.  
  108. ][div=margin:auto; position:relative; width:fit-content; height:fit-content; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin-top:20px; margin-bottom:20px; box-sizing:border-box; cursor: url(https://imgur.com/5ex8RXq.png), auto; font-family:var(--font1); color:var(--text); border-radius:1px;][nobr]
  109.  
  110.  
  111. [comment]---- LEFT START ----[/comment]
  112. [div=position:relative; margin:5px; width:380px; height:500px; border-radius:0px;]
  113.  
  114. [comment]---- corner lines ----[/comment]
  115. [div=position:absolute; top:16px; left:-9px; width:var(--cornerlength); height:var(--cornerwidth); background:var(--corneraccent1);][/div]
  116. [div=position:absolute; top:16px; left:-9px; width:var(--cornerwidth); height:var(--cornerlength); background:var(--corneraccent1);][/div]
  117.  
  118.  
  119. [comment]---- left panel start ----[/comment]
  120. [div=position:absolute; top:25px; width:380px; height:450px; overflow:hidden; background:var(--bkgd); border-radius:0px; outline:var(--paneloutline); outline-offset:var(--outlineoffset);]
  121.  
  122. [comment]---- main picture ----[/comment]
  123. [div=position:absolute; top:70px; left:20px; width:var(--contentw); height:350px; filter:var(--mainpicfilter); background:var(--mainpic); background-size:var(--mainpicsize); background-position:var(--mainpicposition);][/div]
  124.  
  125. [comment]---- title pt1 (top) ----[/comment]
  126. [div=position:absolute; left:20px; top:35px; width:var(--contentw); height:40px; overflow-y:hidden; font-family:var(--font1); color:var(--title1color); font-size:48px; line-height:40px; text-align:center; letter-spacing:-3px; text-transform:uppercase;][comment]
  127.  
  128.  
  129. ---- TOP TITLE (first half) HERE: keep this short, or utilize the second half as well for longer titles! ----
  130. [/comment]we'll stay together
  131.  
  132.  
  133. [/div][comment]---- title pt2 (bottom) ----[/comment]
  134. [div=position:absolute; left:20px; top:386px; width:var(--contentw); height:43px; overflow-y:hidden;font-family:var(--font1); color:var(--title2color); font-size:48px; line-height:43px; text-align:center; letter-spacing:-3px; text-transform:uppercase; text-shadow:var(--titleshadow);][comment]
  135.  
  136.  
  137. ---- BOTTOM TITLE (optional second half) HERE ----
  138. -------- (delete the text below to remove this half!)
  139. [/comment]no matter the cost
  140.  
  141.  
  142. [/div][/div][comment]---- left panel end ----[/comment]
  143.  
  144.  
  145. [comment]---- subtitle bar start ----[/comment]
  146. [div=position:absolute; bottom:0px; width:380px; height:18px; background:var(--hfcolor); color:var(--hftext); font-family:var(--font2); font-size:12px; line-height:19px; text-align:center; letter-spacing:0px; text-transform:uppercase;][comment]
  147.  
  148. ---- opening (keep the space at the end) ----
  149. [/comment]a [div=display:inline; color:var(--footercolor); -webkit-text-stroke:var(--footerbold);][comment]
  150.  
  151. ---- ROLEPLAY GENRE TAGS HERE ----
  152. [/comment]psychedelic thriller
  153. [/div][comment]
  154.  
  155. ---- attribute (keep spaces at beginning and end) ----
  156. [/comment] roleplay by [div=display:inline; color:var(--footercolor); -webkit-text-stroke:var(--footerbold);][comment]
  157.  
  158. ---- GM NAME(S) HERE ----
  159. [/comment]sox
  160.  
  161. [/div][/div][comment]---- subtitle bar end----[/comment]
  162. [/div][comment]---- LEFT END ----[/comment]
  163.  
  164.  
  165.  
  166.  
  167. [comment]---- RIGHT START ----[/comment]
  168. [/nobr][div=position:relative; margin:5px; width:380px; height:500px; border-radius:0px;][nobr]
  169.  
  170. [comment]---- music bar start ----[/comment]
  171. [div=position:absolute; top:0px; right:0px; width:380px; height:18px; background:var(--hfcolor); color:var(--hftext); font-family:var(--font2); font-size:12px; line-height:19px; text-align:left; letter-spacing:0px; text-transform:uppercase; overflow:hidden;][div=display:inline; color:var(--npcolor); padding-left:10px; -webkit-text-stroke:var(--npbold);]now playing: [/div][comment]
  172.  
  173. ---- SONG NAME HERE ----
  174. [/comment]nightmare
  175.  
  176. [div=display:inline; color:var(--accent1);] — [/div][comment]
  177.  
  178. ---- ARTIST NAME HERE ----
  179. [/comment]red velvet
  180.  
  181. [comment] ---- music player button start
  182. ---- graciously granted to me by uxie ty queen ily [/comment]
  183. [div=position:absolute; top:2px; right:10px; width:10px; height:11px;]
  184. [div=height:13px; width:100%; flex-shrink:0; box-sizing:border-box; display:flex; flex-flow:row nowrap; align-items:center;]
  185.  
  186. [comment] ---- play button ---- [/comment]
  187. [div=height:11px; width:11px; border-radius:100%; position:relative; flex-shrink:0;][div=height:100%; width:100%; background-size:cover; position:relative; z-index:2; pointer-events:none; font-size:8px; line-height:12px; text-align:center; color:var(--playcolor);][fa]fas fa-play[/fa][/div]
  188.  
  189. [comment] ---- media files ---- [/comment]
  190. [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;]
  191.  
  192. [comment]---- SOUNDCLOUD ---- (replace the soundcloud link within media tag with your own) ---- [/comment]
  193. [border=transparent; height:80px; width:180px; padding:0; margin-top:-16px; margin-left:-14px; position:absolute; top:0; left:0;]
  194. [media=soundcloud]https://soundcloud.com/redvelvet-music/nightmare[/media][/border]
  195.  
  196. [comment]---- GOOGLE DRIVE ---- (replace the google file code within media tag with your own) ---- [/comment]
  197. [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;]
  198. [media=googledrive]1EwyiuGOGDy8NrbyIm2mfdHc7szRnCMBC[/MEDIA]
  199.  
  200. [/border][/border][/border]
  201. [/div][/div][/div][comment] ---- music player button end ---- [/comment]
  202.  
  203. [/div][comment]---- music bar end----[/comment]
  204.  
  205.  
  206. [comment]---- corner lines ----[/comment]
  207. [div=position:absolute; bottom:16px; right:-9px; width:var(--cornerlength); height:var(--cornerwidth); background:var(--corneraccent2);][/div]
  208. [div=position:absolute; bottom:16px; right:-9px; width:var(--cornerwidth); height:var(--cornerlength); background:var(--corneraccent2);][/div]
  209.  
  210.  
  211. [comment]---- right panel start ----[/comment]
  212. [div=position:absolute; top:25px; width:380px; height:450px; overflow:hidden; background:var(--bkgd); border-radius:0px; outline:var(--paneloutline); outline-offset:var(--outlineoffset);]
  213.  
  214. [comment]---- content start ----[/comment]
  215. [div=position:absolute; top:30px; left:20px; width:var(--contentw); height:var(--contenth); overflow-x:hidden; overflow-y:scroll; scrollbar-width:none;]
  216.  
  217.  
  218. [comment]---- section 1 start: copy this whole chunk to add a new section! ----[/comment]
  219. [div=position:relative; width:100%; height:145px;]
  220.  
  221. [comment]---- sec1 heading ----[/comment]
  222. [div=position:absolute; top:var(--barY); width:100%; height:var(--barwidth); background:var(--barcolor);][/div]
  223. [div=position:absolute; top:0px; width:100%; height:25px; font-family:var(--font1); color:var(--headingcolor); font-size:22px; line-height:25px; text-align:right; text-transform:uppercase; text-shadow:var(--headingshadow); padding-right:2px;][comment]
  224.  
  225. ---- HEADING NAME HERE ----
  226. [/comment]intro.
  227. [/div]
  228.  
  229. [comment]---- sec1 pic----[/comment]
  230. [div=position:absolute; top:25px; left:5.5px; width:115px; height:115px; border:var(--picborder); box-sizing:border-box;][/div]
  231. [div=position:absolute; top:30px; left:0px; width:115px; height:115px; border:var(--picborder); background:var(--sec1pic); background-size:var(--sec1picsize); background-position:var(--sec1picposition); filter:var(--sec1picfilter);][/div]
  232.  
  233. [comment]---- sec1 text ----[/comment]
  234. [div=position:absolute; top:25px; right:0px; width:190px; height:120px; background:var(--bodybkgd); border:var(--bodyborder); padding:0 10px 0 10px; overflow:hidden;][div=position:relative; font-family:var(--font3); color:var(--bodycolor); font-size:11px; line-height:12.5px; text-align:justify; height:100px; margin-top:10px; overflow-x:hidden; overflow-y:scroll; scrollbar-width:none; white-space: pre-line;][comment]
  235.  
  236. ---- BODY TEXT HERE ----
  237. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  238.  
  239. 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.
  240.  
  241. [/div][/div]
  242. [/div][comment]---- sec1 section end: copy this too! ----[/comment]
  243.  
  244.  
  245.  
  246.  
  247. [comment]---- section 2 start: copy this whole chunk to add a new section! ----[/comment]
  248. [div=position:relative; width:100%; height:145px; margin-top:10px;]
  249.  
  250. [comment]---- sec2 heading ----[/comment]
  251. [div=position:absolute; top:var(--barY); width:100%; height:var(--barwidth); background:var(--barcolor);][/div]
  252. [div=position:absolute; top:0px; width:100%; height:25px; font-family:var(--font1); color:var(--headingcolor); font-size:22px; line-height:25px; text-align:left; text-transform:uppercase; text-shadow:var(--headingshadow); padding-left:2px;][comment]
  253.  
  254. ---- HEADING NAME HERE ----
  255. [/comment]lore.
  256. [/div]
  257.  
  258. [comment]---- sec2 pic----[/comment]
  259. [div=position:absolute; top:25px; right:0px; width:115px; height:115px; border:var(--picborder); box-sizing:border-box;][/div]
  260. [div=position:absolute; top:30px; right:5px; width:115px; height:115px; border:var(--picborder); background:var(--sec2pic); background-size:var(--sec2picsize); background-position:var(--sec2picposition); filter:var(--sec2picfilter);][/div]
  261.  
  262. [comment]---- sec2 text ----[/comment]
  263. [div=position:absolute; top:25px; left:0px; width:190px; height:120px; background:var(--bodybkgd); border:var(--bodyborder); padding:0 10px 0 10px; overflow:hidden;][div=position:relative; font-family:var(--font3); color:var(--bodycolor); font-size:11px; line-height:12.5px; text-align:justify; height:100px; margin-top:10px; overflow-x:hidden; overflow-y:scroll; scrollbar-width:none; white-space: pre-line;][comment]
  264.  
  265. ---- BODY TEXT HERE ----
  266. [/comment][comment]-- subheading --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]Time Period:[/div]Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  267.  
  268. [comment]-- subheading --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]People:[/div]Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  269.  
  270. [comment]-- subheading --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]Factions:[/div]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.
  271.  
  272. [comment]-- subheading --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]World:[/div]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.
  273.  
  274. [/div][/div]
  275. [/div][comment]---- sec2 end: copy this too! ----[/comment]
  276.  
  277.  
  278.  
  279.  
  280. [comment]---- section 3 start: copy this whole chunk to add a new section! ----[/comment]
  281. [div=position:relative; width:100%; height:145px; margin-top:10px;]
  282.  
  283. [comment]---- sec3 heading ----[/comment]
  284. [div=position:absolute; top:var(--barY); width:100%; height:var(--barwidth); background:var(--barcolor);][/div]
  285. [div=position:absolute; top:0px; width:100%; height:25px; font-family:var(--font1); color:var(--headingcolor); font-size:22px; line-height:25px; text-align:right; text-transform:uppercase; text-shadow:var(--headingshadow); padding-right:2px;][comment]
  286.  
  287. ---- HEADING NAME HERE ----
  288. [/comment]roles.
  289. [/div]
  290.  
  291. [comment]---- sec3 pic----[/comment]
  292. [div=position:absolute; top:25px; left:5.5px; width:115px; height:115px; border:var(--picborder); box-sizing:border-box;][/div]
  293. [div=position:absolute; top:30px; left:0px; width:115px; height:115px; border:var(--picborder); background:var(--sec3pic); background-size:var(--sec3picsize); background-position:var(--sec3picposition); filter:var(--sec3picfilter);][/div]
  294.  
  295. [comment]---- sec3 text ----[/comment]
  296. [div=position:absolute; top:25px; right:0px; width:210px; height:120px; overflow-x:hidden; overflow-y:scroll; scrollbar-width:none;][comment]
  297.  
  298.  
  299. ---- ROLES START HERE ----
  300. [/comment]
  301.  
  302. [comment]---- role start: copy this whole section to add a new role! ----[/comment]
  303. [div=position:relative; width:190px; height:auto; margin-bottom:var(--rolespace); background:var(--bodybkgd); border:var(--bodyborder); padding:0 10px 0 10px; font-family:var(--font3); color:var(--bodycolor); font-size:11px; line-height:12.5px; text-align:justify;]
  304.  
  305. [comment]---- name ----[/comment]
  306. [div=margin-bottom:3px; color:var(--rolecolor); font-family:var(--font2); font-size:15px; line-height:16px; padding-top:10px; text-transform:uppercase; text-align:left; -webkit-text-stroke:var(--rolebold);][comment]
  307.  
  308. ---- ROLE NAME HERE ----
  309. [/comment]the accused.
  310. [/div]
  311.  
  312. [comment]---- description ----[/comment]
  313. [div=display:inline; white-space: pre-line;][comment]
  314.  
  315. ---- ROLE DESCRIPTION HERE ----
  316. [/comment]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.
  317. [/div]
  318.  
  319. [comment]---- status: "[open]"/"[taken]"/"[reserved]"/etc ----[/comment]
  320. [div=padding-bottom:10px; color:var(--accent1); font-family:var(--font2); font-size:11px; line-height:12px; margin-top:6px; text-transform:uppercase; text-align:right;]status: [div=display:inline; color:var(--statuscolor); -webkit-text-stroke:var(--statusbold);][comment]
  321.  
  322. ---- ROLE STATUS HERE ----
  323. [/comment][open]
  324.  
  325. [/div][/div][/div][comment]---- role end: copy this too! ----[/comment]
  326.  
  327.  
  328. [comment]---- role start: copy this whole section to add a new role! ----[/comment]
  329. [div=position:relative; width:190px; height:auto; margin-bottom:var(--rolespace); background:var(--bodybkgd); border:var(--bodyborder); padding:0 10px 0 10px; font-family:var(--font3); color:var(--bodycolor); font-size:11px; line-height:12.5px; text-align:justify;]
  330.  
  331. [comment]---- name ----[/comment]
  332. [div=margin-bottom:3px; color:var(--rolecolor); font-family:var(--font2); font-size:15px; line-height:16px; padding-top:10px; text-transform:uppercase; text-align:left; -webkit-text-stroke:var(--rolebold);][comment]
  333.  
  334. ---- ROLE NAME HERE ----
  335. [/comment]the arbiter.
  336.  
  337. [/div][comment]---- description ----[/comment]
  338. [div=display:inline; white-space: pre-line;][comment]
  339.  
  340. ---- ROLE DESCRIPTION HERE ----
  341. [/comment]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.
  342. [/div]
  343.  
  344. [comment]---- status: "[open]"/"[taken]"/"[reserved]"/etc ----[/comment]
  345. [div=padding-bottom:10px; color:var(--accent1); font-family:var(--font2); font-size:11px; line-height:12px; margin-top:6px; text-transform:uppercase; text-align:right;]status: [div=display:inline; color:var(--statuscolor); -webkit-text-stroke:var(--statusbold);][comment]
  346.  
  347. ---- ROLE STATUS HERE ----
  348. [/comment][taken]
  349.  
  350. [/div][/div][/div][comment]---- role end: copy this too! ----[/comment]
  351.  
  352.  
  353. [comment]---- role start: copy this whole section to add a new role! ----[/comment]
  354. [div=position:relative; width:190px; height:auto; margin-bottom:var(--rolespace); background:var(--bodybkgd); border:var(--bodyborder); padding:0 10px 0 10px; font-family:var(--font3); color:var(--bodycolor); font-size:11px; line-height:12.5px; text-align:justify;]
  355.  
  356. [comment]---- name ----[/comment]
  357. [div=margin-bottom:3px; color:var(--rolecolor); font-family:var(--font2); font-size:15px; line-height:16px; padding-top:10px; text-transform:uppercase; text-align:left; -webkit-text-stroke:var(--rolebold);][comment]
  358.  
  359. ---- ROLE NAME HERE ----
  360. [/comment]the witnesses.
  361. [/div]
  362.  
  363. [comment]---- description ----[/comment]
  364. [div=display:inline; white-space: pre-line;][comment]
  365.  
  366. ---- ROLE DESCRIPTION HERE ----
  367. [/comment]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.
  368.  
  369. 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.
  370. [/div]
  371.  
  372. [comment]---- status: "[open]"/"[taken]"/"[reserved]"/etc ----[/comment]
  373. [div=padding-bottom:10px; color:var(--accent1); font-family:var(--font2); font-size:11px; line-height:12px; margin-top:6px; text-transform:uppercase; text-align:right;]status: [div=display:inline; color:var(--statuscolor); -webkit-text-stroke:var(--statusbold);][comment]
  374.  
  375. ---- ROLE STATUS HERE ----
  376. [/comment][open]
  377.  
  378. [/div][/div][/div][comment]---- role end: copy this too! ----[/comment]
  379.  
  380.  
  381. [comment]---- role start: copy this whole section to add a new role! ----[/comment]
  382. [div=position:relative; width:190px; height:auto; margin-bottom:var(--rolespace); background:var(--bodybkgd); border:var(--bodyborder); padding:0 10px 0 10px; font-family:var(--font3); color:var(--bodycolor); font-size:11px; line-height:12.5px; text-align:justify;]
  383.  
  384. [comment]---- name ----[/comment]
  385. [div=margin-bottom:3px; color:var(--rolecolor); font-family:var(--font2); font-size:15px; line-height:16px; padding-top:10px; text-transform:uppercase; text-align:left; -webkit-text-stroke:var(--rolebold);][comment]
  386.  
  387. ---- ROLE NAME HERE ----
  388. [/comment]the jurors.
  389.  
  390. [/div][comment]---- description ----[/comment]
  391. [div=display:inline; white-space: pre-line;][comment]
  392.  
  393. ---- ROLE DESCRIPTION HERE ----
  394. [/comment]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.
  395.  
  396. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  397. [/div]
  398.  
  399. [comment]---- status: "[open]"/"[taken]"/"[reserved]"/etc ----[/comment]
  400. [div=padding-bottom:10px; color:var(--accent1); font-family:var(--font2); font-size:11px; line-height:12px; margin-top:6px; text-transform:uppercase; text-align:right;]status: [div=display:inline; color:var(--statuscolor); -webkit-text-stroke:var(--statusbold);][comment]
  401.  
  402. ---- ROLE STATUS HERE ----
  403. [/comment][open]
  404.  
  405. [/div][/div][/div][comment]---- role end: copy this too! ----[/comment]
  406.  
  407. [/div]
  408.  
  409. [comment]---- scroll tag ----[/comment]
  410. [div=position:absolute; top:36px; left:81px; width:auto; height:8px; background:var(--bodybkgd); border:var(--bodyborder); font-family:var(--font1); color:var(--scrollcolor); font-size:8px; line-height:8px; text-align:right; text-transform:uppercase; padding:5px; opacity:1; letter-spacing:0.5px; -webkit-text-stroke:var(--scrollbold);]scroll[div=display:inline; font-size:6px; margin-left:4px;][fa]far fa-arrow-down[/fa][/div][/div]
  411.  
  412. [/div][comment]---- sec3 end: copy this too! ----[/comment]
  413.  
  414.  
  415.  
  416.  
  417. [comment]---- section 4 start: copy this whole chunk to add a new section! ----[/comment]
  418. [div=position:relative; width:100%; height:145px; margin-top:10px;]
  419.  
  420. [comment]---- sec4 heading ----[/comment]
  421. [div=position:absolute; top:var(--barY); width:100%; height:var(--barwidth); background:var(--barcolor);][/div]
  422. [div=position:absolute; top:0px; width:100%; height:25px; font-family:var(--font1); color:var(--headingcolor); font-size:22px; line-height:25px; text-align:left; text-transform:uppercase; text-shadow:var(--headingshadow); padding-left:2px;][comment]
  423.  
  424. ---- HEADING NAME HERE ----
  425. [/comment]guidelines.
  426. [/div]
  427.  
  428. [comment]---- sec4 pic----[/comment]
  429. [div=position:absolute; top:25px; right:0px; width:115px; height:115px; border:var(--picborder); box-sizing:border-box;][/div]
  430. [div=position:absolute; top:30px; right:5px; width:115px; height:115px; border:var(--picborder); background:var(--sec4pic); background-size:var(--sec4picsize); background-position:var(--sec4picposition); filter:var(--sec4picfilter);][/div]
  431.  
  432. [comment]---- sec4 text ----[/comment]
  433. [div=position:absolute; top:25px; left:0px; width:190px; height:120px; background:var(--bodybkgd); border:var(--bodyborder); padding:0 10px 0 10px; overflow:hidden;][div=position:relative; font-family:var(--font3); color:var(--bodycolor); font-size:11px; line-height:12.5px; text-align:justify; height:100px; margin-top:10px; overflow-x:hidden; overflow-y:scroll; scrollbar-width:none; white-space: pre-line;][comment]
  434.  
  435. ---- BODY TEXT HERE ----
  436. [/comment]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.
  437.  
  438. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  439.  
  440. [comment]-- rule --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]→ 001.[/div]xxx
  441. [comment]-- rule --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]→ 002.[/div]yyy
  442. [comment]-- rule --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]→ 003.[/div]zzz
  443. [comment]-- rule --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]→ 004.[/div]xxx
  444. [comment]-- rule --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]→ 005.[/div]yyy
  445. [comment]-- rule --[/comment][div=display:inline; color:var(--subcolor); margin-right:3px; -webkit-text-stroke:var(--subbold);]→ 006.[/div]zzz
  446.  
  447. [/div][/div]
  448. [/div][comment]---- sec4 end: copy this too! ----[/comment]
  449.  
  450.  
  451. [/div][comment]---- content end----[/comment]
  452. [/div][comment]---- right panel end ----[/comment]
  453.  
  454. [/nobr][/div][comment]---- RIGHT END----[/comment][nobr]
  455.  
  456. [/nobr][/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!