reveriee

the last (ic)

Dec 28th, 2021 (edited)
55
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.31 KB | None
  1. [comment]--CODE BY REVERIEE--
  2. the last, in-character code. do not remove credit (visible or not) or claim as your own. heavily inspired by the album cover of 'agust d' by agust d.
  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 comments below
  6.  
  7. [font=Raleway]header font[/font]
  8. [font=Courier Prime]subtitle 1 (sub1) font[/font]
  9. [font=Raleway]subtitle 2 (sub2) font[/font]
  10. [font=Courier Prime]body text font[/font][/comment][border=0;
  11.  
  12. --img: url(https://i.pinimg.com/564x/f9/04/e5/f904e5c50f51ed91efd3ac4dff6cdad0.jpg);
  13.  
  14. /*this color is used in the gradient for the overarching bg*/
  15. --bgcolor: #01b4d4;
  16. /*this in rgba*/
  17. --postbg: RGBA(54, 143, 159, 0.7);
  18. --mainaccent: black;
  19. --subaccent: white;
  20. --textcolor: white;
  21.  
  22. --header: 'Raleway', sans-serif;
  23. --sub1: 'Courier Prime', monospace;
  24. --sub2: 'Raleway', sans-serif;
  25. --body: 'Courier Prime', monospace;
  26.  
  27. max-width:425px;height:425px;padding:0;background:var(--img)
  28.  
  29. /*adjust bg img size + positioning here*/
  30.  
  31. 50% 0%;background-size:cover;filter:grayscale(20%);margin:auto;position:relative][border=0;width:100%;height:100%;padding:0;background:linear-gradient(var(--bgcolor), transparent);opacity:0.8;position:absolute;top:0;left:0][/border][border=0;width:100%;height:calc(100% - 25px);position:absolute;top:0;left:0;padding:0;display:flex;flex-flow:column nowrap;justify-content:center][border=0;width:100%;box-sizing:border-box;font-family:var(--header);color:var(--mainaccent);font-size:
  32.  
  33. /*section will expand appropriately, but change font size here if u want a one-line header + name is too long*/
  34.  
  35. 75px;line-height:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;text-align:center;-webkit-text-stroke:
  36.  
  37. /*change pxl size here if you want to increase/decrease boldness of font*/
  38.  
  39. 10px var(--mainaccent);letter-spacing:5px;flex:110px][comment]
  40.  
  41. --character name here--
  42.  
  43. [/comment]THE LAST[/border][border=0px;box-sizing:border-box;width:100%;padding:0;overflow:hidden;flex:290px][border=0px; height:100%; width:200%; padding:0; overflow:auto;][border=0px;height:auto; width:52%; padding:0; box-sizing:border-box; font-family:var(--body)][border=0;height:
  44.  
  45. /*must increase/decrease this value manually if ur name expands + u would like to keep original effect*/
  46.  
  47. 290px;width:100%;padding:0;position:relative;line-height:100%][comment]
  48.  
  49. --two phrases here (quote)--
  50.  
  51. [/comment][border=0;padding:0;max-width:300px;position:absolute;top:5px;left:0][border=0;background:var(--mainaccent);display:inline;font-family:var(--sub1);color:var(--subaccent);font-size:11px;padding:3px 40px 3px 15px;box-decoration-break:clone; -webkit-box-decoration-break: clone;text-transform:lowercase]Some try to shut my mouth and say I should swallow this forbidden fruit[/border]
  52. [border=0;background:var(--mainaccent);display:inline;font-family:var(--sub2);color:var(--subaccent);font-size:10px;padding:5px 20px 5px 35px;box-decoration-break:clone; -webkit-box-decoration-break: clone;text-transform:lowercase;-webkit-text-stroke:1.5px var(--subaccent);font-style:italic;letter-spacing:2px;word-spacing:10px]tragedy anger desolation[/border][/border][comment]
  53.  
  54. --end of two phrases here--
  55.  
  56. [/comment][comment]
  57.  
  58. --one phrase here (role here)--
  59.  
  60. [/comment][border=0;padding:0;max-width:200px;position:absolute;top:25px;right:70px;text-align:right][border=0;background:var(--subaccent);display:inline;font-family:var(--sub2);color:var(--mainaccent);font-size:10px;padding:3px 10px 3px 60px;box-decoration-break:clone; -webkit-box-decoration-break: clone;text-transform:uppercase;-webkit-text-stroke:2px var(--mainaccent);font-style:italic;letter-spacing:2px;box-shadow:3px 3px var(--mainaccent)]the sinner[/border][/border][comment]
  61.  
  62. --end of phrase here--
  63.  
  64. [/comment][comment]
  65.  
  66. --one phrase here (quote)--
  67.  
  68. [/comment][border=0;padding:0;max-width:300px;position:absolute;bottom:65px;left:30px;text-align:left][border=0;background:var(--subaccent);display:inline;font-family:var(--sub2);color:var(--mainaccent);font-size:9px;padding:3px 20px;box-decoration-break:clone; -webkit-box-decoration-break: clone;text-transform:uppercase;-webkit-text-stroke:2px var(--mainaccent);font-style:italic;letter-spacing:2px;line-height:100%]at times i'm scared of myself too[/border][/border][comment]
  69.  
  70. --end of phrase here--
  71.  
  72. [/comment][comment]
  73.  
  74. --music player here--
  75.  
  76. [/comment][border=0;position:absolute;bottom:80px;left:50px;text-align:left;background:var(--mainaccent);display:inline;font-family:var(--sub2);color:var(--subaccent);font-size:11px;padding:3px 20px;text-transform:uppercase;-webkit-text-stroke:2px var(--subaccent);letter-spacing:3px;line-height:100%;display:flex;flex-flow:row nowrap;align-items:center;word-spacing:2px;box-shadow:5px -2px var(--subaccent)][border=0;height:23px;width:23px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:0;position:relative;overflow:hidden;-webkit-text-stroke:0px var(--subaccent);font-size:15px;margin-right:5px][fa] fa-play-circle [/fa][comment]
  77.  
  78. -----------soundcloud option here (add display:none if you are using google drive)-----------
  79.  
  80. [/comment][border=0px; width:120px; height:90px; opacity:0.0001; transform:scale(0.6, 0.6);padding:0;position:absolute;top:-26px;left:-31px][comment]
  81.  
  82. --music link here (soundcloud)--
  83.  
  84. [/comment][media=soundcloud]https://soundcloud.com/bangtan/agustd107[/media][/border][comment]
  85.  
  86. -----------end of soundcloud option-----------
  87.  
  88. [/comment][comment]
  89.  
  90. -----------google drive option here (remove display:none if you are using google drive)-----------
  91.  
  92. [/comment][border=0; height:500px; width:500px; position:absolute;top:-175px; left:-101px; opacity: 0.00001; padding:0px;display:none][comment]
  93.  
  94. --music link here (soundcloud)--
  95.  
  96. [/comment][media=googledrive]INSERTCODEHERE[/MEDIA][/border][comment]
  97.  
  98. -----------end of google drive option-----------
  99.  
  100. [/comment][/border][comment]
  101.  
  102. --song name here--
  103.  
  104. [/comment]the last[border=0;font-family:var(--sub1);font-size:12px;padding:0;-webkit-text-stroke:0px var(--subaccent);font-style:normal;letter-spacing:1px;text-transform:lowercase;margin-left:8px]— [comment]
  105.  
  106. --artist here--
  107.  
  108. [/comment]agust d[/border][/border][comment]
  109.  
  110. --end of music player here--
  111.  
  112. [/comment][comment]
  113.  
  114. --mood, outfit, location, etc here--
  115.  
  116. [/comment][border=0;box-sizing:border-box;width:230px;height:auto;position:absolute;top:90px;right:0;text-align:left;background:var(--subaccent);display:inline-block;font-family:var(--sub1);color:var(--mainaccent);font-size:10px;line-height:100%;padding:9px 40px 9px 15px;font-style:italic]mood: shitty
  117. location: hell, hopefully
  118. interactions: unfortunately graced by your presence[/border][comment]
  119.  
  120. --end of mood, outfit, location, etc here--
  121.  
  122. [/comment][border=0;position:absolute;bottom:5px;right:0;background:var(--mainaccent);display:inline;font-family:var(--sub2);color:var(--subaccent);font-size:10px;padding:5px 20px;box-decoration-break:clone; -webkit-box-decoration-break: clone;text-transform:lowercase;-webkit-text-stroke:1.5px var(--subaccent);letter-spacing:3px;text-transform:uppercase][fa]fa-chevron-up[/fa] scroll[/border][/border][border=0;box-sizing:border-box;width:92%;margin-left:4%;height:auto;background:var(--postbg);padding:8px;font-family:var(--body);font-size:11px;text-align:justify;color:var(--textcolor);line-height:130%][comment]
  123.  
  124. --POST BEGINS HERE--
  125.  
  126. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum turpis, tincidunt quis blandit at, tempor ut neque. Phasellus at justo imperdiet, posuere nisi et, luctus lectus. Etiam nec mauris tellus. Maecenas molestie sem a nisl fringilla hendrerit. Vestibulum erat erat, bibendum vel pharetra sed, tempor in ex. Proin lectus arcu, laoreet eu purus a, dignissim pellentesque nisi. Maecenas interdum risus quis erat viverra accumsan. Suspendisse vestibulum, urna ac varius sagittis, odio lacus semper lacus, at convallis enim mauris quis dui. Vivamus sed dignissim lectus, vitae cursus nisi. Nunc feugiat ante sit amet nisl fermentum varius. Quisque interdum dui sit amet lacus volutpat, ac malesuada magna accumsan. Vestibulum rutrum suscipit egestas. Nullam non dolor at ante ultrices egestas.
  127.  
  128. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum turpis, tincidunt quis blandit at, tempor ut neque. Phasellus at justo imperdiet, posuere nisi et, luctus lectus. Etiam nec mauris tellus. Maecenas molestie sem a nisl fringilla hendrerit. Vestibulum erat erat, bibendum vel pharetra sed, tempor in ex. Proin lectus arcu, laoreet eu purus a, dignissim pellentesque nisi. Maecenas interdum risus quis erat viverra accumsan. Suspendisse vestibulum, urna ac varius sagittis, odio lacus semper lacus, at convallis enim mauris quis dui. Vivamus sed dignissim lectus, vitae cursus nisi. Nunc feugiat ante sit amet nisl fermentum varius. Quisque interdum dui sit amet lacus volutpat, ac malesuada magna accumsan. Vestibulum rutrum suscipit egestas. Nullam non dolor at ante ultrices egestas.[/border][/border][/border][/border][/border][border=0;background:var(--mainaccent);color:var(--subaccent);font-family:var(--sub1);font-size:10px;line-height:100%;padding:4px;position:absolute;bottom:0;left:0;text-transform:uppercase][comment]
  129.  
  130. --DO NOT REMOVE CREDIT--
  131.  
  132. [/comment]© reveriee[/border][/border]
RAW Paste Data Copied