API tools faq
paste
Advertisement
soxxx

004 - light

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