Advertisement
reveriee

neon lights (placeholder)

Apr 25th, 2021 (edited)
181
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.54 KB | None
  1. [comment][font=Lato]--CODE BY REVERIEE--[/font]
  2. neon lights, placeholder. do not remove credit (visible or not) or claim as your own.
  3.  
  4. -- to change the colors/images, change the variables below --
  5. in order to change fonts, change the font in the variable, along with the corresponding font in the call-out tag in the comment above
  6.  
  7. [/comment][border=0;
  8.  
  9. /*colors here*/
  10.  
  11. --bg:#050505;
  12. --main: #DF4D6C;
  13. --accent: #FFDF2B;
  14. --white: #fffadc;
  15.  
  16. /*fonts here*/
  17.  
  18. --header: 'Lato', sans-serif;
  19. --subtitle: 'Lato', sans-serif;
  20.  
  21. --img: url(https://i.pinimg.com/474x/6d/c9/9a/6dc99a135f9913e08a1ac120aa44018b.jpg);
  22. --filter: saturate(0%) brightness(70%) contrast(120%);
  23.  
  24. max-width:335px;height:220px;background:var(--bg);padding:0;margin:auto;display:flex;flex-flow:column nowrap;align-items:center;position:relative][border=0;box-sizing:border-box;width:100%;height:33px;padding:0 7px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;font-family:var(--subtitle);color:var(--white);font-size:11px;text-transform:uppercase;line-height:100%][border=0;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;padding:3px 5px;background:var(--accent);margin-left:5px;border-radius:3px;display:inline-block][comment]
  25.  
  26. --ROLE HERE--
  27.  
  28. [/comment]#role here[/border][border=0;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;padding:3px 5px;background:var(--accent);margin-left:5px;border-radius:3px;display:inline-block][comment]
  29.  
  30. --FC HERE--
  31. you can add more if these "tags" as needed.
  32.  
  33. [/comment]#fc here[/border][/border][border=0;box-sizing:border-box;background:var(--bg);width:100%;height:18px;padding:0 15px;display:flex;flex-flow:row nowrap;align-items:center;position:relative][border=0;width:100%;background:var(--white);height:2px;padding:0][/border][border=0;background:var(--bg);height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;padding:0 7px 0 0;position:absolute;left:15px;top:2px;font-family:var(--subtitle);font-size:14px;font-weight:bold;color:var(--main);text-transform:uppercase;line-height:100%][comment]
  34.  
  35. --SUBTITLE HERE--
  36. you can put a role, or just a phrase.
  37.  
  38. [/comment]overflowing colour[/border][/border][border=0;box-sizing:border-box;border:2px solid var(--accent);padding:0;width:55%;height:100px;margin-right:10%;margin-top:15px;border-radius:9px;position:relative][border=0;background:var(--img)
  39.  
  40. /*image size and positioning here*/
  41.  
  42. 50% 30%;background-size:cover;filter:var(--filter);width:100%;height:100%;padding:0;border-radius:9px;position:absolute;right:8px;bottom:8px][/border][/border][border=0;width:100%;height:20px;background:var(--main);align-self:flex-end;padding:0;position:absolute;bottom:0][border=0;box-sizing:border-box;width:calc(100% - 60px);height:50px;text-align:right;position:absolute;bottom:0;right:0;padding:8px;font-family:var(--header);font-size:30px;text-transform:uppercase;color:transparent;-webkit-text-stroke: 1px var(--white);line-height:40px; text-shadow: 0 0 2px var(--accent), 0 0 4px var(--accent), 0 0 6px var(--accent), 0 0 8px var(--accent);font-weight:bold][comment]
  43.  
  44. --NAME HERE--
  45. keep it short. if you need a longer word, feel free to adjust the font size and line height properties above.
  46.  
  47. [/comment]neon lights[/border][/border][border=0;position:absolute;left:3px;bottom:3px;padding:0;font-family:var(--subtitle);color:var(--main);mix-blend-mode:multiply;font-size:10px;line-height:100%;text-transform:uppercase][comment]
  48.  
  49. --DO NOT REMOVE CREDIT--
  50.  
  51. [/comment]reveriee ©[/border][/border]
Advertisement
RAW Paste Data Copied
Advertisement