Fandom Fruit Tree (Fruits Basket) Characters

[KiKi Kitsune]

Please keep in mind the family dynamic when creating your character. That will affect their history and skillset. Feel free to edit this CS and add whatever you want, as long as this basic information is there. Check Lore for details on the families.

Note: for mutiple animal creatures (eg: Chimera) you can choose one of the animals (eg: goat).

Spoiler: available and taken creatures

• Available
• Taken

• 
  Norse:
  Fenrir - Wolf
  Gullinbursti - Boar
  Ratatosk - Squirrel
  Greek:
  Cerberus - Dog
  Minotaur - Bull
  Harpy - Small Bird
  Egyptian:
  Amun-Ra - Falcon
  Hathor - Cow
  Set - Aardvark, Donkey, Fennec Fox
  Armenian:
  Aralez - Dog
  Nhang - Seal
  Japanese:
  Komainu - Lion Dog
  Mujina - Badger
  Wani - Crocodile, Shark
  
• 
  Norse:
  Eikthyrnir - Deer Jayus
  Huginn and Munin - Twin Crows eggsaladsandwitch and Moka-chan
  Sleipnir - Horse KiKi Kitsune
  Greek:
  Griffin - Lion, Eagle eggsaladsandwitch
  Chimera - Lion, Goat, Snake KiKi Kitsune
  Egyptian:
  Anubis - Jakal animegirl20
  Thoth - Ibis erzulie
  Sekhmet - Large Feline erzulie
  Armenian:
  Devs - Snowy Owl Coriander
  Shahapet - Snake Jayus
  Japanese:
  Kitsune - Fox animegirl20
  Raiju - Wolf Moka-chan
  Kamaitachi - Weasel KiKi Kitsune
  

Full Name (Nicknames?)

Age(16+)

Appearance (Any pic type is fine)

Family

Cursed Animal (and animal appearance)

Personality

Strengths

Weaknesses

Biography
(4+ sentences)

Extra

 

[animegirl20]

Full Name:
Rahel Tahan

Age:
16

Family
Tahan

Cursed Animal:
Jackal

Personality
Rahel's personality is beyond words. She has a very crazy and hyper personality, making her very energetic. Her personality is somehow attracts people to her. Though she has her heart in the right place, she's quite oblivious about matters that involve the bigger picture of things and lacking knowledge in some areas, or math to say in the least. Rahel constantly has a deep sense of right or wrong and will go to extremes to correct situations if they are involving those she is close to.

She has a habit of picking up strays, and bringing. She is also very kind, and will do whatever she can do to help people. She will also go to the full extremes if needed, as that is apart of her personality. She will also make sacrifices when it comes to someone very dear to her. In spite her naïve nature, she is very peculiar about not hurting anyone around her. She always seems to wake up late.

Strengths:
Kindness
Helpful

Weaknesses:
Oblivious
Naive

Biography:
Rahel was raised in the same palace as Hetepi. Main reason for that was because her mother was the aunt of Hetepi. Though she wasn't her mother by blood. She had adopted her when Rahel parents disappeared. Where to nobody knows. But when they did she took in Rahel and raised her. Rahel and like others had the best tutors and were very wealthy. Part of that was the family and the other was because her mother was a writer and quite famous one at. Rahel grew pretty well and her mother didn't mind her leaving the palace in fact she left very often and made friends though of course Rahel was always careful about hiding her curse. Though she did have a few close calls. As for how she feels about the leader of the family? Well she doesn't hate him but she finds him incredibly selfish and lazy, she has tendency to back mouth him which always ends up with her getting nagged at by other members of the family. Telling her she have more respect. All in all so far she really hasn't hard life so far.
----------------------------------------------------------------------------------------
Full Name:
Yua Hayashi

Age:
16

Family
Hayashi

Cursed Animal:
Fox

Personality
Yua is rather temperamental, bossy, and stubborn, which can make her threaten or even harm her friends for things they had nothing to do with (comedically). However, she is very cheerful, optimistic, kind, friendly and a loving person who cares a lot for her friends.

Strengths
Cheerful
Friendly

Weaknesses
Temperamental
Stubborn

Biography
Yua was mostly raised in Tokyo where parents lived. They had actually became quite wealthy. Yua would go back and forth to visit the Hayashi family from time to time. Yua was also careful with her curse. Her life was going pretty well until one day her parents had completely went bankrupt. So They sent Yua back to the family while they try to take care of things but on their way back to Tokyo after dropping her off they died in a car crash. Yua ended up having to live with one of the other members of the family. Although her parents death did affect her she tried keep up a cheerful face not wanting anyone to worry about her. But she did heal in time from the grief from losing her parents. Right now she going to school pretty normally and still goes to Tokyo sometimes to visit her friends.
​

 

[Coriander]

[div class=container][div class=glaze][div class=tabsContainer][div class=tabNames]
[div class="tabName titleName"]Title[/div]
[div class="tabName introName"]Basics[/div]
[div class="tabName requestsName"]Traits[/div]
[div class="tabName bbcodeName"]In Depth[/div]
[/div][div class=tabs]
[div class="tab titletab"]

1

[/div]
[div class="tab introtab"]

2

[/div]
[div class="tab requeststab"]

3

[/div]
[div class="tab bbcodetab"]

4

[/div]
[/div][/div][div class="spoke titleSpoke"][div class=contentContainer]
[div class="content titleContent"]
[div class=Title]Ruben Balian[/div][/div]
[div class="header titleHeader"][div class=caption]

Snow Angel

^{in an}

Owl's Form

[/div][/div]
[/div][/div][div class="spoke introSpoke"][div class=contentContainer]
[div class="content introContent"][div class=scroll]

Name: Ruben Balian
Age: 19
Gender: Male
Height: 5'5
Sexuality: Bisexual

[/div][/div]
[div class="header introContent"]

Bas

ics
[/div][/div][/div][div class="spoke requestsSpoke"][div class=contentContainer]
[div class="content requestsContent"][div class=scroll]


Family: Balian

Cursed Animal: Devs (Snow Owl)

Spoiler: Snow Owl

Strengths:

• Friendly
• Strong Willed
• Courageous

Weaknesses:

• Prefers Solitude
• Not a fan of Physical contact
• Bad at Arguing

Likes:

• Spicy Foods
• European Classical Music
• Snow

Dislikes:

• Hot Weather
• Boats on the water
• Wet Socks

[/div][/div]
[div class="header requestsContent"]

Skills/

Traits
[/div][/div][/div][div class="spoke bbcodeSpoke"][div class=contentContainer]
[div class="content bbcodeContent"][div class=scroll]

Personality:

Ruben is the type of person who likes to sit in fields, looking at butterflies and enjoying the atmosphere. Though he's not against conversation and social interaction, he would much rather have time to himself. He finds himself also taking up house chores for pass time, from cooking to sewing. He would never define himself as a clean freak, but enjoying the act of it none the less. He holds himself in a calming aura, and its almost near impossible to make him seriously angry, conflict being something he hates above all else. He's found as gentle, taking everything he touches with care.​

Biography:

Just like the rest of his family, Ruben if fairly young and takes his views on the world as a bit more than care free. Though the family does feel small, he always saw the others as something apart of a small community more than a family tied by blood. He took under his lands craft, going into the fishing trade and quickly finding just how much he hated it. It wasnt the act of fishing, and usually you'd think that someone of his mind set would enjoy fishing. At first, that was the case, open waters with nothing but you and the open water. That was until he had his first encounter his his feathered counterpart. It was an accident of course, the decision of taking some of his outside acquaintances out on the water with him on a fishing trip. It was normal for at least a couple of people to be present on a fishing boat, but a slight sway in the waters waves and one of the ladies on board knocked into him. The group had though he had fallen in the water and sent a search party out, when in reality he had made it to shore, shaken and well, ruffled. It created a small fear of the water, and he quit the act of fishing all together. Now he just uses his time doing other chores, sticking close to home.​

Extra:

• Though Rubens skin is dark like the rest of his family members, his hair is bright white. He can only assume that its because of his other form, and though its truly a strange look he's never had a problem with it.
• Even though his first transformation gave him a startle, creating an unintentional fear of water, he loves to swim. But for some reason being on a boat, in the water gives him anxiety.

[/div][/div]
[div class="header bbcodeHeader"]

In

Depth
[/div][/div]
[/div][/div][div class=circle]
[div class=circleClose]Close[/div]
[div class=circleOpen]Open[/div]
[/div][/div] [class=container] --img-w: 2100; --img-h: 1200; --cir-center-h: 61.08%; --cir-center-w: 26.86%; --cir-radius: 12.7; --cir-thickness: .5vw; --bg-color: rgba(204, 247, 255, 0.9); --divide-thick: .25vw; --tab-color-1:#051ab7; --tab-color-2:#051ab7; --tab-color-3:#051ab7; --tab-color-4:#051ab7; color:black; width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image:url('https://i.imgur.com/ftQJVMg.jpg'); background-size:contain; position:relative; overflow:hidden; [/class] [class=glaze] --cir-radius-math: calc( var(--cir-radius) / 100 * 100%); width: 100%; padding-top: calc( var(--img-h) / var(--img-w) * 100%); background-image: radial-gradient(circle farthest-side at var(--cir-center-w) var(--cir-center-h), transparent 0%, transparent var(--cir-radius-math), white var(--cir-radius-math), white calc(var(--cir-radius-math) + var(--cir-thickness)), var(--bg-color) calc(var(--cir-radius-math) + var(--cir-thickness))); position: absolute; top:0; clip-path: circle( 10% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 11% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; [/class] [class=glazeOpen] clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); -webkit-clip-path: circle( 100% at var(--cir-center-w) var(--cir-center-h) ); transition: clip-path 1s ease-out 1.5s, -webkit-clip-path 1s ease-out 1.5s; [/class] [class=tabsContainer] z-index:10; position: absolute; width: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) - 10 * var(--divide-thick) ); height: calc( 2vw + 6px); top: calc( var(--cir-center-h) - var(--divide-thick) / 2 ); left: 0; border-top: var(--divide-thick) solid black; [/class] [class=tabNames] width: 100%; height: auto; bottom: calc( 100% + var(--divide-thick) ); position: absolute; [/class] [class=tabName] width: 100%; height: auto; box-sizing: border-box; position: absolute; bottom:0; font-size: calc(1.25vw + 6px); text-align: center; opacity:0; transition: opacity .5s ease-in; [/class] [class=tabNameShow] opacity: 1; [/class] [class=tabs] width: 100%; height: 100%; display: flex; flew-flow: row nowrap; justify-content: space-around; font-size: calc(1.25vw + 6px); [/class] [class=tab] flex: 1 1 auto; text-align: center; cursor: pointer; [/class] [class=titletab] color: var(--tab-color-1); transition: all .5s ease-in; [/class] [class name=titletab state=hover] color: black; background-color: var(--tab-color-1); [/class] [class=titleName] color: var(--tab-color-1); transition: opacity .5s ease-in; [/class] [script class=titletab on=mouseenter] addClass tabNameShow titleName [/script] [script class=titletab on=mouseleave] removeClass tabNameShow titleName [/script] [class=introtab] color: var(--tab-color-2); transition: all .5s ease-in; [/class] [class name=introtab state=hover] color: black; background-color: var(--tab-color-2); [/class] [class=introName] color: var(--tab-color-2); [/class] [script class=introtab on=mouseenter] addClass tabNameShow introName [/script] [script class=introtab on=mouseleave] removeClass tabNameShow introName [/script] [class=requeststab] color: var(--tab-color-3); transition: all .5s ease-in; [/class] [class name=requeststab state=hover] color: black; background-color: var(--tab-color-3); [/class] [class=requestsName] color: var(--tab-color-3); [/class] [script class=requeststab on=mouseenter] addClass tabNameShow requestsName [/script] [script class=requeststab on=mouseleave] removeClass tabNameShow requestsName [/script] [class=bbcodetab] color: var(--tab-color-4); transition: all .5s ease-in; [/class] [class name=bbcodetab state=hover] color: black; background-color: var(--tab-color-4); [/class] [class=bbcodeName] color: var(--tab-color-4); [/class] [script class=bbcodetab on=mouseenter] addClass tabNameShow bbcodeName [/script] [script class=bbcodetab on=mouseleave] removeClass tabNameShow bbcodeName [/script] [class=spoke] --math: calc( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) + 10 * var(--divide-thick) ); position: absolute; height: 100%; width: 100%; bottom: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2 ); left: var(--math); border-bottom: var(--divide-thick) black solid; transform-origin: calc( -1 * ( var(--math) - var(--cir-center-w) ) ) bottom; transform: rotate(-270deg); opacity: 0; transition: transform 3s ease-in-out 1.75s , opacity 1s linear 2.75s; [/class] [class=SpokeReveal] transition: transform 3s ease-in-out .5s, opacity 1s linear 1.5s; transform: rotate(0deg); opacity: 1; [/class] [class=contentContainer] height: 100%; width: calc( 100% - var(--math) ); left:0; position:relative; [/class] [class=content] width: calc( 100% - 5px); height: calc( var(--cir-center-h) - var(--divide-thick) / 2 - 15px); max-height:0; bottom: 0; left:0; overflow: hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=scroll] height: auto; max-height: 100%; padding-top: 15px; width: calc( 100%); bottom: 0; position: absolute; padding-right: 200px; overflow-y: scroll; [/class] [class=header] width: 100%; height: calc( 100% - var(--cir-center-h) - var(--divide-thick) / 2); max-height:0; top: calc(100% + var(--divide-thick) ); line-height: .9; font-size: calc( 5.5vw + 2px ); overflow:hidden; position: absolute; transition: max-height 1.5s ease-in-out; [/class] [class=Title] height: auto; left:0; bottom: 0; position: absolute; color: black; font-size: calc( 5.5vw + 8px ); line-height:.9; [/class] [class=caption] width:100%; height: 4vw; font-size: calc( 1.75vw + 6px ); line-height: 1.2; position: absolute; [/class] [class=ShowContent] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=ShowHeader] max-height: 75vh; transition: max-height 1.5s ease-in-out 3.25s; [/class] [class=circle] width: calc( 2 * ( ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) + 2 * var(--cir-thickness) ); height: calc( ( 2 * ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 ) * var(--img-w) / var(--img-h) + 2 * var(--cir-thickness)); box-sizing: border-box; border-radius: 50%; top: calc( var(--cir-center-h) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 * var(--img-w) / var(--img-h) - var(--cir-thickness) ); left: calc( var(--cir-center-w) - ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 - var(--cir-thickness) ); right: calc( 100% - ( var(--cir-center-w) + ( 100% - var(--cir-center-w) ) * var(--cir-radius) / 100 + var(--cir-thickness) ) ); position: absolute; cursor: pointer; border: 0px black solid; transition: border-width .5s ease-in-out 1s; [/class] [class=circleReveal] transition: border-width .5s ease-in-out; border-width: calc(var(--cir-thickness) + 2px); [/class] [class=circleClose] text-align: center; color: black; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpen] text-align: center; color: black; top: 50%; left: 50%; font-size: calc( 1vw + 6px); transform: translateX(-50%) translateY(-50%); position: absolute; opacity: 0; transition: opacity .2s ease-in-out; [/class] [class=circleOpacity] opacity:1; [/class] [script=circle] set isOpen 1 addClass circleReveal circle addClass glazeOpen glaze [/script] [script class=circle on=mouseenter] if (eq ${isOpen} 1) (addClass circleOpacity circleClose) (addClass circleOpacity circleOpen) [/script] [script class=circle on=mouseleave] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen [/script] [script class=circle on=click] removeClass circleOpacity circleClose removeClass circleOpacity circleOpen if (eq ${isOpen} 1) (removeClass glazeOpen glaze) if (eq ${isOpen} 1) (removeClass circleReveal circle) if (eq ${isOpen} 0) (addClass glazeOpen glaze) if (eq ${isOpen} 0) (addClass circleReveal circle) if (eq ${isOpen} 1) (set isOpen 0) (set isOpen 1) [/script] [script=tab] set TabSel 0 set TabHis 1 addClass ShowContent titleContent addClass ShowHeader titleHeader addClass SpokeReveal titleSpoke [/script] [script class=tab on=click] set TabSel (getText) if (eq ${TabSel} ${TabHis}) (stop) //if tab selected is current tab, stop. if (eq ${TabHis} 1) (removeClass ShowContent titleContent) if (eq ${TabHis} 1) (removeClass ShowHeader titleHeader) if (eq ${TabHis} 2) (removeClass ShowContent introContent) if (eq ${TabHis} 2) (removeClass ShowHeader introHeader) if (eq ${TabHis} 3) (removeClass ShowContent requestsContent) if (eq ${TabHis} 3) (removeClass ShowHeader requestsHeader) if (eq ${TabHis} 4) (removeClass ShowContent bbcodeContent) if (eq ${TabHis} 4) (removeClass ShowHeader bbcodeHeader) //hide the text and prepare for SPINNING if (eq ${TabHis} 1) (removeClass SpokeReveal titleSpoke) if (eq ${TabHis} 2) (removeClass SpokeReveal introSpoke) if (eq ${TabHis} 3) (removeClass SpokeReveal requestsSpoke) if (eq ${TabHis} 4) (removeClass SpokeReveal bbcodeSpoke) //spinning to hide spoke complete. Prepare to spin spoke into view if (eq ${TabSel} 1) (addClass SpokeReveal titleSpoke) if (eq ${TabSel} 2) (addClass SpokeReveal introSpoke) if (eq ${TabSel} 3) (addClass SpokeReveal requestsSpoke) if (eq ${TabSel} 4) (addClass SpokeReveal bbcodeSpoke) //spinning complete. Show the new stuff if (eq ${TabSel} 1) (addClass ShowContent titleContent) if (eq ${TabSel} 1) (addClass ShowHeader titleHeader) if (eq ${TabSel} 2) (addClass ShowContent introContent) if (eq ${TabSel} 2) (addClass ShowHeader introHeader) if (eq ${TabSel} 3) (addClass ShowContent requestsContent) if (eq ${TabSel} 3) (addClass ShowHeader requestsHeader) if (eq ${TabSel} 4) (addClass ShowContent bbcodeContent) if (eq ${TabSel} 4) (addClass ShowHeader bbcodeHeader) set TabHis ${TabSel} [/script]

 

[eggsaladsandwitch]

[div class=container][div class=bigimage][div class=img1][/div][div class=img2 style=display:none;][/div][div class=img3 style=display:none;][/div][div class=img4 style=display:none;][/div][/div][div class=header][div class=hname]alexei doukas[/div]

griffin

[div class=tag]nineteen[/div][div class=tag]male[/div][div class=tag]bisexual[/div][div class=tag]mykonos[/div][/div]
[div class=tabcon][div class=tab1 style=display:none][div class=appearance][div class=scroll][div class=bigtext]appearance[/div]
alexei is a rather tall and lean individual, in a way that it can be seen that he's athletic, but not to an extreme extent.

[div class=bigtext]height[/div] 6'0"
[div class=bigtext]weight[/div] 156 lbs
[div class=bigtext]eye colour[/div] golden brown
[div class=bigtext]hair colour[/div] dark brown
[div class=bigtext]cursed animal[/div] golden eagle

[/div][/div]

[/div][div class=tab2][div class=scroll][div class=bigtext2]personality[/div]
alexei functions under two personas-his natural self and the mask he wears when around the rest of his family. he's smart, but cares little about learning and school, and prefers having a good time to putting in hard work. his lax attitude has caused him to attract negative attention from adrian in the past. while, secretly, he resents adrian and his mindset, his fear of further punishment causes him to actually behave when he needs to. when in the family home, he's known to close in on himself and speak very little, responding only when spoken to.

he's come to be more comfortable with his friends outside of the family than his own family members, because he secretly fears that everyone else will just treat him like adrian. when outside the home, he's a much more vibrant personality. alexei has an almost magnetic pull that draws people to him, and he tries to be be friendly and helpful to everyone he meets. he's incredibly playful, spending much of his time running or playing soccer, and he can be fiercely competitive.

[div class=bigtext2]strengths[/div]
physical speed and strength
charisma
sense of humor
[div class=bigtext2]weaknesses[/div]
fear of rejection
sore loser
hot-headed
[div class=bigtext2]likes[/div]
being in nature
windy days
exploring the island
exercising
[div class=bigtext2]dislikes[/div]
being indoors
small spaces
mundane tasks
strict rules
[div class=bigtext2]quirks[/div]
alexei is restless, and if he is forced to stay still for too long, he's known fidget and shake his legs, which can be quite annoying.
[/div][/div][div class=tab3 style=display:none][div class=scroll][div class=bigtext]history[/div]
alexei was born to a pair of free-spirits--so free spirited, in fact, that they ditched their newborn to travel the world. sweet baby angel alexei was left in the care of an elderly member of the doukas family, a widow named jocasta. she was a stern woman, but any outside viewer could tell she fondly doted on alexei. he spent much of his childhood running around the island with his bare feet and his skinned knees. young alexei was incredibly outgoing, dubbing any new acquaintance a "friend," winning over the hearts of anyone he came across.
when it came to his curse, alexei was rather free with it, sometimes intentionally hugging jocasta so he could "get a chance to fly for a while." as a child, he didn't understand the problems that came with transforming into a giant bird. he feels incredibly fondly for his eagle spirit.
when alexei was fifteen, jocasta died of cancer. with his primary caregiver gone, he became a sort of ward-of-the-family, passed around from home to home. having his world turned completely turned upside down, he was incredibly confused and angry, something he would project onto the people around him. his poor attitude toward other family members, as well as his delinquent actions attracted the attention of the head of his house.
after a rather harsh punishment in result of his rebellious attitude, alexei became more subdued, adopting the more reserved persona he is now known to display to other members of the family. since then, he has been living on his own in a small house on the doukas estate--left to his own devices but still close enough that they could keep an eye on him.
after finishing high school, alexei has no desire to attend college, not necessarily because he's stupid, but because his time could be spent in much more useful ways. he spends his days exploring the island and has a job leading tourists around the less commercial areas of mykonos.
[/div][/div][div class=tab4 style=display:none][div class=combat][div class=scroll][div class=bigtext2]name[/div] tbd!

[div class=bigtext2]name[/div] tbd!


[/div][/div]

[/div]
[/div][div class=buttoncon][div class=button1]appearance[/div][div class=button2]personality[/div][div class=button3]history[/div][div class=button4]relationships[/div]

[/div]

⠀♡coded by uxie♡

[/div]

[class=container] --img-1: url('https://66.media.tumblr.com/870150ea08289deb38a6740b6315cec1/tumblr_inline_ph0q46CIS01trbv6y_540.png'); --img-2: url('https://66.media.tumblr.com/daf5a55b65fa1b055e4d860ed4a3ea77/tumblr_inline_ph0q44OmQq1trbv6y_540.png'); --img-3: url('https://66.media.tumblr.com/c1b596b3698adbe6d332a2806a3185e7/tumblr_ph0qaz7jnf1us0i97o2_400.png'); --img-4: url('https://66.media.tumblr.com/6a0fdeeae33dd5717e95f1ea352992b7/tumblr_ph0qaz7jnf1us0i97o1_400.png'); --img-5: url('https://abcbirds.org/wp-content/uploads/2015/03/Golden-Eagles_Vladimir-Kogan-Michael_SS.jpg'); --img-6: url('https://cdn.edarabia.com/ar/wp-content/uploads/2017/11/7-information-about-eagle.png'); --bg-color:#DCCCBD; --color-1:#97643B; --color-2: #BB7C61; --color-3:#5C3116; --color-4: #040200; --color-5: #040200; --bcolor-1: #BB7C61; --bcolor-2:#D2B43D; --bcolor-3: #F5F0DF; --bcolor-4: #62403A; --btcolor-1:#040200; --tcolor-1: #030000; --tcolor-2: #030000; height:360px; width:390px; margin:auto; padding:10px; background-color: var(--bg-color); position:relative; [/class] [class=bigimage] height:125px; width:125px; border:1px solid var(--color-1); float:left; position:relative; padding:5px; [/class] [class=img1] height:125px; width:125px; background: var(--img-1); background-size:100%; position:absolute; [/class] [class=img2] height:125px; width:125px; background: var(--img-2); background-size:100%; position:absolute; [/class] [class=img3] height:125px; width:125px; background: var(--img-3); background-size:100%; position:absolute; [/class] [class=img4] height:125px; width:125px; background: var(--img-4); background-size:100%; position:absolute; [/class] [class=header] height:70px; width:243px; background-color: var(--color-2); float:left; margin-left:10px; [/class] [class=hname] color: black; margin-left:10px; position:relative; top:-2px; text-shadow:1.5px 1.5px var(--bg-color); font-variant: small-caps; font-size:28px; font-weight:bold; letter-spacing:1.5px; display:inline-block; [/class] [class=tag] height:17px; min-width:10px; font-size:10px; background-color: var(--color-3); color: var(--bg-color); display:inline-block; padding-right:3px; padding-left:3px; padding-top:2px; text-transform:uppercase; letter-spacing:0.5px; margin-left:6px; position:relative; top:-5px; [/class] [class=buttoncon] height:110px; width:125px; padding:5px; border:1px solid var(--color-1); margin-top:123px; [/class] [class=button1] height:25px; width:125px; background-color: var(--bcolor-1); color: var(--bg-color); font-size:15px; font-variant:small-caps; text-align:center; letter-spacing:1.5px; font-weight:400; margin-bottom:2.5px; transition:0.3s; [/class] [class name=button1 state=hover] background-color: var(--color-2); color: var(--bcolor-1); cursor:pointer; transition:0.3s; [/class] [script class=button1 on=click] hide img2 hide img3 hide img4 hide tab2 hide tab3 hide tab4 show img1 show tab1 [/script] [class=button2] height:25px; width:125px; background-color: var(--bcolor-2); color: var(--btcolor-1); font-size:15px; font-variant:small-caps; text-align:center; letter-spacing:1.5px; font-weight:400; margin-bottom:2.5px; transition:0.3s; [/class] [class name=button2 state=hover] background-color: var(--color-2); color: var(--bcolor-2); cursor:pointer; transition:0.3s; [/class] [script class=button2 on=click] hide img1 hide img3 hide img4 hide tab1 hide tab3 hide tab4 show img2 show tab2 [/script] [class=button3] height:25px; width:125px; background-color: var(--bcolor-3); color: var(--bg-color); font-size:15px; font-variant:small-caps; text-align:center; letter-spacing:1.5px; font-weight:400; margin-bottom:2.5px; transition:0.3s; [/class] [class name=button3 state=hover] background-color: var(--color-2); color: var(--bcolor-3); cursor:pointer; transition:0.3s; [/class] [script class=button3 on=click] hide img2 hide img1 hide img4 hide tab2 hide tab1 hide tab4 show img3 show tab3 [/script] [class=button4] height:25px; width:125px; background-color: var(--bcolor-4); color: var(--btcolor-1); font-size:15px; font-variant:small-caps; text-align:center; letter-spacing:1.5px; font-weight:400; margin-bottom:2.5px; transition:0.3s; [/class] [class name=button4 state=hover] background-color: var(--color-2); color: var(--bcolor-4); cursor:pointer; transition:0.3s; [/class] [script class=button4 on=click] hide img2 hide img3 hide img1 hide tab2 hide tab3 hide tab1 show img4 show tab4 [/script] [class=tabcon] height:270px; width:245px; position:relative; left:3px; float:right; margin-top: 10px; [/class] [class=scroll] height: 100%; width:100%; overflow-y:scroll; padding-right:150px; [/class] [class=bigtext] font-size:10px; font-weight:bold; display:inline-block; background-color: var(--color-3); padding-left:3px; padding-right:3px; color: var(--color-5); text-transform:uppercase; letter-spacing:0.8px; margin-bottom:3px; margin-top:3px; text-align:center; [/class] [class=bigtext2] font-size:10px; font-weight:bold; display:inline-block; background-color: var(--bcolor-2); padding-left:3px; padding-right:3px; color: var(--bcolor-3); text-transform:uppercase; letter-spacing:0.8px; margin-bottom:3px; margin-top:3px; text-align:center; [/class] [class=tab1] height:270px; width:240px; position:absolute; font-size:10px; [/class] [class=appearance] height:190px; width:233px; padding:5px; overflow:hidden; background-color: var(--bcolor-2); font-size: 10px; color: var(--tcolor-1); text-align:justify; [/class] [class=tab2] height:260px; width:230px; position:absolute; font-size:10px; background-color: var(--bcolor-3); overflow:hidden; padding:5px; color: var(--tcolor-2); text-align:justify; [/class] [class=tab3] height:260px; width:230px; position:absolute; font-size:10px; background-color: var(--bcolor-4); overflow:hidden; padding:5px; color: var(--tcolor-2); text-align:justify; [/class] [class=combat] height:190px; width:233px; padding:5px; overflow:hidden; background-color: var(--bcolor-1); font-size: 10px; color: var(--tcolor-2); text-align:justify; [/class]

 

