tabbybutnotacat
Junior Member
[div class="majorContainer"]
[div class="fileGridSize"]
[div class="fileTitle"]
Bubblegumbxtch
[/div]
[div class="fileQuote"]
Oh, Honey
[/div]
[/div]
[div class="infoGridOne"]
[div class="infoBoxLeft"]
[div class="infoHeight"]
[div class="infoNumber"]01[/div]
[div class="infoTitle"]name[/div]
[div class="infoField"]Gabriella Nevarah[/div]
[/div]
[/div]
[div class="infoBoxLeft"]
[div class="infoHeight"]
[div class="infoNumber"]02[/div]
[div class="infoTitle"]age[/div]
[div class="infoField"]17[/div]
[/div]
[/div]
[div class="infoBoxLeft"]
[div class="infoHeight"]
[div class="infoNumber"]03[/div]
[div class="infoTitle"]gender[/div]
[div class="infoField"]female[/div]
[/div]
[/div]
[div class="infoBoxLeft"]
[div class="infoHeight"]
[div class="infoNumber"]04[/div]
[div class="infoTitle"]Nickname[/div]
[div class="infoField"]Gabby[/div]
[/div]
[/div]
[/div]
[div class="infoGridTwo"]
[div class="infoBoxRight"]
[div class="infoHeight"]
[div class="infoNumber"]05[/div]
[div class="infoTitle"]occupation[/div]
[div class="infoField"]Hostess[/div]
[/div]
[/div]
[div class="infoBoxRight"]
[div class="infoHeight"]
[div class="infoNumber"]06[/div]
[div class="infoTitle"]height[/div]
[div class="infoField"]5'3"[/div]
[/div]
[/div]
[div class="infoBoxRight"]
[div class="infoHeight"]
[div class="infoNumber"]07[/div]
[div class="infoTitle"]weight[/div]
[div class="infoField"]130lbs[/div]
[/div]
[/div]
[div class="infoBoxRight"]
[div class="infoHeight"]
[div class="infoNumber"]08[/div]
[div class="infoTitle"]sexuality[/div]
[div class="infoField"]heterosexual[/div]
[/div]
[/div]
[/div]
[div class="aestheticGrid"]
[div class="aestheticImage"]
[/div]
[div class="aestheticImage"]
[/div]
[div class="aestheticImage"]
[/div]
[div class="aestheticImage"]
[/div]
[/div]
[div class="characterGrid"]
[div class="characterImage"]
[/div]
[/div]
[div class="overviewGrid"]
[div class="overviewContainer"]
[div class="overviewScroll"]
Gabriella has a particular liking for sweets, adventure, late-night car rides, video games, photography, archery, and cheerleading. She dislikes the dark, being alone, bullies, and being defenseless. Gabriella's strengths lay in her wit, strategic thinking, and her being sneaky and fast. Gabriella's weaknesses consist of her ack of physical strength, and her heights, as well as being easily distracted and sometimes easily intimidated.
[/div]
[/div]
[/div]
[div class="personalityColumn"]
[div class="textContainer"]
[div class="textTitle"]personality[/div]
[div class="textNoscroll"]
[div class="textScroll"]
Gabriella is funny, kind, and a bit of a badass. She gives an outward appearance of being a nice, sweet girl, but her friends knew that she is anything but that. She is mischievous and rambunctious and constantly getting into trouble. Gabriella is very smart, she has As in all her classes except for math, and she's constantly goofing off. Gabriella is very popular, but she is also still very down to earth. She has friends from many different cliques and doesn't care what peoples social status is. If Gabriella likes you, she'll be your friend, otherwise, she won't be, it's as simple as that. Despite her academic smarts, Gabriella is a bit ditzy and clumsy. She is also more reckless than you'd assume someone as smart as she would be. Gabby is just a free spirit who does what she wants, and acts on impulses, even if it sometimes brings her to dangerous situations. As long as she is having fun, and can remain her bubbly self, she doesn't care about risks and dangers. Gabriella is just looking to live the best life she can with the time she has.
[/div]
[/div]
[/div]
[/div]
[div class="dividerGrid"]
[div class="dividerImage"]
[/div]
[/div]
[div class="historyColumn"]
[div class="textContainer"]
[div class="textTitle"]history[/div]
[div class="textNoscroll"]
[div class="textScroll"]
Gabriella moved to Hawkins when she was 16. She was born in Boston, but after her parent's divorce, her mother felt it was time to move back to her home town of Hawkins, Illinois. While Gabriella was less than happy about moving away from her own home city, she made friends rather quickly and soon the town started to grow on her. She made the cheer team and found out that Hawkins High had an archery club, just like her old school. Now a year later, Gabriella has found a place for herself in Hawkins, Illinois, and she is happy to be with her family in her mother's home town.
[/div]
[/div]
[/div]
[/div]
[/div]
[class name="majorContainer" minWidth="900px"]
width:750px;
height:505px;
padding:25px;
margin:5px auto;
border:0.1px solid #f1f1f1;
display:grid;
grid-gap:5px;
grid-template-columns: 120px 120px 120px 120px 120px 120px;
grid-template-rows: 120px 120px 120px 120px
[/class]
[class name="majorContainer"]
--accent:#864052
[/class]
[class name="majorContainer" maxWidth="900px"]
width:245px;
height:1245px;
padding:25px;
margin:5px auto;
border:0.1px solid #f1f1f1;
display:grid;
grid-gap:5px;
grid-template-columns: 120px 120px;
grid-template-rows: 120px 120px 120px 120px 120px 120px 120px 120px 120px 120px;
[/class]
[class name="fileGridSize" minWidth="900px"]
grid-column: 1 / span 3;
grid-row: 1 / 1;
[/class]
[class name="fileGridSize" maxWidth="900px"]
grid-column: 1 / span 2;
grid-row: 1 / 1;
[/class]
[class name="fileTitle"]
border:0.1px solid #f1f1f1;
border-bottom:0px;
padding:40px 50px 37px 50px;
font-size:10px;
font-weight:150;
text-transform:uppercase;
letter-spacing:1px;
height:calc(1.3em - 0.2px)
[/class]
[class name="fileQuote"]
border-left:0.1px solid var(--accent);
border-right:0.1px solid var(--accent);
padding:10px;
background:var(--accent);
font-size:8px;
font-weight:150;
text-transform:uppercase;
color:#fff;
letter-spacing:1px;
height:1.3em;
[/class]
[class name="infoGridOne" minWidth="900px"]
grid-column: 4 / span 1;
grid-row: 1 / 3;
[/class]
[class name="infoGridTwo" minWidth="900px"]
grid-column: 5 / span 1;
grid-row: 1 / 3;
[/class]
[class name="infoGridOne" maxWidth="900px"]
grid-column: 1 / span 1;
grid-row: 3 / span 2;
[/class]
[class name="infoGridTwo" maxWidth="900px"]
grid-column: 2 / span 1;
grid-row: 3 / span 2;
[/class]
[class name="infoBoxLeft"]
width:100px;
padding:10px 5px 10px 15px;
[/class]
[class name="infoHeight"]
height:40px
[/class]
[class name="infoNumber"]
color:var(--accent);
font-family:serif;
font-size:20px;
font-weight:bold;
float:left;
margin-right:5px;
[/class]
[class name="infoTitle"]
font-weight:bold;
font-size:10px;
text-transform:uppercase;
padding-top:2px;
[/class]
[class name="infoField"]
font-size:10px;
text-transform:uppercase;
[/class]
[class name="infoBoxRight"]
width:100px;
padding:10px 15px 10px 5px;
[/class]
[class name="aestheticGrid" minWidth="900px"]
grid-column: 6 / span 1;
grid-row: 1 / 5;
border:0.1px solid #f1f1f1;
[/class]
[class name="aestheticGrid" maxWidth="900px"]
grid-column: 1 / span 2;
grid-row: 9 / span 2;
border:0.1px solid #f1f1f1;
display:flex;
flex-wrap:wrap;
justify-content:space-evenly;
[/class]
[class name="aestheticImage" minWidth="900px"]
margin:35px 20px 30px 20px;
padding:10px;
pointer-events:none;
width:60px;
height:60px;
border:0.1px solid #f1f1f1;
[/class]
[class name="aestheticImage" maxWidth="900px"]
margin:20px;
padding:10px;
pointer-events:none;
width:60px;
height:60px;
border:0.1px solid #f1f1f1;
[/class]
[class name="characterGrid"]
grid-column: 1 / span 1;grid-row: 2 / span 1;
border:0.1px solid #f1f1f1;
[/class]
[class name="characterImage"]
padding:20px;
pointer-events:none;
width:80px;
height:80px
[/class]
[class name="overviewGrid" minWidth="900px"]
grid-column: 2 / span 2;
grid-row: 2 / 2;
border:0.1px solid #f1f1f1;
[/class]
[class name="overviewGrid" maxWidth="900px"]
grid-column: 2 / span 1;
grid-row: 2 / 2;
border:0.1px solid #f1f1f1;
[/class]
[class name="overviewContainer"]
width:calc(100% - 50px);
height:calc(100% - 50px);
margin:15px;
padding:10px;
border:0.1px solid #f1f1f1;
overflow:hidden;
[/class]
[class name="overviewScroll"]
font-size:11px;
width:calc(100% + 17px);
height:100%;
overflow:auto;
padding-right:100px;
text-align:justify;
[/class]
[class name="personalityColumn" minWidth="900px"]
grid-column: 1 / span 2;
grid-row: 3 / span 2;
[/class]
[class name="historyColumn" minWidth="900px"]
grid-column: 4 / span 2;
grid-row: 3 / span 2;
[/class]
[class name="personalityColumn" maxWidth="900px"]
grid-column: 1 / span 2;
grid-row: 5 / span 2;
[/class]
[class name="historyColumn" maxWidth="900px"]
grid-column: 1 / span 2;
grid-row: 7 / span 2;
[/class]
[class name="textContainer" minWidth="900px"]
width:200px;
border:0.1px solid #f1f1f1;
padding:20px;
height:205px
[/class]
[class name="textTitle" minWidth="900px"]
color:var(--accent);
font-family:serif;
font-size:25px;
font-weight:bold;
margin-left:5px;
margin-top:-10px;
[/class]
[class name="textNoscroll" minWidth="900px"]
width:180px;
border:0.1px solid #f1f1f1;
padding:10px;
margin-top:-15px;
height:175px;
overflow:hidden;
[/class]
[class name="textScroll" minWidth="900px"]
width:197px;
height:175px;
overflow:auto;
font-size:11px;
padding-right:100px;
text-align:justify;
[/class]
[class name="textContainer" maxWidth="900px"]
width:205px;
border:0.1px solid #f1f1f1;
padding:20px;
height:205px
[/class]
[class name="textTitle" maxWidth="900px"]
color:var(--accent);
font-family:serif;
font-size:25px;
font-weight:bold;
margin-left:5px;
margin-top:-10px;
[/class]
[class name="textNoscroll" maxWidth="900px"]
width:185px;
border:0.1px solid #f1f1f1;
padding:10px;
margin-top:-15px;
height:175px;
overflow:hidden;
[/class]
[class name="textScroll" maxWidth="900px"]
width:202px;
height:175px;
overflow:auto;
font-size:11px;
padding-right:100px;
text-align:justify;
[/class]
[class name="dividerGrid" minWidth="900px"]
grid-column: 3 / span 1;
grid-row:3 / span 2;
border:0.1px solid #f1f1f1;
[/class]
[class name="dividerGrid" maxWidth="900px"]
display:none
[/class]
[class name="dividerImage"]
margin:10px;
padding:10px;
pointer-events:none;
width:80px;
height:205px;
filter:brightness(120%);
[/class]