Advertisement
reveriee

zhaolin (cs)

Dec 28th, 2020 (edited)
425
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment][font=Zhi Mang Xing][font=Arial][font=Karla]--CODE BY REVERIEE--[/font][/font][/font]
  2. zhaolin, 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.  
  6. [/comment][bg=0;
  7. /*all colors are below*/
  8. --minibg: white;
  9. --accentgold: #d4af37;
  10. --lightgold: RGBA(212,175,55,0.6) /*input the rgb values of the hexcode for --accentgold*/;
  11. --maincream: #fdf4d2;
  12. --red: #923335;
  13. --hanzicolor: #000;
  14.  
  15. /*fonts below*/
  16. --bodyfont: 'Karla', sans-serif;
  17. --headerfont: 'Arial', sans-serif;
  18. --hanzifont: 'Zhi Mang Xing', handwriting;
  19.  
  20. /*pics are below*/
  21. --rightpic: url(https://i.imgur.com/8Q7aUlS.jpg);
  22. --toppicmain: url(https://i.pinimg.com/originals/d4/60/59/d46059e48144d4e48012cdb54b1c20f8.png);
  23. --visagepic: url(https://assets.website-files.com/5bfdb13bc48f3f07e6132d5c/5df06999eafb60c53e2bf336_cutegirl.io%20Ju%20Jingyi%20beauty%2008.jpg);
  24. --personapic: url(https://i.pinimg.com/236x/89/42/fd/8942fde8e5d83bfd0bad9b701a40c67b.jpg);
  25. --miscpic: url(https://pbs.twimg.com/media/ELHCA5lWkAAizeW.jpg);
  26. --historypic: url(https://i.imgur.com/8Q7aUlS.jpg);
  27.  
  28. /*feel free to remove these filters*/
  29. --personafilter: hue-rotate(-8deg) grayscale(20%) brightness(85%);
  30.  
  31. /*relationship pics are here specifically*/
  32. --rshippic1: url(https://data.whicdn.com/images/341816056/original.jpg);
  33. --rshippic2: url(https://data.whicdn.com/images/341816056/original.jpg);
  34. --rshippic3: url(https://data.whicdn.com/images/341816056/original.jpg);
  35. --rshippic4: url(https://data.whicdn.com/images/341816056/original.jpg);
  36. --rshippic5: url(https://data.whicdn.com/images/341816056/original.jpg);
  37. --rshippic6: url(https://data.whicdn.com/images/341816056/original.jpg);
  38. --rshippic7: url(https://data.whicdn.com/images/341816056/original.jpg);
  39. --rshippic8: url(https://data.whicdn.com/images/341816056/original.jpg);
  40. font-smoothing:antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;box-sizing:border-box;max-width:500px;height:530px;margin:auto;padding:0;z-index:1;line-height:0][border=0;box-sizing:content-box;width:71%;height:515px;background:var(--red);padding:20px 4.5%;z-index:0;display:inline-block][border=0; box-sizing:content-box;position: relative; width:98%;height:510px;background:var(--minibg);margin:auto;padding:0; border-left:3px solid var(--accentgold);border-right:3px solid var(--accentgold);border-top:3px solid var(--accentgold);border-bottom:3px solid var(--accentgold)][border=0; width:10%; height:140px; padding:0; margin-left: 95%; margin-top: 280px;][tabs][comment]
  41.  
  42. --TAB ONE HERE--
  43.  
  44. [/comment][tab=.][border=0; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 96.5%; height:510px][border=0;box-sizing:border-box;background:var(--toppicmain);background-size:cover;background-position:50% 28%;height:120px;width:98%;padding:0; margin:auto;box-shadow: 4px 4px black;color:transparent;z-index:1][/border][border=0;height:5px;width:92%;margin:auto;box-sizing:content-box][/border][border=0;box-sizing: border-box;background: var(--minibg);height:170px;width:100%;margin:auto;border:2px solid var(--accentgold);padding:0;z-index:1][border=0;box-sizing: border-box;background: var(--minibg);height:25px;width:auto;margin:auto;top:143px;left:10%;position:absolute;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:12px 7px 0 7px;z-index:2][comment]
  45.  
  46. --CHARACTER NAME HERE--
  47.  
  48. [/comment]NAME HERE[/border][border=0; box-sizing: border-box; height: 166px; width: 100%;overflow: hidden; padding:13px 0 10px 0][border=0; box-sizing: border-box; width: 200%; height:100%; overflow: auto;padding:5px 0 0 0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 51%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  49.  
  50. --BASICS HERE--
  51.  
  52. [/comment][border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]full name[/border] here
  53.  
  54. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]courtesy name[/border] here
  55.  
  56. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]nickname[/border] here
  57.  
  58. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]gender[/border] here
  59.  
  60. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]age[/border] here
  61.  
  62. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]d.o.b.[/border] here
  63.  
  64. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]sexuality[/border] here[comment]
  65.  
  66. --END OF BASICS--
  67.  
  68. [/comment][/border][/border][/border][/border][border=0;box-sizing: border-box;height:160px;width:100%;margin:auto;position:relative;top:15px;padding:0][border=0;box-sizing: border-box;height:160px;width:40%;background:var(--visagepic);background-size:cover;background-position:50% 50%;margin:auto;padding:0;float:left][/border][border=0;box-sizing: border-box;height:160px;width:59%;background: var(--minibg);margin:auto;padding:0;border:2px solid var(--accentgold);float:right;z-index:1][border=0;box-sizing: border-box;background: var(--minibg);height:25px;width:93px;margin:auto;top:-13px;left:15%;position:relative;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:12px 7px 0 7px;z-index:2]VISAGE[/border][border=0; box-sizing: border-box; height: 156px; width: 100%; overflow: hidden; padding:13px 0 10px 0;margin-top:-25px][border=0; box-sizing: border-box; width: 200%; height:100%; overflow: auto;padding:5px 0 0 0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 51%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  69.  
  70. --VISAGE DESC HERE--
  71.  
  72. [/comment][border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]height[/border] here
  73.  
  74. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]weight[/border] here
  75.  
  76. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]build[/border] here
  77.  
  78. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]hair[/border] here
  79.  
  80. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]eyes[/border] here
  81.  
  82. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]mods[/border] here
  83.  
  84. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]scars[/border] here
  85.  
  86. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]style[/border] here
  87.  
  88. [border=0; padding: 0; margin-right: 7px; display: inline-block; border-bottom: 2px solid var(--red); text-transform: uppercase;letter-spacing:0.5px]fc[/border] here [comment]
  89.  
  90. --END OF VISAGE--[/comment][/border][/border][/border][/border][/border][/border][/tab][comment]
  91.  
  92. --TAB TWO HERE--
  93.  
  94. [/comment][tab=.][border=0; box-sizing: border-box; position: absolute; top: 0; left: 0; background: var(--minibg); width: 96.5%; height:510px;][border=0; box-sizing:border-box;top: 0; left: 0; background: var(--minibg); width: 100%; height:100px;padding:0][border=0; box-sizing: border-box; top: 0; left: 0; background: var(--lightgold); width: 49%; height:100px;padding:0;display:inline-block][border=0; box-sizing: border-box; height: 100px; width: 100%;overflow: hidden; padding:12px 0][border=0; box-sizing: border-box; width: 200%; height:100%; overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 12px; height:auto; width: 50%; font-size: 8.5px; color: var(--accentgold); line-height: 120%;text-transform:uppercase;font-weight:bold;text-align:left][comment]
  95.  
  96. --VIRTUES HERE--
  97.  
  98. [/comment][border=0;padding:2px 4px;width:fit-content;height:fit-content;width:-moz-fit-content;height:-moz-fit-content;background:var(--maincream);box-shadow:3px 3px var(--accentgold);margin-bottom:5px;;margin-right:3px;display:inline-block]virtue[/border] [border=0;padding:2px 4px;width:fit-content;height:fit-content;width:-moz-fit-content;height:-moz-fit-content;background:var(--maincream);box-shadow:3px 3px var(--accentgold);margin-bottom:5px;;margin-right:3px;display:inline-block]virtue[/border] [border=0;padding:2px 4px;width:fit-content;height:fit-content;width:-moz-fit-content;height:-moz-fit-content;background:var(--maincream);box-shadow:3px 3px var(--accentgold);margin-bottom:5px;;margin-right:3px;display:inline-block]virtue[/border][comment]
  99.  
  100. --END OF VIRTUES--
  101.  
  102. [/comment][/border][/border][/border][/border][border=0; box-sizing: border-box; position:relative; top:0; left: 0; background: var(--lightgold); width: 49%; height:100px;padding:0;display:inline-block;float:right][border=0; box-sizing: border-box; height: 100px; width: 100%;overflow: hidden; padding:12px 0][border=0; box-sizing: border-box; width: 200%; height:100%; overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 12px; height:auto; width: 50%; font-size: 8.5px; color: var(--accentgold); line-height: 120%;text-transform:uppercase;font-weight:bold;text-align:left;][comment]
  103.  
  104. --VICES HERE--
  105.  
  106. [/comment][border=0;padding:2px 4px;width:fit-content;height:fit-content;width:-moz-fit-content;height:-moz-fit-content;background:var(--maincream);box-shadow:3px 3px var(--accentgold);margin-bottom:5px;margin-right:3px;display:inline-block]vice[/border] [border=0;padding:2px 4px;width:fit-content;height:fit-content;width:-moz-fit-content;height:-moz-fit-content;background:var(--maincream);box-shadow:3px 3px var(--accentgold);margin-bottom:5px;margin-right:3px;display:inline-block]vice[/border] [border=0;padding:2px 4px;width:fit-content;height:fit-content;width:-moz-fit-content;height:-moz-fit-content;background:var(--maincream);box-shadow:3px 3px var(--accentgold);margin-bottom:5px;margin-right:3px;display:inline-block]vice[/border][comment]
  107.  
  108. --END OF VICES--
  109.  
  110. [/comment][/border][/border][/border][/border][/border][border=0;height:2px;width:92%;margin:auto;][/border][border=0;box-sizing: border-box;height:210px;width:100%;padding:0][border=0;box-sizing: border-box;height:210px;width:25%;background:var(--personapic);filter:var(--personafilter);background-size:cover;background-position:70% 50%;float:left;padding:0][/border][border=0;box-sizing: border-box;background: var(--minibg);height:210px;float:right;width:74%;border:2px solid var(--accentgold);padding:0;z-index:1; position:relative;][border=0;box-sizing: border-box;background: var(--minibg);height:25px;width:115px;margin:auto;top:-15px;left:10%;position:absolute;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:12px 7px 0 7px;z-index:2]PERSONA[/border][border=0; box-sizing: border-box; height: 206px; width: 100%; overflow: hidden; padding:13px 0 10px 0][border=0; box-sizing: border-box; width: 200%; height:100%; overflow: auto;padding:5px 0 0 0][border=0; box-sizing: border-box; padding: 0 10px; height:auto;width: 51%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  111.  
  112. --PERSONALITY HERE--
  113.  
  114. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  115.  
  116. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[comment]
  117.  
  118. --END OF PERSONALITY--
  119.  
  120. [/comment][/border][/border][/border][/border][/border]
  121. [border=0;box-sizing: border-box;height:143px;width:100%;margin-top:15px;padding:0][border=0;box-sizing: border-box;height:143px;width:60%;background: var(--minibg);padding:0;border:2px solid var(--accentgold);float:left;position:relative;top:0;z-index:1][border=0;box-sizing: border-box;background: var(--minibg);height:25px;width:66px;margin:auto;top:-15px;left:10%;position:absolute;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:12px 7px 0 7px;z-index:2]MISC[/border][border=0; box-sizing: border-box; height: 139px; width: 100%; overflow: hidden; padding:13px 0 10px 0][border=0; box-sizing: border-box; width: 200%; height:100%; overflow: auto;padding:5px 0 0 0][border=0; box-sizing: border-box; padding: 0 10px; width: 51%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  122.  
  123. --LIKES, DISLIKES, MISC HERE--
  124.  
  125. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  126.  
  127. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[comment]
  128.  
  129. --END OF LIKES, DISLIKES, MISC--
  130.  
  131. [/comment][/border][/border][/border][/border][border=0; box-sizing:border-box;position:relative;top: 0; left: 0; background:var(--miscpic); background-size:230%;background-position:70% 30%;width: 39%; height:143px;padding:0;float:right][/border]
  132. [/border][/border][/tab][comment]
  133.  
  134. --TAB THREE HERE--
  135.  
  136. [/comment][tab=.][border=0; box-sizing: border-box; position: absolute; top: 0; left: 0; background: var(--minibg); width: 96.5%; height:510px;padding:0][border=0; box-sizing: border-box; top: 0; left: 0; width: 100%; margin:auto;height:462px;][border=0;height:10px;width:96%;margin:auto;padding:0][/border][border=0; box-sizing: border-box; left: 0; background: var(--historypic); background-size:150%;background-position:90% 87%;width: 93%; height:90px;margin:auto;padding:0][border=0;width:fit-content;width:-moz-fit-content;width:-moz-fit-content;height:-moz-fit-content;height:31px;padding:0;margin:auto][/border][border=0;background:var(--lightgold);font-family:var(--headerfont);color: var(--minibg);text-align:center;width:fit-content;width:-moz-fit-content;height:fit-content;height:-moz-fit-content;padding:7px;line-height:14px;font-size:12px;font-weight:bold;margin:auto;text-transform:uppercase]BACKGROUND[/border][/border]
  137. [border=0;box-sizing: border-box;height:380px;margin:auto;width:93%;padding:0;z-index:1][border=0; box-sizing: border-box; height: 360px; width: 100%;overflow: hidden; padding:10px 0 0 0;margin-top:10px][border= 0; box-sizing: border-box; width: 200%; height:100%; overflow: auto; padding:0][border=0; box-sizing: border-box; padding: 0 10px; height:auto;width: 50%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  138.  
  139. --BACKSTORY HERE--
  140.  
  141. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  142.  
  143. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  144.  
  145. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[comment]
  146.  
  147. --END OF BACKSTORY--
  148.  
  149. [/comment][/border][/border][/border][/border][/border]
  150. [/border][/tab][comment]
  151.  
  152. --TAB FOUR HERE--
  153.  
  154. [/comment][tab=.][border=0; box-sizing: border-box; position: absolute; top: 0; left: 0; background: var(--minibg); width: 96.5%; height:510px;padding:0][border=0;box-sizing: border-box;background: var(--minibg);height:25px;width:fit-content;width:-moz-fit-content;margin:auto;top:13px;left:0;position:relative;font-family:var(--headerfont);font-size:23px;font-weight:bold;color:var(--red);text-shadow: 2px 2px var(--accentgold);padding:12px 7px 0 7px;z-index:2;text-transform:uppercase]RELATIONSHIPS[/border][border=0;width:90%;height:58px;background: var(--minibg);box-sizing:border-box;margin:auto;top:0;z-index:1;padding:0;border:2px solid var(--accentgold)][border=0;box-sizing:border-box;background: var(--minibg);width:150px;height:50px;margin:auto;padding:20px 0 5px 0][tabs][tab=.][comment]
  155.  
  156. --TAB FOR FAMILIAL RELATIONSHIPS--
  157. make sure to add + change the image variable when you copy and paste !!
  158.  
  159. [/comment][border=0; box-sizing: border-box; top: 85px; left: 0; background: var(--minibg); width: 100%; height:425px;position:absolute;overflow: hidden; padding:15px 0][border= 0; box-sizing: border-box; width: 200%; height:100%; overflow: auto;padding:0;scroll-snap-type:y mandatory;scroll-behavior:smooth][border=0; box-sizing: border-box; padding: 0 15px; width: 52%;height:auto][comment]
  160.  
  161. --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
  162.  
  163. [/comment][border=0;box-sizing:border-box;height:125px;width:95%;margin:auto;padding:0; scroll-snap-align:end][border=0;box-sizing:border-box;height:125px;width:35%;background:var(--red);padding:5px;display:inline-block][border=0;box-sizing:border-box;height:100%;width:100%;background:var(--rshippic1);background-size:cover;padding:0][/border][/border][border=0;width:65%;height:100%;padding:0;float:right][border=0;box-sizing: border-box;height:25px;width:fit-content;width:-moz-fit-content;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:8px;z-index:2;display:inline-block;position:relative;left:5px][comment]
  164.  
  165. --NAME OF RELATION HERE--
  166.  
  167. [/comment]NAME HERE[/border][border=0;box-sizing:border-box;padding:0;height:100px;width:100%;position:relative;z-index:1][border=0; box-sizing: border-box; height: 95px; width: 100%; overflow: hidden; padding:0][border= 0; box-sizing: border-box; width: 200%; height:100%;overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 50%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  168.  
  169. --RELATIONSHIP DESC HERE--
  170.  
  171. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  172.  
  173. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][/border]
  174. [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
  175.  
  176. --COPY THIS TOO--
  177.  
  178. [/comment]
  179.  
  180. [comment]
  181.  
  182. --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
  183.  
  184. [/comment][border=0;box-sizing:border-box;height:125px;width:95%;margin:auto;padding:0; scroll-snap-align:end][border=0;box-sizing:border-box;height:125px;width:35%;background:var(--red);padding:5px;display:inline-block][border=0;box-sizing:border-box;height:100%;width:100%;background:var(--rshippic2);background-size:cover;padding:0][/border][/border][border=0;width:65%;height:100%;padding:0;float:right][border=0;box-sizing: border-box;height:25px;width:fit-content;width:-moz-fit-content;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:8px;z-index:2;display:inline-block;position:relative;left:5px][comment]
  185.  
  186. --NAME OF RELATION HERE--
  187.  
  188. [/comment]NAME HERE[/border][border=0;box-sizing:border-box;padding:0;height:100px;width:100%;position:relative;z-index:1][border=0; box-sizing: border-box; height: 95px; width: 100%; overflow: hidden; padding:0][border= 0; box-sizing: border-box; width: 200%; height:100%;overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 50%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  189.  
  190. --RELATIONSHIP DESC HERE--
  191.  
  192. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  193.  
  194. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][/border]
  195. [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
  196.  
  197. --COPY THIS TOO--
  198.  
  199. [/comment]
  200.  
  201. [comment]
  202.  
  203. --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
  204.  
  205. [/comment][border=0;box-sizing:border-box;height:125px;width:95%;margin:auto;padding:0; scroll-snap-align:end][border=0;box-sizing:border-box;height:125px;width:35%;background:var(--red);padding:5px;display:inline-block][border=0;box-sizing:border-box;height:100%;width:100%;background:var(--rshippic3);background-size:cover;padding:0][/border][/border][border=0;width:65%;height:100%;padding:0;float:right][border=0;box-sizing: border-box;height:25px;width:fit-content;width:-moz-fit-content;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:8px;z-index:2;display:inline-block;position:relative;left:5px][comment]
  206.  
  207. --NAME OF RELATION HERE--
  208.  
  209. [/comment]NAME HERE[/border][border=0;box-sizing:border-box;padding:0;height:100px;width:100%;position:relative;z-index:1][border=0; box-sizing: border-box; height: 95px; width: 100%; overflow: hidden; padding:0][border= 0; box-sizing: border-box; width: 200%; height:100%;overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 50%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  210.  
  211. --RELATIONSHIP DESC HERE--
  212.  
  213. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  214.  
  215. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][/border]
  216. [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
  217.  
  218. --COPY THIS TOO--
  219.  
  220. [/comment]
  221.  
  222. [comment]
  223.  
  224. --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
  225.  
  226. [/comment][border=0;box-sizing:border-box;height:125px;width:95%;margin:auto;padding:0;scroll-snap-align:end][border=0;box-sizing:border-box;height:125px;width:35%;background:var(--red);padding:5px;display:inline-block][border=0;box-sizing:border-box;height:100%;width:100%;background:var(--rshippic4);background-size:cover;padding:0][/border][/border][border=0;width:65%;height:100%;padding:0;float:right][border=0;box-sizing: border-box;height:25px;width:fit-content;width:-moz-fit-content;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:8px;z-index:2;display:inline-block;position:relative;left:5px][comment]
  227.  
  228. --NAME OF RELATION HERE--
  229.  
  230. [/comment]NAME HERE[/border][border=0;box-sizing:border-box;padding:0;height:100px;width:100%;position:relative;z-index:1][border=0; box-sizing: border-box; height: 95px; width: 100%; overflow: hidden; padding:0][border= 0; box-sizing: border-box; width: 200%; height:100%;overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 50%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  231.  
  232. --RELATIONSHIP DESC HERE--
  233.  
  234. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  235.  
  236. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][/border]
  237. [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
  238.  
  239. --COPY THIS TOO--
  240.  
  241. [/comment][/border][/border][/border][/tab]
  242. [tab=.][comment]
  243.  
  244. --TAB FOR OTHER RELATIONSHIPS--
  245. make sure to add + change the image variable when you copy and paste !!
  246.  
  247. [/comment][border=0; box-sizing: border-box; top: 85px; left: 0; background: var(--minibg); width: 100%; height:425px;position:absolute;overflow: hidden; padding:15px 0][border= 0; box-sizing: border-box; width: 200%; height:100%; overflow: auto;padding:0;scroll-snap-type:y mandatory;scroll-behavior:smooth][border=0; box-sizing: border-box; padding: 0 15px; width: 52%;height:auto][comment]
  248.  
  249. --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
  250.  
  251. [/comment][border=0;box-sizing:border-box;height:125px;width:95%;margin:auto;padding:0; scroll-snap-align:end][border=0;box-sizing:border-box;height:125px;width:35%;background:var(--red);padding:5px;display:inline-block][border=0;box-sizing:border-box;height:100%;width:100%;background:var(--rshippic5);background-size:cover;padding:0][/border][/border][border=0;width:65%;height:100%;padding:0;float:right][border=0;box-sizing: border-box;height:25px;width:fit-content;width:-moz-fit-content;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:8px;z-index:2;display:inline-block;position:relative;left:5px][comment]
  252.  
  253. --NAME OF RELATION HERE--
  254.  
  255. [/comment]NAME HERE[/border][border=0;box-sizing:border-box;padding:0;height:100px;width:100%;position:relative;z-index:1][border=0; box-sizing: border-box; height: 95px; width: 100%; overflow: hidden; padding:0][border= 0; box-sizing: border-box; width: 200%; height:100%;overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 50%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  256.  
  257. --RELATIONSHIP DESC HERE--
  258.  
  259. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  260.  
  261. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][/border]
  262. [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
  263.  
  264. --COPY THIS TOO--
  265.  
  266. [/comment]
  267.  
  268. [comment]
  269.  
  270. --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
  271.  
  272. [/comment][border=0;box-sizing:border-box;height:125px;width:95%;margin:auto;padding:0; scroll-snap-align:end][border=0;box-sizing:border-box;height:125px;width:35%;background:var(--red);padding:5px;display:inline-block][border=0;box-sizing:border-box;height:100%;width:100%;background:var(--rshippic6);background-size:cover;padding:0][/border][/border][border=0;width:65%;height:100%;padding:0;float:right][border=0;box-sizing: border-box;height:25px;width:fit-content;width:-moz-fit-content;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:8px;z-index:2;display:inline-block;position:relative;left:5px][comment]
  273.  
  274. --NAME OF RELATION HERE--
  275.  
  276. [/comment]NAME HERE[/border][border=0;box-sizing:border-box;padding:0;height:100px;width:100%;position:relative;z-index:1][border=0; box-sizing: border-box; height: 95px; width: 100%; overflow: hidden; padding:0][border= 0; box-sizing: border-box; width: 200%; height:100%;overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 50%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  277.  
  278. --RELATIONSHIP DESC HERE--
  279.  
  280. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  281.  
  282. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][/border]
  283. [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
  284.  
  285. --COPY THIS TOO--
  286.  
  287. [/comment]
  288.  
  289. [comment]
  290.  
  291. --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
  292.  
  293. [/comment][border=0;box-sizing:border-box;height:125px;width:95%;margin:auto;padding:0; scroll-snap-align:end][border=0;box-sizing:border-box;height:125px;width:35%;background:var(--red);padding:5px;display:inline-block][border=0;box-sizing:border-box;height:100%;width:100%;background:var(--rshippic7);background-size:cover;padding:0][/border][/border][border=0;width:65%;height:100%;padding:0;float:right][border=0;box-sizing: border-box;height:25px;width:fit-content;width:-moz-fit-content;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:8px;z-index:2;display:inline-block;position:relative;left:5px][comment]
  294.  
  295. --NAME OF RELATION HERE--
  296.  
  297. [/comment]NAME HERE[/border][border=0;box-sizing:border-box;padding:0;height:100px;width:100%;position:relative;z-index:1][border=0; box-sizing: border-box; height: 95px; width: 100%; overflow: hidden; padding:0][border= 0; box-sizing: border-box; width: 200%; height:100%;overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 50%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  298.  
  299. --RELATIONSHIP DESC HERE--
  300.  
  301. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  302.  
  303. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][/border]
  304. [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
  305.  
  306. --COPY THIS TOO--
  307.  
  308. [/comment]
  309.  
  310. [comment]
  311.  
  312. --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
  313.  
  314. [/comment][border=0;box-sizing:border-box;height:125px;width:95%;margin:auto;padding:0;scroll-snap-align:end][border=0;box-sizing:border-box;height:125px;width:35%;background:var(--red);padding:5px;display:inline-block][border=0;box-sizing:border-box;height:100%;width:100%;background:var(--rshippic8);background-size:cover;padding:0][/border][/border][border=0;width:65%;height:100%;padding:0;float:right][border=0;box-sizing: border-box;height:25px;width:fit-content;width:-moz-fit-content;font-family:var(--headerfont);font-size:20px;font-weight:bold;color:var(--maincream);text-shadow: 2px 2px var(--accentgold);padding:8px;z-index:2;display:inline-block;position:relative;left:5px][comment]
  315.  
  316. --NAME OF RELATION HERE--
  317.  
  318. [/comment]NAME HERE[/border][border=0;box-sizing:border-box;padding:0;height:100px;width:100%;position:relative;z-index:1][border=0; box-sizing: border-box; height: 95px; width: 100%; overflow: hidden; padding:0][border= 0; box-sizing: border-box; width: 200%; height:100%;overflow: auto;padding:0][border=0; box-sizing: border-box; padding: 0 10px; height:auto; width: 50%; font-size: 11.5px; color: black; line-height: 130%; text-align: justify;font-family:var(--bodyfont)][comment]
  319.  
  320. --RELATIONSHIP DESC HERE--
  321.  
  322. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  323.  
  324. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/border][/border][/border][/border]
  325. [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
  326.  
  327. --COPY THIS TOO--
  328.  
  329. [/comment][/border][/border][/border][/tab]
  330. [/tabs][/border][border=0;background: var(--minibg);box-sizing:border-box;pointer-events:none;width:175px;height:40px;padding:0;margin:auto;top:-37px;position:relative;z-index:3;text-align:center;line-height:40px;color:var(--accentgold);font-size:20px][comment]
  331.  
  332. --TAB COVERS/FA ICONS FOR RELATIONSHIPS HERE--
  333.  
  334. [/comment][fa]fab fa-fort-awesome[/fa] [border=0;width:18%;height:10px;padding:0;display:inline-block][/border] [fa]fa-chess[/fa][/border][/border][/border][/tab]
  335.  
  336. [/tabs][/border][/border][/border][border=0; position: relative; width:20%;height:555px;background:var(--rightpic);background-size:cover;background-position:30% 50%;padding:0;float:right;z-index:0; pointer-events:none;][border=0;width:74%;height:450px;background:var(--maincream);padding:0;float:left;margin-top:40px;margin-left:-37%;z-index:0; pointer-events:none;][border=0; position: relative; width:100%;height:40px;background:var(--accentgold);padding:0;float:left;margin-top:0;z-index:1; pointer-events:none;][/border][border=0; display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position: relative;box-sizing:content-box; width:100%;height:190px;padding:15px 0;float:left;margin-top:0;text-align:center;font-size:45px;font-color:var(--hanzicolor);line-height:105%;z-index:2; pointer-events:none;font-family:var(--hanzifont)][comment]
  337.  
  338. --NAME HERE (IN HANZI)--
  339.  
  340. [/comment]皇甫照临[/border]
  341. [border=0;height:150px;background:var(--maincream);width:100%;position:relative;pointer-events:none;padding:0;margin-top:245px;z-index:2][border=0;width:73%;height:120px;color:var(--accentgold);font-size:15px;line-height:29px;text-align:center;box-sizing:content-box][comment]
  342.  
  343. --CHANGE GENERAL TAB ICONS HERE--
  344.  
  345. [/comment][fa] fa-coins [/fa]
  346. [fa] fa-snake [/fa]
  347. [fa] fa-crown [/fa]
  348. [fa] fa-chess-pawn [/fa][/border][/border]
  349.  
  350. [border=0;width:100%;height:20px;background:var(--accentgold);padding:0;float:left;margin-top:0][/border][border=0;width:100%;height:8px;background:var(--accentgold);padding:0;float:left;margin-top:7px][/border][/border][/border][/bg]
  351. [comment]
  352.  
  353. --DO NOT REMOVE CREDIT--
  354.  
  355. [/comment][border=0; position: relative; margin: auto; text-align: center; font-size: 10px; width: 100%; line-height: 10px]coded by reveriee.[/border]
Advertisement
RAW Paste Data Copied
Advertisement