[Moka-chan]

[class=Notes] // Forward slashes are comments and do no show up in the final design, these are to help you find everything easily and explain some code as well. These comments must be with in a class or script tags in order to be hidden, from what I know// // Long URls are images # followed by letter and numbers are Hex codes or color codes orange is a named color in this code// // This code does not show breaks unless is shows the
code When typing responses to rps, be aware that when you press enter it will not show that you did. You'll have to use the
tags// [/class] [class=Background] background:url(https://cdn.discordapp.com/attachments/359734207024463882/497436131151839232/Dark_bg.jpg); position:relative; padding:20px; height:200px; width:200px; transition: width 3s, height 3s; // This is the background image as well as the backgrounds beginning size// [/class] [class=BackgroundFull] height:600px; width:99%; transition: width 1s, height 1s; //the back ground at its full size// [/class] [class=Hide] display: none; //hides what needs to be hidden// [/class] [class=Image] float:left; margin-right:20px; border:2px SOLID Orange; line-height:0; width:200px; height:200px; border-radius:50%; overflow:hidden; background:url(https://i.pinimg.com/originals/d8/78/c5/d878c5d3f3722e9dc3b372ddf7d0375b.jpg); background-position: 20% 5%; cursor:pointer; transition: width 3s, border-radius 3s, height 3s; //border around image and its starting size// [/class] [class=ImageFull] width:400px; height: 600px; border-radius:10px; overflow:hidden; background-position: 20% 5%; transition: width 3s , border-radius 3s, height 3s; //the image's full size// [/class] [class=Name] float:left; width:calc( 55% - 20px ); font-size:50px; text-align:center; colorrange; //How the Name looks// [/class] [class=Text] float:left; background-color:rgba(77,77,76,0.7); width:calc( 55% - 20px ); height:500px; overflow:scroll; overflow-x:hidden; padding:10px; font-size:15px; colorrange; box-shadow: 0px 0px 5px 10px rgba(77,77,76,0.6); //how the text looks// [/class] [Script class=Image] set addedClass 0 set fadedIn 0 //allows the script function below to work by setting variables// [/script] [Script class=Image on=click] if (eq ${addedClass} 0) (addClass ImageFull) (removeClass ImageFull) if (eq ${addedClass} 0) (addClass BackgroundFull Background) (removeClass BackgroundFull Background) if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0) if (eq ${fadedIn} 0) (fadeIn 1000 Name) (fadeOut 1000 Name) if (eq ${fadedIn} 0) (fadeIn 1000 Text) (fadeOut 1000 Text) if (eq ${fadedIn} 0) (set fadedIn 1) (set fadedIn 0) //makes it possible to click between the bigger and smaller sizes// [/script] [div class="Background"] [div class="Image"] [/div] [div class="Name Hide"] Freya Aldis [/div] [div class="Text Hide"] Age: 18

Gender: Female

Family: Aldis

Cursed Animal: Munin-Crow

Animal Apperance:

Spoiler: Her and her sibling

Personality: Incredibly loyal, Freya likes knowing who said what and when they said it. She is gossipy but will never let loose a true secret she was either entrusted with or overheard, even if she hated a person she wouldn't bring up hurtful things she overheard. She's a bit flirty and has a way of being places, even when she's not exactly wanted there. Freya repects whoever's in charge and is typically polite and formal until she gets a good read on the person.

Strengths: Information, charismatic, loyal, good at reading people

Weaknesses: Has to know everything, can be a bit of a know it all, flitters around everywhere.

Bio: Freya was born to two proud members of the Aldis family and was raised with strict guidance, so strict in fact it led her to rebelling against her parents many times. The easiest way was to force a transformation and merely fly away, however this tended to backfire. When she was 14 she did just that and underestimated how strong the winds were, not one to turn back she kept going until she got swept up in the current. After that she still can't remember what exactly happened and the only thing she remembers after that is waking up in bed, minus an eye. After that she mellowed out and followed directions.

Extra: Her role in the family is keeping tabs on everything and everyone. [/div] [/div]

 

[Moka-chan]

[class=background] max-width:900px; height:520px; margin:auto;center; background-color: #eee; overflow:hidden; [/class] [class=imagebox] width:350px; height:450px; background:url(https://i.pinimg.com/originals/cb/17/08/cb1708127d9e4abb460044aae8eb4802.jpg); background-size:120%; border:5px solid #222; position:relative; top:30px; left:510px; [/class] [class=overlaytext] width:330px; text-align:right; font-familyswald; font-size:25px; color:#c93030; text-shadow:2px 2px 0px #222; position:relative; top:400px; left:0px; [/class] [class=maintextwrapper] width:900px; height:460px; overflow-y:auto; padding:0px; position:relative; top:-430px; left:40px; [/class] [class=textbox] width:450px; background:#fff; font-family:Roboto; font-size:12px; color:#222; padding:10px; position:relative; top:-40px; [/class] [class=titleblock] width:450px; text-align:right; font-familyswald; font-size:25px; color:#eee; text-shadow:2px 2px 0px #222; position:relative; top:-50px; [/class]
[div class=background][div class=imagebox][div class=overlaytext]something here[/div][/div][div class=maintextwrapper]

[div class=titleblock]basics.[/div][div class=textbox]Name: Tomoko Hayashi
Nickname(s): Momo
Age:
Gender: Female
Cursed Animal: Raiju- wolf

Spoiler: Animal Form

Height: 5'3
Sexuality: Bisexual [/div]

[div class=titleblock]personality.[/div][div class=textbox] Momo loves to chill out with people and just talk, or maybe just nap instead. She trusts people at face value and even though this gets her into trouble she still will again. At night is when she's most alert and since most of the family is sleeping she takes to surfing the web and going on forums until she passes out in bed.
Strengths: Going with the flow, can be diligent when needed, kind, doesn't judge anybody for anything
Weaknesses: Lazy, would rather nap than do literally anything, naïve, too trusting of others.
Likes: Hanging out with people, naps,
Dislikes: liars, thunderstorms, nagging[/div]

[div class=titleblock]history.[/div][div class=textbox] Born into a loving family Tomoko never really resented her curse, yes she couldn't hug her father but she could hold his hand and that was alright. Tomoko was an overall easy child to care for and barely required supervision, though given how close nit the Hayashi family is she was never far from an adult watching over her. However the distinct attitude change that occurred during storms left her parents more than a little frightened over how aggressive she became. She would lash out at anybody close enough and would scratch and bite should they stand to close. When she was nine rainy season rolled in leaving her much more aggressive than ever before, at one point her parents locked themselves into their room and called Hayashi. The woman was able to calm Tomoko down and after that Hayashi began teaching Tomoko meditation techniques and how to redirect the pent up aggression that comes with the storms. This all lead to Tomoko to learn how to deal with storms but also made her a good agony aunt for other members of the family.
Relationships:[/div][/div]

credits @RI.a

[/div]

 

[firestorm]

Full Name: atachius

Age:16

Appearance

Family
Tahan
Cursed Animal (and animal appearance)

feneec fox



Personality
atachius is kind of a rebel within the family. He always is going out of his way to create problems from doing pranks on his family members to running around outside in his animal from.

Atachius does happen to hardly be home though as he is an international singer. He is sometimes childish when he does come home to visit. He takes breaks from his career and when he does stays at the family manor.

Strengths
atachius excels at his pranks on his family. He also excels in his singing career.


Weaknesses
Atachius is quite curious by nature and it gets him into trouble with his family. His pranks on his family has gotten him into quite a few fixes.
Biography

atachius was born to a young parents who knew nothing about rasieing a child. So Atachius was abandoned on the main housed steps. The main house took atachius in and raised him until he was 14.

At 14 atachius was offered a contract to sing in a small band which soon grew into an international sensation. His singing career with the band went on for another year before he became a solo singer and is now an famous idol.



Extra: atachius is on a vacation from his career and is spending time at the main house.

 

[erzulie]

[class=wrapper] width:80vw; max-width:300px; height:420px; margin:auto;center; flex-wrap:wrap; border:1px solid #000000; overflow:hidden; background:url(https://orig00.deviantart.net/03dc/f/2015/240/1/a/__commission___elissinia____erasmus_by_jotaku-d97h2jd.png); background-size:100%; z-index:3px; [/class] [class=scroll] width:90vw; max-width:310px; height:100%; overflow-y:auto; [/class] [class=textbox] width:80vw; max-width:300px; font-family:Montserrat; font-size:12px; color:#212121; padding:2px; background: rgba(255, 255, 255, 0.9); position:relative; top:420px; [/class] [class=overlay] width:80vw; max-width:320px; margin:auto;center; position:relative; top:-461px; left:-10px; font-family:Mali; font-size:23px; color:#050a90; text-shadow:3px 2px 0px #ffffff; z-index:2px; [/class] [class=tags] opacity:0.0; width:80vw; max-width:320px; margin:auto;center; position:relative; top:-490px; left:-10px; text-align:right; font-family:Montserrat; font-size:10px; color:#ccc; z-index:3px; transition: all 0.3s ease; [/class] [class name=tags state=hover] opacity:1.0; transform: translateY(20px); [/class] [class=credit] width:80vw; max-width:300px; opacity:0.5; font-family:Heebo; font-size:8px; margin:auto;center; [/class]
[div class=wrapper][div class=scroll]
[div class=textbox]
Full Name: Akil Gamal ( Ah-Keel Ga-Mel ) Tahan

Nickname: None

Age: 21

Height: 5’5

Weight: 134 lbs

Sexuality: Sapiosexual

Family: Tahan

Cursed Animal: Ibis

Personality: Akil is an overall serious individual. Some of his family members often describe him as boring, not that he minds. Akil can be found by himself more often than not. He’s not introverted by any means instead he’s just enjoys his alone time. Being raised in such a lavish manner t comes as no suprise that Akil is spoiled. Like many in the Tahan family he prefers the best in all aspects of his life. Unlike the head of his household Akil is not greedy or money hungry. He does however value power and status.

Above all Akil values knowledge. He’s a firm believer in the saying, “knowledge is power.” Even as a child he enjoyed studying and learning as much as he could. He really enjoyed learning about different cultures as well, especially about the others that shared their curse. He’s a bit of a perfectionist. Akil likes to do most things himself so that it turns out exactly how he wants it to. He’s someone who enjoys music and reading as well. In his free time he can usually be found listening to music or playing one of his many instruments or reading.

Despite his stoic disposition Akil is actually quite kind. With his family he becomes a little warmer. He has an open-mind and is able to look at situation from a different point of view. When making decisions he’s usually firm. Akil prefers to hear both sides of any story or analyzing a situation before making a decision. He’s has a good judge of character and a uncanny ability to read people or know when their lying.

Akil can be awkward at times, especially when dealing with overly emotional people or public displays of affections...or rather any displays of affection. Akil wasn’t raised in the warmest way which had led to him being rather emotionally detached at times. Things like hugs or other types of displays make him uncomfortable.


Strengths:

• Fast Learner
• Decisive
• Clever

Weaknesses

• Stubborn
• Perfectionist
• Average Strength

Biography: Akil is the son of two well-known individuals. His mother comes from old money while his father is a politician and member of the Tohan family. He grew up wanting for nothing while also carrying a heavy weight on his shoulders from his family’s expectations. Akil never complained and only did what was told. He grew up into the perfect son in his parents’ eyes. They would often brag about him to their associates and friends, he was more of a trophy rather than a child.

Concerning his curse his father made sure that he knew that it could never come to light. It would ruin their lives, their being his father and mother. Hiding his curse was easy as he didn’t really have outsiders as friends. It wasn’t until he was older that he began mingling and networking.

Extra

• Akil = Intelligent
• Gamal = Beauty
• Owns a Sphinx cat named Ammon
• Studying to become an Ambassador

[/div][/div][/div][div class=credit]credits @RI.a[/div][div class=overlay] Akil Gamal Tahan[/div][div class=tags][/div]

 

[eggsaladsandwitch]

[div class=container][div class=bigimage][div class=img1][/div][div class=img2 style=display:none;][/div][div class=img3 style=display:none;][/div][div class=img4 style=display:none;][/div][/div][div class=header][div class=hname]theodor aldis[/div]

huginn

[div class=tag]eighteen[/div][div class=tag]male[/div][div class=tag]bisexual[/div][div class=tag]visby[/div][/div]
[div class=tabcon][div class=tab1 style=display:none][div class=appearance][div class=scroll][div class=bigtext]appearance[/div]
theo is rather slight for his age, something that frustrates him. he tries his best to gain weight or muscle to represent the "classic viking man," but his metabolism makes this almost impossible. it doesn't help that his features are a bit effeminate, which he also has a complex about.

[div class=bigtext]height[/div] 5'6"
[div class=bigtext]weight[/div] 125 lbs
[div class=bigtext]eye colour[/div] golden brown
[div class=bigtext]hair colour[/div] blonde
[div class=bigtext]cursed animal[/div] crow
[/div][/div]

[/div][div class=tab2][div class=scroll][div class=bigtext2]personality[/div]
if people had to describe theo in one word, the word they would chose is "watcher." while his big eyes only add to this, the boy is always observing others and getting into business he doesn't necessarily belong in. family members have described his gaze as "a bit unsettling." in relation to this, theo is incredibly quiet. he speaks only if he deems it necessary, and most of the time, he won't. the only person he speaks freely with is his sister, freya, and even then it's almost always behind closed doors. many times, he is able to enter a room or a situation without being noticed, because he excels at making himself hard to notice. while his silent observation can be viewed as haughtiness, in all actuality, theo is just extremely curious and extremely shy.

[div class=bigtext2]strengths[/div]
obedience
making himself scarce
infiltration (?)
[div class=bigtext2]weaknesses[/div]
socialization
putting trust in others
little physical strength
[div class=bigtext2]likes[/div]
going on walks
flying
taking naps
shiny baubles
[div class=bigtext2]dislikes[/div]
being confronted
having attention turned onto him
hot weather
his height, and therefore, anyone taller than him
[div class=bigtext2]quirks[/div]
as mentioned before, theodor has particularly large eyes. in conversations, he will just stare and blink curiously, which make people uneasily. in some circumstances, he will even tilt his head, much like a bird.
[/div][/div][div class=tab3 style=display:none][div class=scroll][div class=bigtext]history[/div]
as a child in their relatively strict household, theo was incredibly nervous around his parents, wanting to live up to their expectations and afraid to disappoint them. a lot of the time, he would use freya as a sort of shield or anchor, clinging to her and following her around like a baby duck.
when they got older, and freya began rebelling against their parents, theo distanced himself form her. he was afraid of disappointing their parents and getting in trouble. this lead to many arguments between the twins, and much of their preteen years were spent in a sort of awkward stalemate.
after the accident that left his sister minus one eye, he realized that their relationship was much more important than any petty fights. their roles almost reversed ever since, with theo acting as a sort of shield to her, making sure nothing is ever done to harm her in any way. it's a little obvious that he harbors an immense guilt about freya's accident, and would do anything to prevent harm coming to her ever again.
[/div][/div][div class=tab4 style=display:none][div class=combat][div class=scroll][div class=bigtext2]freya[/div] his twin sister who he loves very much. theo is particularly protective of freya, and gets anxious if he is away from her for too long.

[div class=bigtext2]name[/div] tbd!


[/div][/div]

[/div]
[/div][div class=buttoncon][div class=button1]appearance[/div][div class=button2]personality[/div][div class=button3]history[/div][div class=button4]relationships[/div]

[/div]

⠀♡coded by uxie♡

[/div]

[class=container] --img-1: url('https://myanimelist.cdn-dena.com/images/characters/2/168547.jpg'); --img-2: url('https://66.media.tumblr.com/17af41866b27ad1436332e84cbd4176b/tumblr_ph4qumVKTM1us0i97o1_400.png'); --img-3: url('https://66.media.tumblr.com/c5c76cb25a3a4e0df72399d393f6d633/tumblr_ph4qofmPmV1us0i97o3_400.png'); --img-4: url('https://66.media.tumblr.com/83583c9ae422ba7562b9dac533104341/tumblr_ph4r9lwgS91us0i97o1_640.png'); --img-5: url('https://i.pinimg.com/originals/e5/23/9d/e5239de3f414590eb761c1a36f17675e.jpg'); --img-6: url('https://www.hireanillustrator.com/i/images/2016/01/MariyaPrytula_HuginnandMuninn.jpg'); --bg-color:#FCFCF1; --color-1:#C8BC0B; --color-2: #0D153E; --color-3:#C8BC0B; --color-4: #040200; --color-5: #040200; --bcolor-1: #6D66A8; --bcolor-2:#817208; --bcolor-3: #CBC7EF; --bcolor-4: #465594; --btcolor-1:#040200; --tcolor-1: #CBC7EF; --tcolor-2: #030000; height:360px; width:390px; margin:auto; padding:10px; background-color: var(--bg-color); position:relative; [/class] [class=bigimage] height:125px; width:125px; border:1px solid var(--color-1); float:left; position:relative; padding:5px; [/class] [class=img1] height:125px; width:125px; background: var(--img-1); background-size:100%; position:absolute; [/class] [class=img2] height:125px; width:125px; background: var(--img-2); background-size:100%; position:absolute; [/class] [class=img3] height:125px; width:125px; background: var(--img-3); background-size:100%; position:absolute; [/class] [class=img4] height:125px; width:125px; background: var(--img-4); background-size:100%; position:absolute; [/class] [class=header] height:70px; width:243px; background-color: var(--color-2); float:left; margin-left:10px; [/class] [class=hname] color: #817208; margin-left:10px; position:relative; top:-2px; text-shadow:1.5px 1.5px var(--bg-color); font-variant: small-caps; font-size:28px; font-weight:bold; letter-spacing:1.5px; display:inline-block; [/class] [class=tag] height:17px; min-width:10px; font-size:10px; background-color: var(--color-3); color: var(--bg-color); display:inline-block; padding-right:3px; padding-left:3px; padding-top:2px; text-transform:uppercase; letter-spacing:0.5px; margin-left:6px; position:relative; top:-5px; [/class] [class=buttoncon] height:110px; width:125px; padding:5px; border:1px solid var(--color-1); margin-top:123px; [/class] [class=button1] height:25px; width:125px; background-color: var(--bcolor-1); color: var(--bg-color); font-size:15px; font-variant:small-caps; text-align:center; letter-spacing:1.5px; font-weight:400; margin-bottom:2.5px; transition:0.3s; [/class] [class name=button1 state=hover] background-color: var(--color-2); color: var(--bcolor-1); cursor:pointer; transition:0.3s; [/class] [script class=button1 on=click] hide img2 hide img3 hide img4 hide tab2 hide tab3 hide tab4 show img1 show tab1 [/script] [class=button2] height:25px; width:125px; background-color: var(--bcolor-2); color: var(--btcolor-1); font-size:15px; font-variant:small-caps; text-align:center; letter-spacing:1.5px; font-weight:400; margin-bottom:2.5px; transition:0.3s; [/class] [class name=button2 state=hover] background-color: var(--color-2); color: var(--bcolor-2); cursor:pointer; transition:0.3s; [/class] [script class=button2 on=click] hide img1 hide img3 hide img4 hide tab1 hide tab3 hide tab4 show img2 show tab2 [/script] [class=button3] height:25px; width:125px; background-color: var(--bcolor-3); color: var(--bg-color); font-size:15px; font-variant:small-caps; text-align:center; letter-spacing:1.5px; font-weight:400; margin-bottom:2.5px; transition:0.3s; [/class] [class name=button3 state=hover] background-color: var(--color-2); color: var(--bcolor-3); cursor:pointer; transition:0.3s; [/class] [script class=button3 on=click] hide img2 hide img1 hide img4 hide tab2 hide tab1 hide tab4 show img3 show tab3 [/script] [class=button4] height:25px; width:125px; background-color: var(--bcolor-4); color: var(--btcolor-1); font-size:15px; font-variant:small-caps; text-align:center; letter-spacing:1.5px; font-weight:400; margin-bottom:2.5px; transition:0.3s; [/class] [class name=button4 state=hover] background-color: var(--color-2); color: var(--bcolor-4); cursor:pointer; transition:0.3s; [/class] [script class=button4 on=click] hide img2 hide img3 hide img1 hide tab2 hide tab3 hide tab1 show img4 show tab4 [/script] [class=tabcon] height:270px; width:245px; position:relative; left:3px; float:right; margin-top: 10px; [/class] [class=scroll] height: 100%; width:100%; overflow-y:scroll; padding-right:150px; [/class] [class=bigtext] font-size:10px; font-weight:bold; display:inline-block; background-color: var(--color-3); padding-left:3px; padding-right:3px; color: var(--color-5); text-transform:uppercase; letter-spacing:0.8px; margin-bottom:3px; margin-top:3px; text-align:center; [/class] [class=bigtext2] font-size:10px; font-weight:bold; display:inline-block; background-color: var(--bcolor-2); padding-left:3px; padding-right:3px; color: var(--bcolor-3); text-transform:uppercase; letter-spacing:0.8px; margin-bottom:3px; margin-top:3px; text-align:center; [/class] [class=tab1] height:270px; width:240px; position:absolute; font-size:10px; [/class] [class=appearance] height:190px; width:233px; padding:5px; overflow:hidden; background-color: var(--bcolor-2); font-size: 10px; color: var(--tcolor-1); text-align:justify; [/class] [class=tab2] height:260px; width:230px; position:absolute; font-size:10px; background-color: var(--bcolor-3); overflow:hidden; padding:5px; color: var(--tcolor-2); text-align:justify; [/class] [class=tab3] height:260px; width:230px; position:absolute; font-size:10px; background-color: var(--bcolor-4); overflow:hidden; padding:5px; color: var(--tcolor-2); text-align:justify; [/class] [class=combat] height:190px; width:233px; padding:5px; overflow:hidden; background-color: var(--bcolor-1); font-size: 10px; color: var(--tcolor-2); text-align:justify; [/class]

 

[KiKi Kitsune]

[class=wrapper] height:auto; overflow:hidden; width:100%; [/class] [class=headerimage] background:url('https://thumbs.gfycat.com/CloseEasygoingKangaroo-size_restricted.gif'); background-size:fit; background-position:center; background-repeat:no-repeat; height:5vh; width:100%; [/class] [class=tabbox] height:auto; width:100%; display:flex; flex:flex-wrap; [/class] [class=tabs] display:flex; flex:0.2; border:1px solid #305087; opacity:0.7; font-family:Merienda; color:black; text-shadow: 0.5px 0.5px 0px #305087; font-size:1.2em; text-align:center; cursor:pointer; justify-content:center; [/class] [class=container] width:100%; height:80vh; overflow-y:scroll; background:white; display:flex; flex:wrap; [/class] [class=leftside] width:50%; pointer-events:none; [/class] [class=rightside] width:50%; padding:1em; background:white; font-family:Merienda; font-size:1em; color:black; [/class] [class=title] font-family:Merienda; font-size:1.2em; color:#305087; display:inline-block; text-transform:lowercase; [/class] [script class=tab1 on=click] show page1 hide page2 hide page3 hide page4 hide page5 hide page6 hide page7 [/script] [script class=none] show page1 hide page2 hide page3 hide page4 hide page5 hide page6 hide page7 [/script] [script class=tab2 on=click] show page2 hide page1 hide page3 hide page4 hide page5 hide page6 hide page7 [/script] [script class=tab3 on=click] show page3 hide page1 hide page2 hide page4 hide page5 hide page6 hide page7 [/script] [script class=tab4 on=click] show page4 hide page1 hide page2 hide page3 hide page5 hide page6 hide page7 [/script] [script class=tab5 on=click] show page5 hide page1 hide page2 hide page3 hide page4 hide page6 hide page7 [/script] [script class=tab6 on=click] show page6 hide page1 hide page2 hide page3 hide page4 hide page5 hide page7 [/script] [script class=tab7 on=click] show page7 hide page1 hide page2 hide page3 hide page4 hide page5 hide page6 [/script]

[div class=wrapper][div class=headerimage][/div]
[div class=tabbox][div class="tabs tab1"]basics[/div][div class="tabs tab2"]appearance[/div][div class="tabs tab3"]abilities[/div][div class="tabs tab4"]personality[/div][div class="tabs tab5"]history[/div][div class="tabs tab6"]relationships[/div][div class="tabs tab7"]extra[/div][/div] [div class="container page1"][div class="leftside img1"]

[/div][div class="rightside content1"][div class=title]"You can only say you are strong when helping another is not a burden, but an honour."[/div]

[div class=title]name:[/div] Ellika Aldis

[div class=title]nicknames:[/div] Ellie, Lili, Lika

[div class=title]family:[/div] Aldis (Norse)

[div class=title]age:[/div] 20

[div class=title]gender:[/div] Female

[div class=title]cursed animal:[/div] Horse (Sleipnir)[/div][/div] [div class="container page2"][div class="leftside img2"]

[/div][div class="rightside content2"][div class=title]height:[/div] Ellika towers over most - especially other women - with her height just reaching over 6 foot tall.

[div class=title]body type:[/div] Clearly stocky, Ellika is rather heavy set. However, little to none of her mass is fat. Ellika has muslces built from various manual labor and so her muscle is more or less evenly distributed.

[div class=title]tattoos:[/div] There is a dark blue stripe from the center of her bottom lip to her chin. Inbetween her shoulder blades is the nordic symbol for strength.

[div class=title]distinguishing features:[/div] Ellika has dark hair that fades to white towards the tips. Despite what some may think, this is completely natural. She keeps her hair in braids and dredlocks adorned with blue ribbons and beads, typical of nordic women.
She has multiple piercings in both ears. In the left, she has 4 small rings evenly placed. In her right, there are 3 small rings and a thin chain at the bottom. She swaps between silver and bronze coloured earrings.
She has hetrocromia, her left eye being a pale purple and her right eye being icey blue. This trait carries over to her animal form.

[div class=title]animal form:[/div] After transformation, Ellika takes the form of a dark grey gypsy horse. The fur around her hooves are longer than regular horses as well as a longer mane and tail. Both her mane and tail go from a mid-dark grey to a light grey, almost white near the tips. The front two hooves have black fur, where as the back two are white. [/div][/div] [div class="container page3"][div class="leftside img3"]

[/div][div class="rightside content3"][div class=title]strengths:[/div]
★ Physically strong
☆ Good knowledge on most pysical labor
★ Good with her hands
☆ Level headed
★ Can take charge if needed
☆ Always willing to help others
★ Friendly (if you can get past her resting bitch face)
☆ Amazing knowledge on her heritage and traditions

[div class=title]weaknesses:[/div]
★ Has difficulty explaining her feelings
☆ Cant's ask for help
★ Impatient
☆ Really bad with technology (like, probably worse than your grandma's mother)
★ Pretty clueless about other cultures
☆ Not a very quick thinker
[/div][/div] [div class="container page4"][div class="leftside img4"]

[/div][div class="rightside content4"] [div class=title]likes:[/div]
★ Helping Others
☆ Keeping Busy
★ Excersise
☆ Sweets

[div class=title]dislikes:[/div]
★ Small, Closed Spaces (for long periods of time)
☆Thoughtlessness
★ Smart Phones
☆ Grapefruit

[div class=title]fears:[/div]
★ Heights
☆ Ladybugs

[div class=title]personality:[/div] Ellika is a bit difficult to understand for some people. This large lady believes more in actions than words, so does more than she says. She is increadibly active, always bustling about the family home. She aids in repairs, farming, heavy lifting, and everything in between. She will go out of her way to help people even when they don't ask for it. Those who can read her know that she is perfectly content doing so. Others can't see much past her - what some call - "resting bitch face".

Over everything, Ellika cares for her family's wellbeing. Some say she has gained a lot of her personality from working so closely with the family head. Just like Freydis, Ellika doesn't stand for going against the family rules and prefers to stick to tradition. Which is why occasions such as Freya losing her eye was conflicting to Ellika. Ellika is aware of her strength and will step up to be a shield for her family if it came to a tussle.

Ellika is generally relatively quiet, saying what she needs to and responding when spoken to. She will speak actively if something serious is on her mind. She has to keep busy or else she'll get antsy. If forced to be still for extended periods of time, she may lash out, even violently. If it continues, she reaches a "beserker" state. It takes a lot to calm her down again. [/div][/div] [div class="container page5"][div class="leftside img5"]

[/div][div class="rightside content5"][div class=title]bio:[/div] Being born with the curse of Sleipnir, Ellika was to be Odin's horse. Or in their family's case, the beast of burden for the head of the house. Not quite the right hand woman, but an aid for Freydis. Ellika wouldn't have much say in decisions, but would be asked to carry out tasks Freydis was too busy for, but still needed to get done.

While many young children would be against this, Ellika was thrilled. Since she was born, she had looked up to Freydis. Her bedtime stories had consisted of tales of their heritage and the duties Freydis had carried out to help the family. When she reached the age of 10, she was asked to take on some of the simpler tasks for Freydis.

After seeing her enthiusiasm and proficiency, Freydis gave her more and more important jobs. Most of which conssited of manual labor - leaving the paperwork to the family head. Ellika enjoyed the work and feeling useful. She is well known in their family and generally well liked. That's mostly thanks to the fact that she seeks out people to help when not doing something for Freydis.

Her parents weren't around for her later years as both passed away while she was fairly young. They both died from illness, so there wasn't anyone to blame. When Ellika misses them, she can be found on the edge of the sea where they once took her regularly and holds many fond memories. Now that was the place where they had been sent off to Valhalla. [/div][/div] [div class="container page6"][div class="leftside img6"]

[/div][div class="rightside content6"][div class=title]Freydis:[/div] Ellika greatly respects and looks up to Freydis. She rarely hesistates to do what the head asks.

[div class=title]name:[/div] open

[div class=title]name:[/div] open [/div][/div] [div class="container page7"][div class="leftside img7"]

[/div][div class="rightside content7"][div class=title]exra:[/div] She is known by most - if not all - the Aldis family, not just as Sleipnir, but as a helpful and strong woman.

Very few have seen her "beserker" mode. Those who have, have been sworn to secrecy. It takes about two, fully grown, strong men to try hold her back when she gets in this state. Freydis and some other higher ups are still trying to figure out why this happens and how to stop it when it does.

[div class=title]theme:[/div]

[div class=title]faceclaim:[/div] Yasha Nydoorin[/div][/div]
[div class=headerimage][/div]

code by Ri.a

[/div]

 

[KiKi Kitsune]

[div class=container]

⠀♡coded by uxie♡

[div class=title][div class=titletext]Cole Doukas

[/div][/div][div class=tabcontainer]
[div class=tab1][div class=tabtitlec1][div class=tabtitle1]BASICS[/div][/div][/div][div class=tab2][div class=tabtitlec2][div class=tabtitle2]PERSONA[/div][/div][/div][div class=tab3][div class=tabtitlec3][div class=tabtitle3]HISTORY[/div][/div][/div]

[/div]
[div class=contentcontainer][div class=tabcontent1]

Name: Cole Doukas

Family: Doukas (Greek)

Age: 18

Gender: Male

Cursed Animal: Goat (Chimera)

[/div] [div class=tabcontent2 style=display:none]
Personality: Cole is a people's person, but he's deathly afraid of people at the same time. He hates the contradiction this causes. Cole gets lonely very easily, but always worries over what he says and how others percieve him. As such, he generally takes a few extra moments to reply when spoken to. He can come off as a bit slow because of this, but Cole is actually a very bright boy.

He is more cautious than a mouse and looks like he might flee at any moment too. He will be the last to offer a suggestion or an oppinion and will only do so if he feels he's got a good read on the person. Basically, he's a smart doormat who's decent at reading people.

Strengths:
* Staying quiet
* Reading people's personality
* Adjusting to different social situations
* Cautious
* Good at academics

Weaknesses:
* Overly cautious
* Skittish/easily spooked
* Quiet
* Complete and utter wuss

Extra: Cole often wears oversized clothes so he can hide in them. If he is showing his face more, it means he's gotten more comfortable with you. This can also be seen with how quickly he responds. It means he's not debating on which response to give as much.
[/div] [div class=tabcontent3 style=display:none]
Biography: Some people would suspect Cole of being abused or some other not so pleasant upbringing. To the contrary, he's just always been crushingly shy and cautious. Both his parents are alive and well, working stable jobs. They took Cole to many therapists and lessons to try bring him out of his shell, but nothing worked. Even the therapists didn't have an answer for why he was the way he was. His parents still occasionally try to help him, but for the most part they've just accepted it as part of who Cole is.

Despite getting appalling marks when it came to class participation and presentations, the rest of his work brought his grades up enough to an above average state. Most of his teachers were pretty understanding about it too.

Cole never made any friends in school. He had a few people who he was friendly with, but everyone made him uncomfortable. Maybe it was knowing that he could change into a goat and that others would freak out if that happened. Even he wasn't sure at this point. He really did try, but it was to no avail.

Cole spends his free time people watching and figuring out what he's going to do with his life. His parents have encouraged him to go to university, and he hasn't gotten on the bad side of the family head, so he could do basically anything. While he wants to do what his parents suggest, the idea of such a change and so many people scare him more than he's proud to admit. For now, he occupies himself with the some of the acounting for the family tourist business.
[/div]

[/div][/div]
[class=container] height:530px; width:490px; margin:auto; cursor:default; background-color:white; [/class] [class=contentcontainer] height:218px; width:465px; margin:auto; position:relative; top:+15px; overflow:hidden; padding:10px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; [/class] [class=tabcontent1] overflow-y:scroll; height:100%; width:100%; padding-right:50px; margin-left:8px; [/class] [class name=tabcontent1] font-size:12px; color:black; text-align:justify; [/class] [class=tabcontent2] overflow-y:scroll; height:100%; width:100%; padding-right:50px; margin-left:8px; [/class] [class name=tabcontent2] font-size:12px; color:black; text-align:justify; [/class] [class=tabcontent3] overflow-y:scroll; height:100%; width:100%; padding-right:50px; margin-left:8px; [/class] [class name=tabcontent3] font-size:12px; color:black; text-align:justify; [/class] [class=title] height:45px; min-width:90px; background-color:white; margin:auto; position:relative; top:45px; left:170px; display:inline-block; padding:10px; padding-right:12px; border-radius:1.8px; padding-top:8px; [/class] [class name=titletext] font-size:40px; color:#3a3a44; text-align:center; font-weight:bold; text-shadow: 1px 2px #b37aba; font-style:italic; position:relative; top:-8px; left:-1px; [/class] [class=tabcontainer] height:100px; width:490px; position: relative; left:0px; top:-17px; [/class] [class=tab1] height:140px; width:160px; background:url('https://i.imgur.com/lNiSuQY.png'); background-size:100%; position-relative; margin-right:5px; background-position: 0% 90%; display:inline-block; cursor:pointer; [/class] [class=tabtitlec1] height:100px; width:160px; display:inline-block; opacity:0; transition:0.7s; position:relative; [/class] [class name=tabtitlec1 state=hover] opacity:0.87; [/class] [class=tabtitle1] height:22px; width:66px; background-color:white; position-relative; left:25px; padding:4px; font-size:14px; color:dimgray; font-stretch:condensed; text-align:center; position:absolute; top:35px; left:21.5px; border-radius:1.8px; [/class] [class=tab2] height:140px; width:160px; background:url('https://i.imgur.com/Qne8nOi.png'); background-size:100%; position-relative; margin-right:5px; background-position: 0% 40%; display:inline-block; cursor:pointer; [/class] [class=tabtitlec2] height:100px; width:160px; display:inline-block; opacity:0; transition:0.7s; position:relative; [/class] [class name=tabtitlec2 state=hover] opacity:0.87; [/class] [class=tabtitle2] height:22px; width:72px; background-color:white; position-relative; left:25px; padding:4px; font-size:14px; color:dimgray; font-stretch:condensed; text-align:center; position:absolute; top:35px; left:19.5px; border-radius:1.8px; [/class] [class=tab3] height:140px; width:160px; background:url('https://i.imgur.com/nk9JiAu.png'); background-size:100%; position-relative; background-position: 10% 20%; display:inline-block; cursor:pointer; [/class] [class=tabtitlec3] height:100px; width:160px; display:inline-block; opacity:0; transition:0.7s; position:relative; [/class] [class name=tabtitlec3 state=hover] opacity:0.87; [/class] [class=tabtitle3] height:22px; width:70px; background-color:white; position-relative; left:25px; padding:4px; font-size:14px; color:dimgray; font-stretch:condensed; text-align:center; position:absolute; top:35px; left:21.2px; border-radius:1.8px; [/class] [script class=tab1 on=click] hide tabcontent2 hide tabcontent3 show tabcontent1 [/script] [script class=tab2 on=click] hide tabcontent1 hide tabcontent3 show tabcontent2 [/script] [script class=tab3 on=click] hide tabcontent1 hide tabcontent2 show tabcontent3 [/script]

 

[erzulie]

[class=wrapper] width:80vw; max-width:300px; height:420px; margin:auto;center; flex-wrap:wrap; border:1px solid #000000; overflow:hidden; background:url(https://orig00.deviantart.net/d0dd/f/2015/240/8/2/__commission___elissinia____saranyu_by_jotaku-d97h73l.png); background-size:100%; z-index:3px; [/class] [class=scroll] width:90vw; max-width:310px; height:100%; overflow-y:auto; [/class] [class=textbox] width:80vw; max-width:300px; font-family:Montserrat; font-size:12px; color:#212121; padding:2px; background: rgba(255, 255, 255, 0.9); position:relative; top:420px; [/class] [class=overlay] width:80vw; max-width:320px; margin:auto;center; position:relative; top:-461px; left:-10px; font-family:Mali; font-size:23px; color:#050a90; text-shadow:3px 2px 0px #ffffff; z-index:2px; [/class] [class=tags] opacity:0.0; width:80vw; max-width:320px; margin:auto;center; position:relative; top:-490px; left:-10px; text-align:right; font-family:Montserrat; font-size:10px; color:#ccc; z-index:3px; transition: all 0.3s ease; [/class] [class name=tags state=hover] opacity:1.0; transform: translateY(20px); [/class] [class=credit] width:80vw; max-width:300px; opacity:0.5; font-family:Heebo; font-size:8px; margin:auto;center; [/class]
[div class=wrapper][div class=scroll]
[div class=textbox]
Full Name: Chione Tahan

Nickname: None

Age: 19

Height: 5’4

Weight: 123 lbs

Sexuality: Pansexual

Family: Tahan

Cursed Animal: Lioness

Personality:
Chione is much like that animal that she can transform into. Her personality is also similar to her incarnation. Chione is a fierce young woman. She’s by no mean a wallflower of shrinking violet. When the time comes Chione will speak her mind. She’s not afraid to confront others or tell them how she feels. When it comes to rules she’ll follow them but she also hates being told what to do. Chione is an independent person who likes to do as she pleases. Her petite stature tends to lead others to think that she’s weak. She lets them underestimate her because she find it amusing when she proves them wrong.

Chione is elegant. She carries herself with grace and poise. Her head is always held high and her back straight. She’s often uses her manners and is polite to others. Image is important to her and being a Tahan means that she must prove that she’s worthy of bearing the name. She’s a charming lady and a flirt as well. She enjoys being complimented and showered with gifts. Chione is spoiled like many members of her family. She enjoys the lavish lifestyle that she lives. Chione is picky with the people that she gives her attention to. She tends to ignore or shoo away those who she believes aren’t worth her time.

Chione is protective of her family and would do anything for them, even if she doesn’t get along or doesn’t particularly like some of them. To her family is the most important thing someone can after, after riches of course. As someone who hasn’t seen much of the outside world she is close-minded. She’s often suspicious of new ideas or cultures yet she isn’t completely unreasonable. It will take some time until she adjust or gives in as she stubborn. Chione is a fighter both mentally and physically. She doesn’t give up easily and can be down right relentless at times.

Chione is a manipulator and a schemer. She’s much like head of the family in the regard. If it furthers herself and her family Chione will care little if someone else is thrown under the bus. She’s an amazing actress, often playing the role of the clueless noble woman in order to gain information for later uses. Chione can also hold a grudge, much like a feline. She’s not a forgiving person and can be quite vindictive depending on what was done. Chione can often be found roaming the city. She doesn’t like be stuck in the main home for to long like some sort of caged animal.


Strengths:

• Acting
• Fighting (Sword & Hand to hand)
• Head-strong

Weaknesses

• Stubborn
• Vindictive
• Grudge-holder

Biography: Chione was born to the former Lioness of the Tahan family and noble man whom they were in business went. From birth Chione was treated like a princess despite her curse. Her father was sadden that he wouldn’t get to hold his little girl in her human form but they mad things work as best they could. He would often wear gloves as a remedy.

Like the other children of her family Chione was home schooled. She was also taught the ways of a fighter. Her mother understood her need to fight and protect well given the goddess who possessed them. And so Chione was taught the ways of the sword and of melee combat, both in which she excelled in. As she grew older Chione developed a love for shopping and fashion, she was able to become a well known designer.

Extra

• Chione = Daughter of the Nile
• Her eyes are brown
• Has her own clothing brand

[/div][/div][/div][div class=credit]credits @RI.a[/div][div class=overlay] Chione Tahan[/div][div class=tags][/div]

 

[Jayus]

Full Name: Frey Aldis

Age: 19 (Capricorn)

Appearance


He's extremely tall (188 cm) and lanky. Since he avoids people as much as possible his skin is very pale and he has dark circles under his eyes from lack of sleep since he tries to be more active at night.

Family: Aldis

Cursed Animal:

Eikthyrnir; Deer



Personality: Very quiet and calm. Exudes a very relaxed energy, but isn't the most approachable person when it comes to conversation. He's not quite sad, but he isn't very happy at the same time. He's extremely work-driven and doesn't have much time for people.

Strengths:
Very rationale and is good in evading and deflecting. Although internally he is quite emotional he never lets it cloud his judgement.

Weaknesses:
Since his animal form is very large and noticeable he tries very desperately to avoid contact of any type. He is often tired due to his late shifts at the university.

Biography: Frey studies at a local university specifically regarding gene codes in hopes of finding a link to his family's curse. In his effort to find answers he spends many hours in the laboratory. He's known as a loner and tends to avoid people outside of his immediate family and family friends. Despite his often melancholic expression which may put people off approaching him he tends to be good company as long as said company isn't a huge chatterbox. He finds it difficult to make friends and isn't sure how to go about keeping friendships. As he is one of the older members he is seen as a big brother figure and good adviser to many.


Extra: He dyes his hair regularly as he finds his natural blonde, curly hair an eyesore. He is always perpetually tired and usually tunes out of conversations. He is a very big fan of banana milk and can be one over momentarily with the drink. His sexuality is also undecided currently.

 

[Jayus]

Full Name: Jirair Balian

Age: 27

Appearance

Family: Balian

Cursed Animal: Shahapet


Personality: Extremely cunning and quick thinking. Has a dry sense of humour and is quite witty. Usually smiling, but always has a twinkling of something else behind her eye which she isn't saying. Due to her reptilian side she loves the outdoors and has set up her room in the greenhouse that her family owns.

Strengths: Is very smart and can come up with plans quickly. Has a strong backbone and will fight on behalf of those who can't. Is very friendly with new people.

Weaknesses: Has a hard time tolerating people who go against her views. Doesn't have a filter and so says what she says when she says it. Although doubtful of people she is a bit too trusting.

Biography: Since her animal brings about good fortune it has always been her job to handle the family's finances and give advice to the head of the family often. Since the head is quite fun-loving she has to be more serious and set in reality to make up for it, but they get on quite well and have a strong bond. She enjoys making her own small quips and believes she's younger than she is. She enjoys meeting new people, but due to her curse tries to minimize the amount of male friends she has.

Extra: She's obsessed with nature and has also left herself to tend to the family's plants (which is mostly her since she's the reason they have plants in the first place). She is a Shvod, but since she is quite stressed most of the time her ability to bring in wealth is quite difficult. Still they do fine and she loves her family very much.

 

[KiKi Kitsune]

[class=Notes] // Forward slashes are comments and do no show up in the final design, these are to help you find everything easily and explain some code as well. These comments must be with in a class or script tags in order to be hidden, from what I know// // Long URls are images # followed by letter and numbers are Hex codes or color codes.// // This code does not show breaks unless is shows the
code When typing responses to rps, be aware that when you press enter it will not show that you did. You'll have to use the
tags// [/class] [class=BackgroundPicture] Background:url(https://i.imgur.com/dTX9Vy1.png); Padding:30px; //The background image that become the border// [/class] [class=BackgroundColor] padding:20px; background-color:#FFFBDA; Color:Black; //the solid block of color that makes the border appear as a border all your content will be in this box// [/class] [class=Name] float:right; margin-bottom:10px; text-align:center; border-radius:5px; background-color:#FAE97D; padding:5px; color:#B1431E; width:calc(100% - 35% - 33px); //The Box around the name// [/class] [class=Img] border-right:20px SOLID #FFFBDA; border-bottom:10px SOLID #FFFBDA; width:35%; float:left; //this class has a border to create a false margin so the horizontal lines don't appear to go behind the image if you change the back ground you have to change the colors here too// [/class] [class=Image] border:1px SOLID #FAE97D; line-height:0px; //The border around the image// [/class] [class=Line] border-top:1px SOLID #FAE97D; margin-top:10px; margin-bottom:10px; //The tiny lines everywhere// //You can see here they have a set width, which is the shorter length, the bottom two lines have a specific 'style' which overrides what happens here to make them full length. if you need longer lines, copy and paste the style from the bottom two (be careful, they float right, making them too big at the top messes the code up) If you need the bottom lines to be shorter, delete the Style=" and such// [/class] [div class="BackgroundPicture"] [div class="BackgroundColor"] [div class="Img"] [div class="Image"]

[/div][/div] [div class="Name"] Hikaru Hayashi[/div]

Family: Hayashi
Nickname: None
Age: 10
Gender: Male
Features: Hikaru has golden-brown eyes and spikey hair that never seems to listen to gravity.
[div class="Line"][/div]

Cursed Animal: Kamaitachi - Weasel
Likes: ☆ Sugary sweets and candies ★ Stuffed toys ☆ Smiles ★ Rainbows ☆ Cute animals ★ Fluffy blankets
Dislikes: ☆ Sour food ★ Mean people ☆ Going to bed early ★ Homework ☆ Broccoli
Strengths: Hikaru is still young and energetic. He is pretty fast for a kid his age and has all the energy he needs to bounce around. He radiates happiness and is able to make the darkest situation one full of laughter. It takes a lot to get him upset. Generally, he's well behaved and knows when to be quiet and sit still.
Weaknesses: Due to his age, he has a lot to learn. He is naieve and things go over his head - figuratively and literally. He often doesn't understand how serious a situation is or if people are dangerous. As a kid, he is very trusting and will believe things at face value.
[div class="Line"][/div] Personality: Hikaru - much like his name's meaning - is just a ray of sunshine. The young boy is always smiling and cheerful. He is the definition of an optimist, always finding the good in a situation. Even so, he has been taught by his family to mind his manners and is very polite. He will be quiet when asked to. He is a ball of childish energy and enjoys playing outside, running around and similar activities. His smile is known to be contagious as he infects everyone he talks to.
[div class="Line"][/div] History: Hikaru is still young and has a whole life ahead of him. As of now, he's gone to school like a normal kid. He made friends eaasily and has an overall good life. He doesn't spend much time with his father who is mostly away for work. But his mother and the rest of the family show him plenty of love and affection. When his father is home, the man showers Hikaru with affection and gifts to make up for the time apart.
[div class="Line"][/div] [/div]

Code by @AgWordSmith

[/div]