Advertisement
reveriee

achromatic (cs)

Jul 4th, 2021
317
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.29 KB | None | 0 0
  1. [comment][font=Times New Roman][font=Karla]--CODE BY REVERIEE--[/font][/font]
  2. achromatic, character sheet. 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[/comment][border=0;
  6.  
  7. --header: 'Times New Roman', serif;
  8. --body: 'Times New Roman', serif;
  9. --sansserif: 'Karla', sans-serif;
  10.  
  11. --gif:url(https://i.pinimg.com/originals/08/4e/a9/084ea9bbf00e81d3725fe69b9e6c45fc.gif);
  12.  
  13. --bg: #000;
  14. --white: #fff;
  15. --fontcolor: #fff;
  16.  
  17. box-sizing:border-box;max-width:450px;height:fit-content:height:-moz-fit-content;padding:10px;margin:auto;background:var(--bg);position:relative][border=0;width:100%;height:29px;padding:0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center][border=0;background:var(--white);width:100%;height:1px;padding:0;flex:1][/border][border=0;width:fit-content;width:-moz-fit-content;height:29px;line-height:29px;font-size:29px;font-family:var(--header);color:var(--white);padding:0;text-transform:uppercase;font-weight:bold;font-style:oblique;letter-spacing:1px;padding:0 0 0 10px][comment]
  18.  
  19. --NAME HERE--
  20. don't make it too long if you want it to still be mobile-friendly.
  21.  
  22. [/comment]name here[/border][/border][border=0;width:100%;height:270px;padding:0;display:grid;grid-template:32% 1% 67% / 33% 2% 65%][border=0;grid-area:1 / 1 / 4 / 2;box-sizing:border-box;padding:0;overflow:hidden][border=0px; height:100%; width:200%; padding:0; overflow:auto;][border=0px; height:auto; width:50%; padding:0; box-sizing:border-box; font-family:var(--body); font-size:10px;text-align:justify;color:var(--fontcolor); line-height:130%;letter-spacing:0.5px;text-transform:uppercase][comment]
  23.  
  24. --TITLE HERE--
  25.  
  26. [/comment][border=0;width:100%;height:auto;background:var(--bg);text-align:right;font-family:var(--header);font-size:22px;line-height:100%;font-weight:bold;font-style:oblique;padding:7px 0 1px 0;text-transform:lowercase;position:sticky;top:0;color:var(--fontcolor)]— basics[/border][comment]
  27.  
  28. --TITLE END HERE--
  29.  
  30. [/comment][comment]
  31.  
  32. --COPY ONE ROW HERE--
  33.  
  34. [/comment][border=0;border-bottom:1px dotted var(--white);width:100%;height:fit-content;height:-moz-fit-content;padding:12px 0 8px 0][border=0;text-transform:uppercase;font-weight:bold;padding:0;font-size:11px]full name[/border][comment]
  35.  
  36. --TYPE CONTENT HERE--
  37.  
  38. [/comment]here[/border][comment]
  39.  
  40. --COPY THIS TOO--
  41.  
  42. [/comment][comment]
  43.  
  44. --COPY ONE ROW HERE--
  45.  
  46. [/comment][border=0;border-bottom:1px dotted var(--white);width:100%;height:fit-content;height:-moz-fit-content;padding:12px 0 8px 0][border=0;text-transform:uppercase;font-weight:bold;padding:0;font-size:11px]alias[/border][comment]
  47.  
  48. --TYPE CONTENT HERE--
  49.  
  50. [/comment]here[/border][comment]
  51.  
  52. --COPY THIS TOO--
  53.  
  54. [/comment][comment]
  55.  
  56. --COPY ONE ROW HERE--
  57.  
  58. [/comment][border=0;border-bottom:1px dotted var(--white);width:100%;height:fit-content;height:-moz-fit-content;padding:12px 0 8px 0][border=0;text-transform:uppercase;font-weight:bold;padding:0;font-size:11px]age[/border][comment]
  59.  
  60. --TYPE CONTENT HERE--
  61.  
  62. [/comment]#[/border][comment]
  63.  
  64. --COPY THIS TOO--
  65.  
  66. [/comment][comment]
  67.  
  68. --COPY ONE ROW HERE--
  69.  
  70. [/comment][border=0;border-bottom:1px dotted var(--white);width:100%;height:fit-content;height:-moz-fit-content;padding:12px 0 8px 0][border=0;text-transform:uppercase;font-weight:bold;padding:0;font-size:11px]gender[/border][comment]
  71.  
  72. --TYPE CONTENT HERE--
  73.  
  74. [/comment]here (they/them)[/border][comment]
  75.  
  76. --COPY THIS TOO--
  77.  
  78. [/comment][comment]
  79.  
  80. --COPY ONE ROW HERE--
  81.  
  82. [/comment][border=0;border-bottom:1px dotted var(--white);width:100%;height:fit-content;height:-moz-fit-content;padding:12px 0 8px 0][border=0;text-transform:uppercase;font-weight:bold;padding:0;font-size:11px]sexuality[/border][comment]
  83.  
  84. --TYPE CONTENT HERE--
  85.  
  86. [/comment]here[/border][comment]
  87.  
  88. --COPY THIS TOO--
  89.  
  90. [/comment][comment]
  91.  
  92. --TITLE HERE--
  93.  
  94. [/comment][border=0;width:100%;height:auto;background:var(--bg);text-align:right;font-family:var(--header);font-size:22px;line-height:100%;font-weight:bold;font-style:oblique;padding:7px 0 1px 0;text-transform:lowercase;position:sticky;top:0;color:var(--fontcolor)]— visage[/border][comment]
  95.  
  96. --TITLE END HERE--
  97.  
  98. [/comment][comment]
  99.  
  100. --COPY ONE ROW HERE--
  101.  
  102. [/comment][border=0;border-bottom:1px dotted var(--white);width:100%;height:fit-content;height:-moz-fit-content;padding:12px 0 8px 0][border=0;text-transform:uppercase;font-weight:bold;padding:0;font-size:11px]height[/border][comment]
  103.  
  104. --TYPE CONTENT HERE--
  105.  
  106. [/comment]0 cm[/border][comment]
  107.  
  108. --COPY THIS TOO--
  109.  
  110. [/comment][comment]
  111.  
  112. --COPY ONE ROW HERE--
  113.  
  114. [/comment][border=0;border-bottom:1px dotted var(--white);width:100%;height:fit-content;height:-moz-fit-content;padding:12px 0 8px 0][border=0;text-transform:uppercase;font-weight:bold;padding:0;font-size:11px]hair[/border][comment]
  115.  
  116. --TYPE CONTENT HERE--
  117.  
  118. [/comment]here[/border][comment]
  119.  
  120. --COPY THIS TOO--
  121.  
  122. [/comment][comment]
  123.  
  124. --COPY ONE ROW HERE--
  125.  
  126. [/comment][border=0;border-bottom:1px dotted var(--white);width:100%;height:fit-content;height:-moz-fit-content;padding:12px 0 8px 0][border=0;text-transform:uppercase;font-weight:bold;padding:0;font-size:11px]eyes[/border][comment]
  127.  
  128. --TYPE CONTENT HERE--
  129.  
  130. [/comment]here[/border][comment]
  131.  
  132. --COPY THIS TOO--
  133.  
  134. [/comment][/border][/border][/border][border=0;padding:0;grid-area:1 / 3 / 2 / 4][border=0;height:86px;width:86px;box-sizing:border-box;border:1px solid var(--white);border-radius:100%;padding:7px;display:inline-block][border=0;background:var(--gif)
  135.  
  136. /*adjust image size and positioning here*/
  137.  
  138. 50% 50%;background-size:220%;height:100%;width:100%;padding:0;text-align:center;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;font-family:var(--header);color:var(--fontcolor);font-weight:bold;font-size:35px;line-height:100%;box-sizing:border-box;border:2px solid var(--white);border-radius:100%][comment]
  139.  
  140. --ICON HERE--
  141. feel free to replace with fa-icon, or just delete entirely.
  142.  
  143. [/comment]萬[/border][/border][border=0;height:100%;float:right;width:calc(100% - 95px);box-sizing:border-box;padding:0;overflow:hidden][border=0px; height:100%; width:200%; padding:5px 0; overflow:auto;][border=0px; height:auto; width:50%; padding:0; box-sizing:border-box; font-family:var(--body);font-size:10px;color:var(--fontcolor);text-transform:uppercase][comment]
  144.  
  145. --ONE VIRTUE HERE--
  146.  
  147. [/comment][border=0;display:inline-block;padding:0][border=0;box-sizing:content-box;border-radius:10px;height:11px;line-height:11px;width:fit-content;width:-moz-fit-content;border:1px solid var(--white);padding:3px;margin-right:3px;margin-bottom:3px;display:flex;align-items:center][border=0;display:inline-block;height:9px;width:9px;border-radius:100%;padding:0;background:var(--white);margin-right:3px;border:1px solid var(--bg)][/border]virtue[/border][/border][comment]
  148.  
  149. --END OF VIRTUE--
  150.  
  151. [/comment][comment]
  152.  
  153. --ONE VIRTUE HERE--
  154.  
  155. [/comment][border=0;display:inline-block;padding:0][border=0;box-sizing:content-box;border-radius:10px;height:11px;line-height:11px;width:fit-content;width:-moz-fit-content;border:1px solid var(--white);padding:3px;margin-right:3px;margin-bottom:3px;display:flex;align-items:center][border=0;display:inline-block;height:9px;width:9px;border-radius:100%;padding:0;background:var(--white);margin-right:3px;border:1px solid var(--bg)][/border]virtue[/border][/border][comment]
  156.  
  157. --END OF VIRTUE--
  158.  
  159. [/comment][comment]
  160.  
  161. --ONE VIRTUE HERE--
  162.  
  163. [/comment][border=0;display:inline-block;padding:0][border=0;box-sizing:content-box;border-radius:10px;height:11px;line-height:11px;width:fit-content;width:-moz-fit-content;border:1px solid var(--white);padding:3px;margin-right:3px;margin-bottom:3px;display:flex;align-items:center][border=0;display:inline-block;height:9px;width:9px;border-radius:100%;padding:0;background:var(--white);margin-right:3px;border:1px solid var(--bg)][/border]virtue[/border][/border][comment]
  164.  
  165. --END OF VIRTUE--
  166.  
  167. [/comment][comment]
  168.  
  169. --ONE VICE HERE--
  170.  
  171. [/comment][border=0;display:inline-block;padding:0][border=0;box-sizing:content-box;border-radius:10px;height:11px;line-height:11px;width:fit-content;width:-moz-fit-content;border:1px solid var(--white);padding:3px;margin-right:3px;margin-bottom:3px;display:flex;align-items:center][border=0;display:inline-block;height:11px;width:11px;line-height:11px;margin-right:3px;padding:0;text-align:center][fa]fa-times[/fa][/border]vice[/border][/border][comment]
  172.  
  173. --END OF VICE--
  174.  
  175. [/comment][comment]
  176.  
  177. --ONE VICE HERE--
  178.  
  179. [/comment][border=0;display:inline-block;padding:0][border=0;box-sizing:content-box;border-radius:10px;height:11px;line-height:11px;width:fit-content;width:-moz-fit-content;border:1px solid var(--white);padding:3px;margin-right:3px;margin-bottom:3px;display:flex;align-items:center][border=0;display:inline-block;height:11px;width:11px;line-height:11px;margin-right:3px;padding:0;text-align:center][fa]fa-times[/fa][/border]vice[/border][/border][comment]
  180.  
  181. --END OF VICE--
  182.  
  183. [/comment][comment]
  184.  
  185. --ONE VICE HERE--
  186.  
  187. [/comment][border=0;display:inline-block;padding:0][border=0;box-sizing:content-box;border-radius:10px;height:11px;line-height:11px;width:fit-content;width:-moz-fit-content;border:1px solid var(--white);padding:3px;margin-right:3px;margin-bottom:3px;display:flex;align-items:center][border=0;display:inline-block;height:11px;width:11px;line-height:11px;margin-right:3px;padding:0;text-align:center][fa]fa-times[/fa][/border]vice[/border][/border][comment]
  188.  
  189. --END OF VICE--
  190.  
  191. [/comment][/border][/border][/border][/border][border=0;grid-area:3 / 3 / 4 / 4;box-sizing:border-box;padding:0;overflow:hidden][border=0px; height:100%; width:200%; padding:0; overflow:auto;][border=0px; height:auto; width:50%; padding:0; box-sizing:border-box; font-family:var(--sansserif);font-size:11px;text-align:justify;color:var(--fontcolor); line-height:130%][comment]
  192.  
  193. --TITLE HERE--
  194.  
  195. [/comment][border=0;width:100%;height:auto;background:var(--bg);text-align:right;font-family:var(--header);font-size:22px;line-height:100%;font-weight:bold;font-style:oblique;padding:7px 0 4px 0;text-transform:lowercase;position:sticky;top:0;color:var(--fontcolor)]— description[/border][comment]
  196.  
  197. --CONTENT HERE--
  198.  
  199. [/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.[/border][/border][/border][/border][border=0;padding:3px;line-height:100%;font-family:var(--header);font-size:9px;text-transform:uppercase;top:0;left:0;color:var(--fontcolor);position:absolute][comment]
  200.  
  201. --DO NOT REMOVE CREDIT--
  202.  
  203. [/comment]reveriee ©[/border][/border]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement