API tools faq
paste
Advertisement
soxxx

16.8 - light

soxxx
Jun 4th, 2025
20
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.72 KB | None | 0 0
raw download clone embed print report
  1. [comment]code by sox
  2.  
  3. [font=Handjet]titles[/font]
  4. [font=Ubuntu Mono]text[/font]
  5.  
  6. [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
  7.  
  8. /*---- TIP: hit ctrl+f and enter "character details" to quickly access the character info text section! -----*/
  9.  
  10. /*---- COLORS: i recommend keeping these in relatively the same range of brightness as the default values! -----*/
  11. /*------------ note: changing these hex codes will change them everywhere they're used; -----*/
  12. /*------------ you can change which accent colors are used where in the "values to edit" section! ----*/
  13.  
  14.  
  15. /*monochrome colors*/
  16. --accent00: #fafafa; /*off white*/
  17. --accent01: #000; /*black*/
  18. --accent02: #588a4d; /*green*/
  19. --accent03: #616e56; /*muted green*/
  20. --accent04: #676b65; /*gray green*/
  21. --accent05: #7d340f; /*orange*/
  22. --accent06: #b57d5c; /*light orange*/
  23.  
  24.  
  25. /*---- PICS ----*/
  26. --mainpic: url('https://i.pinimg.com/736x/f5/3a/47/f53a47e14f941a4c96c5e902e0857678.jpg'); /*main pic*/
  27. --mainpicsize: cover; /*pic size*/
  28. --mainpicposition: 50% 50%; /*pic positioning*/
  29.  
  30.  
  31. /*---- VALUES TO EDIT ----*/
  32.  
  33. /*text*/
  34. --bodyfont: var(--font2); /*main body text font family*/
  35. --bodysize: 10px; /*main text size*/
  36. --bodylh: 12px; /*main text line height*/
  37. --alertsize: 10px; /*alert text size*/
  38. --alertlh: 12px; /*alert line height*/
  39. --alert2size: 9px; /*alert 2 text size*/
  40. --alert2lh: 10px; /*alert 2 line height*/
  41. --bubblesize: 11px; /*chat bubble text size*/
  42. --bubblelh: 16px; /*chat bubble line height*/
  43. --bsize: 6px; /*binary text size*/
  44. --blh: 6px; /*binary line height*/
  45.  
  46. /*colors*/
  47. --bkgd: var(--accent00); /*page background color*/
  48. --textcolor: var(--accent01); /*body text color*/
  49. --warncolor: var(--accent03); /*warning text color*/
  50. --headercolor: var(--accent02); /*page title text color ("latest movements")*/
  51. --errorcolor: var(--accent06); /*error box text color*/
  52. --textbubblecolor: var(--accent05); /*hacked bubble text color */
  53. --bcolor: var(--accent04); /*binary text color */
  54.  
  55. --alertmcolor: var(--accent05); /*alert accent color */
  56. --alert1color: var(--accent02); /*fraud details text color */
  57. --alert2color: var(--accent04); /*data breach alert text color */
  58. --alert3color: var(--accent03); /*failsafe alert text color */
  59. --alert4color: var(--accent06); /*data breach alert title color */
  60. --tagcolor: var(--alertmcolor); /*fraud details tag color */
  61. --tag2color: var(--accent04); /*data breach tag color */
  62.  
  63. /*borders*/
  64. --border0: 1px solid var(--accent03); /*main border color + style*/
  65. --border1: 1px solid var(--accent06); /*error/hacked border color + style*/
  66. --border2: 1px solid var(--accent04); /*outer border color + style*/
  67.  
  68. /*---- FONTS ----*/
  69. --font1: 'Handjet', sans-serif; /*titles*/
  70. --font2: 'Ubuntu Mono', sans-serif; /*text*/
  71.  
  72.  
  73.  
  74. /*---- VALUES YOU PROBABLY DON'T NEED TO EDIT ----*/
  75. /*------------- these are mostly to make my life easier! ----*/
  76.  
  77. /*bold presets*/
  78. /*---- i use these instead of bold tags to preserve the font style on mobile ----*/
  79. --tagbold: 0.6px var(--tagcolor);
  80. --tag2bold: 0.6px var(--tag2color);
  81. --warnbold: 0.6px var(--warncolor);
  82. --headerbold: 0.6px var(--headercolor);
  83. --alertmbold: 0.6px var(--alertmcolor);
  84. --alert1bold: 0.6px var(--alert1color);
  85. --alert3bold: 0.6px var(--alert3color);
  86. --alert4bold: 0.6px var(--alert4color);
  87. --errorbold: 0.5px var(--errorcolor);
  88. --textbubblebold: 0.5px var(--textbubblecolor);
  89.  
  90. /*margins + positions + sizes*/
  91. --leftmargin: 20px;
  92. --rightmargin: 20px;
  93. --topmargin: 20px;
  94. --bottommargin: 20px;
  95. --xmargin: calc(var(--leftmargin) + var(--rightmargin));
  96. --ymargin: calc(var(--topmargin) + var(--bottommargin));
  97. --contentwidth: calc(100% - var(--xmargin));
  98. --contentheight: calc(100% - var(--ymargin));
  99.  
  100. /*---- finger/handprints ----*/
  101. --fp1: url('https://i.imgur.com/4uH0rlh.png');
  102. --fp1color: linear-gradient(to top, var(--accent06), var(--accent04));
  103. --fp1size: cover; /*pic size*/
  104. --fp1position: 50% 50%; /*pic positioning*/
  105.  
  106. /*---- glitches ----*/
  107. --glitch: url('https://i.imgur.com/2zoG3oa.jpeg');
  108. --gsize: cover;
  109. --gposition: 50% 50%;
  110. --gtexture: url('https://i.imgur.com/sU7Nso6.gif');
  111. --gtexturecolor: linear-gradient(to bottom, var(--accent03), var(--accent06));
  112.  
  113.  
  114.  
  115. ][div=margin:auto; position:relative; width:390px; height:340px; background:var(--bkgd); margin-top:20px; margin-bottom:20px; outline:var(--border2); outline-offset:4px; border-radius:0px; box-sizing:border-box; cursor: url(https://imgur.com/5ex8RXq.png), auto; font-family:var(--font1); color:var(--textcolor); text-transform:uppercase; overflow:hidden;][nobr]
  116.  
  117. [comment]---- bkgd texture ----[/comment]
  118. [div=transparent; height:100%; width:100%; padding:0; background: radial-gradient(2px 2px, var(--accent03), transparent); background-size: 3px 3px; opacity:0.1; position:absolute; top:0; left:0;][/div]
  119.  
  120. [comment]---- content start ----[/comment]
  121. [div=position:absolute; left:var(--leftmargin); top:var(--topmargin); width:var(--contentwidth); height:var(--contentheight); background:var(--bkgd); box-siding:border-box; border:var(--border0);]
  122.  
  123.  
  124. [comment]---- HEADER START ----[/comment]
  125. [div=position:absolute; left:0px; top:0px; width:100%; height:30px; box-siding:border-box; border-bottom:var(--border0);]
  126.  
  127. [comment]-- icon --[/comment][div=position:absolute; top:0px; left:0px; width:28px; height:30px; border-right:var(--border0); font-size:13px; line-height:31px; text-align:center; color:var(--accent05); text-shadow:8px 3px var(--accent06), -11px -7px var(--accent04);][fa]fas fa-triangle-exclamation fa-fade[/fa][/div]
  128.  
  129. [comment]-- header text --[/comment][div=position:absolute; left:35px; top:5px; font-family:var(--font1); font-size:10px; line-height:10px; color:var(--warncolor); text-align:left; text-transform:uppercase; -webkit-text-stroke:var(--warnbold); letter-spacing:0.6px; text-shadow:18px 4px var(--accent05), -7px -7px var(--accent06);][comment]
  130.  
  131.  
  132. ---- ORG NAME HERE ----
  133. [/comment]warning:
  134. [br][/br][div=display:inline; color:var(--headercolor); -webkit-text-stroke:var(--headerbold);][comment]
  135.  
  136.  
  137. ---- WARNING HEADER HERE ----
  138. [/comment]emergency alert system activated
  139. [/div][/div]
  140. [/div][comment]---- HEADER END ----[/comment]
  141.  
  142.  
  143. [comment]---- data breach box start ----[/comment]
  144. [div=position:absolute; top:40px; left:120px; width:200px; height:auto; background:var(--bkgd); border:var(--border1); font-family:var(--font2); font-size:var(--alert2size); line-height:var(--alert2lh); text-align:center;]
  145. [comment]-- heading --[/comment]
  146. [div=position:relative; margin-top:4px; color:var(--alert4color); -webkit-text-stroke:var(--alert4bold); letter-spacing:0.3px; padding-bottom:3px; border-bottom:var(--border1); ][comment]
  147.  
  148. ---- DATA BREACH ALERT HERE ----
  149. [/comment]data breach detected![/div]
  150. [div=position:relative; margin-top:4px; color:var(--alert2color);][comment]
  151.  
  152. ---- DATA BREACH MSG HERE ----
  153. [/comment]The system has been compromised and is no longer secure. Immediate action required. See details below:[/div]
  154.  
  155. [comment]-- details --[/comment]
  156. [div=position:relative; margin-top:5px; margin-bottom:6px; color:var(--accent04);]
  157. [comment]-- first item --[/comment][div=display:inline; color:var(--tag2color); -webkit-text-stroke:var(--tag2bold); letter-spacing:0.3px;]date: [/div][comment]
  158.  
  159. ---- DATE HERE ----
  160. [/comment]07/17/16
  161. [comment]-- item --[/comment][br][/br][div=display:inline; color:var(--tag2color); -webkit-text-stroke:var(--tag2bold); letter-spacing:0.3px;]time: [/div][comment]
  162.  
  163. ---- TIME HERE ----
  164. [/comment]01:27:00
  165. [comment]-- item --[/comment][br][/br][div=display:inline; color:var(--tag2color); -webkit-text-stroke:var(--tag2bold); letter-spacing:0.3px;]server id: [/div][comment]
  166.  
  167. ---- SERVER ID# HERE ----
  168. [/comment]16727114
  169. [/div]
  170. [/div][comment]---- data breach box end----[/comment]
  171.  
  172.  
  173. [comment]---- failsafe box start ----[/comment]
  174. [div=position:absolute; top:123px; left:220px; width:120px; height:auto; background:var(--bkgd); border:var(--border0); font-family:var(--font2); font-size:var(--alert2size); line-height:var(--alert2lh); text-align:center;]
  175. [comment]-- heading --[/comment]
  176. [div=position:relative; margin-top:5px; color:var(--alert1color); -webkit-text-stroke:var(--alert1bold); letter-spacing:0.3px;]
  177. [[div=display:inline; color:var(--tag2color); -webkit-text-stroke:var(--tag2bold);][comment]
  178.  
  179. ---- NUMBER OF ALERTS HERE ----
  180. [/comment]3[/div]] [comment]
  181.  
  182. ---- FAILSAFE ALERT HERE ----
  183. [/comment]failsafe warnings[/div]
  184. [div=position:relative; margin-top:3px; margin-bottom:3px; color:var(--alert3color);][comment]
  185.  
  186. ----FAILSAFE MSG HERE ----
  187. [/comment]cutoff system will not operate after t-minus [div=-webkit-text-stroke:var(--alert3bold); letter-spacing:0.3px;](5) minutes.[/div][/div]
  188. [/div][comment]---- failsafe box end----[/comment]
  189.  
  190.  
  191. [comment]-- pic --[/comment]
  192. [div=position:absolute; top:50px; left:20px; width:120px; height:150px; background:var(--mainpic); background-size:var(--mainpicsize); background-position:var(--mainpicposition); border:var(--border0);][div=transparent; height:100%; width:100%; padding:0; background: radial-gradient(2px 2px, var(--accent00), transparent); background-size: 3px 3px; opacity:0.4; position:absolute; top:0; left:0;][/div]
  193. [comment]-- glitch lines --[/comment][div=position:absolute; top:0px; left:0px; width:100%; height:100%; background:var(--glitch); background-size:var(--gsize); background-position:var(--gposition); mix-blend-mode:soft-light; filter:saturate(100%); opacity:0.6;][/div]
  194. [/div]
  195.  
  196. [comment]-- fingerprint --[/comment]
  197. [div=position:absolute; bottom:10px; left:10px; width:70px; height:100px; border:var(--border0); background:var(--bkgd);]
  198. [div=position:absolute; top:18px; left:13px; width:40px; height:65px; background:var(--fp1color); -webkit-mask-image:var(--fp1); mask-image:var(--fp1); mask-size:var(--fp1size); mask-position:var(--fp1position); transform:scalex(-1);][/div]
  199.  
  200. [comment]-- corner lines --[/comment]
  201. [div=position:absolute; top:9px; left:9px; width:10px; height:1px; background:var(--accent03);][/div]
  202. [div=position:absolute; top:9px; left:9px; width:1px; height:10px; background:var(--accent03);][/div]
  203. [div=position:absolute; bottom:9px; right:9px; width:10px; height:1px; background:var(--accent03);][/div]
  204. [div=position:absolute; bottom:9px; right:9px; width:1px; height:10px; background:var(--accent03);][/div]
  205.  
  206. [comment]-- error text --[/comment][div=position:absolute; top:40px; left:10px; width:50px; height:20px; background:var(--bkgd); border:var(--border1); font-family:var(--font1); font-size:11px; line-height:20px; color:var(--errorcolor); text-align:center; text-transform:uppercase; -webkit-text-stroke:var(--errorbold); letter-spacing:0.5px; text-decoration:line-through;][comment]
  207.  
  208. ---- ERROR TAG HERE ----
  209. [/comment]no match
  210. [/div]
  211. [/div]
  212.  
  213. [comment]---- details box start ----[/comment]
  214. [div=position:absolute; top:169px; left:88px; width:170px; height:65px; background:var(--bkgd); border:var(--border1);][/div]
  215. [div=position:absolute; top:172px; left:91px; width:170px; height:65px; background:var(--bkgd); border:var(--border1);][/div]
  216. [div=position:absolute; top:175px; left:94px; width:170px; height:auto; background:var(--bkgd); border:var(--border1); font-family:var(--font2); font-size:var(--alertsize); line-height:var(--alertlh); text-align:center;]
  217. [comment]-- heading --[/comment]
  218. [div=position:relative; margin-top:5px; color:var(--alert1color); -webkit-text-stroke:var(--alert1bold); letter-spacing:0.3px;]
  219. [[div=display:inline; color:var(--alertmcolor); -webkit-text-stroke:var(--alertmbold);][comment]
  220.  
  221. ---- NUMBER OF ALERTS HERE ----
  222. [/comment]1[/div]] [comment]
  223.  
  224. ---- FRAUD ALERT HERE ----
  225. [/comment]fraudulent identity alert[/div]
  226.  
  227.  
  228.  
  229. [comment]---- CHARACTER DETAILS START ----[/comment]
  230. [div=position:relative; margin-top:5px; margin-bottom:5px; color:var(--accent01);]
  231. [comment]-- first item --[/comment][div=display:inline; color:var(--tagcolor); -webkit-text-stroke:var(--tagbold); letter-spacing:0.3px;]name: [/div][comment]
  232.  
  233. ---- NAME HERE ----
  234. [/comment]"ライオン"
  235. [comment]-- item --[/comment][br][/br][div=display:inline; color:var(--tagcolor); -webkit-text-stroke:var(--tagbold); letter-spacing:0.3px;]role: [/div][comment]
  236.  
  237. ---- ROLE HERE ----
  238. [/comment]encryption
  239. [comment]-- item --[/comment][br][/br][div=display:inline; color:var(--tagcolor); -webkit-text-stroke:var(--tagbold); letter-spacing:0.3px;]fc: [/div][comment]
  240.  
  241. ---- FACECLAIM HERE ----
  242. [/comment]nakamoto yuta
  243. [/div]
  244. [/div][comment]---- CHARACTER DETAILS END ----[/comment]
  245.  
  246.  
  247. [comment]-- icon 2 shadow 1 --[/comment][div=position:absolute; right:22px; bottom:55px; width:28px; height:30px; font-size:13px; line-height:31px; text-align:center; color:var(--accent06);][fa]fas fa-spinner fa-pulse[/fa][/div]
  248. [comment]-- icon 2 shadow 2 --[/comment][div=position:absolute; right:1px; bottom:49px; width:28px; height:30px; font-size:13px; line-height:31px; text-align:center; color:var(--accent04);][fa]fas fa-spinner fa-pulse[/fa][/div]
  249. [comment]-- icon 2 --[/comment][div=position:absolute; right:12px; bottom:58px; width:28px; height:30px; font-size:18px; line-height:31px; text-align:center; color:var(--accent02);][fa]fas fa-spinner fa-pulse[/fa][/div]
  250.  
  251.  
  252. [comment]---- rebooting system box start ----[/comment]
  253. [div=position:absolute; bottom:-1px; left:130px; width:100px; height:auto; background:var(--bkgd); border:var(--border0); font-family:var(--font1); font-size:var(--alertsize); line-height:var(--alertlh); text-align:center; color:var(--alert1color); -webkit-text-stroke:var(--alert1bold); letter-spacing:0.3px;]
  254. [div=margin-top:5px; color:var(--alert3color); -webkit-text-stroke:var(--alert3bold); ][comment]
  255.  
  256. ---- REBOOT TEXT HERE ----
  257. [/comment]rebooting system in
  258. [/div][div=margin-bottom:5px;][comment]
  259.  
  260. ---- COUNTDOWN HERE ----
  261. [/comment]3... 2... 1...
  262. [/div]
  263. [/div][comment]---- rebooting box end ----[/comment]
  264.  
  265. [/div][comment]---- content end ----[/comment]
  266.  
  267. [comment]---- BINARY ACCENTS START ----[/comment]
  268. [comment]-- binary 1 --[/comment][div=position:absolute; top:135px; left:0px; font-family:var(--font2); font-size:var(--bsize); line-height:var(--blh); color:var(--bcolor); text-align:left; text-transform:uppercase; -webkit-text-stroke:0.3px var(--accent04); letter-spacing:1.2px; text-shadow:-0.5px -0.5px 0px var(--bkgd); white-space: pre-line;][comment]
  269.  
  270. ---- BINARY HERE ----
  271. [/comment]001
  272. 0101110
  273. 010100111101
  274. 010011100101110101
  275. 10010001001010100100
  276. 1010010101010101001
  277. 0010001001010100001001
  278. 1001000010100000100
  279. 1010010101000010
  280. 1101010010010
  281. 010101
  282. [/div]
  283.  
  284. [comment]-- binary 2 --[/comment][div=position:absolute; top:0px; right:0px; font-family:var(--font2); font-size:var(--bsize); line-height:var(--blh); color:var(--bcolor); text-align:right; text-transform:uppercase; -webkit-text-stroke:0.3px var(--accent04); letter-spacing:1.2px; text-shadow:-0.5px -0.5px 0px var(--bkgd); white-space: pre-line;][comment]
  285.  
  286. ---- BINARY HERE ----
  287. [/comment]01010101000101001110100
  288. 01101011100001101110101001010010101010010
  289. 1010101010001000101001110100011110000111
  290. 10010001001001010101000101001110100011110000111
  291. 000101001110100011110111010001
  292. 011101000111101110100
  293. 11100001110000
  294. 1011100
  295. [/div]
  296.  
  297. [comment]-- binary 3 --[/comment][div=position:absolute; bottom:30px; right:0px; font-family:var(--font2); font-size:var(--bsize); line-height:var(--blh); color:var(--bcolor); text-align:right; text-transform:uppercase; -webkit-text-stroke:0.3px var(--accent04); letter-spacing:1.2px; text-shadow:-0.5px -0.5px 0px var(--bkgd); white-space: pre-line;][comment]
  298.  
  299. ---- BINARY HERE ----
  300. [/comment]011
  301. 101110
  302. 1110111011110
  303. 010000111010000111011
  304. 00101001110100001010111011110
  305. 100001010111000011010111101000100010
  306. 1001010010101010010100101010101
  307. 010001010011100101010010100111
  308. 01000101010101010010000101
  309. 00110010101001101
  310. 01010
  311. [/div]
  312. [comment]---- BINARY ACCENTS END----[/comment]
  313.  
  314. [comment]---- HACKER TEXT BUBBLES START ----[/comment]
  315. [comment]-- text bubble 1 --[/comment][div=position:absolute; top:165px; left:5px; width:auto; height:16px; background:var(--bkgd); box-siding:border-box; border:var(--border1); text-align:left; text-transform:uppercase; font-size:var(--bubblesize); line-height:var(--bubblelh); font-family:var(--font1); letter-spacing:0.8px; color:var(--textbubblecolor); -webkit-text-stroke:var(--textbubblebold); padding:0 5px 0 5px;][comment]
  316.  
  317. ---- BUBBLE 1 TEXT HERE ----
  318. [/comment]miss me? ♡
  319. [/div]
  320.  
  321. [comment]-- text bubble 2 --[/comment][div=position:absolute; top:10px; right:5px; width:auto; height:16px; background:var(--bkgd); box-siding:border-box; border:var(--border1); text-align:right; text-transform:uppercase; font-size:var(--bubblesize); line-height:var(--bubblelh); font-family:var(--font1); letter-spacing:0.8px; color:var(--textbubblecolor); -webkit-text-stroke:var(--textbubblebold); padding:0 5px 0 5px;][comment]
  322.  
  323. ---- BUBBLE 1 TEXT HERE ----
  324. [/comment]too slow, little piggy!
  325. [/div]
  326.  
  327. [comment]-- text bubble 3 --[/comment][div=position:absolute; bottom:50px; right:15px; width:auto; height:16px; background:var(--bkgd); box-siding:border-box; border:var(--border1); text-align:right; text-transform:uppercase; font-size:var(--bubblesize); line-height:var(--bubblelh); font-family:var(--font1); letter-spacing:0.8px; color:var(--textbubblecolor); -webkit-text-stroke:var(--textbubblebold); padding:0 5px 0 5px;][comment]
  328.  
  329. ---- BUBBLE 1 TEXT HERE ----
  330. [/comment]oh, crying already...
  331. [/div]
  332. [comment]---- HACKER TEXT BUBBLES END ----[/comment]
  333. [comment]-- glitch effect --[/comment][div=position:absolute; top:0px; left:0px; width:100%; height:100%; background:var(--gtexturecolor); background-size:var(--gsize); background-position:var(--gposition); -webkit-mask-image:var(--gtexture); mask-image:var(--gtexture); mask-repeat: no-repeat; mask-size:cover; mask-position:center;][/div]
  334. [/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!