API tools faq
paste
Advertisement
soxxx

004 - dark

soxxx
Sep 16th, 2024 (edited)
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.46 KB | None | 0 0
raw download clone embed print report
  1. [nobr][comment]code by sox
  2.  
  3. [font=IBM Plex Sans Condensed]decorations[/font]
  4. [font=Barlow Semi Condensed]numbers[/font]
  5. [font=Cabin Condensed]name[/font]
  6. [font=Libre Barcode 128]barcode[/font]
  7.  
  8. [/comment][div=height:auto; width:100%; overflow-x:auto; overflow-y:hidden;
  9.  
  10. /*colors*/
  11. --bkgd: #000; /*black*/
  12. --subtitle: #fff; /*white*/
  13. --text: #000; /*black*/
  14. --shadow: #000; /*black*/
  15. --accent1: #fff; /*white*/
  16. --accent2: #7E1111; /*red*/
  17. --accent3: #2b2b2b; /*dark gray*/
  18. --accent4: #000; /*black*/
  19. --accent5: #3b0608;
  20. --promobox: rgba(0,0,0,0.7);
  21. --lightaccent: rgba(255,255,255,0.7);
  22.  
  23. /*values*/
  24. --lineopacity: 0.7;
  25. --lineangle: 30deg;
  26.  
  27. /*borders*/
  28. --border1: 1px solid var(--bkgd);
  29. --border2: 0.5px solid var(--accent2);
  30. --border3: 1px solid var(--accent3);
  31. --border4: 0.5px solid var(--accent1);
  32.  
  33.  
  34. /*fonts*/
  35. --font1: 'IBM Plex Sans Condensed', sans-serif;
  36. --font2: 'Barlow Semi Condensed', sans-serif;
  37. --font3: 'Cabin Condensed', sans-serif;
  38. --font4: 'Libre Barcode 128', sans-serif;
  39.  
  40. /*pics*/
  41. --mainpic: url('https://i.imgur.com/dPp49xX.png');
  42. --texture: url('https://i.imgur.com/SwC1moq.png');
  43.  
  44. ][div=margin:auto; position:relative; width:410px; height:410px; margin-top:10px; margin-bottom:10px; background: var(--bkgd); border-radius:3px; outline:var(--border3); outline-offset:-5px; overflow:hidden; box-sizing: border-box; cursor: url(https://imgur.com/5ex8RXq.png), auto;]
  45.  
  46. [comment] ---- POSTER ----[/comment]
  47.  
  48. [comment] ---- background ----[/comment]
  49. [div=position:absolute; top:30px; left:30px; width:190px; height:350px; background:var(--accent5); border-radius:1px; box-sizing: border-box; ][/div]
  50.  
  51. [comment] ---- picture ----[/comment]
  52. [div=position:absolute; top:37px; left:37px; width:176px; height:336px; background:var(--mainpic); background-size:cover; background-position:50% 50%; border: var(--border4); box-sizing: border-box; box-shadow: inset 0px 0px 10px var(--shadow);][/div]
  53. [div=position:absolute; top:322px; left:38px; width:174px; height:50px; background:var(--promobox); background-size:cover; background-position:50% 50%;][/div]
  54.  
  55.  
  56. [comment] ---- poster text ----[/comment]
  57. [div=position:absolute; top:328px; left:37px; width:176px; height:25px; font-family:var(--font3); font-size:24px; line-height:25px; text-align:center; text-transform:uppercase; font-weight:bold; color:var(--subtitle); text-shadow:1px 1px 0px var(--shadow), 2.5px 2.5px 0px var(--shadow); letter-spacing:1px;][comment]
  58.  
  59. ---- subtitle pt1 ----
  60. [/comment]coming soon[/div]
  61.  
  62. [div=position:absolute; top:348px; left:37px; width:176px; height:25px; font-family:var(--font3); font-size:12px; line-height:25px; text-align:center; text-transform:uppercase; font-weight:bold; color:var(--subtitle); text-shadow:1px 1px 0px var(--shadow); letter-spacing:1px;][comment]
  63.  
  64. ---- subtitle pt2 ----
  65. [/comment]to theaters this fall...[/div]
  66.  
  67.  
  68.  
  69. [comment] ---- TICKET ----[/comment]
  70.  
  71. [comment] ---- background ----[/comment]
  72. [div=position:absolute; top:30px; left:230px; width:150px; height:350px; background:var(--texture); background-size:cover; background-position:50% 50%; border-radius:1px;][/div]
  73.  
  74. [comment] ---- ticket edges ----[/comment]
  75. [div=position:absolute; top:25px; left:300px; width:10px; height:10px; background:var(--bkgd); transform:rotate(45deg);][/div]
  76. [div=position:absolute; top:25px; left:375px; width:10px; height:10px; background:var(--bkgd); transform:rotate(45deg);][/div]
  77. [div=position:absolute; top:375px; left:300px; width:10px; height:10px; background:var(--bkgd); transform:rotate(45deg);][/div]
  78. [div=position:absolute; top:375px; left:225px; width:10px; height:10px; background:var(--bkgd); transform:rotate(45deg);][/div]
  79.  
  80.  
  81. [comment] ---- name ----[/comment]
  82. [div=position:absolute; top:193.5px; left:240px; width:130px; height:22px; background:var(--lightaccent); font-family:var(--font3); font-weight:900; font-style: normal; font-size:22px; line-height:22px; text-align:center; text-transform:uppercase; color:var(--text); letter-spacing:1px; overflow:hidden;][comment]
  83.  
  84. ---- NAME HERE ----
  85. [/comment]name here[/div]
  86.  
  87. [comment] ---- role ----[/comment]
  88. [div=position:absolute; top:174px; left:240px; width:130px; height:13px; border:var(--border1); box-sizing: border-box; font-family:var(--font1); font-size:8px; line-height:11px; text-align:center; text-transform:uppercase; font-weight:400; color:var(--accent2); letter-spacing:1px;][comment]
  89.  
  90. ---- ROLE HERE ----
  91. [/comment][B]role:[/B] the diplomat[/div]
  92.  
  93. [comment] ---- faceclaim ----[/comment]
  94. [div=position:absolute; top:222px; left:240px; width:130px; height:13px; border:var(--border1); box-sizing: border-box; font-family:var(--font1); font-size:8px; line-height:11px; text-align:center; text-transform:uppercase; font-weight:400; color:var(--accent2); letter-spacing:1px;][comment]
  95.  
  96. ---- FACECLAIM HERE ----
  97. [/comment][B]fc:[/B] 小红书684777316[/div]
  98.  
  99.  
  100. [comment] ---- ticket decoration text ----[/comment]
  101. [div=position:absolute; top:55px; left:240px; width:130px; height:300px; border:var(--border1); box-sizing: border-box;][/div]
  102. [div=position:absolute; top:55px; left:240px; width:130px; height:25px; border:var(--border1); box-sizing: border-box; font-family:var(--font1); font-size:16px; line-height:23px; text-align:center; text-transform:uppercase; font-weight:bold; color:var(--accent2); letter-spacing:1px;][comment]
  103.  
  104. ---- ticket top ----
  105. [/comment]admit one[/div]
  106.  
  107. [div=position:absolute; top:330px; left:240px; width:130px; height:25px; border:var(--border1); box-sizing: border-box; font-family:var(--font1); font-size:16px; line-height:23px; text-align:center; text-transform:uppercase; font-weight:bold; color:var(--accent2); letter-spacing:1px;][comment]
  108.  
  109. ---- ticket bottom ----
  110. [/comment]admit one[/div]
  111.  
  112.  
  113. [comment] ---- numbers ----[/comment]
  114. [div=position:absolute; top:79px; left:240px; width:130px; height:20px; font-family:var(--font2); font-size:12px; line-height:20px; text-align:center; text-transform:uppercase; color:var(--text); letter-spacing:1px;][comment]
  115.  
  116. ---- number top ----
  117. [/comment]4211587018029315[/div]
  118.  
  119. [div=position:absolute; top:311px; left:240px; width:130px; height:20px; font-family:var(--font2); font-size:12px; line-height:20px; text-align:center; text-transform:uppercase; color:var(--text); letter-spacing:1px;][comment]
  120.  
  121. ---- number bottom ----
  122. [/comment]4211587018029315[/div]
  123.  
  124.  
  125. [div=position:absolute; top:44px; left:240px; width:130px; height:7px; font-family:var(--font4); font-size:11px; line-height:11px; text-align:center; text-transform:uppercase; font-weight:400; color:var(--text); letter-spacing:1px;]SDKJGSDGJDSKVNKFNALENNVDSVGN[/div]
  126. [div=position:absolute; top:359px; left:240px; width:130px; height:7px; font-family:var(--font4); font-size:11px; line-height:11px; text-align:center; text-transform:uppercase; font-weight:400; color:var(--text); letter-spacing:1px;]SDKJGSDGJDSKVNKFNALENNVDSVGN[/div]
  127.  
  128. [comment] ---- ticket accent lines: top ----[/comment]
  129. [div=position:absolute; top:98px; left:240px; width:130px; height:35px; border:var(--border1); box-sizing: border-box; overflow:hidden;]
  130. [div=position:absolute; top:-5px; left:-7px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  131. [div=position:absolute; top:-5px; left:0px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  132. [div=position:absolute; top:-5px; left:7px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  133. [div=position:absolute; top:-5px; left:14px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  134. [div=position:absolute; top:-5px; left:21px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  135. [div=position:absolute; top:-5px; left:7px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  136. [div=position:absolute; top:-5px; left:28px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  137. [div=position:absolute; top:-5px; left:35px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  138. [div=position:absolute; top:-5px; left:42px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  139. [div=position:absolute; top:-5px; left:49px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  140. [div=position:absolute; top:-5px; left:56px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  141. [div=position:absolute; top:-5px; left:63px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  142. [div=position:absolute; top:-5px; left:70px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  143. [div=position:absolute; top:-5px; left:77px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  144. [div=position:absolute; top:-5px; left:84px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  145. [div=position:absolute; top:-5px; left:91px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  146. [div=position:absolute; top:-5px; left:98px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  147. [div=position:absolute; top:-5px; left:105px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  148. [div=position:absolute; top:-5px; left:112px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  149. [div=position:absolute; top:-5px; left:119px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  150. [div=position:absolute; top:-5px; left:126px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  151. [div=position:absolute; top:-5px; left:133px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div][/div]
  152.  
  153. [comment] ---- ticket accent lines: bottom ----[/comment]
  154. [div=position:absolute; top:277px; left:240px; width:130px; height:35px; border:var(--border1); box-sizing: border-box; overflow:hidden;]
  155. [div=position:absolute; top:-5px; left:-7px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  156. [div=position:absolute; top:-5px; left:0px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  157. [div=position:absolute; top:-5px; left:7px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  158. [div=position:absolute; top:-5px; left:14px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  159. [div=position:absolute; top:-5px; left:21px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  160. [div=position:absolute; top:-5px; left:7px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  161. [div=position:absolute; top:-5px; left:28px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  162. [div=position:absolute; top:-5px; left:35px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  163. [div=position:absolute; top:-5px; left:42px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  164. [div=position:absolute; top:-5px; left:49px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  165. [div=position:absolute; top:-5px; left:56px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  166. [div=position:absolute; top:-5px; left:63px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  167. [div=position:absolute; top:-5px; left:70px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  168. [div=position:absolute; top:-5px; left:77px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  169. [div=position:absolute; top:-5px; left:84px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  170. [div=position:absolute; top:-5px; left:91px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  171. [div=position:absolute; top:-5px; left:98px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  172. [div=position:absolute; top:-5px; left:105px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  173. [div=position:absolute; top:-5px; left:112px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  174. [div=position:absolute; top:-5px; left:119px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  175. [div=position:absolute; top:-5px; left:126px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  176. [div=position:absolute; top:-5px; left:133px; width:3px; height:45px; background:var(--accent1); opacity:var(--lineopacity); transform:rotate(var(--lineangle));][/div]
  177. [/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!