reveriee

bee season (interest check)

Jun 12th, 2022 (edited)
36
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.61 KB | None | 0 0
  1. [comment]--CODE BY REVERIEE--
  2. bee season, interest check. 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 comments below
  6.  
  7. [font=Nothing You Could Do]header[/font]
  8. [font=Odibee Sans]subheader[/font]
  9. [font=ABeeZee]body[/font][/comment][border=0;
  10.  
  11. /*colors*/
  12. --bgcolor:#33221b;
  13. --c1: #F3C715;
  14. --c2: #9F6825;
  15. --c3: #F3E7BA;
  16. --textc: white;
  17.  
  18. /*fonts*/
  19. --header: 'Nothing You Could Do', handwriting;
  20. --subheader: 'Odibee Sans', display;
  21. --body: 'ABeeZee', sans-serif;
  22.  
  23. /*imgs*/
  24. --img1: url(https://images.pexels.com/photos/758922/pexels-photo-758922.jpeg?cs=srgb&dl=pexels-swapnil-sharma-758922.jpg&fm=jpg);
  25. --chara1: url(https://data.whicdn.com/images/320711003/original.jpg);
  26. --chara2: url(https://static.wikia.nocookie.net/aesthetics/images/5/5f/Honeymakeup.jpg/revision/latest/scale-to-width-down/250?cb=20201210232204);
  27.  
  28. max-width:390px;height:500px;background:var(--bgcolor);padding:0;margin:auto;border-radius:3px;position:relative][border=0;width:170px;height:80px;padding:0;line-height:0px;padding-top:362px;overflow:hidden][tabs][tab=aaaaa][comment]
  29.  
  30. --beginning of tab 1--
  31.  
  32. [/comment][border=0;width:calc(100% - 70px);height:340px;padding:0;position:absolute;top:60px;left:40px;box-sizing:border-box;border:1px solid var(--c1);border-radius:3px;z-index:3;pointer-events:none][border=0;width:auto;max-width:calc(100% - 20px);height:25px;background:var(--bgcolor);position:absolute;top:-12px;right:10px;padding:0 10px;box-sizing:border-box;line-height:25px;text-transform:uppercase;color:var(--c1);font-family:var(--header);font-size:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden][comment]
  33.  
  34. --tab title here--
  35.  
  36. [/comment]about me[/border][border=0;width:100%;height:calc(100% - 45px);padding:8px 0;position:absolute;top:10px;left:0;box-sizing:border-box;overflow:hidden][border=0;width:200%;height:100%;padding:0;overflow:auto;pointer-events:auto][border=0;width:calc(50% + 6px);height:auto;padding:0 10px;font-family:var(--body);font-size:11.5px;line-height:157%;color:var(--textc);box-sizing:border-box;text-align:justify;margin-bottom:30px][comment]
  37.  
  38. --ONE TAG HERE--
  39.  
  40. [/comment][border=0;width:100%;height:auto;display:flex;flex-flow:row wrap;padding:0;margin:3px 0;align-items:center][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;box-sizing:content-box;margin-right:8px][border=0;margin-right:5px;color:var(--c1);font-size:10px;padding:0;font-weight:bold][comment]
  41.  
  42. --change icon here--
  43.  
  44. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  45.  
  46. --type title here--
  47.  
  48. [/comment]name[/border][comment]
  49.  
  50. --content here--
  51.  
  52. [/comment]type stuff here[/border][comment]
  53.  
  54. --TAG ENDS HERE--
  55.  
  56. [/comment][comment]
  57.  
  58. --ONE TAG HERE--
  59.  
  60. [/comment][border=0;width:100%;height:auto;display:flex;flex-flow:row wrap;padding:0;margin:3px 0;align-items:center][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;box-sizing:content-box;margin-right:8px][border=0;margin-right:5px;color:var(--c1);font-size:10px;padding:0;font-weight:bold][comment]
  61.  
  62. --change icon here--
  63.  
  64. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  65.  
  66. --type title here--
  67.  
  68. [/comment]title[/border][comment]
  69.  
  70. --content here--
  71.  
  72. [/comment]content[/border][comment]
  73.  
  74. --TAG ENDS HERE--
  75.  
  76. [/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 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=0;height:30px;width:100%;position:absolute;bottom:5px;right:5px;padding:0;overflow:hidden][border=0; transform:rotate(45deg);height:600px; width:600px; padding:0; background: linear-gradient(to right, var(--c1) 1px, transparent 1px), linear-gradient(to bottom, var(--c1) 1px, transparent 1px); background-size:16px 16px; background-position:50% 50%; opacity:3;position:absolute;right:-200px][/border][/border][/border][comment]
  77.  
  78. --hexagon tab here--
  79.  
  80. [/comment][border=0;width:177px;height:178px;position:absolute;bottom:0;left:0;padding:0;pointer-events:none;z-index:10;border-radius:0 140px 0 0][border=0;width:62px;height:62px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:22px;left:58px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--bgcolor)][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:5px;left:5px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c1);display:flex;justify-content:center;align-items:center;color:var(--c2);font-size:18px;line-height:18px][comment]
  81.  
  82. --change icon here--
  83.  
  84. [/comment][fa] fa-bug [/fa][/border][/border][/border][comment]
  85.  
  86. --hexagon tab end here--
  87.  
  88. [/comment][comment]
  89.  
  90. --end of tab 1--
  91.  
  92. [/comment][/tab][tab=aa][comment]
  93.  
  94. --beginning of tab 2--
  95.  
  96. [/comment][border=0;width:calc(100% - 70px);height:340px;padding:0;position:absolute;top:60px;left:40px;box-sizing:border-box;border:1px solid var(--c1);border-radius:3px;z-index:3;pointer-events:none][border=0;width:auto;max-width:calc(100% - 20px);height:25px;background:var(--bgcolor);position:absolute;top:-12px;right:10px;padding:0 10px;box-sizing:border-box;line-height:25px;text-transform:uppercase;color:var(--c1);font-family:var(--header);font-size:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden][comment]
  97.  
  98. --tab title here--
  99.  
  100. [/comment]about you[/border][border=0;width:100%;height:38%;padding:8px 0;position:absolute;top:10px;left:0;box-sizing:border-box;overflow:hidden][border=0;width:200%;height:100%;padding:0;overflow:auto;pointer-events:auto][border=0;width:calc(50% + 6px);height:auto;padding:0 10px;font-family:var(--body);font-size:11.5px;line-height:157%;color:var(--textc);box-sizing:border-box;text-align:justify][comment]
  101.  
  102. --expectations begin here--
  103.  
  104. [/comment][comment]
  105.  
  106. --ONE TAG HERE--
  107.  
  108. [/comment][border=0;width:100%;height:auto;display:flex;flex-flow:row wrap;padding:0;margin:2px 0;align-items:center][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;box-sizing:content-box;margin:2px 8px 3px 0][border=0;margin-right:5px;color:var(--c1);font-size:10px;padding:0;font-weight:bold][comment]
  109.  
  110. --change icon here--
  111.  
  112. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  113.  
  114. --type title here--
  115.  
  116. [/comment]expectation #1[/border][comment]
  117.  
  118. --content here--
  119.  
  120. [/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][comment]
  121.  
  122. --TAG ENDS HERE--
  123.  
  124. [/comment]you can type extra stuff here[comment]
  125.  
  126. --end of expectations--
  127.  
  128. [/comment][/border][/border][/border][border=0;width:100%;height:calc(24% - 40px);position:absolute;top:calc(38% + 8px);left:3%;width:94%;padding:0;background:var(--img1)
  129.  
  130. /*edit img size and positioning here*/
  131. 50% 60%;background-size:cover][/border][border=0;width:100%;height:38%;padding:8px 0;position:absolute;bottom:35px;left:0;box-sizing:border-box;overflow:hidden][border=0;width:200%;height:100%;padding:0;overflow:auto;pointer-events:auto][border=0;width:calc(50% + 6px);height:auto;padding:0 10px;font-family:var(--body);font-size:11.5px;line-height:157%;color:var(--textc);box-sizing:border-box;text-align:justify;margin-bottom:33px][comment]
  132.  
  133. --limits begin here--
  134.  
  135. [/comment][comment]
  136.  
  137. --ONE TAG HERE--
  138.  
  139. [/comment][border=0;width:100%;height:auto;display:flex;flex-flow:row wrap;padding:0;margin:2px 0;align-items:center][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;box-sizing:content-box;margin:2px 8px 3px 0][border=0;margin-right:5px;color:var(--c1);font-size:10px;padding:0;font-weight:bold][comment]
  140.  
  141. --change icon here--
  142.  
  143. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  144.  
  145. --type title here--
  146.  
  147. [/comment]age range[/border][comment]
  148.  
  149. --content here--
  150.  
  151. [/comment]content[/border][comment]
  152.  
  153. --TAG ENDS HERE--
  154.  
  155. [/comment][comment]
  156.  
  157. --ONE TAG HERE--
  158.  
  159. [/comment][border=0;width:100%;height:auto;display:flex;flex-flow:row wrap;padding:0;margin:2px 0;align-items:center][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;box-sizing:content-box;margin:2px 8px 3px 0][border=0;margin-right:5px;color:var(--c1);font-size:10px;padding:0;font-weight:bold][comment]
  160.  
  161. --change icon here--
  162.  
  163. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  164.  
  165. --type title here--
  166.  
  167. [/comment]limit #1[/border][comment]
  168.  
  169. --content here--
  170.  
  171. [/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][comment]
  172.  
  173. --TAG ENDS HERE--
  174.  
  175. [/comment]you can type extra stuff here[comment]
  176.  
  177. --end of limits--
  178.  
  179. [/comment][/border][/border][/border][border=0;height:30px;width:100%;position:absolute;bottom:5px;right:5px;padding:0;overflow:hidden][border=0; transform:rotate(45deg);height:600px; width:600px; padding:0; background: linear-gradient(to right, var(--c1) 1px, transparent 1px), linear-gradient(to bottom, var(--c1) 1px, transparent 1px); background-size:16px 16px; background-position:50% 50%; opacity:3;position:absolute;right:-200px][/border][/border][/border][comment]
  180.  
  181. --hexagon tab here--
  182.  
  183. [/comment][border=0;width:177px;height:178px;position:absolute;bottom:0;left:0;padding:0;pointer-events:none;z-index:10;border-radius:0 140px 0 0][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:52px;left:20px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c1);display:flex;justify-content:center;align-items:center;color:var(--c2);font-size:18px;line-height:18px][comment]
  184.  
  185. --change icon here--
  186.  
  187. [/comment][fa] fa-flower-daffodil [/fa][/border][/border][comment]
  188.  
  189. --hexagon tab end here--
  190.  
  191. [/comment][comment]
  192.  
  193. --end of tab 2--
  194.  
  195. [/comment][/tab][tab=aa][comment]
  196.  
  197. --beginning of tab 3--
  198.  
  199. [/comment][border=0;width:calc(100% - 70px);height:340px;padding:0;position:absolute;top:60px;left:40px;box-sizing:border-box;border:1px solid var(--c1);border-radius:3px;z-index:3;pointer-events:none][border=0;width:auto;max-width:calc(100% - 20px);height:25px;background:var(--bgcolor);position:absolute;top:-12px;right:10px;padding:0 10px;box-sizing:border-box;line-height:25px;text-transform:uppercase;color:var(--c1);font-family:var(--header);font-size:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden][comment]
  200.  
  201. --tab title here--
  202.  
  203. [/comment]plots / ocs[/border][border=0;width:100%;height:calc(100% - 45px);padding:8px 0;position:absolute;top:10px;left:0;box-sizing:border-box;overflow:hidden][border=0;width:200%;height:100%;padding:0;overflow:auto;pointer-events:auto][border=0;width:calc(50% + 6px);height:auto;padding:0 10px;font-family:var(--body);font-size:11.5px;line-height:157%;color:var(--textc);box-sizing:border-box;text-align:justify;margin:-10px 0][comment]
  204.  
  205. --ONE PLOT HERE--
  206.  
  207. [/comment][border=0;width:100%;height:auto;display:flex;flex-flow:column nowrap;padding:0 0 4px 0;margin:10px 0;border-bottom:1px solid var(--c1)][border=0;font-family:var(--subheader);font-size:22px;text-transform:uppercase;font-weight:bold;color:var(--c1);padding:0;line-height:100%][comment]
  208.  
  209. --plot name here--
  210.  
  211. [/comment]name of plot[/border][border=0;display:flex;flex-flow:row wrap;justify-content:flex-end;padding:0;font-size:10px][comment]
  212.  
  213. --ONE TAG HERE--
  214.  
  215. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  216.  
  217. --change icon here--
  218.  
  219. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  220.  
  221. --type tag here--
  222.  
  223. [/comment]genre[/border][comment]
  224.  
  225. --TAG ENDS HERE--
  226.  
  227. [/comment][comment]
  228.  
  229. --ONE TAG HERE--
  230.  
  231. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  232.  
  233. --change icon here--
  234.  
  235. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  236.  
  237. --type tag here--
  238.  
  239. [/comment]pairing[/border][comment]
  240.  
  241. --TAG ENDS HERE--
  242.  
  243. [/comment][comment]
  244.  
  245. --ONE TAG HERE--
  246.  
  247. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  248.  
  249. --change icon here--
  250.  
  251. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  252.  
  253. --type tag here--
  254.  
  255. [/comment]etc[/border][comment]
  256.  
  257. --TAG ENDS HERE--
  258.  
  259. [/comment][/border]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][comment]
  260.  
  261. --END OF PLOT--
  262.  
  263. [/comment][comment]
  264.  
  265. --ONE PLOT HERE--
  266.  
  267. [/comment][border=0;width:100%;height:auto;display:flex;flex-flow:column nowrap;padding:0 0 4px 0;margin:10px 0;border-bottom:1px solid var(--c1)][border=0;font-family:var(--subheader);font-size:22px;text-transform:uppercase;font-weight:bold;color:var(--c1);padding:0;line-height:100%][comment]
  268.  
  269. --plot name here--
  270.  
  271. [/comment]name of plot[/border][border=0;display:flex;flex-flow:row wrap;justify-content:flex-end;padding:0;font-size:10px][comment]
  272.  
  273. --ONE TAG HERE--
  274.  
  275. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  276.  
  277. --change icon here--
  278.  
  279. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  280.  
  281. --type tag here--
  282.  
  283. [/comment]genre[/border][comment]
  284.  
  285. --TAG ENDS HERE--
  286.  
  287. [/comment][comment]
  288.  
  289. --ONE TAG HERE--
  290.  
  291. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  292.  
  293. --change icon here--
  294.  
  295. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  296.  
  297. --type tag here--
  298.  
  299. [/comment]pairing[/border][comment]
  300.  
  301. --TAG ENDS HERE--
  302.  
  303. [/comment][comment]
  304.  
  305. --ONE TAG HERE--
  306.  
  307. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  308.  
  309. --change icon here--
  310.  
  311. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  312.  
  313. --type tag here--
  314.  
  315. [/comment]etc[/border][comment]
  316.  
  317. --TAG ENDS HERE--
  318.  
  319. [/comment][/border]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][comment]
  320.  
  321. --END OF PLOT--
  322.  
  323. [/comment][comment]
  324.  
  325. --ONE CHARACTER HERE--
  326.  
  327. [/comment][border=0;width:100%;margin:7px 0;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:0 0 4px 0;margin:10px 0;border-bottom:1px solid var(--c1)][border=0;width:90px;height:90px;background:var(--chara1)
  328.  
  329. /*change img size and positioning here*/
  330. 50% 50%;background-size:cover; clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);padding:0][/border][border=0;display:flex;flex-flow:column nowrap;width:calc(100% - 100px);padding:0][border=0;font-family:var(--subheader);font-size:22px;text-transform:uppercase;font-weight:bold;color:var(--c1);padding:0;line-height:100%][comment]
  331.  
  332. --chara name--
  333.  
  334. [/comment]name of chara[/border][border=0;display:flex;flex-flow:row wrap;justify-content:flex-end;padding:0;font-size:10px][comment]
  335.  
  336. --ONE TAG HERE--
  337.  
  338. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  339.  
  340. --change icon here--
  341.  
  342. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  343.  
  344. --type tag here--
  345.  
  346. [/comment]gender[/border][comment]
  347.  
  348. --TAG ENDS HERE--
  349.  
  350. [/comment][comment]
  351.  
  352. --ONE TAG HERE--
  353.  
  354. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  355.  
  356. --change icon here--
  357.  
  358. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  359.  
  360. --type tag here--
  361.  
  362. [/comment]age range[/border][comment]
  363.  
  364. --TAG ENDS HERE--
  365.  
  366. [/comment][/border]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][comment]
  367.  
  368. --END OF CHARACTER HERE--
  369.  
  370. [/comment][comment]
  371.  
  372. --ONE CHARACTER HERE--
  373.  
  374. [/comment][border=0;width:100%;margin:7px 0;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:0 0 4px 0;margin:10px 0;border-bottom:1px solid var(--c1)][border=0;width:90px;height:90px;background:var(--chara2)
  375.  
  376. /*change img size and positioning here*/
  377. 50% 50%;background-size:cover; clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);padding:0][/border][border=0;display:flex;flex-flow:column nowrap;width:calc(100% - 100px);padding:0][border=0;font-family:var(--subheader);font-size:22px;text-transform:uppercase;font-weight:bold;color:var(--c1);padding:0;line-height:100%][comment]
  378.  
  379. --chara name--
  380.  
  381. [/comment]name of chara[/border][border=0;display:flex;flex-flow:row wrap;justify-content:flex-end;padding:0;font-size:10px][comment]
  382.  
  383. --ONE TAG HERE--
  384.  
  385. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  386.  
  387. --change icon here--
  388.  
  389. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  390.  
  391. --type tag here--
  392.  
  393. [/comment]gender[/border][comment]
  394.  
  395. --TAG ENDS HERE--
  396.  
  397. [/comment][comment]
  398.  
  399. --ONE TAG HERE--
  400.  
  401. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  402.  
  403. --change icon here--
  404.  
  405. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  406.  
  407. --type tag here--
  408.  
  409. [/comment]age range[/border][comment]
  410.  
  411. --TAG ENDS HERE--
  412.  
  413. [/comment][/border]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][comment]
  414.  
  415. --END OF CHARACTER HERE--
  416.  
  417. [/comment][/border][/border][/border][border=0;height:30px;width:100%;position:absolute;bottom:5px;right:5px;padding:0;overflow:hidden][border=0; transform:rotate(45deg);height:600px; width:600px; padding:0; background: linear-gradient(to right, var(--c1) 1px, transparent 1px), linear-gradient(to bottom, var(--c1) 1px, transparent 1px); background-size:16px 16px; background-position:50% 50%; opacity:3;position:absolute;right:-200px][/border][/border][/border][comment]
  418.  
  419. --hexagon tab here--
  420.  
  421. [/comment][border=0;width:177px;height:178px;position:absolute;bottom:0;left:0;padding:0;pointer-events:none;z-index:10;border-radius:0 140px 0 0][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:52px;left:106px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c1);display:flex;justify-content:center;align-items:center;color:var(--c2);font-size:18px;line-height:18px][comment]
  422.  
  423. --change icon here--
  424.  
  425. [/comment][fa] fa-eye [/fa][/border][/border][comment]
  426.  
  427. --hexagon tab end here--
  428.  
  429. [/comment][comment]
  430.  
  431. --end of tab 3--
  432.  
  433. [/comment][/tab][tab=aaaaaa][comment]
  434.  
  435. --beginning of tab 4--
  436.  
  437. [/comment][border=0;width:calc(100% - 70px);height:340px;padding:0;position:absolute;top:60px;left:40px;box-sizing:border-box;border:1px solid var(--c1);border-radius:3px;z-index:3;pointer-events:none][border=0;width:auto;max-width:calc(100% - 20px);height:25px;background:var(--bgcolor);position:absolute;top:-12px;right:10px;padding:0 10px;box-sizing:border-box;line-height:25px;text-transform:uppercase;color:var(--c1);font-family:var(--header);font-size:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden][comment]
  438.  
  439. --tab title here--
  440.  
  441. [/comment]writing samples[/border][border=0;width:100%;height:calc(100% - 45px);padding:8px 0;position:absolute;top:10px;left:0;box-sizing:border-box;overflow:hidden][border=0;width:200%;height:100%;padding:0;overflow:auto;pointer-events:auto][border=0;width:calc(50% + 6px);height:auto;padding:0 10px;font-family:var(--body);font-size:11.5px;line-height:157%;color:var(--textc);box-sizing:border-box;text-align:justify;margin-top:-10px;margin-bottom:30px][comment]
  442.  
  443. --ONE SAMPLE HERE--
  444.  
  445. [/comment][border=0;width:100%;height:auto;display:flex;flex-flow:column nowrap;margin:10px 0;padding:0][border=0;font-family:var(--subheader);font-size:22px;text-transform:uppercase;font-weight:bold;color:var(--c1);padding:0;line-height:100%][comment]
  446.  
  447. --title of writing sample--
  448.  
  449. [/comment]sample title[/border][border=0;display:flex;flex-flow:row wrap;justify-content:flex-end;padding:0;font-size:10px][comment]
  450.  
  451. --ONE TAG HERE--
  452.  
  453. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  454.  
  455. --change icon here--
  456.  
  457. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  458.  
  459. --type tag here--
  460.  
  461. [/comment]genre[/border][comment]
  462.  
  463. --TAG ENDS HERE--
  464.  
  465. [/comment][comment]
  466.  
  467. --ONE TAG HERE--
  468.  
  469. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  470.  
  471. --change icon here--
  472.  
  473. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  474.  
  475. --type tag here--
  476.  
  477. [/comment]subgenre[/border][comment]
  478.  
  479. --TAG ENDS HERE--
  480.  
  481. [/comment][comment]
  482.  
  483. --ONE TAG HERE--
  484.  
  485. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  486.  
  487. --change icon here--
  488.  
  489. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  490.  
  491. --type tag here--
  492.  
  493. [/comment]etc[/border][comment]
  494.  
  495. --TAG ENDS HERE--
  496.  
  497. [/comment][/border][border=0;width:100%;box-sizing:border-box;border-left:1px dotted var(--c3);padding:0 0 0 8px;][comment]
  498.  
  499. --type sample here--
  500.  
  501. [/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.[/border][/border][comment]
  502.  
  503. --END OF SAMPLE--
  504.  
  505. [/comment][comment]
  506.  
  507. --ONE SAMPLE HERE--
  508.  
  509. [/comment][border=0;width:100%;height:auto;display:flex;flex-flow:column nowrap;margin:10px 0;padding:0][border=0;font-family:var(--subheader);font-size:22px;text-transform:uppercase;font-weight:bold;color:var(--c1);padding:0;line-height:100%][comment]
  510.  
  511. --title of writing sample--
  512.  
  513. [/comment]sample title[/border][border=0;display:flex;flex-flow:row wrap;justify-content:flex-end;padding:0;font-size:10px][comment]
  514.  
  515. --ONE TAG HERE--
  516.  
  517. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  518.  
  519. --change icon here--
  520.  
  521. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  522.  
  523. --type tag here--
  524.  
  525. [/comment]genre[/border][comment]
  526.  
  527. --TAG ENDS HERE--
  528.  
  529. [/comment][comment]
  530.  
  531. --ONE TAG HERE--
  532.  
  533. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  534.  
  535. --change icon here--
  536.  
  537. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  538.  
  539. --type tag here--
  540.  
  541. [/comment]subgenre[/border][comment]
  542.  
  543. --TAG ENDS HERE--
  544.  
  545. [/comment][comment]
  546.  
  547. --ONE TAG HERE--
  548.  
  549. [/comment][border=0;padding:2px 4px;border:1px solid var(--c3);border-radius:2px;text-transform:uppercase;letter-spacing:1px;width:fit-content;width:-moz-fit-content;line-height:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box;margin:2px][border=0;margin-right:5px;color:var(--c1);font-size:9px;padding:0;font-weight:bold][comment]
  550.  
  551. --change icon here--
  552.  
  553. [/comment][fa] fa-hexagon [/fa][/border] [comment]
  554.  
  555. --type tag here--
  556.  
  557. [/comment]etc[/border][comment]
  558.  
  559. --TAG ENDS HERE--
  560.  
  561. [/comment][/border][border=0;width:100%;box-sizing:border-box;border-left:1px dotted var(--c3);padding:0 0 0 8px;][comment]
  562.  
  563. --type sample here--
  564.  
  565. [/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.[/border][/border][comment]
  566.  
  567. --END OF SAMPLE--
  568.  
  569. [/comment][/border][/border][/border][border=0;height:30px;width:100%;position:absolute;bottom:5px;right:5px;padding:0;overflow:hidden][border=0; transform:rotate(45deg);height:600px; width:600px; padding:0; background: linear-gradient(to right, var(--c1) 1px, transparent 1px), linear-gradient(to bottom, var(--c1) 1px, transparent 1px); background-size:16px 16px; background-position:50% 50%; opacity:3;position:absolute;right:-200px][/border][/border][/border][comment]
  570.  
  571. --hexagon tab here--
  572.  
  573. [/comment][border=0;width:177px;height:178px;position:absolute;bottom:0;left:0;padding:0;pointer-events:none;z-index:10;border-radius:0 140px 0 0][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:78px;left:63px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c1);display:flex;justify-content:center;align-items:center;color:var(--c2);font-size:18px;line-height:18px][comment]
  574.  
  575. --change icon here--
  576.  
  577. [/comment][fa] fa-pen [/fa][/border][/border][comment]
  578.  
  579. --hexagon tab end here--
  580.  
  581. [/comment][comment]
  582.  
  583. --end of tab 4--
  584.  
  585. [/comment][/tab][/tabs][/border][comment]
  586.  
  587. --hexagons begin here--
  588.  
  589. [/comment][border=0;width:177px;height:178px;position:absolute;bottom:0;left:0;background:linear-gradient(22deg, var(--bgcolor) 73%, transparent 73%);padding:0;pointer-events:none;z-index:4;border-radius:0 140px 0 0][comment]
  590.  
  591. --ONE HEXAGON HERE--
  592.  
  593. [/comment][border=0;width:62px;height:62px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:-4px;left:15px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--bgcolor)][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:5px;left:5px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c2)][/border][/border][comment]
  594.  
  595. --END OF HEXAGON--
  596.  
  597. [/comment][comment]
  598.  
  599. --ONE HEXAGON HERE--
  600.  
  601. [/comment][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:52px;left:20px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c3);display:flex;justify-content:center;align-items:center;color:var(--c1);font-size:18px;line-height:18px][comment]
  602.  
  603. --change icon here - this corresponds to tab 2--
  604.  
  605. [/comment][fa] fa-flower-daffodil [/fa][/border][comment]
  606.  
  607. --END OF HEXAGON--
  608.  
  609. [/comment][comment]
  610.  
  611. --ONE HEXAGON HERE--
  612.  
  613. [/comment][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:103px;left:20px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c2)][/border][comment]
  614.  
  615. --END OF HEXAGON--
  616.  
  617. [/comment][comment]
  618.  
  619. --ONE HEXAGON HERE--
  620.  
  621. [/comment][border=0;width:62px;height:62px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:22px;left:58px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--bgcolor)][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:5px;left:5px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c3);display:flex;justify-content:center;align-items:center;color:var(--c1);font-size:18px;line-height:18px][comment]
  622.  
  623. --change icon here - this corresponds to tab 1--
  624.  
  625. [/comment][fa] fa-bug [/fa][/border][/border][comment]
  626.  
  627. --END OF HEXAGON--
  628.  
  629. [/comment][comment]
  630.  
  631. --ONE HEXAGON HERE--
  632.  
  633. [/comment][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:78px;left:63px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c3);display:flex;justify-content:center;align-items:center;color:var(--c1);font-size:18px;line-height:18px][comment]
  634.  
  635. --change icon here - this corresponds to tab 4--
  636.  
  637. [/comment][fa] fa-pen [/fa][/border][comment]
  638.  
  639. --END OF HEXAGON--
  640.  
  641. [/comment][comment]
  642.  
  643. --ONE HEXAGON HERE--
  644.  
  645. [/comment][border=0;width:52px;height:52px;padding:0;display:flex;flex-flow:row nowrap;justify-content:stretch;position:absolute;top:52px;left:106px;z-index:5;clip-path:polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);background:var(--c3);display:flex;justify-content:center;align-items:center;color:var(--c1);font-size:18px;line-height:18px][comment]
  646.  
  647. --change icon here - this corresponds to tab 3--
  648.  
  649. [/comment][fa] fa-eye [/fa][/border][comment]
  650.  
  651. --END OF HEXAGON--
  652.  
  653. [/comment][/border][comment]
  654.  
  655. --hexagons end here--
  656.  
  657. [/comment][border=0;width:calc(100% - 178px);height:77px;padding:0;position:absolute;bottom:16px;right:30px;z-index:20;display:flex;flex-flow:column nowrap;align-items:end][border=0;font-family:var(--subheader);font-size:19px;text-transform:uppercase;font-weight:bold;color:var(--c2);padding:0;line-height:100%;text-align:right;max-width:calc(100% - 10px)][comment]
  658.  
  659. --message title--
  660.  
  661. [/comment]before you contact me...[/border][border=0; height:100%; width:100%; padding:0; position:relative; z-index:3; display:flex; flex-direction:column; overflow:hidden;][border=0; height:100%; width:200%; padding:0; overflow-y:scroll;][border=0; height:auto; width:50%; padding:0 5px;font-family:var(--body);font-size:11px;line-height:157%;color:var(--textc);box-sizing:border-box;text-align:justify][comment]
  662.  
  663. --content here--
  664.  
  665. [/comment]- make sure to do this!
  666. - and this...
  667. - and don't forget this![/border][/border][/border][/border][border=0;position:absolute;bottom:0;left:0;font-family:var(--body);font-size:9px;color:var(--c1);padding:5px;text-transform:uppercase;letter-spacing:1px;line-height:100%;opacity:0.8;z-index:20][comment]
  668.  
  669. --do not remove credit--
  670.  
  671. [/comment]© reveriee[/border][/border]
Add Comment
Please, Sign In to add comment