reveriee

groupie love (interest check)

Feb 26th, 2021
31
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment][font=Oleo Script][font=Poppins][font=Caveat][font=Lato]--CODE BY REVERIEE--[/font][/font][/font][/font]
  2. groupie love, interest check. do not remove credit 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. --minibg: #fa8028;
  11. --border: #fcc00d;
  12. --accent: #e94802;
  13. --white: #fbfaea;
  14. --textcolor: #fff;
  15. --inversetext: #111;
  16.  
  17. /*imgs here*/
  18. --bg:url(https://cdn.discordapp.com/attachments/746557628099854437/812776283556937758/image0.jpg);
  19. --img1: url(https://i.pinimg.com/564x/a9/0a/71/a90a7188cb08b2aa3b3df3b30871baf2.jpg);
  20. --img2: url(https://i.pinimg.com/564x/29/b3/14/29b31479e3446754439e95d416a597b4.jpg);
  21. --img3: url(https://i.pinimg.com/564x/ba/92/50/ba9250cdb5c6ed5feb520aece3bf714e.jpg);
  22. --img4: url(https://i.pinimg.com/564x/5d/f0/1b/5df01b038a77bb32977a8a5778b8015d.jpg);
  23. --album: url(https://images-na.ssl-images-amazon.com/images/I/71bok-KE1mL._SL1400_.jpg);
  24. /*these are imgs for the plot tab -- when u add another plot, change the variable for the img in that one (you can simply increase the number) and add a variable here*/
  25. --plotimg1: url(https://i.pinimg.com/564x/2d/4c/d1/2d4cd18138696b9b88fa414bf0ef5dac.jpg);
  26. --plotimg2: url(https://i.pinimg.com/564x/2d/4c/d1/2d4cd18138696b9b88fa414bf0ef5dac.jpg);
  27. --plotimg3: url(https://i.pinimg.com/564x/2d/4c/d1/2d4cd18138696b9b88fa414bf0ef5dac.jpg);
  28.  
  29. /*fonts here*/
  30. --header: 'Oleo Script', display;
  31. --subheading: 'Poppins', sans-serif;
  32. --handwriting: 'Caveat', handwriting;
  33. --body: 'Lato', sans-serif;
  34.  
  35. font-smoothing:antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;max-width:465px;height:480px;padding:0;position:relative;margin:auto][border=0;width:100%;height:calc(100% - 15px);padding:0;position:absolute][border=0;height:20px;width:260px;padding:0;overflow:hidden;margin-top:385px;margin-left:calc(93% - 255px)][tabs][tab=.][comment]
  36.  
  37. --TAB ONE--
  38.  
  39. [/comment][border=0;box-sizing:border-box;width:28%;height:165px;padding:5px;background:var(--white);position:absolute;top:88px;right:10%;z-index:5;transform:rotate(2deg);border-radius:8px;display:flex;flex-flow:column nowrap;align-content:stretch][border=0;background:var(--img1)
  40.  
  41. /*edit img size and positioning here*/
  42.  
  43. 50% 50%;background-size:cover;width:100%;height:127px;padding:0;border-radius:5px;flex:125px;align-self:flex-start][/border][border=0;box-sizing:border-box;background:var(--white);padding:5px 0 2px 0;height:fit-content;width:100%;font-family:var(--handwriting);font-size:20px;color:var(--inversetext);text-align:center;line-height:18px;flex:18px;align-self:flex-end][comment]
  44.  
  45. --IMG SUBTITLE HERE--
  46.  
  47. [/comment]about me[/border][/border][border=0;box-sizing:border-box;width:50%;height:260px;padding:10px 0;overflow:hidden;position:absolute;top:123px;left:10%;z-index:5][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0 10px; box-sizing:border-box; font-family:var(--body); font-size:11px;text-align:justify;color:var(--textcolor); line-height:130%][comment]
  48.  
  49. --TAB ONE TEXT HERE--
  50.  
  51. [/comment]type your introduction here. 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.
  52.  
  53. 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][/tab][tab=.][comment]
  54.  
  55. --TAB TWO--
  56.  
  57. [/comment][border=0;box-sizing:border-box;width:28%;height:165px;padding:5px;background:var(--white);position:absolute;top:88px;right:10%;z-index:5;transform:rotate(2deg);border-radius:8px;display:flex;flex-flow:column nowrap;align-content:stretch][border=0;background:var(--img2)
  58.  
  59. /*edit img size and positioning here*/
  60.  
  61. 50% 50%;background-size:cover;width:100%;height:127px;padding:0;border-radius:5px;flex:125px;align-self:flex-start][/border][border=0;box-sizing:border-box;background:var(--white);padding:5px 0 2px 0;height:fit-content;width:100%;font-family:var(--handwriting);font-size:20px;color:var(--inversetext);text-align:center;line-height:18px;flex:18px;align-self:flex-end][comment]
  62.  
  63. --IMG SUBTITLE HERE--
  64.  
  65. [/comment]tidbits[/border][/border][border=0;box-sizing:border-box;width:50%;height:260px;padding:10px 4px 0 4px;position:absolute;top:117px;left:10%;z-index:5;font-family:var(--body); font-size:11px;text-align:justify;color:var(--textcolor); line-height:130%;display:flex;flex-flow:column nowrap;align-items:center][comment]
  66.  
  67. --GENRE + BASICS SECTION--
  68.  
  69. [/comment][border=0;background:var(--accent);width:90%;height:fit-content;font-family:var(--subheading);font-size:16px;font-weight:bold;color:white;padding:5px 0;text-transform:uppercase;line-height:100%;text-align:center;border-radius:5px][comment]
  70.  
  71. --SUBHEADING HERE--
  72.  
  73. [/comment]genres[/border][border=0;box-sizing:border-box;background:var(--white);width:90%;height:fit-content;padding:5px;font-family:var(--body);font-size:10px;color:var(--inversetext);text-transform:uppercase;margin-top:3px;border-radius:5px][comment]
  74.  
  75. --ACTUAL "TAGS" HERE--
  76. this is intended to be an area to write a brief list of genre, pairing, etc preferences, but feel free to change it up to suit your needs.
  77.  
  78. [/comment]#genre here #or maybe pairing pref #but keep going[/border][border=0;box-sizing:border-box;width:100%;height:225px;padding:10px 0 5px 0;overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0 10px; box-sizing:border-box; font-family:var(--body); font-size:11px;text-align:justify;color:var(--textcolor); line-height:130%][comment]
  79.  
  80. --TAB TWO TEXT HERE--
  81.  
  82. [/comment]type some basic plots here. nothing complicated, just blurbs ig. 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.[/border][/border][/border][/border][/tab][tab=.][comment]
  83.  
  84. --TAB THREE--
  85.  
  86. [/comment][border=0;box-sizing:border-box;width:28%;height:165px;padding:5px;background:var(--white);position:absolute;top:88px;right:10%;z-index:5;transform:rotate(2deg);border-radius:8px;display:flex;flex-flow:column nowrap;align-content:stretch][border=0;background:var(--img3)
  87.  
  88. /*edit img size and positioning here*/
  89.  
  90. 50% 50%;background-size:cover;width:100%;height:127px;padding:0;border-radius:5px;flex:125px;align-self:flex-start][/border][border=0;box-sizing:border-box;background:var(--white);padding:5px 0 2px 0;height:fit-content;width:100%;font-family:var(--handwriting);font-size:20px;color:var(--inversetext);text-align:center;line-height:18px;flex:18px;align-self:flex-end][comment]
  91.  
  92. --IMG SUBTITLE HERE--
  93.  
  94. [/comment]plots[/border][/border][border=0;box-sizing:border-box;width:50%;height:260px;padding:10px 0;overflow:hidden;position:absolute;top:117px;left:10%;z-index:5][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0 10px; box-sizing:border-box][comment]
  95.  
  96. ♠♠ COPY ONE PLOT HERE ♠♠
  97.  
  98. [/comment][border=0;padding:0;height:120px;width:100%;margin:2px 0][border=0;height:55px;width:55px;padding:0;border-radius:8px;background:var(--plotimg1)
  99.  
  100. /*adjust img size and positioning here*/
  101.  
  102. 50% 50%; background-size:cover;float:left][/border][border=0;width:calc(100% - 60px);height:55px;padding:0;float:right;display:flex;flex-flow:column nowrap][border=0;padding:0;font-family:var(--subheading);font-size:14px;font-weight:bold;color:var(--accent);text-transform:uppercase;flex:10px;line-height:100%][comment]
  103.  
  104. --PLOT NAME HERE--
  105.  
  106. [/comment]name of plot[/border][border=0;box-sizing:border-box;width:100%;height:40px;padding:0;overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:4px 0 0 0; box-sizing:border-box; font-family:var(--body); font-size:9px;text-transform:uppercase;text-align:justify;color:var(--inversetext); line-height:130%][comment]
  107.  
  108. --TAGS HERE--
  109. for elements of the plot.
  110.  
  111. [/comment][comment]
  112.  
  113. --ONE TAG HERE--
  114.  
  115. [/comment][border=0;padding:2px 4px;height:fit-content;width:fit-content;background:var(--white);border-radius:4px;display:inline-block;margin:0 3px 3px 0]#genre maybe[/border][comment]
  116.  
  117. --ONE TAG HERE--
  118.  
  119. [/comment][border=0;padding:2px 4px;height:fit-content;width:fit-content;background:var(--white);border-radius:4px;display:inline-block;margin:0 3px 3px 0]#pairing?[/border][comment]
  120.  
  121. --ONE TAG HERE--
  122.  
  123. [/comment][border=0;padding:2px 4px;height:fit-content;width:fit-content;background:var(--white);border-radius:4px;display:inline-block;margin:0 3px 3px 0]#keep going there's a scroll[/border][comment]
  124.  
  125. --END OF TAGS--
  126.  
  127. [/comment][/border][/border][/border][/border][border=0;box-sizing:border-box;width:100%;height:63px;padding:5px 0 0 0;overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0; box-sizing:border-box; font-family:var(--body); font-size:11px;text-align:justify;color:var(--textcolor); line-height:130%][comment]
  128.  
  129. --PLOT DESCRIPTION HERE--
  130.  
  131. [/comment]type the plot here. 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.[/border][/border][/border][/border][comment]
  132.  
  133. ♠♠ END OF PLOT HERE ♠♠
  134.  
  135. [/comment][comment]
  136.  
  137. ♠♠ COPY ONE PLOT HERE ♠♠
  138.  
  139. [/comment][border=0;padding:0;height:120px;width:100%;margin:2px 0][border=0;height:55px;width:55px;padding:0;border-radius:8px;background:var(--plotimg1)
  140.  
  141. /*adjust img size and positioning here*/
  142.  
  143. 50% 50%; background-size:cover;float:left][/border][border=0;width:calc(100% - 60px);height:55px;padding:0;float:right;display:flex;flex-flow:column nowrap][border=0;padding:0;font-family:var(--subheading);font-size:14px;font-weight:bold;color:var(--accent);text-transform:uppercase;flex:10px;line-height:100%][comment]
  144.  
  145. --PLOT NAME HERE--
  146.  
  147. [/comment]name of plot[/border][border=0;box-sizing:border-box;width:100%;height:40px;padding:0;overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:4px 0 0 0; box-sizing:border-box; font-family:var(--body); font-size:9px;text-transform:uppercase;text-align:justify;color:var(--inversetext); line-height:130%][comment]
  148.  
  149. --TAGS HERE--
  150. for elements of the plot.
  151.  
  152. [/comment][comment]
  153.  
  154. --ONE TAG HERE--
  155.  
  156. [/comment][border=0;padding:2px 4px;height:fit-content;width:fit-content;background:var(--white);border-radius:4px;display:inline-block;margin:0 3px 3px 0]#genre maybe[/border][comment]
  157.  
  158. --ONE TAG HERE--
  159.  
  160. [/comment][border=0;padding:2px 4px;height:fit-content;width:fit-content;background:var(--white);border-radius:4px;display:inline-block;margin:0 3px 3px 0]#pairing?[/border][comment]
  161.  
  162. --ONE TAG HERE--
  163.  
  164. [/comment][border=0;padding:2px 4px;height:fit-content;width:fit-content;background:var(--white);border-radius:4px;display:inline-block;margin:0 3px 3px 0]#keep going there's a scroll[/border][comment]
  165.  
  166. --END OF TAGS--
  167.  
  168. [/comment][/border][/border][/border][/border][border=0;box-sizing:border-box;width:100%;height:63px;padding:5px 0 0 0;overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0; box-sizing:border-box; font-family:var(--body); font-size:11px;text-align:justify;color:var(--textcolor); line-height:130%][comment]
  169.  
  170. --PLOT DESCRIPTION HERE--
  171.  
  172. [/comment]type the plot here. 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.[/border][/border][/border][/border][comment]
  173.  
  174. ♠♠ END OF PLOT HERE ♠♠
  175.  
  176. [/comment][comment]
  177.  
  178. ♠♠ COPY ONE PLOT HERE ♠♠
  179.  
  180. [/comment][border=0;padding:0;height:120px;width:100%;margin:2px 0][border=0;height:55px;width:55px;padding:0;border-radius:8px;background:var(--plotimg1)
  181.  
  182. /*adjust img size and positioning here*/
  183.  
  184. 50% 50%; background-size:cover;float:left][/border][border=0;width:calc(100% - 60px);height:55px;padding:0;float:right;display:flex;flex-flow:column nowrap][border=0;padding:0;font-family:var(--subheading);font-size:14px;font-weight:bold;color:var(--accent);text-transform:uppercase;flex:10px;line-height:100%][comment]
  185.  
  186. --PLOT NAME HERE--
  187.  
  188. [/comment]name of plot[/border][border=0;box-sizing:border-box;width:100%;height:40px;padding:0;overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:4px 0 0 0; box-sizing:border-box; font-family:var(--body); font-size:9px;text-transform:uppercase;text-align:justify;color:var(--inversetext); line-height:130%][comment]
  189.  
  190. --TAGS HERE--
  191. for elements of the plot.
  192.  
  193. [/comment][comment]
  194.  
  195. --ONE TAG HERE--
  196.  
  197. [/comment][border=0;padding:2px 4px;height:fit-content;width:fit-content;background:var(--white);border-radius:4px;display:inline-block;margin:0 3px 3px 0]#genre maybe[/border][comment]
  198.  
  199. --ONE TAG HERE--
  200.  
  201. [/comment][border=0;padding:2px 4px;height:fit-content;width:fit-content;background:var(--white);border-radius:4px;display:inline-block;margin:0 3px 3px 0]#pairing?[/border][comment]
  202.  
  203. --ONE TAG HERE--
  204.  
  205. [/comment][border=0;padding:2px 4px;height:fit-content;width:fit-content;background:var(--white);border-radius:4px;display:inline-block;margin:0 3px 3px 0]#keep going there's a scroll[/border][comment]
  206.  
  207. --END OF TAGS--
  208.  
  209. [/comment][/border][/border][/border][/border][border=0;box-sizing:border-box;width:100%;height:63px;padding:5px 0 0 0;overflow:hidden][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0; box-sizing:border-box; font-family:var(--body); font-size:11px;text-align:justify;color:var(--textcolor); line-height:130%][comment]
  210.  
  211. --PLOT DESCRIPTION HERE--
  212.  
  213. [/comment]type the plot here. 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.[/border][/border][/border][/border][comment]
  214.  
  215. ♠♠ END OF PLOT HERE ♠♠
  216.  
  217. [/comment][/border][/border][/border][/tab][tab=.][comment]
  218.  
  219. --TAB FOUR--
  220.  
  221. [/comment][border=0;box-sizing:border-box;width:28%;height:165px;padding:5px;background:var(--white);position:absolute;top:88px;right:10%;z-index:5;transform:rotate(2deg);border-radius:8px;display:flex;flex-flow:column nowrap;align-content:stretch][border=0;background:var(--img4)
  222.  
  223. /*edit img size and positioning here*/
  224.  
  225. 50% 50%;background-size:cover;width:100%;height:127px;padding:0;border-radius:5px;flex:125px;align-self:flex-start][/border][border=0;box-sizing:border-box;background:var(--white);padding:5px 0 2px 0;height:fit-content;width:100%;font-family:var(--handwriting);font-size:20px;color:var(--inversetext);text-align:center;line-height:18px;flex:18px;align-self:flex-end][comment]
  226.  
  227. --IMG SUBTITLE HERE--
  228.  
  229. [/comment]rules[/border][/border][border=0;box-sizing:border-box;width:50%;height:260px;padding:10px 0;overflow:hidden;position:absolute;top:117px;left:10%;z-index:5][border=0; height:100%; width:200%; padding:0; overflow:auto;][border=0; height:auto; width:50%; padding:0 10px; box-sizing:border-box; font-family:var(--body); font-size:11px;text-align:justify;color:var(--textcolor); line-height:130%][comment]
  230.  
  231. ♠♠ ONE RULE HERE ♠♠
  232.  
  233. [/comment][border=0;width:100%;height:fit-content;padding:0;display:flex;margin-bottom:9px][border=0;font-family:var(--subheading);font-size:30px;font-weight:bold;color:var(--accent);text-shadow:2px 2px 1px var(--border);padding:0;line-height:100%;width:45px;display:inline-block][comment]
  234.  
  235. --NUMBER HERE--
  236.  
  237. [/comment]01[/border][border=0;display:inline-block;padding:0;width:calc(100% - 45px);line-height:130%][comment]
  238.  
  239. --TEXT HERE--
  240.  
  241. [/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.[/border][/border][comment]
  242.  
  243. ♠♠ END OF RULE HERE ♠♠
  244.  
  245. [/comment][comment]
  246.  
  247. ♠♠ ONE RULE HERE ♠♠
  248.  
  249. [/comment][border=0;width:100%;height:fit-content;padding:0;display:flex;margin-bottom:9px][border=0;font-family:var(--subheading);font-size:30px;font-weight:bold;color:var(--accent);text-shadow:2px 2px 1px var(--border);padding:0;line-height:100%;width:45px;display:inline-block][comment]
  250.  
  251. --NUMBER HERE--
  252.  
  253. [/comment]02[/border][border=0;display:inline-block;padding:0;width:calc(100% - 45px);line-height:130%][comment]
  254.  
  255. --TEXT HERE--
  256.  
  257. [/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.[/border][/border][comment]
  258.  
  259. ♠♠ END OF RULE HERE ♠♠
  260.  
  261. [/comment][comment]
  262.  
  263. ♠♠ ONE RULE HERE ♠♠
  264.  
  265. [/comment][border=0;width:100%;height:fit-content;padding:0;display:flex;margin-bottom:9px][border=0;font-family:var(--subheading);font-size:30px;font-weight:bold;color:var(--accent);text-shadow:2px 2px 1px var(--border);padding:0;line-height:100%;width:45px;display:inline-block][comment]
  266.  
  267. --NUMBER HERE--
  268.  
  269. [/comment]03[/border][border=0;display:inline-block;padding:0;width:calc(100% - 45px);line-height:130%][comment]
  270.  
  271. --TEXT HERE--
  272.  
  273. [/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.[/border][/border][comment]
  274.  
  275. ♠♠ END OF RULE HERE ♠♠
  276.  
  277. [/comment][/border][/border][/border][/tab][/tabs][/border][/border][border=0;height:calc(100% - 15px);width:100%;background:var(--bg)
  278.  
  279. /*change main bg size and positioning here*/
  280.  
  281. 50% 50%;background-size:cover;margin:auto;display:flex;justify-content:center;align-items:center;align-content:center;position:relative;pointer-events:none;padding:0][border=0;box-sizing:border-box;padding:0;width:85%;height:330px;background:var(--minibg);border-radius:20px;border:3px solid var(--border);margin:auto;position:relative][border=0;padding:0;height:fit-content;max-width:60%;width:fit-content;transform:rotate(-6deg);font-family:var(--header);font-size:55px;font-weight:bold;font-style:italic;color:var(--white);text-shadow:4px 4px 3px var(--accent);line-height:70%;position:absolute;top:-35px;left:10px;pointer-events:auto][comment]
  282.  
  283. --TITLE HERE--
  284. don't write anything too long. if you don't want to rearrange the second word's position (as done below), remove the [border=][/border] tag around the word "love"
  285.  
  286. [/comment]groupie [border=0;padding:0;margin-left:20px]love[/border][/border][border=0;box-sizing:border-box;background:var(--border);width:31%;height:120px;padding:6px;border-radius:8px;position:absolute;right:4%;bottom:23px;transform:rotate(-2deg);z-index:6;display:flex;flex-flow:column nowrap;justify-content:space-evenly;align-items:center][comment]
  287.  
  288. --MUSIC PLAYER CONTENTS--
  289.  
  290. [/comment][border=0;width:30px;height:30px;background:var(--album)
  291.  
  292. /*change img size and positioning here*/
  293.  
  294. 50% 50%;background-size:cover;border-radius:100%;border:2px solid var(--white);padding:0][/border][border=0;font-family:var(--subheading);font-size:16px;color:var(--white);text-shadow:1px -1px var(--minibg);font-weight:900;padding:0;line-height:100%;text-align:center;text-transform:uppercase][comment]
  295.  
  296. --SONG TITLE HERE--
  297.  
  298. [/comment]groupie love[/border][border=0;font-family:var(--subheading);font-size:9px;color:var(--minibg);padding:0;line-height:100%;text-align:center;text-transform:uppercase][comment]
  299.  
  300. --SINGER NAME HERE--
  301.  
  302. [/comment]lana del rey[/border][border=0;width:100%;height:3px;padding:0;background:var(--white)][border=0;float:left;width:
  303.  
  304. /*change percentage here; this represents how much of the "song" has played in the bar*/
  305.  
  306. 68%;background:var(--minibg);height:100%;padding:0][/border][/border][border=0;width:100%;text-align:center;font-size:13px;color:var(--minibg);padding:0;letter-spacing:2px][fa] fa-backward [/fa] [border=0;padding:0;display:inline-block;color:var(--white);line-height:100%][fa] fa-play [/fa][/border] [fa] fa-forward [/fa][/border][border=0px; position: absolute; width:120px; height:90px; right:7%; top: 35px; opacity:0; transform:scale(0.7, 0.7) rotate(180deg);z-index:10;pointer-events:auto][comment]
  307.  
  308. --MUSIC LINK HERE--
  309.  
  310. [/comment][media=soundcloud]https://soundcloud.com/jxey-yexj/lana-del-rey-groupie-love-ft-a[/media][/border][comment]
  311.  
  312. --END OF MUSIC PLAYER CONTENTS--
  313.  
  314. [/comment][/border][border=0;height:30px;width:fit-content;font-size:30px;line-height:30px;color:var(--accent);margin:0 20px;position:absolute;right:0;bottom:-17px;padding:0;letter-spacing:7px][comment]
  315.  
  316. --CHANGE TAB ICONS HERE--
  317.  
  318. [/comment][fa] fa-flower[/fa] [fa] fa-flower[/fa] [fa] fa-flower[/fa] [fa] fa-flower[/fa][/border][/border][/border][border=0;position:absolute;bottom:0;height:15px;width:100%;text-align:center;font-family:var(--body);font-size:10px;color:var(--accent);padding:0;line-height:15px][comment]
  319.  
  320. --DO NOT REMOVE CREDIT--
  321.  
  322. [/comment]coded by reveriee.[/border][/border]
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×