apolla
โ it's only love, nobody dies โ
[class=BG]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 550px;
height: 400px;
background-color: rgba(255,255,255,0);
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0;
[/class]
[class=ExtraBox]
position: absolute;
overflow: visible;
width: 550px;
height: 400px;
left: 0px;
top: 0px;
background-color: #FFDEDC;
border-radius: 20px;
[/class]
[class=BackstoryBox]
position: absolute;
overflow: visible;
width: 500px;
height: 400px;
left: 50px;
top: 0px;
background-color: #F1B5B5;
border-radius: 20px;
[/class]
[class=PersonaBox]
position: absolute;
overflow: visible;
width: 450px;
height: 400px;
left: 100px;
top: 0px;
background-color: #93939B;
border-radius: 20px;
[/class]
[class=BasicBox]
position: absolute;
overflow: visible;
width: 400px;
height: 400px;
left: 150px;
top: 0px;
background-color: #AAB7AE;
border-radius: 20px;
[/class]
[class=Pic1]
position: absolute;
overflow: visible;
width: 280px;
height: 280px;
left: 235px;
top: 60px;
background: url(https://www.hawtcelebs.com/wp-content/uploads/2018/12/dove-cameron-for-tmrw-magazine-november-2018-4.jpg);
border-radius: 16px;
background-size: 100%;
[/class]
[class=Pic2]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 201px;
top: 30px;
background: url(https://www.barnorama.com/wp-content/uploads/2018/09/Dove-Cameron-3.jpg);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Pic3]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 310px;
top: 28px;
background: url(https://i.pinimg.com/736x/23/54/ed/2354ed25257865fd13608dedaff469b8.jpg);
border-radius: 10px;
background-size: 200%;
background-position: 50% 50%;
[/class]
[class=Pic4]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 419px;
top: 28px;
background: url(https://3.bp.blogspot.com/-Ed0-w6sNPFs/WCvp3-UWXfI/AAAAAAAAawA/yzDNd2dlsnUWu8fa4pv9VPGpHwqC1z5NQCLcB/s1600/dove-cameron-tiger-beat-25.jpg);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Pic5]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 201px;
top: 30px;
background: url(https://i.pinimg.com/736x/41/84/31/4184313372439371aaee3d3127b7503c.jpg);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Pic6]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 310px;
top: 28px;
background: url(https://pm1.narvii.com/6686/5d4559b4781b495aabaa353158387ad58a786dbd_hq.jpg);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Pic7]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 419px;
top: 28px;
background: url(https://4.bp.blogspot.com/-_fslSWIuP-o/VxI0xjI_WnI/AAAAAAAAOJY/y7sd_p-z2zcBUAM2RDCRf7eEhOt90DdsQCLcB/s1600/Dove%2BCameron3.jpg);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Pic8]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 201px;
top: 30px;
background: url(https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/celebrities-real-names-dove-cameron-1538152482.jpg?crop=1xw:1xh;center,top&resize=480:*);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Pic9]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 310px;
top: 28px;
background: url(https://78.media.tumblr.com/37ffec7811c129f8e60d048450e502ac/tumblr_oojkzqYazL1vm3q61o1_500.png);
border-radius: 10px;
background-size: 140%;
[/class]
[class=Pic10]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 419px;
top: 28px;
background: url(https://i.pinimg.com/736x/63/e9/d0/63e9d02e1085525f2de7d83f8d4a840b.jpg);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Pic11]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 201px;
top: 30px;
background: url(https://www.gotceleb.com/wp-content/uploads/photos/dove-cameron/all-smiles-as-she-arrives-the-bowery-hotel-in-new-york-city/Dove-Cameron:-All-smiles-as-she-arrives-the-Bowery-Hotel-in-New-York-City-03.jpg);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Pic12]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 310px;
top: 28px;
background: url(https://i.pinimg.com/originals/ae/01/ae/ae01ae97bb1c78d8b2c0fbd25697d090.jpg);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Pic13]
position: absolute;
overflow: visible;
width: 80px;
height: 80px;
left: 419px;
top: 28px;
background: url(https://1.bp.blogspot.com/-OcI3UBesm-M/WrWOcCY8fII/AAAAAAAAm4A/dUELwDg-48wToJM2dpp7XfNiIw-MQ1jFgCLcBGAs/s1600/66630449_dsera-0010.jpg);
border-radius: 10px;
background-size: 100%;
[/class]
[class=Text]
position: relative;
border-radius: 5%;
overflow: auto;
width: 275px;
height: 226px;
font-size: 13px;
font-weight: normal;
line-weight: normal;
color: #000;
padding: 15px;
text-align: justify;
margin-right: 150px;
margin-left: -1px;
[/class]
[class=TextContainer]
position: absolute;
overflow: hidden;
width: 298px;
height: 226px;
left: 201px;
top: 122px;
background-color: #fff;
opacity: .5;
border-radius: 10px;
[/class]
[class=HomeBox]
position: absolute;
overflow: visible;
width: 350px;
height: 400px;
left: 200px;
top: 0px;
background-color: #C6D2C6;
border-radius: 20px;
[/class]
[class=TabExtra]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 11px;
top: 360px;
background: url(https://i.imgur.com/ppEy2Pt.png);
[/class]
[class=TabBackstory]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 61px;
top: 360px;
background: url(https://i.imgur.com/v2UgUK2.png);
[/class]
[class=TabPersona]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 111px;
top: 360px;
background: url(https://i.imgur.com/VjBQd2g.png);
[/class]
[class=TabBasics]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 161px;
top: 360px;
background: url(https://i.imgur.com/Gxt6PN3.png);
[/class]
[class=TabHome]
position: absolute;
overflow: visible;
width: 30px;
height: 30px;
left: 211px;
top: 360px;
background: url(https://i.imgur.com/q4d5BEX.png);
[/class]
[class=CharacterName]
position: absolute;
left: 211px;
top: 16px;
overflow: hidden;
width: 180px;
height: 36px;
text-align: left;
font-family: Segoe UI;
font-style: normal;
font-weight: normal;
font-size: 20px;
color: rgba(0,0,0,1);
[/class]
[class=RoleHere]
position: absolute;
left: 420px;
top: 357px;
overflow: hidden;
width: 250px;
height: 36px;
text-align: left;
font-family: Segoe UI;
font-style: normal;
font-weight: normal;
font-size: 20px;
color: rgba(0,0,0,1);
[/class]
[class=tab]
position: absolute;
overflow: visible;
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} 1) (show tabsContentHome)
if (eq ${currentTab} 1) (hide tabsContentPersona)
if (eq ${currentTab} 1) (hide tabsContentBackground)
if (eq ${currentTab} 1) (hide tabsContentOther)
if (eq ${currentTab} 1) (hide tabsContentBasics)
if (eq ${currentTab} 1) (show HomeBox)
if (eq ${currentTab} 1) (show BasicBox)
if (eq ${currentTab} 1) (show PersonaBox)
if (eq ${currentTab} 1) (show BackstoryBox)
if (eq ${currentTab} 1) (show ExtraBox)
if (eq ${currentTab} 2) (show tabsContentBasics)
if (eq ${currentTab} 2) (hide tabsContentHome)
if (eq ${currentTab} 2) (hide tabsContentPersona)
if (eq ${currentTab} 2) (hide tabsContentBackground)
if (eq ${currentTab} 2) (hide tabsContentOther)
if (eq ${currentTab} 2) (hide HomeBox)
if (eq ${currentTab} 2) (show BasicBox)
if (eq ${currentTab} 2) (show PersonaBox)
if (eq ${currentTab} 2) (show BackstoryBox)
if (eq ${currentTab} 2) (show ExtraBox)
if (eq ${currentTab} 3) (show tabsContentPersona)
if (eq ${currentTab} 3) (hide tabsContentHome)
if (eq ${currentTab} 3) (hide tabsContentBasics)
if (eq ${currentTab} 3) (hide tabsContentBackground)
if (eq ${currentTab} 3) (hide tabsContentOther)
if (eq ${currentTab} 3) (hide BasicBox)
if (eq ${currentTab} 3) (hide HomeBox)
if (eq ${currentTab} 3) (show PersonaBox)
if (eq ${currentTab} 3) (show BackstoryBox)
if (eq ${currentTab} 3) (show ExtraBox)
if (eq ${currentTab} 4) (show tabsContentBackground)
if (eq ${currentTab} 4) (hide tabsContentHome)
if (eq ${currentTab} 4) (hide tabsContentBasics)
if (eq ${currentTab} 4) (hide tabsContentPersona)
if (eq ${currentTab} 4) (hide tabsContentOther)
if (eq ${currentTab} 4) (hide PersonaBox)
if (eq ${currentTab} 4) (hide BasicBox)
if (eq ${currentTab} 4) (hide HomeBox)
if (eq ${currentTab} 4) (show BackstoryBox)
if (eq ${currentTab} 4) (show ExtraBox)
if (eq ${currentTab} 5) (show tabsContentOther)
if (eq ${currentTab} 5) (hide tabsContentHome)
if (eq ${currentTab} 5) (hide tabsContentBasics)
if (eq ${currentTab} 5) (hide tabsContentPersona)
if (eq ${currentTab} 5) (hide tabsContentBackground)
if (eq ${currentTab} 5) (hide BackstoryBox)
if (eq ${currentTab} 5) (hide PersonaBox)
if (eq ${currentTab} 5) (hide BasicBox)
if (eq ${currentTab} 5) (hide HomeBox)
[/script]
[div class=BG]
[div class=ExtraBox][/div]
[div class=BackstoryBox][/div]
[div class=PersonaBox][/div]
[div class=BasicBox][/div]
[div class=HomeBox][/div]
[div class=tabs]
[div class="TabExtra tab"]
Nicknames: Ari
Age: 19
Gender: Female
Sexuality: Heterosexual
Ethnicity: Caucasian
Height: 5'3
Faceclaim: Dove Cameron
[/div][/div][/div] [div class="tabsContent tabsContentPersona" style="display: none;"][div class=Pic5][/div][div class=Pic6][/div][div class=Pic7][/div][div class=TextContainer][div class=Text]Species: Witch
Abilities: Mainly Arianna has control over the main four elements, but she also has more power than anyone knew: she controls the fifth element as well, spirit. Spirit includes healing, telekinesis, and dream walking/influencing. Little is known about spirit magic.
Likes: cheerleading | coffee | dressing to impress | being organized | dark chocolate | winning | writing | singing
Dislikes: negative attention | her powers | energy drinks | hot water | winter | honey
[/div][/div][/div] [div class="tabsContent tabsContentBackground" style="display: none;"][div class=Pic8][/div][div class=Pic9][/div][div class=Pic10][/div][div class=TextContainer][div class=Text]Backstory: Arianna doesn't remember her birth parents, because they gave her up for adoption. She was adopted by a nice family-- the Jamisons, at a young age. Sadly the mother of that family passed shortly after the adoption, but she still had Henry, Michael, and Luke. Her family was very protective over her, and they absolutely loved her. She loved them, too, but one day when her powers manifested she almost hurt Luke. They were arguing about something and the wind picked up, and next thing they knew, Luke couldn't breathe. If Michael hadn't walked in then, he might not have made it. They never said anything to Henry, but there were other times that made Arianna realize that she had to hunt down her birth parents and figure out where she came from.
[/div][/div][/div] [div class="tabsContent tabsContentOther" style="display: none;"][div class=Pic11][/div][div class=Pic12][/div][div class=Pic13][/div][div class=TextContainer][div class=Text]Significant Relationships: Her adoptive father, and two brothers. Henry, Michael, and Luke.
[/div][/div][/div] [/div]
5
[/div]
[div class="TabBackstory tab"]4
[/div]
[div class="TabPersona tab"]3
[/div]
[div class="TabBasics tab"]2
[/div]
[div class="TabHome tab"]1
[/div]
[/div]
[div class="tabsContent tabsContentHome"][div class=CharacterName]Arianna Faye[/div][div class=Pic1][/div][div class=RoleHere]Jamison[/div][/div]
[div class="tabsContent tabsContentBasics" style="display: none;"][div class=Pic2][/div][div class=Pic3][/div][div class=Pic4][/div][div class=TextContainer][div class=Text]Name: Arianna Faye Jamison
Nicknames: Ari
Age: 19
Gender: Female
Sexuality: Heterosexual
Ethnicity: Caucasian
Height: 5'3
Faceclaim: Dove Cameron
[/div][/div][/div] [div class="tabsContent tabsContentPersona" style="display: none;"][div class=Pic5][/div][div class=Pic6][/div][div class=Pic7][/div][div class=TextContainer][div class=Text]Species: Witch
Abilities: Mainly Arianna has control over the main four elements, but she also has more power than anyone knew: she controls the fifth element as well, spirit. Spirit includes healing, telekinesis, and dream walking/influencing. Little is known about spirit magic.
Likes: cheerleading | coffee | dressing to impress | being organized | dark chocolate | winning | writing | singing
Dislikes: negative attention | her powers | energy drinks | hot water | winter | honey
[/div][/div][/div] [div class="tabsContent tabsContentBackground" style="display: none;"][div class=Pic8][/div][div class=Pic9][/div][div class=Pic10][/div][div class=TextContainer][div class=Text]Backstory: Arianna doesn't remember her birth parents, because they gave her up for adoption. She was adopted by a nice family-- the Jamisons, at a young age. Sadly the mother of that family passed shortly after the adoption, but she still had Henry, Michael, and Luke. Her family was very protective over her, and they absolutely loved her. She loved them, too, but one day when her powers manifested she almost hurt Luke. They were arguing about something and the wind picked up, and next thing they knew, Luke couldn't breathe. If Michael hadn't walked in then, he might not have made it. They never said anything to Henry, but there were other times that made Arianna realize that she had to hunt down her birth parents and figure out where she came from.
[/div][/div][/div] [div class="tabsContent tabsContentOther" style="display: none;"][div class=Pic11][/div][div class=Pic12][/div][div class=Pic13][/div][div class=TextContainer][div class=Text]Significant Relationships: Her adoptive father, and two brothers. Henry, Michael, and Luke.
[/div][/div][/div] [/div]
Code by @Stardust Galaxy
Last edited: