API tools faq
paste
Advertisement
ooksie

stop the feeling (placeholder)

ooksie
Apr 23rd, 2024 (edited)
36
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.23 KB | None | 0 0
raw download clone embed print report
  1. [comment]coded by uxie!
  2.  
  3. [font=Fugaz One]title[/font]
  4.  
  5. sticker fonts:
  6. [font=Oranienbaum]sticker one[/font]
  7. [font=Grape Nuts]sticker two[/font]
  8. [font=Antonio]sticker three[/font]
  9.  
  10. [/comment][div=
  11.  
  12. /*sticker header background*/
  13. --bg: #f9f7ef;
  14. /*shadows/borders. advice -- no need to touch this.*/
  15. --border: rgb(0, 0, 0, 0.2);
  16. --shadow: rgb(0, 0, 0, 0.3);
  17. /*sticker header text/icons colour*/
  18. --color-1: #2E2D25;
  19.  
  20. /*sticker header font*/
  21. --title:'Fugaz One', sans-serif;
  22.  
  23. /*text sticker customisations below! sXa generally refers to the sticker's background colour, sXb generally refers to the sticker's text colour. sXt is the font!*/
  24. /*sticker one*/
  25. --s1a: #FBF8F0;
  26. --s1b: #2E2D25;
  27. --s1t: 'Oranienbaum', serif;
  28.  
  29. /*sticker two*/
  30. --s2a: #d37a7a;
  31. --s2b: #2E2D25;
  32. --s2t: 'Grape Nuts', display;
  33.  
  34. /*sticker three*/
  35. --s3a: #2E2D25;
  36. --s3b: #FBF8F0;
  37. --s3t: 'Antonio', sans-serif;
  38.  
  39. /*image sticker customisations below!*/
  40. /*sticker 4 -- recc. this to be the main image of your oc/aesthetic*/
  41. --s4: URL('https://i.pinimg.com/564x/af/40/3e/af403eef0f9c1776f7e9c6f044ef3c43.jpg');
  42. /*sticker 5 -- recc. this to be a secondary image of your oc/aesthetic*/
  43. --s5: URL('https://i.pinimg.com/736x/84/75/50/8475500067460e4eda7292153cc4df90.jpg');
  44. /*sticker 6 -- a taller image, get like an aesthetic poster or something*/
  45. --s6: URL('https://i.pinimg.com/564x/77/56/41/77564195117d871c4c72e18e990ff78b.jpg');
  46. /*the following two are square images. replace these with actual sticker images, like the kind you find on redbubble! try to get them transparent!*/
  47. --s7: url('https://i.imgur.com/p4kOQUe.png');
  48. --s8: url('https://i.imgur.com/jArjhHB.png');
  49.  
  50. /*textures! don't touch these*/
  51. --patexture: url('https://www.transparenttextures.com/patterns/textured-paper.png');
  52. --pltexture: url('https://i.imgur.com/qYilws3.png');
  53. --doodle:url('https://i.imgur.com/oq7A6Om.png');
  54. --staple: url('https://i.imgur.com/eqdPeu4.png');
  55.  
  56.  
  57. height:auto; width:100%; padding:20px 0 0 0; box-sizing:border-box; max-width:320px; margin:30px auto 40px auto; display:flex; align-items:center; justify-content:center; line-height:0;][div=height:auto; width:280px; display:flex; flex-flow:column nowrap; align-items:center; transform:rotate(7deg); position:relative;]
  58.  
  59. [comment]----sticker header----[/comment]
  60. [div=height:100px; width:100%; overflow:hidden; padding:15px 20px; box-sizing:border-box; background: var(--bg); position:relative; z-index:11; display:flex; align-items:center; justify-content:center; box-shadow:0px 2px 5px var(--shadow), 0px -1px 5px var(--shadow); border-radius:1px;][div=height:100%; width:100%; position:absolute; top:0; left:0; z-index:5; pointer-events:none; background: var(--patexture); background-size:150%; opacity:0.3; mix-blend-mode: multiply;][/div]
  61.  
  62. [div=height:auto; max-height:64px; padding:0 0 8px 0; box-sizing:border-box; overflow:hidden; width:auto; color: var(--color-1); font-family: var(--title); font-size:35px; line-height:80%;][comment]
  63.  
  64. ----* * * role/title/whatever here (don't go over 2 lines pleaseee)----
  65.  
  66. [/comment]Good Luck, Babeg[i]![/i][/div]
  67.  
  68. [comment]----decorations----[/comment]
  69. [div=height:85px; width:97px; background: var(--doodle); background-size:contain; background-repeat:no-repeat; position:absolute; bottom:-8px; right:-5px; transform:rotate(-25deg);][/div]
  70.  
  71. [div=height:100%; width:100%; position:absolute; top:0; left:0; /*remove display:none; to show*/ display:none; ]
  72. [div=height:auto; width:auto; color: var(--color-1); font-size:50px; position:absolute; bottom:-2px; right:60px; transform:rotate(-25deg); line-height:100%;][comment]
  73.  
  74. ----* * * doodle one (use an fa-icon!)----
  75.  
  76. [/comment][fa]fal fa-star[/fa][/div]
  77. [div=height:auto; width:auto; color: var(--color-1); font-size:30px; position:absolute; bottom:27px; right:21px; transform:rotate(-38deg); line-height:100%;][comment]
  78.  
  79. ----* * * doodle one (use an fa-icon! make it the same as above!)----
  80.  
  81. [/comment][fa]far fa-star[/fa][/div]
  82. [/div]
  83. [comment]----decorations end----[/comment]
  84.  
  85. [comment]----staples----[/comment]
  86. [div=height:20px; width:35px; background: var(--staple) 50% 50%; background-size:contain; background-repeat:no-repeat; position:absolute; bottom:0px; right:5px;][/div]
  87. [div=height:20px; width:35px; background: var(--staple) 50% 50%; background-size:contain; background-repeat:no-repeat; position:absolute; bottom:0px; left:5px;][/div]
  88. [/div]
  89. [comment]----header end----[/comment]
  90.  
  91. [comment]----bag----[/comment]
  92. [div=height:300px; width:279px; position:relative; box-shadow:3px 3px 5px var(--shadow); margin-right:2px; padding:15px; box-sizing:border-box;][div=height:100%; width:100%; background: var(--pltexture); background-size:cover; position:absolute; top:0; left:0; z-index:10; opacity:0.8; pointer-events:none; border-radius:1px; border:1px solid var(--border);][/div][div=height:100%; width:100%; position:absolute; top:0; left:0; z-index:9; background: var(--shadow); opacity:0.1; mix-blend-mode:hard-light;][/div]
  93.  
  94. [comment]----** text stickers **----[/comment]
  95. [comment]----sticker one----[/comment]
  96. [div=height:auto; width:fit-content; width:-moz-fit-content; position:absolute; top:65px; left:70px; font-family: var(--s1t); font-size:23px; letter-spacing:-1px; word-spacing:4px; transform:rotate(55deg);][div=height:100%; width:100%; position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center;][div=height:auto; width:auto; color: var(--s1b); line-height:100%;][comment]
  97.  
  98. ----* * * sticker contents here (recc. this one to be a short quote, line, whatever)----
  99.  
  100. [/comment]I Told You So[/div][/div]
  101. [div=height:auto; width:auto; -webkit-text-stroke:12px var(--s1a); line-height:100%; box-shadow:2px 2px 3px var(--shadow);]][comment]
  102.  
  103. ----* * * SAME TEXT HERE AGAIN----
  104.  
  105. [/comment]I Told You So[/div][/div]
  106. [comment]----sticker one end----[/comment]
  107.  
  108. [comment]----sticker two----[/comment]
  109. [div=height:auto; width:auto; max-width:180px; position:absolute; z-index:3; bottom:22px; right:10px; text-indent:18px; transform:rotate(-5deg);][div=display:inline; box-decoration-break:clone; padding:3px 8px; box-sizing:border-box; border-radius:10px; -webkit-box-decoration-break: clone; background: var(--s2a); color: var(--s2b); font-family: var(--s2t); line-height:18px; font-size:12px; letter-spacing:1px; text-transform:uppercase; word-spacing:3px; font-weight:bold; box-shadow:2px 2px 3px var(--shadow);][comment]
  110.  
  111. ----* * * sticker contents here (recc. this one to be a longer quote)----
  112.  
  113. [/comment]you can kiss a hundred boys in bars
  114. shoot another shot, try to stop the feeling[/div][/div]
  115.  
  116. [comment]----sticker three----[/comment]
  117. [div=height:auto; width:auto; max-width:150px; z-index:5; position:absolute; top:60px; left:20px; transform:rotate(15deg); padding:6px 8px 8px 8px; box-sizing:border-box; background: var(--s3a); color: var(--s3b); font-family: var(--s3t); font-size:12px; text-transform:uppercase; letter-spacing:2px; line-height:100%; font-weight:bold; border-radius:2px; box-shadow:2px 2px 3px var(--shadow);][comment]
  118.  
  119. ----* * * sticker contents here (recc. this one to be your oc's name, faceclaim)----
  120.  
  121. [/comment]#chappell roan[/div]
  122. [comment]----text stickers end----[/comment]
  123.  
  124. [comment]----** image stickers **----[/comment]
  125.  
  126. [comment]----sticker four----[/comment]
  127. [div=height:150px; width:130px; border:5px solid var(--bg); box-sizing:border-box; background: var(--s4); background-size:cover; transform:rotate(3deg); position:absolute; bottom:70px; left:20px; box-shadow:2px 2px 3px var(--shadow);
  128.  
  129. /*edit the following to adjust the cropping of the image*/ background-position:50% 50%;][/div]
  130.  
  131. [comment]----sticker five----[/comment]
  132. [div=height:80px; width:75px; border:4px solid var(--bg); box-sizing:border-box; background: var(--s5); background-size:cover; transform:rotate(-5deg); position:absolute; top:65px; right:20px; z-index:4; box-shadow:2px 2px 3px var(--shadow);
  133.  
  134. /*edit the following to adjust the cropping of the image*/ background-position:50% 50%;][/div]
  135.  
  136. [comment]----sticker six----[/comment]
  137. [div=height:150px; width:75px; border:2px solid var(--bg); box-sizing:border-box; background: var(--s6); background-size:cover; transform:rotate(0deg); position:absolute; bottom:30px; right:40px; box-shadow:2px 2px 3px var(--shadow);
  138.  
  139. /*edit the following to adjust the cropping of the image*/ background-position:50% 50%;][/div]
  140.  
  141. [comment]----sticker seven----[/comment]
  142. [div=height:80px; width:80px; background: var(--s7); background-size:contain; background-repeat:no-repeat; transform:rotate(-10deg); position:absolute; top:-2px; right:65px; z-index:5;
  143.  
  144. /*edit the following to adjust the cropping of the image*/ background-position:50% 50%;][/div]
  145.  
  146. [comment]----sticker eight----[/comment]
  147. [div=height:65px; width:65px; background: var(--s8); background-size:contain; background-repeat:no-repeat; transform:rotate(15deg); position:absolute; top:30px; right:-5px; z-index:5;
  148.  
  149. /*edit the following to adjust the cropping of the image*/ background-position:50% 50%;][/div]
  150.  
  151. [/div]
  152. [comment]----bag end----[/comment]
  153.  
  154. [/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!