tabbybutnotacat
Junior Member
*Click and Scroll*
[div class=Wrap][div class=mainContainer] [div class="scrollWrap One"][div class=textWrap]
[div class=tagsText][div class=title]Alice Renaldi | Mother [/div]
Alice is 45 years old and she works as a real estate agents[/div][/div]
[div class=tagsBox]
[div class=tagsText][div class=title] Casey Rendaldi| Sister [/div]
Casey is 14 and is a Freshman and highschool.[/div][/div]
[div class=tagsBox]
[div class=tagsText][div class=title]Simon Lewis | Best Friend[/div]
Simon has lived next to Kelsey all 18 years of his life[/div][/div]
[div class=tagsBox]
[div class=tagsText][div class=title]Clary Fray | Best Friend [/div]
Clary is also 18, and she's a senior in high school[/div][/div]
[/div][/div][/div][/div][/div]
[div class=tagsBox][div class=title][/div][div class="socialTab tfour"]...see more[/div][/div][/div][/div]
[/div][/div]
[div class="scrollWrap Two"][div class=textWrap]
[/div][/div]
[/div][/div]
[div class="scrollWrap Three"][div class=textWrap]
[/div][/div]
[/div][/div]
[div class="scrollWrap Four"][div class=textWrap]
[div class=title]Height[/div] 5'3"
[div class=title]Weight[/div] 135
[div class=title]Hair Color[/div] Brown
[div class=title]Eye Color[/div] Brown
[div class=title]Physique[/div] Thin
[div class=title]Tattoos/Piercings[/div] Industrial piecring in her left year
Kelsey is on the shorter side, but she is still fiesty. She is pretty weak and small, so she's constantly getting hurt and she bruises at the slghtest touch. Kelsey has long, thick brown hair that she normally keeps down, except for when she's at work. Kelsey normally wears graphic T-s, or crop tops and shorts. Her fashion ranges from totally girly to compelty Tom boy, deending on the day.
[/div][/div]
[/div][div class=block][/div][/div]
[class=Wrap]
margin:auto;center;
width:1050px;
height:auto;
display:flex;
--color1:#F1F1F1;
--color2:#FFCAD4;
--color3:#FFA0AA;
--color4:#9D8189;
--img1:url('https://66.media.tumblr.com/74d1d98545cdfd6d6ea501bbf83b9885/tumblr_inline_pfihxdbdxM1ruvt8g_540.gif');
--img2:url('https://66.media.tumblr.com/0bb264c8b5c89b66c0b1d4385741267c/tumblr_oeqr1fa34J1v38u99o1_250.gif');
cursor:crosshair;
[/class]
[class=block]
width:200px;
height:85vh;
background:var(--color3);
[/class]
[class=mainContainer]
width:850px;
height:85vh;
background:var(--color1);
overflow:hidden;
[/class]
[class=socialTab]
width:100px;
height:auto;
text-align:right;
color:var(--color4);
font-family
pen Sans;
font-size:0.8em;
cursor:pointer;
align-self:flex-end;
[/class]
[class=scrollWrap]
display:none;
width:105%;
height:85vh;
overflow:scroll;
[/class]
[class=textWrap]
width:93.9%;
padding:0.5em;
display:grid;
grid-template-columns: [first] 270px [second] 270px [third] 270px [last];
grid-template-rows: [row1] 170px [row2] 183px [row3] auto [row4] 10% [bottom];
grid-column-gap: 10px;
grid-row-gap: 10px;
[/class]
[class=bubbleWrap]
min-width:250px;
height:auto;
padding:0.8em;
border-radius:30px;
background:#fff;
opacity:0.5;
transition:all 1s ease-in;
font-familypen Sans;
font-size:0.8em;
color:var(--color4);
[/class]
[class name=bubbleWrap state=hover]
opacity:1;
box-shadow:1px 1px 1px var(--color4);
[/class]
[class=header]
font-family
oppins;
font-size:2em;
color:var(--color4);
[/class]
[class=title]
font-familyoppins;
font-size:0.8em;
color:var(--color3);
[/class]
[class=tagsBox]
display:flex;
width:auto;
height:auto;
padding:0.3em;
justify-content:space-between;
[/class]
[class=tagsText]
font-familypen Sans;
font-size:0.8em;
color:var(--color4);
padding-left:0.3em;
[/class]
[class=button]
display:none;
width:50px;
height:50px;
display:flex;
justify-content:center;
align-items:center;
background:#fff;
font-size:2em;
color:var(--color4);
border-radius:50%;
cursor:pointer;
opacity:0.7;
[/class]
[class name=sbuttoncontainer]
display:block;
height:50px;
width:50px;
font-size:0px;
overflow:hidden;
border-radius:50%;
transform:perspective(0);
[/class]
[class name=sbuttonfilter]
overflow: hidden;
position: relative;
top:-5px;
left:-5px;
width:300px;
height:110px;
[/class]
[script class=none]
show One
[/script]
[script class=button on=click]
fadeOut 1000 scrollWrap
fadeIn 1000 One
[/script]
[script class=ttwo on=click]
fadeOut 750 scrollWrap
fadeIn 1000 Two
[/script]
[script class=tthree on=click]
fadeOut 750 scrollWrap
fadeIn 1000 Three
[/script]
[script class=tfour on=click]
fadeOut 750 scrollWrap
fadeIn 1000 Four
[/script][/div][/div][div class=Wrap][div class=mainContainer][/div][/div]
[div class=Wrap][div class=mainContainer] [div class="scrollWrap One"][div class=textWrap]
[div class=bubbleWrap]
[div class=header]Kelsey Renaldi
[div class=tagsBox][div class=title]n.name[/div][div class=tagsText]Kels,Kel[/div][/div]
[div class=tagsBox][div class=title]age[/div][div class=tagsText]19[/div][/div]
[div class=tagsBox][div class=title]gender[/div][div class=tagsText]Female[/div][/div]
[div class=tagsBox][div class=title]pronoun[/div][div class=tagsText]she/her[/div][/div]
[div class=tagsBox][div class=title]occupation[/div][div class=tagsText]Hostess[/div][/div]
[div class=tagsBox][div class=title]fc[/div][div class=tagsText]Selena Gomez[/div][/div]
[div class=tagsBox][div class=title]coded by[/div][div class=tagsText]ri.a[/div][/div]
[/div][/div]
[div class=bubbleWrap][div class=header]Personality
[div class=tagsBox][div class=title]likes[/div][div class=tagsText]sweets, adventure, partying, music, cars[/div][/div]
[div class=tagsBox][div class=title]dislikes[/div][div class=tagsText]jerks, auhority, small spaces, being unable to see in the dark[/div][/div]
[div class=tagsBox][div class=title]vice[/div][div class=tagsText]alcohol, sassy, sarcastic[/div][/div]
[div class=tagsBox][div class=title]virtue[/div][div class=tagsText]sweet, helpful, loyal[/div][/div]
[div class=tagsBox][div class=title][/div][div class="socialTab ttwo"]...read more[/div][/div][/div][/div]
[div class=bubbleWrap][div class=header]Biography
[div class=title]"Kelsey is Simon and Clary's rather mischevious and thrill-seeking best friend. She is always dragging them on crazy adventures and causing trouble. She has lived next door to Simon her whole life and the trio are practically inseperable.[/div]
[div class=tagsBox][div class=title][/div][div class="socialTab tthree"]...read more[/div][/div][/div][/div]
[div class=bubbleWrap][div class=header]Relationships
[div class=tagsBox]
[div class=bubbleWrap][div class=header]Play
[div class=sbuttoncontainer][div class=sbuttonfilter]
[/div][div class=sbuttoncontainer][div class=sbuttonfilter][/div][/div][/div]
[div class=title]Scar Tissue - Red Hot Chili Peppers | Teen Idol - Marina and the Diamonds[/div]
[/div][/div]
[div class=bubbleWrap][div class=header]Description
[div class=button]
[/div]
[div class=bubbleWrap][div class=tagsBox][div class=header]Biography
[div class="socialTab tthree"]...read more[/div][/div]
[div class=tagsBox][div class=header]Description[/div][div class="socialTab tfour"]...read more[/div][/div]
[/div][/div]
[div class=bubbleWrap][div class=header]Personality
Kelsey is a very sarcastic and adventurous girl. She's best friends with Simon and Clary, as she was only a year ahead of them in Highschool and lives next door to Simon. Kelsey is definitely the mischievous one of the group, she's constantly getting in trouble and causing trouble and she always tries to drag Clary and Simon along with her. Despite her mischievousness, she is very sweet and helpful. She loves her friends to bits and would anything for them, however it takes her a little while to actually trust people. Kelsey is tough on the outside, but on the inside, she is very sweet.
[div class=title]Strengths:[/div]
Smart, quick, witty, sly
[div class=title]Weaknesses:[/div]
Physcically weak, clumsy,
[div class=title]Fears[/div]
Birds, not being able to see in the dark
[div class=title]Race:[/div]
Human
[div class=button]
[/div]
[div class=bubbleWrap][div class=tagsBox][div class=header]Personality
[div class="socialTab ttwo"]...read more[/div][/div]
[div class=tagsBox][div class=header]Description[/div][div class="socialTab tfour"]...read more[/div][/div]
[/div][/div]
[div class=bubbleWrap][div class=header]Biography
Kelsey grew up in New York, and lived right next door to Simon Lewis since she was three. Due to this she and Simon became very good friends, and when Simon introduced Kelsey and Clary, the duo became a trio. Kelsey had been best friends with the two for as long as she can remember. They were there at her graduation, and Clary and Simon had both been her prom dates. Kelsey, like Simon and Clary had no idea what Shadowhunters were or anything to do with them. She stood right by Clary's side though, when they found out Clary basically had superpowers. When Simon got turned Kelsey was furious, and honestly ready to kill Raphael, not that a human would be able to do anything to him, but when she saw that Raphael was trying to help Simon she started to feel a great appreciation for the boy.
[div class=button]
[/div]
[div class=bubbleWrap][div class=tagsBox][div class=header]Personality
[div class="socialTab ttwo"]...read more[/div][/div]
[div class=tagsBox][div class=header]Biography[/div][div class="socialTab tthree"]...read more[/div][/div]
[/div][/div]
[div class=bubbleWrap][div class=header]Description
pen Sans;
font-size:0.8em;
cursor:pointer;
align-self:flex-end;
[/class]
[class=scrollWrap]
display:none;
width:105%;
height:85vh;
overflow:scroll;
[/class]
[class=textWrap]
width:93.9%;
padding:0.5em;
display:grid;
grid-template-columns: [first] 270px [second] 270px [third] 270px [last];
grid-template-rows: [row1] 170px [row2] 183px [row3] auto [row4] 10% [bottom];
grid-column-gap: 10px;
grid-row-gap: 10px;
[/class]
[class=bubbleWrap]
min-width:250px;
height:auto;
padding:0.8em;
border-radius:30px;
background:#fff;
opacity:0.5;
transition:all 1s ease-in;
font-familypen Sans;
font-size:0.8em;
color:var(--color4);
[/class]
[class name=bubbleWrap state=hover]
opacity:1;
box-shadow:1px 1px 1px var(--color4);
[/class]
[class=header]
font-familyoppins;
font-size:2em;
color:var(--color4);
[/class]
[class=title]
font-familyoppins;
font-size:0.8em;
color:var(--color3);
[/class]
[class=tagsBox]
display:flex;
width:auto;
height:auto;
padding:0.3em;
justify-content:space-between;
[/class]
[class=tagsText]
font-familypen Sans;
font-size:0.8em;
color:var(--color4);
padding-left:0.3em;
[/class]
[class=button]
display:none;
width:50px;
height:50px;
display:flex;
justify-content:center;
align-items:center;
background:#fff;
font-size:2em;
color:var(--color4);
border-radius:50%;
cursor:pointer;
opacity:0.7;
[/class]
[class name=sbuttoncontainer]
display:block;
height:50px;
width:50px;
font-size:0px;
overflow:hidden;
border-radius:50%;
transform:perspective(0);
[/class]
[class name=sbuttonfilter]
overflow: hidden;
position: relative;
top:-5px;
left:-5px;
width:300px;
height:110px;
[/class]
[script class=none]
show One
[/script]
[script class=button on=click]
fadeOut 1000 scrollWrap
fadeIn 1000 One
[/script]
[script class=ttwo on=click]
fadeOut 750 scrollWrap
fadeIn 1000 Two
[/script]
[script class=tthree on=click]
fadeOut 750 scrollWrap
fadeIn 1000 Three
[/script]
[script class=tfour on=click]
fadeOut 750 scrollWrap
fadeIn 1000 Four
[/script][/div][/div][div class=Wrap][div class=mainContainer][/div][/div]
