reveriee

agony column (ic)

Dec 28th, 2020 (edited)
96
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment][font=Playfair Display SC][font=Special Elite][font=PT Serif]--CODE BY REVERIEE--[/font][/font][/font]
  2. agony column, in-character code. do not remove credit or claim as your own.
  3.  
  4. -- to change the colors/images/fonts, 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=0px;
  8.  
  9. /*colors here*/
  10.  
  11. --bg:#f4e9d2;
  12. --main: black;
  13. --fontcolor: black;
  14. --accent: #82617e;
  15.  
  16. /*imgs here*/
  17.  
  18. --img1: url(https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/karen-collins-elle-uk-may-2020-new-6-300dpi-r1-flat-1589531016.png);
  19. --outfit: url(https://i.pinimg.com/564x/ba/4e/83/ba4e83d955a981b983ee7f93f09e9a86.jpg);
  20.  
  21. /*fonts here*/
  22.  
  23. --header1: 'Playfair Display SC', serif;
  24. --header2: 'Special Elite', serif;
  25. --bodyfont: 'PT Serif', serif;
  26.  
  27. font-smoothing:antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;height:fit-content;max-width:550px;margin:auto;padding:0px][border=0px;height:fit-content;max-width:550px;background:var(--bg);padding:0px;display:flex;flex-flow:row wrap;position:relative;justify-content:center][border=0px;box-sizing:border-box;height:435px;width:230px;padding:10px;display:flex;justify-content:center;flex-flow:column nowrap][border=0px;padding:0px;max-width:80%;height:fit-content;left:50px;position:relative;order:0][border=0px;border:2px solid var(--main);height:fit-content;width:fit-content;font-family:var(--bodyfont);color:var(--fontcolor);font-size:10px;text-transform:uppercase;line-height:130%;padding:5px;border-radius:5px 5px 5px 0;text-align:justify][comment]
  28.  
  29. --MOOD HERE--
  30.  
  31. [/comment]put ya mood here, ya fuck.[/border][/border][border=0px;font-family:var(--header1);color:var(--fontcolor);font-size:45px;line-height:45px;padding:0;letter-spacing:3px;font-weight:900;text-transform:uppercase;left:20px;top:2px;position:relative;order:1;z-index:1][comment]
  32.  
  33. --GIVEN NAME HERE--
  34.  
  35. [/comment]rei[/border][border=0px;font-family:var(--header2);color:var(--accent);font-size:30px;line-height:17px;padding:0;letter-spacing:1px;order:2;position:relative;left:40px;z-index:2][comment]
  36.  
  37. --SURNAME HERE--
  38.  
  39. [/comment]bourgeois[/border][border=0px;box-sizing:border-box;height:120px;width:170px;padding:0px;margin-left:15px;margin-top:25px;order:3;position:relative;z-index:2;border:3px solid var(--main);display:flex;flex-flow:row nowrap;align-items:flex-start][border=0px;background:var(--main);height:114px;width:40px;padding:0px;z-index:3;display:inline-block][border=0px;height:50px;width:114px;padding:0px;left:-10px;position:relative][border=0px;height:90px;width:40px;padding:16px 0 0 0;z-index:3;overflow:hidden;line-height:230%][tabs][tab=.][comment]
  40.  
  41. --DEFAULT TAB--
  42.  
  43. [/comment][border=0px;box-sizing:border-box;background:var(--img1);background-size:cover;background-position:50% 50%;border:8px solid var(--bg);height:114px;width:123px;padding:0px;z-index:3;position:absolute;top:0;left:51px;color:transparent].[/border][/tab][tab=.][comment]
  44.  
  45. --OUTFIT TAB--
  46.  
  47. [/comment][border=0px;box-sizing:border-box;background:var(--outfit);background-size:cover;background-position:50% 50%;border:8px solid var(--bg);height:114px;width:123px;padding:0px;z-index:3;position:absolute;top:0;left:51px;color:transparent].[/border][/tab][/tabs][/border][/border][/border][border=0px;background:black;position:absolute;height:115px;width:40px;padding:0;z-index:3;top:0;left:-3px;pointer-events:none][border=0px;position:absolute;height:25px;width:37px;padding:0;z-index:3;top:15px;left:3px;color:var(--bg);font-family:var(--header1);font-size:18px;line-height:25px;text-align:center;pointer-events:none][comment]
  48.  
  49. --DEFAULT TAB FA ICON HERE--
  50.  
  51. [/comment][fa] fa-adjust [/fa][/border][border=0px;position:absolute;height:25px;width:37px;padding:0;z-index:3;top:45px;left:3px;pointer-events:auto][/border][border=0px;position:absolute;height:25px;width:37px;padding:0;z-index:3;top:72px;left:3px;color:var(--bg);font-family:var(--header1);font-size:18px;line-height:25px;text-align:center;pointer-events:none][comment]
  52.  
  53. --OUTFIT TAB FA ICON HERE--
  54.  
  55. [/comment][fa] fa-adjust [/fa][/border][/border][/border][border=0px;width:160px;font-family:var(--bodyfont);font-size:11px;color:var(--fontcolor);padding:0px;order:5;position:relative;left:65px;top:8px;line-height:170%][border=0px;font-family:var(--header2);font-size:11px;border-bottom:2px solid var(--accent);display:inline-block;padding:0px;margin-right:5px;line-height:105%]location[/border][comment]
  56.  
  57. --LOCATION HERE--
  58.  
  59. [/comment]here
  60. [border=0px;font-family:var(--header2);font-size:11px;border-bottom:2px solid var(--accent);display:inline-block;padding:0px;margin-right:5px;line-height:105%]mentions[/border][comment]
  61.  
  62. --MENTIONS HERE--
  63.  
  64. [/comment]here
  65. [border=0px;font-family:var(--header2);font-size:11px;border-bottom:2px solid var(--accent);display:inline-block;padding:0px;margin-right:5px;line-height:105%]interactions[/border][comment]
  66.  
  67. --INTERACTIONS HERE--
  68.  
  69. [/comment]here
  70. [border=0px;font-family:var(--header2);font-size:11px;border-bottom:2px solid var(--accent);display:inline-block;padding:0px;margin-right:5px;line-height:105%]tags[/border][comment]
  71.  
  72. --TAGS HERE--
  73.  
  74. [/comment]@reveriee[/border][/border][border=0px;box-sizing:border-box;height:435px;width:320px;flex:320px;padding:21px 0px;overflow:hidden][border=0px; height:100%; width:200%; padding:0; overflow:auto;][border=0px; height:auto; width:50%; padding:0 13px; box-sizing:border-box; font-family:var(--bodyfont); font-size:12px;text-align:justify;color:var(--fontcolor); line-height:130%][comment]
  75.  
  76. --MAIN POST HERE--
  77.  
  78. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec massa sapien faucibus et molestie ac feugiat sed lectus. Eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Auctor elit sed vulputate mi. Morbi quis commodo odio aenean sed adipiscing diam donec. Id consectetur purus ut faucibus pulvinar elementum integer enim. Nibh nisl condimentum id venenatis. Faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Et malesuada fames ac turpis egestas integer eget aliquet nibh. A lacus vestibulum sed arcu. Amet consectetur adipiscing elit pellentesque habitant morbi tristique. Sapien nec sagittis aliquam malesuada bibendum. Pellentesque dignissim enim sit amet venenatis urna. Id donec ultrices tincidunt arcu non sodales neque sodales. Posuere urna nec tincidunt praesent. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Potenti nullam ac tortor vitae purus. Nullam non nisi est sit. Sed velit dignissim sodales ut eu sem integer. Nec tincidunt praesent semper feugiat.
  79.  
  80. Velit aliquet sagittis id consectetur purus. Enim eu turpis egestas pretium aenean. Placerat vestibulum lectus mauris ultrices. Fermentum iaculis eu non diam phasellus vestibulum. Iaculis at erat pellentesque adipiscing commodo. Diam vel quam elementum pulvinar etiam non quam. Volutpat lacus laoreet non curabitur gravida arcu. Tellus in metus vulputate eu scelerisque felis. Volutpat commodo sed egestas egestas. Netus et malesuada fames ac turpis egestas maecenas. Habitant morbi tristique senectus et. Euismod in pellentesque massa placerat duis ultricies lacus. Ornare quam viverra orci sagittis eu volutpat.
  81.  
  82. Amet nulla facilisi morbi tempus iaculis urna id volutpat. Turpis in eu mi bibendum. Platea dictumst quisque sagittis purus sit. Id diam vel quam elementum pulvinar etiam non quam lacus. Morbi leo urna molestie at elementum eu facilisis. Lacus luctus accumsan tortor posuere ac ut consequat semper viverra. Diam sit amet nisl suscipit adipiscing bibendum est. Bibendum arcu vitae elementum curabitur vitae. Rhoncus dolor purus non enim praesent elementum facilisis leo vel. Non pulvinar neque laoreet suspendisse interdum consectetur libero. Volutpat consequat mauris nunc congue nisi vitae.[/border][/border][/border][/border][border=0px;margin:auto;text-align:center;font-size:11px;padding:3px;color:var(--accent)][comment]
  83.  
  84. --DO NOT REMOVE CREDIT--
  85.  
  86. [/comment]coded by reveriee.[/border][/border]
RAW Paste Data Copied