Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [comment][font=Zhi Mang Xing][font=Arial][font=Karla]--CODE BY REVERIEE--[/font][/font][/font]
- zhaolin, character sheet. do not remove credit (visible or not) or claim as your own.
- -- to change the colors/images, change the variables below --
- [/comment][bg=0;
- /*all colors are below*/
- --minibg: white;
- --accentgold: #d4af37;
- --lightgold: RGBA(212,175,55,0.6) /*input the rgb values of the hexcode for --accentgold*/;
- --maincream: #fdf4d2;
- --red: #923335;
- --hanzicolor: #000;
- /*fonts below*/
- --bodyfont: 'Karla', sans-serif;
- --headerfont: 'Arial', sans-serif;
- --hanzifont: 'Zhi Mang Xing', handwriting;
- /*pics are below*/
- --rightpic: url(https://i.imgur.com/8Q7aUlS.jpg);
- --toppicmain: url(https://i.pinimg.com/originals/d4/60/59/d46059e48144d4e48012cdb54b1c20f8.png);
- --visagepic: url(https://assets.website-files.com/5bfdb13bc48f3f07e6132d5c/5df06999eafb60c53e2bf336_cutegirl.io%20Ju%20Jingyi%20beauty%2008.jpg);
- --personapic: url(https://i.pinimg.com/236x/89/42/fd/8942fde8e5d83bfd0bad9b701a40c67b.jpg);
- --miscpic: url(https://pbs.twimg.com/media/ELHCA5lWkAAizeW.jpg);
- --historypic: url(https://i.imgur.com/8Q7aUlS.jpg);
- /*feel free to remove these filters*/
- --personafilter: hue-rotate(-8deg) grayscale(20%) brightness(85%);
- /*relationship pics are here specifically*/
- --rshippic1: url(https://data.whicdn.com/images/341816056/original.jpg);
- --rshippic2: url(https://data.whicdn.com/images/341816056/original.jpg);
- --rshippic3: url(https://data.whicdn.com/images/341816056/original.jpg);
- --rshippic4: url(https://data.whicdn.com/images/341816056/original.jpg);
- --rshippic5: url(https://data.whicdn.com/images/341816056/original.jpg);
- --rshippic6: url(https://data.whicdn.com/images/341816056/original.jpg);
- --rshippic7: url(https://data.whicdn.com/images/341816056/original.jpg);
- --rshippic8: url(https://data.whicdn.com/images/341816056/original.jpg);
- 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]
- --TAB ONE HERE--
- [/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]
- --CHARACTER NAME HERE--
- [/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]
- --BASICS HERE--
- [/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
- [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
- [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
- [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
- [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
- [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
- [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]
- --END OF BASICS--
- [/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]
- --VISAGE DESC HERE--
- [/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
- [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
- [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
- [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
- [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
- [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
- [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
- [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
- [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]
- --END OF VISAGE--[/comment][/border][/border][/border][/border][/border][/border][/tab][comment]
- --TAB TWO HERE--
- [/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]
- --VIRTUES HERE--
- [/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]
- --END OF VIRTUES--
- [/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]
- --VICES HERE--
- [/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]
- --END OF VICES--
- [/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]
- --PERSONALITY HERE--
- [/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.
- 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]
- --END OF PERSONALITY--
- [/comment][/border][/border][/border][/border][/border]
- [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]
- --LIKES, DISLIKES, MISC HERE--
- [/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.
- 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]
- --END OF LIKES, DISLIKES, MISC--
- [/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]
- [/border][/border][/tab][comment]
- --TAB THREE HERE--
- [/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]
- [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]
- --BACKSTORY HERE--
- [/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.
- 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.
- 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]
- --END OF BACKSTORY--
- [/comment][/border][/border][/border][/border][/border]
- [/border][/tab][comment]
- --TAB FOUR HERE--
- [/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]
- --TAB FOR FAMILIAL RELATIONSHIPS--
- make sure to add + change the image variable when you copy and paste !!
- [/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]
- --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
- [/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]
- --NAME OF RELATION HERE--
- [/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]
- --RELATIONSHIP DESC HERE--
- [/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.
- 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]
- [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
- --COPY THIS TOO--
- [/comment]
- [comment]
- --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
- [/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]
- --NAME OF RELATION HERE--
- [/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]
- --RELATIONSHIP DESC HERE--
- [/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.
- 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]
- [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
- --COPY THIS TOO--
- [/comment]
- [comment]
- --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
- [/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]
- --NAME OF RELATION HERE--
- [/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]
- --RELATIONSHIP DESC HERE--
- [/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.
- 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]
- [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
- --COPY THIS TOO--
- [/comment]
- [comment]
- --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
- [/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]
- --NAME OF RELATION HERE--
- [/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]
- --RELATIONSHIP DESC HERE--
- [/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.
- 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]
- [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
- --COPY THIS TOO--
- [/comment][/border][/border][/border][/tab]
- [tab=.][comment]
- --TAB FOR OTHER RELATIONSHIPS--
- make sure to add + change the image variable when you copy and paste !!
- [/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]
- --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
- [/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]
- --NAME OF RELATION HERE--
- [/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]
- --RELATIONSHIP DESC HERE--
- [/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.
- 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]
- [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
- --COPY THIS TOO--
- [/comment]
- [comment]
- --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
- [/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]
- --NAME OF RELATION HERE--
- [/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]
- --RELATIONSHIP DESC HERE--
- [/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.
- 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]
- [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
- --COPY THIS TOO--
- [/comment]
- [comment]
- --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
- [/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]
- --NAME OF RELATION HERE--
- [/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]
- --RELATIONSHIP DESC HERE--
- [/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.
- 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]
- [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
- --COPY THIS TOO--
- [/comment]
- [comment]
- --COPY AND PASTE BELOW FOR ONE RELATIONSHIP SECTION--
- [/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]
- --NAME OF RELATION HERE--
- [/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]
- --RELATIONSHIP DESC HERE--
- [/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.
- 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]
- [/border][/border][border=0;box-sizing:border-box;height:10px;width:95%;margin:auto;padding:0][/border][comment]
- --COPY THIS TOO--
- [/comment][/border][/border][/border][/tab]
- [/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]
- --TAB COVERS/FA ICONS FOR RELATIONSHIPS HERE--
- [/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]
- [/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]
- --NAME HERE (IN HANZI)--
- [/comment]ηη«η §δΈ΄[/border]
- [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]
- --CHANGE GENERAL TAB ICONS HERE--
- [/comment][fa] fa-coins [/fa]
- [fa] fa-snake [/fa]
- [fa] fa-crown [/fa]
- [fa] fa-chess-pawn [/fa][/border][/border]
- [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]
- [comment]
- --DO NOT REMOVE CREDIT--
- [/comment][border=0; position: relative; margin: auto; text-align: center; font-size: 10px; width: 100%; line-height: 10px]coded by reveriee.[/border]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement