apolla
โ it's only love, nobody dies โ
[class=container]
--main-color: #A0C9C9;
--image-1: url(https://www.rollingstone.com/wp-content/uploads/2018/06/rs-16922-rectangle.jpg?resize=1800,1200&w=1800);
--image-2: url(https://data.whicdn.com/images/267361860/original.jpg);
--image-3: url(https://media.giphy.com/media/n465KY58iwf1C/giphy.gif);
--image-4: url(https://media.giphy.com/media/khoU4srF7YSZO/giphy.gif);
--image-5: url(https://media.giphy.com/media/OClkbgFEaf2iQ/giphy.gif);
--image-6: url(https://media.giphy.com/media/11z2hy1Kr7FVGE/giphy.gif);
--image-7: url(https://media.giphy.com/media/rHge2lfPYszrG/giphy.gif);
--image-8: url(https://media1.giphy.com/media/ia4OMeI8SwWvS/source.gif);
--image-9: url(https://66.media.tumblr.com/2116e8aead1637b7effa5668ddc2fe95/tumblr_p9c09fAZwU1wiuat2o1_400.png);
[/class]
[div class=container][div class=border][div class=tabs][div class="tab tab1 chosentab"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div]
[div class="tabContents tabContents1 show"][div class=header]home.[/div] [div class=mainimage][/div] [div class=title]REYNA[/div] [div class=subtitle]THE WILD ONE[/div][/div]
[div class="tabContents tabContents2"][div class=header]about.[/div][div class=tabtwoimage][/div]
[div class=about2][/div]
[div class=about][div class=info][div class=tag]nickname[/div] Raye[/div]
[div class=info][div class=tag]age[/div] 23[/div]
[div class=info][div class=tag]gender[/div] Female[/div]
[div class=info][div class=tag]sexuality[/div] Pansexual[/div][/div][/div]
[div class="tabContents tabContents3"][div class=header]persona.[/div] [div class=tabthreeimage][/div]
[div class=persona][div class=scroll][div class=tag2]likes[/div] parties | reality tv | bangles | binge watching tv shows | iced coffee
[div class=tag2]dislikes[/div] cooking | responsibilities | talking on the phone | homework | red wine
[div class=tag2]fears[/div] drowning | being lonely
[div class=tag2]quirks[/div] tugs on her hair when anxious/embarrassed | bites her lip when trying to flirt
[div class=tag2]theme song[/div]
[/div][/div][/div]
[div class="tabContents tabContents4"][div class=header]backstory.[/div]
[div class=history][div class=scroll][div class=tag]personality.[/div] Reyna has been described as irresponsible, lazy, and self centered. All of those things can be true, but Reyna doesn't like to think that they describe her completely. There's so much more to her than meets the eye, if you want to take the time to get to know her. For example, she has been putting herself first for her entire life, but that doesn't make her heartless or cold. She does care deeply for her friends and her parents, and would do anything she can for them.
She rarely thinks before doing something, making her quite impulsive. Beyond the superficial, she's actually got a bit of insecurities hidden under that wild mane of red hair. She's never liked the way they make her feel, so she buries those feelings in whatever she can: booze, nicotine, pills, sex. Boisterous and loud, alot of people haven't been able to handle her personality for more than a short period of time.
[div class=tag]bio.[/div] Reyna has never really had any sense of responsibility. Born to a set of young parents who really didn't have any business procreating, they never bothered to instill that into their child. Unable to deal with the strain having a baby puts on a relationship, her parents were constantly at each others throats. They were either fighting or fucking; there was no inbetween. A young Reyna learned pretty quickly how to occupy herself, and how to tune out the sounds coming from her parents bedroom. This way of life only increased as Reyna grew up.
Eventually, her parents split, leaving Reyna to go back and forth between the houses. She had two christmases, two birthdays, and all of the special times inbetween. Both of her parents wanted to buy her love, and though she really just wanted some sense of normal, she gave up on that pipe dream as time went on. She accepted the way her life and family was, and just decided to focus on herself. She barely graduated high school, not because she was stupid, but because she didn't feel the need to apply herself. After graduating, she packed up and moved to California to go to school.
[/div][/div][/div]
[div class="tabContents tabContents5"][div class=header]gallery.[/div] [div class=tabfiveimage][/div]
[div class=slideshow][div class=slide][div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div]
[div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div]
[div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div]
[div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div]
[div class=simage style="background: var(--image-8); background-size: cover; background-position: center;"][/div]
[div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div]
[div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div]
[div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div]
[div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div][/div][/div][/div]
[div class=tag2]SPECIES[/div] Human
[div class=tag2]FACE CLAIM[/div] Deborah Ann Woll
[div class=tag2]EYE COLOR[/div] Hazel
[div class=tag2]HAIR COLOR[/div] Red
[div class=tag2]HEIGHT[/div] 5'5
[div class=tag2]WEIGHT[/div] 147lbs
[div class=tag2]DIST. FEATURES[/div] Her hair
coded by constellation.
[class=container]
width: 540px;
height: 350px;
margin: auto;
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;
[/class]
[class=border]
position: absolute;
width: 540px;
height: 350px;
background: #f1f1f1;
margin: 0 auto;
border: 1px solid #f1f1f1;
background-image: url(https://www.transparenttextures.com/patterns/ecailles.png);
[/class]
[class=tabs]
position: absolute;
top: 50px;
left: 0;
height: 290px;
width: 50px;
display: flex;
justify-content: flex-end;
flex-direction: column;
[/class]
[class=tab]
height: 11px;
width: 11px;
background: var(--main-color);
border-radius: 100%;
margin: 5px 20px;
border: 1px solid var(--main-color);
transition: 1s;
[/class]
[class=header]
position: absolute;
top: -50px;
left: -50px;
height: 50px;
width: 320px;
padding: 0 15px;
color: var(--main-color);
line-height: 50px;
text-transform: uppercase;
font-weight: 900;
font-size: 23px;
[/class]
[class=tabContents]
position: absolute;
bottom: 0;
right: 0;
height: 300px;
width: 490px;
background: white;
opacity: 0;
transition: all .5s;
font-family: Sen;
font-size: 12px;
color: black;
[/class]
[class=show]
opacity: 1;
transition: all 1s;
z-index: 1;
[/class]
[script class=tab1 on=click]
addClass show tabContents1
addClass chosentab tab1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab2 on=click]
addClass show tabContents2
addClass chosentab tab2
removeClass show tabContents1
removeClass show tabContents3
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab3
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab3 on=click]
addClass show tabContents3
addClass chosentab tab3
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents4
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab4
removeClass chosentab tab5
[/script]
[script class=tab4 on=click]
addClass show tabContents4
addClass chosentab tab4
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents5
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab5
[/script]
[script class=tab5 on=click]
addClass show tabContents5
addClass chosentab tab5
removeClass show tabContents1
removeClass show tabContents2
removeClass show tabContents3
removeClass show tabContents4
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[class name="tab" state="hover"]
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
background: white;
transition: 1s;
[/class]
[class=chosentab]
background: white;
[/class]
[class=mainimage]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 460px;
background: var(--image-1);
background-size: cover;
background-position: center;
[/class]
[class=title]
position: absolute;
bottom: 50px;
left: 50px;
font-size: 40px;
font-weight: 900;
text-transform: uppercase;
color: var(--main-color);
[/class]
[class=subtitle]
position: absolute;
bottom: 100px;
left: 53px;
font-size: 12px;
font-weight: 200;
text-transform: uppercase;
color: #fff;
[/class]
[class=about]
position: absolute;
top: 0;
left: 0;
height: 80px;
width: 490px;
display: flex;
flex-direction: row;
[/class]
[class=info]
height: 40px;
width: 122.5px;
font-size: 11px;
text-transform: uppercase;
font-weight: 200;
color: #333;
text-align: center;
padding: 20px 0;
[/class]
[class=tag]
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
color: var(--main-color);
[/class]
[class=tabtwoimage]
position: absolute;
top: 80px;
left: 0;
height: 100px;
width: 490px;
background: var(--image-2);
background-size: cover;
background-position: 50% 50%;
[/class]
[class=tag2]
display: inline-block;
padding: 0px 5px;
background: var(--main-color);
color: white;
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
line-height: 150%;
[/class]
[class=about2]
position: absolute;
bottom: 10px;
left: 10px;
height: 100px;
width: 470px;
white-space: pre-line;
overflow-x: hidden;
line-height: 150%;
[/class]
[class=tabthreeimage]
position: absolute;
top: 0;
right: 0;
height: 300px;
width: 250px;
-webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
background: var(--image-3);
background-size: cover;
background-position: 50% 50%;
[/class]
[class=persona]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 235px;
overflow: hidden;
white-space: pre-line;
line-height: 150%;
text-transform: lowercase;
[/class]
[class=scroll]
width: 100%;
height: 100%;
overflow-y: scroll;
padding-right: 17px;
color: #333;
[/class]
[class=boxes]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 460px;
display: flex;
flex-direction: column;
justify-content: space-between;
[/class]
[class=box]
height: 28px;
width: 80px;
background: var(--main-color);
font-size: 11px;
text-transform: uppercase;
font-weight: 200;
color: #fff;
padding: 14px 10px;
line-height: 130%;
[/class]
[class=history]
position: absolute;
top: 15px;
right: 0;
height: 270px;
width: 360px;
overflow: hidden;
white-space: pre-line;
line-height: 150%;
padding-left: 20px;
text-align: justify;
text-transform: lowercase;
[/class]
[class=slideshow]
height: 110px;
max-width: 490px;
margin: 0 auto;
position: relative;
top: 150px;
overflow: hidden;
transform: translate3d(0, 0, 0);
border-top: 3px solid black;
border-bottom: 3px solid black;
[/class]
[class=slide]
height: 110px;
width: 1485px;
background: black;
position: absolute;
top: 0;
left: 0;
height: 100%;
transform: translate3d(0, 0, 0);
[/class]
[class=simage]
display: inline-block;
height: 110px;
width: 161px;
[/class]
[class=slide]
animation: {post_id}move 10s linear infinite;
[/class]
[animation=move]
[keyframe=100]
transform: translateX(-55.56%);
[/keyframe]
[/animation]
[class=tabfiveimage]
position: absolute;
top: 15px;
left: 15px;
height: 270px;
width: 460px;
background: var(--image-9);
background-size: cover;
background-position: center;
[/class]
Last edited: