angelb4by
𝕤𝕠𝕗𝕥 𝕒𝕟𝕘𝕖𝕝
[script class=bigimage on=mouseenter]
addClass selected bigimage
fadeIn 600 hoverimg[/script]
[script class=bigimage on=mouseleave]
addClass selected bigimage
fadeOut 800 hoverimg[/script]
[div class="bigimage" style="height:100%;width:200px;background-image:url(https://66.media.tumblr.com/552a0aec9535aa6289be9b29fe07771b/tumblr_prmopb7a441u6igk1o1_250.png);background-size:100%;filter: saturate(100%) contrast(100%);position:relative;"]
[div class="hoverimg" style="display:none;height:100%;width:200px;background-image:url(https://66.media.tumblr.com/3e59fb5c2c4be184b2279d59b89a1334/tumblr_prmopb7a441u6igk1o2_250.png);background-size:100%;"]
[/div]
[class=container]height:240px;
width: 295px;
padding: 5px 5px 5px 5px;
font-family: 'Oswald', sans-serif;
font-style: oblique;
position: relative
[/class]
[class=taboutside]height: 30px;
width: 100px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 0.55em;
position: absolute;
top: 50px;
margin-left: 200px[/class]
[div class=container style="top:-340px;left:225px"]
[class=tabs]cursor: url(https://i.imgur.com/fkP02Jr.png), pointer;
background: black;
display: inline-block;
color: transparent;
font-size: 17px;
text-align: center;
transition: all .7s ease-in-out
[/class]
[script class=first on=click]
hide tabsContent2
hide tabsContent3
fadeOut 400 tabsContent2
fadeOut 400 tabsContent3
fadeOut 800 tabsContent1
fadeIn 800 tabsContent1[/script]
[script class=second on=click]
hide tabsContent1
hide tabsContent3
fadeOut 400 tabsContent1
fadeOut 400 tabsContent3
fadeOut 400 tabsContent2
fadeIn 600 tabsContent2[/script]
[script class=third on=click]
hide tabsContent2
hide tabsContent1
fadeOut 400 tabsContent2
fadeOut 400 tabsContent1
fadeOut 400 tabsContent3
fadeIn 600 tabsContent3[/script]
[class=boxcontainer1]
display: inline;
position: relative;
[/class]
[class=boxcontainer2]
display: inline-block;
opacity: 0;
position: absolute;
margin-left: -15px;
margin-top: -10px;
height: 100%;
text-align: center;
transition: opacity 0.4s;
width: 100%;
[/class]
[class name=boxcontainer2 state=hover]
opacity: 1;
transition: 0.8s;
[/class]
[class name=box]background-color: #e77d64;
border-radius: 10px 10px 10px 0px;
margin-top: -10px;
color: white;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 0.6em;
padding: 2px 5px;
letter-spacing: 0.3px;
word-spacing:0.5px;
text-align: center;
transition: 1.5s[/class]
[class=infocontainer]height: 230px;
width: 295px;
padding: 5px;
position: absolute;
top: 50px;
margin-left: -5px;
color: #696969;
font-family:'Heebo', sans-serif;
font-size: 0.69em;
letter-spacing: 0.2px;
font-smooth: 2em;
overflow: hidden
[/class]
[class name=overflow]height: 100%;
width: 104%;
padding-right: 40px;
overflow-y: auto;
line-height:15px;
font-style: normal;
text-align: justify
[/class]
[class name=titleblock]width:295px;font-size:25px;text-align:center;color:#e77d64;text-shadow: 1px 1px 0px white;font-weight:700;margin-top:-260px[/class]
[class name=line]height:1px;width:100%;background:#e77d64;[/class]
[class=firstword]height: 10px;
display: inline-block;
background: transparent;
padding: 0px 5px 5px 5px;
text-shadow: 1px 1px 1px white;
color: #e77d64;
font-weight: 700
[/class]
[div class=taboutside style=position:relative;margin-top:220px;left:-100px;color:transparent;][div class="tabs first" style="height:10px;width: 10px;border-radius: 50%;background: #e77d64"][div class=boxcontainer1]1[div class=boxcontainer2][div class=box]requisite[/div][/div][/div][/div][div class="tabs second" style="height:10px;width: 10px;border-radius: 50%;background: #e77d64"][div class=boxcontainer1]2[div class=boxcontainer2][div class=box]persona[/div][/div][/div][/div][div class="tabs third" style="height:10px;width: 10px;border-radius: 50%;background: #e77d64"][div class=boxcontainer1]3[div class=boxcontainer2][div class=box]history[/div][/div][/div][/div][/div]
[div class=content][div class="tabsContent tabsContent1"]
[div class=titleblock]REQUISITE[/div]
[div class=infocontainer][div class=overflow][div class=firstword]full name[/div] satou nanami
[div class=firstword]face claim[/div] ayase chihaya
[div class=firstword]ethnicity[/div] japanese
[div class=firstword]age[/div] 17
[div class=firstword]birth date[/div] december 23, 2001
[div class=firstword]gender[/div] female
[div class=firstword]sexuality[/div] heterosexual
[div class=firstword]height[/div] 5'5" (165 cm)
[div class=firstword]weight[/div] ~110 lbs (50 kg)
[div class=firstword]hair[/div] long, straight light brown hair (ends at lower back) + bangs
[div class=firstword]eyes[/div] rounded, wide, dark brown
[div class=firstword]occupation[/div] student
[div class=firstword]extra[/div] none
[/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent2" style="display:none"] [div class=titleblock]PERSONA[/div] [div class=infocontainer][div class=overflow] [div class=firstword]likes?[/div] family, music, food, doodling, "Bullet ZONE" (her favorite idol group)
[div class=firstword]dislikes?[/div] power-hungriness, fake people, players
[div class=firstword]habits?[/div] tbd
[div class=firstword]fears?[/div] tbd
[div class=firstword]+ traits?[/div] responsible, disciplined, self-control, honest
[div class=firstword]- traits?[/div] know-it-all, unforgiving, condescending, expects the worst
[div class=line][/div]
[div class=firstword]personality[/div] nanami places great emphasis on being genuine, as she had a rough time in junior high school with backstabbing friends. as such, she tries to be authentic to herself as much as possible. unfortunately, because of her unflinching ideals, she often thinks the worst about others (or at least thinks she knows others) without putting herself in their situation.
still, she is able to pretty quickly see through fake appearances. and while she may come across as a know-it-all, nanami does eventually make amends if she realizes she is in the wrong. she is also great at managing and helping others, and is a disciplined person, making her a "prized pupil". [/div][/div][/div][/div] [div class=content][div class="tabsContent tabsContent3" style="display:none"] [div class=titleblock]HISTORY[/div] [div class=infocontainer][div class=overflow][div class=firstword]parents[/div] satou eijiro (father) & ito mizue (mother)
[div class=firstword]siblings[/div] none
[div class=firstword]other notable[/div] tbd
[div class=firstword]financial status[/div] upper middle class
[div class=line][/div]
[div class=firstword]background[/div] on the night of december 23rd, a blessing came into the satous’ life in the form of a baby girl, who they named nanami. being the only child and only daughter, nanami was showered in her parents’ love. while she didn’t suffer many problems at home beyond the occasional squabble, nanami did however experience hardship within her school life, particularly during her junior high school years.
during junior high, a childhood friend of hers decided to break off the friendship with no warning. this former friend gave her the cold shoulder out of the blue, and nanami was baffled as to why... until discovering she had been replaced with a more popular set of friends. her best friend had changed entirely within the span of twenty-four hours, and nanami felt deeply betrayed. from then on, she carried a distaste for the popular crowd and their artificiality, and became wary of befriending those at the top of the social ladder. unfortunately, she already had a habit of assuming things about others, and this incident only amplified it. still, she is finding her way and trying to move past the betrayal she experienced onto bigger and better things.
one of those "better things" includes being able to move into her own place this year. nanami's parents wanted her to be able to keep attending the school of her dreams despite her father's job relocation. after all, nanami had worked tirelessly to pass the school's entrance exams, and they didn't want that effort to go to waste! though her parents are currently paying for the apartment, nanami does want to get a part-time job to help pay for it. (not that her parents would be too happy about that.)
[div class=line][/div]
[div class=firstword]aspirations[/div] going into her last year of senior high school, nanami remains focused on being true to herself and others. being a part of student council last year, nanami aims to be the student council president moving forward. as for long-term goals, she wants to get into the business world after graduating, and has big dreams of becoming a team manager or director.
[/div][/div][/div][/div][/div][/div] [class=credit]width:550px; margin: auto; position: relative; top: 5px; font-size: 9px; color: grey [/class] [div class=credit]code by diaphanous[/div]
Last edited:
