Yunn
云
[class=credit]
width:45%;
text-align:right;
margin:auto;
font-size:10px;
color:gray;
[/class]
[class name=credit maxWidth=800px]
width:99%;
text-align:right;
margin:auto;
font-size:10px;
color:gray;
[/class]
[class=box]
background:white;
border:.5px solid lightgray;
overflow:hidden;
width:45%;
height:550px;
margin:auto;
[/class]
[class name=box maxWidth=800px]
background:white;
border:.5px solid lightgray;
overflow:hidden;
width:99%;
margin: auto;
[/class]
[class=header]
height:150px;
text-align:center;
padding:20px;
color:darkgray;
font-size:24px;
letter-spacing:3px;
line-height:16px;
border-bottom:.5px solid lightgray;
[/class]
[class name=header maxWidth=800px]
height:150px;
text-align:center;
padding:10px;
color:darkgray;
font-size:18px;
letter-spacing:2px;
line-height:16px;
border-bottom:.5px solid lightgray;
[/class]
[class=subtitle]
line-spacing:0px;
font-size:18px;
[/class]
[class=tabs]
line-height: 1;
padding:5px;
margin:auto;
text-align: center;
width:80%;
margin-top:-30px;
[/class]
[class name=tabs maxWidth=800px]
line-height: 1;
padding:5px;
margin:auto;
text-align: center;
width:100%;
margin-top:-30px;
[/class]
[class=tabs2]
line-height: 1;
padding:5px;
margin-top:5px;
text-align: center;
width:100%;
[/class]
[class=tab2]
cursor: pointer;
background:white;
padding: 5px;
width:55px;
height:55px;
line-height:12px;
border:.5px solid lightgray;
margin:5px;
font-size:10px;
float:left;
font-variant:small-caps;
font-weight:800;
[/class]
[class name=tab2 maxWidth=800px]
cursor: pointer;
background:white;
padding: 5px;
width:25px;
height:55px;
line-height:12px;
border:.5px solid lightgray;
margin:5px;
font-size:9px;
float:left;
font-variant:small-caps;
font-weight:800;
[/class]
[class=tab]
cursor: pointer;
background:white;
padding: 10px;
width:25px;
height:25px;
line-height:25px;
border:.5px solid lightgray;
border-radius:100%;
margin-left:55px;
float:left;
[/class]
[class name=tab maxWidth=800px]
cursor: pointer;
background:white;
padding: 10px;
width:25px;
height:25px;
line-height:25px;
border:.5px solid lightgray;
border-radius:100%;
margin-left:40px;
float:left;
[/class]
[class=icon]
font-size:18px;
color:darkgray;
margin-top:-25px;
[/class]
[class=contentb]
background:#f9f9f9;
height:258px;
padding:50px;
margin-top:20px;
[/class]
[class=content]
background:white;
height:200px;
margin:0px;
padding:25px;
border:.5px solid lightgray;
[/class]
[class=c1]
border:.5px solid lightgray;
padding:10px;
width:40%;
height:170px;
text-align:center;
float:left;
font-size:36px;
line-height:10px;
color:darkgray;
font-family:Montserrat;
[/class]
[class=c2]
width:54%;
height:190px;
float:left;
font-family:Roboto;
font-size:16px;
font-variant:small-caps;
color:gray;
line-height:12px;
text-align:justify;
overflow:hidden;
[/class]
[class name=c2 maxWidth=800px]
width:50%;
height:190px;
float:left;
font-family:Roboto;
font-size:16px;
font-variant:small-caps;
color:gray;
line-height:12px;
text-align:justify;
overflow:hidden;
[/class]
[class=scroll]
height:190px;
padding:10px;
overflow:auto;
width:100%;
[/class]
[class name=scroll maxWidth=800px]
height:190px;
padding:10px;
overflow:auto;
width:90%;
[/class]
[script class=tab on=click]
hide tabsContent
show tabsContent11
set currentTab (getText)
if (eq ${currentTab} 1) (show tabsContent1)
if (eq ${currentTab} 2) (show tabsContent2)
if (eq ${currentTab} 3) (show tabsContent3)
if (eq ${currentTab} 4) (show tabsContent4)
[/script]
[script class=tab2 on=click]
hide tabsContent
show tabsContent2
set currentTab (getText)
if (eq ${currentTab} CUPID) (show tabsContent11)
if (eq ${currentTab} DEVIL) (show tabsContent22)
if (eq ${currentTab} TARGET) (show tabsContent33)
if (eq ${currentTab} RECIPIENT) (show tabsContent44)
[/script]
[div class=box] [div class=header]
SHT THRU THE HERT
[div class=subtitle] characters [/div][/div] [div class=tabs] [div class=tab][div style="visibility:hidden;"]1[/div] [div class=icon][/div] [/div] [div class=tab][div style="visibility:hidden;"]2[/div] [div class=icon][/div][/div] [div class=tab] [div style="visibility:hidden;"]3[/div][div class=icon][/div][/div] [div class=tab][div style="visibility:hidden;"]4[/div] [div class=icon][/div][/div] [/div] [div class="tabsContent tabsContent1"][div class=contentb] [div class=content] [div class=c1]
BASICS [/div] [div class=c2][div class=scroll]full name
gender
age
role
occupation
[/div][/div] [/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none;"] [div class=contentb] [div class=content] [div class=c1]
PERSONALITY [/div] [div class=c2][div class=scroll]a couple brief paragraphs on the character's personality
make sure to include at least three positive and three negatives
[/div][/div] [/div][/div] [/div] [div class="tabsContent tabsContent3" style="display: none;"] [div class=contentb] [div class=content] [div class=c1]
BACKSTORY [/div] [div class=c2][div class=scroll] any important info or events your character has experienced before the roleplay started.
for the cupid and devil a short description about their past life should be included
for human characters please include any information about family, and upbringing here as well.
[/div][/div] [/div][/div] [/div] [div class="tabsContent tabsContent4" style="display: none;"] [div class=contentb] [div class=content] [div class=c1]
EXTRAS [/div] [div class=c2][div class=scroll]these don't necessarily be in the character sheet but i've decided to put as optional to get a better idea about the characters. i might add more in the future
likes
dislikes
fears
habits
hobbies
important relationships associated with the character
[/div][/div] [/div][/div] [/div] [/div] [div class=credit] 云 // YUNN[/div]
[div class=box] [div class=header]
SHT THRU THE HERT
[div class=subtitle] characters [/div][/div] [div class=tabs] [div class=tab][div style="visibility:hidden;"]1[/div] [div class=icon][/div] [/div] [div class=tab][div style="visibility:hidden;"]2[/div] [div class=icon][/div][/div] [div class=tab] [div style="visibility:hidden;"]3[/div][div class=icon][/div][/div] [div class=tab][div style="visibility:hidden;"]4[/div] [div class=icon][/div][/div] [/div] [div class="tabsContent tabsContent1"][div class=contentb] [div class=content] [div class=c1]
BASICS [/div] [div class=c2][div class=scroll]full name
gender
age
role
occupation
[/div][/div] [/div][/div][/div] [div class="tabsContent tabsContent2" style="display: none;"] [div class=contentb] [div class=content] [div class=c1]
PERSONALITY [/div] [div class=c2][div class=scroll]a couple brief paragraphs on the character's personality
make sure to include at least three positive and three negatives
[/div][/div] [/div][/div] [/div] [div class="tabsContent tabsContent3" style="display: none;"] [div class=contentb] [div class=content] [div class=c1]
BACKSTORY [/div] [div class=c2][div class=scroll] any important info or events your character has experienced before the roleplay started.
for the cupid and devil a short description about their past life should be included
for human characters please include any information about family, and upbringing here as well.
[/div][/div] [/div][/div] [/div] [div class="tabsContent tabsContent4" style="display: none;"] [div class=contentb] [div class=content] [div class=c1]
EXTRAS [/div] [div class=c2][div class=scroll]these don't necessarily be in the character sheet but i've decided to put as optional to get a better idea about the characters. i might add more in the future
likes
dislikes
fears
habits
hobbies
important relationships associated with the character
[/div][/div] [/div][/div] [/div] [/div] [div class=credit] 云 // YUNN[/div]
Last edited:
