tabbybutnotacat
Junior Member
[Class=Wrap]
Height:450px;
width:70%;
margin:0px Auto;
overflow:hidden;
transition: height 0.5s ease-in 0s;
//This is the Height of the Accordions in Full View PLUS a closed accordion showwing at the bottom //
//This will hided anything out side the Height Specified//
[/class]
[Class=AccHeading]
border:2px SOLID white;
border-radius:5px;
color:white;
padding:3px;
margin:0px auto;
text-align:center;
background:url(https://cdn.discordapp.com/attachments/359734207024463882/414476705382531073/Shapes.PNG);
//The Accordion Title and the neato box it's in//
[/class]
[Class=Accordion]
position:relative;
background-color:#B0C4DE;
padding: 10px;
Height:40px;
margin:0px auto;
z-index: 3;
overflow:hidden;
text-align:center;
transition: height 0.5s ease-in 0s;
//If you want to add more accordions just copy and paste this code and put a number behind the name//
//just remember to adjust the Margin-top on hover, by adding -60px to it. //
//The Container right now can Hold 5 accordion slides with out adjusting a single thing//
//This is only if you want a 360px height for your full slide//
[/class]
[class name=Accordion state=hover]
position:relative;
Height:370px;
z-index: 3;
background-color: #DDA0DD;
transition: height 0.5s ease-in 0s;
//This makes the Accordion do its accordion thing when a cursor hovers over the title//
[/class]
[Class=Accordion2]
position:relative;
background-color:#B0C4DE;
padding: 10px;
Height:40px;
margin:0px auto;
overflow:hidden;
z-index: 5;
text-align:center;
transition: margin-top 0.5s ease 0s, height 0.5s ease 0.0s;
//the Second Accordion//
[/class]
[class name=Accordion2 state=hover]
position:relative;
Height:370px;
Margin-top:-60px;
z-index: 5;
background-color: #DDA0DD;
transition: Margin-top 0.5s ease 0.0s, height 0.5s ease 0.5s,
[/class]
[Class=Accordion3]
position:relative;
background-color:#B0C4DE;
padding: 10px;
Height:40px;
margin:0px auto;
overflow:hidden;
z-index: 7;
text-align:center;
transition: Margin-top 0.5s ease 0s,height 0.5s ease 0.0s;
//the Third Accordion//
[/class]
[class name=Accordion3 state=hover]
position:relative;
Height:370px;
Margin-top:-120px;
z-index: 7;
background-color: #DDA0DD;
transition:Margin-top 0.5s ease 0.0s, height 0.5s ease 0.5s,
[/class]
[Class=Accordion4]
position:relative;
background-color:#B0C4DE;
padding: 10px;
Height:40px;
margin:0px auto;
overflow:hidden;
z-index: 9;
text-align:center;
transition: Margin-top 0.5s ease 0s,height 0.5s ease 0.0s;
//the Fourth Accordion//
[/class]
[class name=Accordion4 state=hover]
position:relative;
Height:370px;
Margin-top:-180px;
z-index: 9;
background-color: #DDA0DD;
transition:Margin-top 0.5s ease 0.0s, height 0.5s ease 0.5s,
[/class]
[Class=Accordion5]
position:relative;
background-color:#B0C4DE;
padding: 10px;
Height:50px;
margin:0px auto;
overflow:hidden;
z-index: 11;
text-align:center;
transition: Margin-top 0.5s ease 0s,height 0.5s ease 0.0s;
//the Fifth Accordion//
[/class]
[class name=Accordion5 state=hover]
position:relative;
Height:370px;
Margin-top:-240px;
z-index: 11;
background-color: #DDA0DD;
transition:Margin-top 0.5s ease 0.0s, height 0.5s ease 0.5s,
[/class]
[div class=Wrap][div class=Accordion][div class=AccHeading]ＢΛＳＩＣＳ：[/div]
[/div]
[div class=Accordion2][div class=AccHeading]ＰΞＲＳＯＮΛ [/div]
][/div]
[div class=Accordion3][div class=AccHeading]ＢＩＯ [/div]
[/div]
[/div]
[div class=Accordion5][div class=AccHeading]ＦΛＣΞ ＣＬΛＩＭ [/div]
Ξｚｒａ: (Left) Mia Mitchell
Λｍｙ: (Right) Bailee Madison
ＮΛＭΞ : Ezra Aster
ΛＧΞ：17
ＬＩＫΞＳ: Ezra loves the sound of rain at night, and the wind blowing through her hair. She partial to sweets, though she rarely gets to enjoy them and she also loves a good conversation.
ＤＩＳＬＩＫΞＳ：She can't stand The Capitol or anything associated with it. Aster also dislikes people who can't mind their own business and she'll be quick to let someone know about it too.
ΛＧΞ：17
ＬＩＫΞＳ: Ezra loves the sound of rain at night, and the wind blowing through her hair. She partial to sweets, though she rarely gets to enjoy them and she also loves a good conversation.
ＤＩＳＬＩＫΞＳ：She can't stand The Capitol or anything associated with it. Aster also dislikes people who can't mind their own business and she'll be quick to let someone know about it too.
ＰΞＲＳＯＮΛＬＴＩＹ:
Aster is strong, hard-headed, and has a heart of gold. She's seen too much of hardship While she is quick to tell someone off or throw a punch when it comes to the ones she loves she would do anything for them. Under her hard exterior Aster is kind, loving and even a little sensitive, though hardly anyone gets to see this side of her. She's still a spitfire through and through though, and her sass and sarcasm get her into trouble quite frequently.
ＱＵＩＲＫＳ：Easily Distracted, bites her nails
Aster is strong, hard-headed, and has a heart of gold. She's seen too much of hardship While she is quick to tell someone off or throw a punch when it comes to the ones she loves she would do anything for them. Under her hard exterior Aster is kind, loving and even a little sensitive, though hardly anyone gets to see this side of her. She's still a spitfire through and through though, and her sass and sarcasm get her into trouble quite frequently.
ＱＵＩＲＫＳ：Easily Distracted, bites her nails
ＨＩＳＴＯＲＹ:
Aster was born in District 12 to a mining family. Her mother was kind and loving, and her father was hardly ever around. When her younger sister, Amy, was born her father disappeared for good. When Aster was 12 and her sister was 8, her mother died of sickness and Aster was left to fend for herself and her sister on her own. She got by any way she could: theft, bartering, extra rations which meant extra entries in the reaping, now she has a station at The Hob.
Aster was born in District 12 to a mining family. Her mother was kind and loving, and her father was hardly ever around. When her younger sister, Amy, was born her father disappeared for good. When Aster was 12 and her sister was 8, her mother died of sickness and Aster was left to fend for herself and her sister on her own. She got by any way she could: theft, bartering, extra rations which meant extra entries in the reaping, now she has a station at The Hob.
[div class=Accordion4][div class=AccHeading]ＳＴΛＴＳ[/div]
ＳＴＲΞＮＧＨＴＳ：
Ezra is very mentally strong; she has quick wits and can be rather conniving. Aster also uses her innocent looks to her advantage and she has very good conversational skills that she uses to trick people into giving her better deals at The Hob.
ＷΞΛＫＮΞＳＳΞＳ:
Ezra is physically weak, she can lift things with ease, but when it came to fighting she can't hold her own. Ezra is also too mouthy and confident for her own good.
ＣＨΛＲＩＳＭΛ：▲▲▲▲▲ ＳＴＲΞＮＴＨ：▲▲
ＩＮＴΞＬＬΞＣＴ： ▲▲▲▲ ＳＰΞΞＤ：▲▲▲
Ezra is very mentally strong; she has quick wits and can be rather conniving. Aster also uses her innocent looks to her advantage and she has very good conversational skills that she uses to trick people into giving her better deals at The Hob.
ＷΞΛＫＮΞＳＳΞＳ:
Ezra is physically weak, she can lift things with ease, but when it came to fighting she can't hold her own. Ezra is also too mouthy and confident for her own good.
ＣＨΛＲＩＳＭΛ：▲▲▲▲▲ ＳＴＲΞＮＴＨ：▲▲
ＩＮＴΞＬＬΞＣＴ： ▲▲▲▲ ＳＰΞΞＤ：▲▲▲
Λｍｙ: (Right) Bailee Madison
[/div]
Code by @AgWordSmith
[/div]
Last edited:
