eclipsa
faerie sightings
FORT OLYMPIA
we are the chosen ones.
-
This section is for roleplays only.
ALL interest checks/recruiting threads must go in the Recruit Here section.
Please remember to credit artists when using works not your own.
Realistic or Modern FORT OLYMPIA: CONSCRIPTION
- Thread starter eclipsa
- Start date
eclipsa
faerie sightings
ambrose ogden - dionysus - noen eubanks
Last edited by a moderator:
teenage witch
bitch
[class=container]
height: 310px;
width: 360px;
margin: auto;
background-color: white;
overflow: hidden;
[/class]
[class=box1]
height: 250px;
width: 200px;
background-color: white;
margin-left: 140px;
margin-top: 40px;
position: absolute;
border: 1px solid lightgray;
overflow: hidden;
[/class]
[class=image]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
position: absolute;
opacity: 0;
transition: 1s;
z-index: 1;
background-image: url('https://data.whicdn.com/images/327832597/original.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
[/class]
[class name=image state=hover]
cursor: default;
[/class]
[class=personality]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 5px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=history]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 40px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=extra]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 65px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=gallery]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 85px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=slide]
transform: translateX(0);
opacity: 0.2;
transition: opacity 0.5s , transform 1s;
[/class]
[class=image1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://pbs.twimg.com/media/DUoWx0yW4Acx-gx.jpg:large');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image1 state=hover]
cursor: default;
[/class]
[class=image2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://66.media.tumblr.com/b8c3d849ee7f7f6747394e59b497f4c3/tumblr_ppwlx48JcG1v3pieu_540.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image2 state=hover]
cursor: default;
[/class]
[class=image3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://data.whicdn.com/images/319931974/original.png');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image3 state=hover]
cursor: default;
[/class]
[class=showimg]
opacity: 0.8;
transition: 1s;
[/class]
[class=name]
font-size: 18px;
font-family: 'Arial', sans-serif;
font-style: italic;
font-weight: bold;
margin-left: 20px;
margin-top: 120px;
color: black;
position: absolute;
opacity: 0.3;
transition: 1s;
[/class]
[class name=name state=hover]
cursor: default;
[/class]
[class=tabcontainer]
height: 20px;
width: 80px;
position: absolute;
margin-top: 140px;
margin-left: 25px;
background-color: transparent;
padding: 5px;
[/class]
[class=tab1]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 0px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab1 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab2]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 20px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab2 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab3]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 40px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab3 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab4]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 65px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab4 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=content1]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content2]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content3]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content4]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=para]
font-size: 11px;
text-align: justify;
color: black;
padding: 5px;
opacity: 0.7;
[/class]
[class name=para state=hover]
cursor: default;
[/class]
[class=show]
opacity: 1;
transition: 1s;
z-index: 1;
[/class]
[class=g1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://pm1.narvii.com/6703/a37510e1342f9a48db3fb15d59765103511af1e2_hq.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g1 state=hover]
cursor: default;
[/class]
[class=g2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://marriedbiography.com/wp-content/uploads/2018/10/Sydney-Carlson-4.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g2 state=hover]
cursor: default;
[/class]
[class=g3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://pbs.twimg.com/media/DzFvF96UUAA9ktr.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 55px;
[/class]
[class name=g3 state=hover]
cursor: default;
[/class]
[class=credit]
font-size: 10px;
color: rgba(0,0,0,0.3);
font-family: 'Arial', sans-serif;
font-style: italic;
position: absolute;
margin-top: 295px;
margin-left: 200px;
[/class]
[script class=image on=init]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=name on=click]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=tab1 on=click]
addClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab2 on=click]
addClass show content2
removeClass show content1
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab3 on=click]
addClass show content3
removeClass show content1
removeClass show content2
removeClass show content4
removeClass showimg image
[/script]
[script class=tab4 on=click]
addClass show content4
removeClass show content1
removeClass show content2
removeClass show content3
removeClass showimg image
[/script]
[script class=tab1 on=mouseenter]
addClass slide personality
[/script]
[script class=tab1 on=mouseleave]
removeClass slide personality
[/script]
[script class=tab2 on=mouseenter]
addClass slide history
[/script]
[script class=tab2 on=mouseleave]
removeClass slide history
[/script]
[script class=tab3 on=mouseenter]
addClass slide extra
[/script]
[script class=tab3 on=mouseleave]
removeClass slide extra
[/script]
[script class=tab4 on=mouseenter]
addClass slide gallery
[/script]
[script class=tab4 on=mouseleave]
removeClass slide gallery
[/script]
[div class=container]
[div class=box1]
[div class=image][/div]
[div class=content1]
[div class=image1][/div]
[div class=para]name: ember fala hansen
nicknames: em
age: 21
gender: female
s.o: bisexual
year: third
parent: mania
powers: mentokinesis ; mediumship ; death prediction
f.c: sydney carlson
height: 5'7'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: ember hates letting people get too close to her, and she pushes newcomers away whenever possible; her condition feels contagious, and she sees herself as a jinx and fears that's all she's ever going to be. to those who don't know her well, ember is something of a mystery, prone to getting lost in a daze or speaking to people who don't appear to be present. first years tend to be a little afraid of her and she's constantly followed by rumours. on her better days, ember reverts back to her days of showmanship and cons; she'll beat your ass at cards and jokingly read your palm. just don't ask her to fortune tell. she doesn't do that anymore.
interests: gambling ; dancing ; singing ; magic ; witchcraft ; religion ; jewelry making.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: no, she signed up in the hopes that being around experts and people like herself would help her to control herself and not hurt anybody else.
enrollment: ember's enrollment wasn't delayed, she was searching for a place to run and enrolling seemed like the only solution.
family: the hansens are civilians. ember was abandoned by her own parents and raised by her aunt, who traveled with her around the country scamming people with tricks and games. nothing was an illusion to ember; she really could see things in her aunt's crystal ball and hear voices at the seances they held for the grieving. showing her aunt was supposed to be helpful, but the woman never recovered.
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]ember hansen[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
nicknames: em
age: 21
gender: female
s.o: bisexual
year: third
parent: mania
powers: mentokinesis ; mediumship ; death prediction
f.c: sydney carlson
height: 5'7'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: ember hates letting people get too close to her, and she pushes newcomers away whenever possible; her condition feels contagious, and she sees herself as a jinx and fears that's all she's ever going to be. to those who don't know her well, ember is something of a mystery, prone to getting lost in a daze or speaking to people who don't appear to be present. first years tend to be a little afraid of her and she's constantly followed by rumours. on her better days, ember reverts back to her days of showmanship and cons; she'll beat your ass at cards and jokingly read your palm. just don't ask her to fortune tell. she doesn't do that anymore.
interests: gambling ; dancing ; singing ; magic ; witchcraft ; religion ; jewelry making.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: no, she signed up in the hopes that being around experts and people like herself would help her to control herself and not hurt anybody else.
enrollment: ember's enrollment wasn't delayed, she was searching for a place to run and enrolling seemed like the only solution.
family: the hansens are civilians. ember was abandoned by her own parents and raised by her aunt, who traveled with her around the country scamming people with tricks and games. nothing was an illusion to ember; she really could see things in her aunt's crystal ball and hear voices at the seances they held for the grieving. showing her aunt was supposed to be helpful, but the woman never recovered.
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]ember hansen[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
Last edited:
teenage witch
bitch
[class=container]
height: 310px;
width: 360px;
margin: auto;
background-color: white;
overflow: hidden;
[/class]
[class=box1]
height: 250px;
width: 200px;
background-color: white;
margin-left: 140px;
margin-top: 40px;
position: absolute;
border: 1px solid lightgray;
overflow: hidden;
[/class]
[class=image]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
position: absolute;
opacity: 0;
transition: 1s;
z-index: 1;
background-image: url('https://i.pinimg.com/474x/a7/1d/e8/a71de8de5c4350cec9c4c400484930a6.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
[/class]
[class name=image state=hover]
cursor: default;
[/class]
[class=personality]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 5px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=history]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 40px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=extra]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 65px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=gallery]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 85px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=slide]
transform: translateX(0);
opacity: 0.2;
transition: opacity 0.5s , transform 1s;
[/class]
[class=image1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://i.mdel.net/i/db/2016/9/575253/575253-800w.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image1 state=hover]
cursor: default;
[/class]
[class=image2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://i.mdel.net/i/db/2016/9/575254/575254-800w.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image2 state=hover]
cursor: default;
[/class]
[class=image3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://www.dnamodels.com/media/images/useruploaded/cache/ALLSAINTS_SUMMER_IN_THE_CITY_MW_05_CROPPED_72DPI_4x5_3.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image3 state=hover]
cursor: default;
[/class]
[class=showimg]
opacity: 0.8;
transition: 1s;
[/class]
[class=name]
font-size: 18px;
font-family: 'Arial', sans-serif;
font-style: italic;
font-weight: bold;
margin-left: 20px;
margin-top: 120px;
color: black;
position: absolute;
opacity: 0.3;
transition: 1s;
[/class]
[class name=name state=hover]
cursor: default;
[/class]
[class=tabcontainer]
height: 20px;
width: 80px;
position: absolute;
margin-top: 140px;
margin-left: 25px;
background-color: transparent;
padding: 5px;
[/class]
[class=tab1]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 0px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab1 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab2]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 20px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab2 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab3]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 40px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab3 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab4]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 65px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab4 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=content1]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content2]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content3]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content4]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=para]
font-size: 11px;
text-align: justify;
color: black;
padding: 5px;
opacity: 0.7;
[/class]
[class name=para state=hover]
cursor: default;
[/class]
[class=show]
opacity: 1;
transition: 1s;
z-index: 1;
[/class]
[class=g1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://assets.rbl.ms/3512483/980x.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g1 state=hover]
cursor: default;
[/class]
[class=g2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://i.pinimg.com/originals/e7/ab/5e/e7ab5eb535f7e8a15877125903f991a5.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g2 state=hover]
cursor: default;
[/class]
[class=g3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://66.media.tumblr.com/623bbe6349b045ff5cffe1759b42215f/tumblr_nj3y7uxL901qdcghso1_1280.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 55px;
[/class]
[class name=g3 state=hover]
cursor: default;
[/class]
[class=credit]
font-size: 10px;
color: rgba(0,0,0,0.3);
font-family: 'Arial', sans-serif;
font-style: italic;
position: absolute;
margin-top: 295px;
margin-left: 200px;
[/class]
[script class=image on=init]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=name on=click]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=tab1 on=click]
addClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab2 on=click]
addClass show content2
removeClass show content1
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab3 on=click]
addClass show content3
removeClass show content1
removeClass show content2
removeClass show content4
removeClass showimg image
[/script]
[script class=tab4 on=click]
addClass show content4
removeClass show content1
removeClass show content2
removeClass show content3
removeClass showimg image
[/script]
[script class=tab1 on=mouseenter]
addClass slide personality
[/script]
[script class=tab1 on=mouseleave]
removeClass slide personality
[/script]
[script class=tab2 on=mouseenter]
addClass slide history
[/script]
[script class=tab2 on=mouseleave]
removeClass slide history
[/script]
[script class=tab3 on=mouseenter]
addClass slide extra
[/script]
[script class=tab3 on=mouseleave]
removeClass slide extra
[/script]
[script class=tab4 on=mouseenter]
addClass slide gallery
[/script]
[script class=tab4 on=mouseleave]
removeClass slide gallery
[/script]
[div class=container]
[div class=box1]
[div class=image][/div]
[div class=content1]
[div class=image1][/div]
[div class=para]name: kalen michael zaveri
nicknames: kady ; k
age: 22
gender: male
s.o: pansexual
year: second
parent: himeros
powers: psychological intuition ; erokinesis
f.c: luca bertea
height: 6'3'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: everywhere kalen goes, tragedy and disappointment seem to follow. you'd expect the kid to be a lot more downbeat than he is; he may have his periods of poetic melancholy, but most of the time, kalen strives to keep people smiling and always provide and outlet for his friends. he's the last one to ask for help, and the first to offer it. selfless and passionate, kalen is incredibly loyal and tends to form intense bonds with people: the issue is, they're almost always one-sided. kalen has the uncanny and unfortunate ability to imagine romance out of little more than a smile, and his blind optimism usually ends up in rejection. he's come to believe he's cursed, and he can be a tad dramatic about that sometimes.
interests: poetry ; classic literature ; playing piano ; romantic comedies ; creative writing ; art ; theatre ; death ; psychology.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: no, he signed up after [REDACTED].
enrollment: kalen delayed his enrollment so that he could go to college to study creative writing.
family: the zaveris are a civilian family; kalen actually has several half-siblings who are either still in highschool or working in medicine.
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]kalen zaveri[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
nicknames: kady ; k
age: 22
gender: male
s.o: pansexual
year: second
parent: himeros
powers: psychological intuition ; erokinesis
f.c: luca bertea
height: 6'3'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: everywhere kalen goes, tragedy and disappointment seem to follow. you'd expect the kid to be a lot more downbeat than he is; he may have his periods of poetic melancholy, but most of the time, kalen strives to keep people smiling and always provide and outlet for his friends. he's the last one to ask for help, and the first to offer it. selfless and passionate, kalen is incredibly loyal and tends to form intense bonds with people: the issue is, they're almost always one-sided. kalen has the uncanny and unfortunate ability to imagine romance out of little more than a smile, and his blind optimism usually ends up in rejection. he's come to believe he's cursed, and he can be a tad dramatic about that sometimes.
interests: poetry ; classic literature ; playing piano ; romantic comedies ; creative writing ; art ; theatre ; death ; psychology.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: no, he signed up after [REDACTED].
enrollment: kalen delayed his enrollment so that he could go to college to study creative writing.
family: the zaveris are a civilian family; kalen actually has several half-siblings who are either still in highschool or working in medicine.
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]kalen zaveri[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
Last edited:
teenage witch
bitch
[class=container]
height: 310px;
width: 360px;
margin: auto;
background-color: white;
overflow: hidden;
[/class]
[class=box1]
height: 250px;
width: 200px;
background-color: white;
margin-left: 140px;
margin-top: 40px;
position: absolute;
border: 1px solid lightgray;
overflow: hidden;
[/class]
[class=image]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
position: absolute;
opacity: 0;
transition: 1s;
z-index: 1;
background-image: url('https://66.media.tumblr.com/35297e17da6889eb14f4e10b85679898/tumblr_pmjwb78UEC1w5bzojo2_400.png');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
[/class]
[class name=image state=hover]
cursor: default;
[/class]
[class=personality]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 5px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=history]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 40px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=extra]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 65px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=gallery]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 85px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=slide]
transform: translateX(0);
opacity: 0.2;
transition: opacity 0.5s , transform 1s;
[/class]
[class=image1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://21c74d941bf6eb718592-3252f208de3193994ee07fe3312d5355.ssl.cf3.rackcdn.com/2519_adc62da0-6af3-43a9-9bb8-0ae3b9599b2a.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image1 state=hover]
cursor: default;
[/class]
[class=image2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://iv1.lisimg.com/image/17838687/722full-tia-jonsson.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image2 state=hover]
cursor: default;
[/class]
[class=image3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://66.media.tumblr.com/7f0f93b7f2398b26da99e4662fca3161/tumblr_p8tvldKGu01vzf9hfo7_1280.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image3 state=hover]
cursor: default;
[/class]
[class=showimg]
opacity: 0.8;
transition: 1s;
[/class]
[class=name]
font-size: 18px;
font-family: 'Arial', sans-serif;
font-style: italic;
font-weight: bold;
margin-left: 20px;
margin-top: 120px;
color: black;
position: absolute;
opacity: 0.3;
transition: 1s;
[/class]
[class name=name state=hover]
cursor: default;
[/class]
[class=tabcontainer]
height: 20px;
width: 80px;
position: absolute;
margin-top: 140px;
margin-left: 25px;
background-color: transparent;
padding: 5px;
[/class]
[class=tab1]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 0px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab1 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab2]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 20px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab2 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab3]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 40px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab3 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab4]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 65px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab4 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=content1]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content2]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content3]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content4]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=para]
font-size: 11px;
text-align: justify;
color: black;
padding: 5px;
opacity: 0.7;
[/class]
[class name=para state=hover]
cursor: default;
[/class]
[class=show]
opacity: 1;
transition: 1s;
z-index: 1;
[/class]
[class=g1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://i.pinimg.com/originals/7c/4c/83/7c4c8330538707f392f7ba024e618348.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g1 state=hover]
cursor: default;
[/class]
[class=g2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://assets.vogue.com/photos/5b8810e9fe8f4239bf1118ea/master/w_2318,h_3000,c_limit/05-streetstyle-100-tia-jonsson.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g2 state=hover]
cursor: default;
[/class]
[class=g3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://21c74d941bf6eb718592-3252f208de3193994ee07fe3312d5355.ssl.cf3.rackcdn.com/2519_97a619e1-aa46-4816-8958-eb4e8667dca4.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 55px;
[/class]
[class name=g3 state=hover]
cursor: default;
[/class]
[class=credit]
font-size: 10px;
color: rgba(0,0,0,0.3);
font-family: 'Arial', sans-serif;
font-style: italic;
position: absolute;
margin-top: 295px;
margin-left: 200px;
[/class]
[script class=image on=init]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=name on=click]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=tab1 on=click]
addClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab2 on=click]
addClass show content2
removeClass show content1
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab3 on=click]
addClass show content3
removeClass show content1
removeClass show content2
removeClass show content4
removeClass showimg image
[/script]
[script class=tab4 on=click]
addClass show content4
removeClass show content1
removeClass show content2
removeClass show content3
removeClass showimg image
[/script]
[script class=tab1 on=mouseenter]
addClass slide personality
[/script]
[script class=tab1 on=mouseleave]
removeClass slide personality
[/script]
[script class=tab2 on=mouseenter]
addClass slide history
[/script]
[script class=tab2 on=mouseleave]
removeClass slide history
[/script]
[script class=tab3 on=mouseenter]
addClass slide extra
[/script]
[script class=tab3 on=mouseleave]
removeClass slide extra
[/script]
[script class=tab4 on=mouseenter]
addClass slide gallery
[/script]
[script class=tab4 on=mouseleave]
removeClass slide gallery
[/script]
[div class=container]
[div class=box1]
[div class=image][/div]
[div class=content1]
[div class=image1][/div]
[div class=para]name: josephine elaine kindell
nicknames: joey ; jo
age: 18
gender: female
s.o: tbd
year: first
parent: aphrodite
powers: amokinesis ; charmspeak ; erokinesis
f.c: tia jonsson
height: 5'4'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: for a time, joey was everything she was expected to be. unlike her sister, she became the apple of her father's eye, his perfect rose-- only when she grew older did she realise that her sister had grown so many thorns for a reason, and she needed to do the same. anger fuels joey's existence, and over time, that raw passion has given way to ice. she keeps to herself, armed with her own intellect and biting sarcasm to keep her walls up and protect herself. failure has never been an option; when joey sets her mind to something, she accomplishes it. proving herself to be more than she appears is her one goal, and nobody is going to stand in her way. in joey's mind, it doesn't matter what her personality is, all that matters is what it will be.
interests: endurance sports ; boxing ; dogs ; modern history ; languages ; camping ; weaponry ; chemistry.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: no, she volunteered herself.
enrollment: there was never any question of whether joey would delay her enrollment; if she could've enrolled sooner, she would have.
family: the kindells aren't a predominantly military family, what with joey's father being a hairdresser to the stars. that being said, joey's older sister beck was always something of a prodigy and is currently a [need to discuss rank w/ lypsa].
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]joey kindell[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
nicknames: joey ; jo
age: 18
gender: female
s.o: tbd
year: first
parent: aphrodite
powers: amokinesis ; charmspeak ; erokinesis
f.c: tia jonsson
height: 5'4'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: for a time, joey was everything she was expected to be. unlike her sister, she became the apple of her father's eye, his perfect rose-- only when she grew older did she realise that her sister had grown so many thorns for a reason, and she needed to do the same. anger fuels joey's existence, and over time, that raw passion has given way to ice. she keeps to herself, armed with her own intellect and biting sarcasm to keep her walls up and protect herself. failure has never been an option; when joey sets her mind to something, she accomplishes it. proving herself to be more than she appears is her one goal, and nobody is going to stand in her way. in joey's mind, it doesn't matter what her personality is, all that matters is what it will be.
interests: endurance sports ; boxing ; dogs ; modern history ; languages ; camping ; weaponry ; chemistry.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: no, she volunteered herself.
enrollment: there was never any question of whether joey would delay her enrollment; if she could've enrolled sooner, she would have.
family: the kindells aren't a predominantly military family, what with joey's father being a hairdresser to the stars. that being said, joey's older sister beck was always something of a prodigy and is currently a [need to discuss rank w/ lypsa].
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]joey kindell[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
Last edited:
capmarvql
New Member
[div class=variables]
[/div]
[/div][/div]
[div class=tabContents3]
[/div][/div]
[/div][/div]
[div class="tabContents4 show"]
[div class="icon icon3"][/div]
[div class="icon icon4 show"][/div]
[/div][/div]
[/div][/div]
https://www.rpnation.com/threads/❀-—-𝘵𝘩𝘦-𝘤𝘰𝘥𝘦-𝘨𝘢𝘳𝘥𝘦𝘯.466575/[/div]
[class=variables]
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;
--color: #8ea859;
[/class]
[class=link]
display: inline-block;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
font-size: 10px;
font-family: Avenir;
color: #999;
[/class]
[class=tag]
color: var(--color);
text-transform: uppercase;
font-weight: bold;
width: 25%;
margin-right: 5%;
[/class]
[class=icon]
font-size: 33px;
color: #000;
transition: ease 2s;
opacity: 0;
position: absolute;
text-align: center;
[/class]
[class=tab]
height: 25px;
width: 25px;
border-radius: 100%;
background: #fff;
box-sizing: border-box;
font-size: 10px;
text-align: center;
padding: 5px;
border: 1px solid #e6e6e6;
transition: ease-in-out 1s;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class name=tab state=hover]
border: 1px solid var(--color);
transition: ease-in-out 1s;
[/class]
[class=selectedTab]
border: 1px solid var(--color);
background: var(--color);
transition: ease-in-out 1s;
[/class]
[class=container]
position: relative;
overflow: hidden;
height: 400px;
width: 560px;
top: -1400px;
left: 600px;
color: #000;
line-height: 22px;
font-size: 12px;
transition: ease 2s;
[/class]
[class=tabContents1]
background: #fff;
border-radius: 15px;
width: 560px;
height: 340px;
overflow: hidden;
position: relative;
box-sizing: border-box;
transition: ease 2s;
top: -700px;
[/class]
[class=slide1]
top: 30px;
transition: ease 2s;
z-index: 1;
[/class]
[class=tabContents3]
background: #fff;
border-radius: 15px;
width: 560px;
overflow: hidden;
height: 340px;
box-sizing: border-box;
position: relative;
transition: ease 2s;
top: 100px;
[/class]
[class=slide3]
top: -650px;
transition: ease 2s;
z-index: 1;
[/class]
[class=tabContents2]
background: #fff;
border-radius: 15px;
width: 560px;
overflow: hidden;
height: 340px;
position: relative;
box-sizing: border-box;
transition: ease 2s;
left: 800px;
top: -310px;
[/class]
[class=slide2]
left: 0px;
transition: ease 2s;
z-index: 1;
[/class]
[class=tabContents4]
border-radius: 15px;
width: 560px;
height: 340px;
position: relative;
transition: ease 1s;
top: -990px;
opacity: 0;
text-align: center;
[/class]
[class=show]
opacity: 1;
transition: ease 1s;
transition-delay: 1s;
[/class]
[script class=tab1 on=click]
if (eq ${open} 0) (addClass slide1 tabContents1)
if (eq ${open} 0) (removeClass slide2 tabContents2)
if (eq ${open} 0) (removeClass slide3 tabContents3)
if (eq ${open} 0) (removeClass show tabContents4)
if (eq ${open} 0) (addClass selectedTab tab1)
if (eq ${open} 0) (removeClass selectedTab tab2)
if (eq ${open} 0) (removeClass selectedTab tab3)
if (eq ${open} 0) (removeClass selectedTab tab4)
if (eq ${open} 0) (addClass show icon1)
if (eq ${open} 0) (removeClass show icon2)
if (eq ${open} 0) (removeClass show icon3)
if (eq ${open} 0) (removeClass show icon4)
[/script]
[script class=tab2 on=click]
if (eq ${open} 0) (addClass slide2 tabContents2)
if (eq ${open} 0) (removeClass slide1 tabContents1)
if (eq ${open} 0) (removeClass slide3 tabContents3)
if (eq ${open} 0) (removeClass show tabContents4)
if (eq ${open} 0) (addClass selectedTab tab2)
if (eq ${open} 0) (removeClass selectedTab tab1)
if (eq ${open} 0) (removeClass selectedTab tab3)
if (eq ${open} 0) (removeClass selectedTab tab4)
if (eq ${open} 0) (addClass show icon2)
if (eq ${open} 0) (removeClass show icon1)
if (eq ${open} 0) (removeClass show icon3)
if (eq ${open} 0) (removeClass show icon4)
[/script]
[script class=tab3 on=click]
if (eq ${open} 0) (addClass slide3 tabContents3)
if (eq ${open} 0) (removeClass slide1 tabContents1)
if (eq ${open} 0) (removeClass slide2 tabContents2)
if (eq ${open} 0) (removeClass show tabContents4)
if (eq ${open} 0) (addClass selectedTab tab3)
if (eq ${open} 0) (removeClass selectedTab tab1)
if (eq ${open} 0) (removeClass selectedTab tab2)
if (eq ${open} 0) (removeClass selectedTab tab4)
if (eq ${open} 0) (addClass show icon3)
if (eq ${open} 0) (removeClass show icon2)
if (eq ${open} 0) (removeClass show icon1)
if (eq ${open} 0) (removeClass show icon4)
[/script]
[script class=tab4 on=click]
if (eq ${open} 0) (addClass show tabContents4)
if (eq ${open} 0) (removeClass slide1 tabContents1)
if (eq ${open} 0) (removeClass slide2 tabContents2)
if (eq ${open} 0) (removeClass slide3 tabContents3)
if (eq ${open} 0) (addClass selectedTab tab4)
if (eq ${open} 0) (removeClass selectedTab tab2)
if (eq ${open} 0) (removeClass selectedTab tab3)
if (eq ${open} 0) (removeClass selectedTab tab1)
if (eq ${open} 0) (addClass show icon4)
if (eq ${open} 0) (removeClass show icon2)
if (eq ${open} 0) (removeClass show icon3)
if (eq ${open} 0) (removeClass show icon1)
[/script]
[div class="tab tab3"]
[/div]
[div class="tab tab4"]
[/div]
[/div]
[div class=container]
[div class=tabContents1]
[div class=tag]Name
Kavitha Singh
[div class=tag]Age
20
[div class=tag]DOB
08/12
[div class=tag]Year
1
[/div]
[div class=tag]Gender
Female
[/div]
[div class=tag]Orientation
Heterosexual
[/div]
[div class=tag]Parent
Kali, Hindu Goddess of Death
[/div]
[div class=tag]Powers
Time Manipulation & Materialization
[/div]
[div class=tag]Height
5'4
[/div]
[div class=tag]Face Claim
Sayyeshaa
[/div]
[/div][/div]
[/div][/div]
[div class=tabContents2]
[div class=tag]Personality
Kavitha is an analytical problem-solver, eager to improve systems and processes with her innovative ideas. She has a talent for seeing possibilities for improvement, whether at work, at home, or in herself.
[div class=tag]Interests
Law & Proper Etiquette
[div class=tag]Was your character drafted?
Yes.
[div class=tag]Was your character's enrollment delayed? If so, why?
Kavitha's enrollment was delayed for two years because she was attending school.
[div class=tag]Do they come from a civilian or military family?
Civilian.
Kavitha Singh
Daughter of Kali, Hindu Goddess of Death
[/div]
[/div]
[div class="icon icon1"]
[div class="icon icon2"]
Last edited:
eclipsa
faerie sightings
reverie
milk inc 2020
Last edited by a moderator:
sophie.
dumbass ★
[class name=container]
height: 510px;
width: 510px;
margin: auto;
[/class]
[class name=containercont]
height: 500px;
width: 500px;
background: #eeeeee;
[/class]
[class name=border1]
border-top: 1px solid #2E8B57;
width: 400px;
position: relative;
top: 30px;
margin-left: 45px;
[/class]
[class name=pic1]
height: 200px;
width: 235px;
background:URL(https://fashioneditorials.com/wp-content/uploads/2018/06/Chiara-Scelsi-InStyle-Magazine-Paul-Maffi-6.jpg);
background-size: cover;
background-position: 0px -30px;
margin-top: 50px;
margin-left: 30px;
[/class]
[class name=pic2]
height: 200px;
width: 190px;
background:URL(https://www.fashiongonerogue.com/wp-content/uploads/2018/06/Chiara-Scelsi-Editorial09.jpg);
background-size: cover;
float: right;
margin-top: -280px;
margin-right: 65px;
[/class]
[class name=scroll1]
height: 190px;
width: 200px;
overflow: hidden;
margin-top: 10px;
margin-left: 30px;
[/class]
[class name=scroll2]
height: 120px;
width: 200px;
overflow: hidden;
float: right;
margin-top: -205px;
margin-right: 30px;
[/class]
[class name=scrollbox]
height: 98%;
width:calc(100% + 17px);
overflow-y: scroll;
[/class]
[class name=text1]
width: 195px;
font-size: 10px;
text-align: right;
[/class]
[class name=text2]
width: 185px;
font-size: 10px;
text-align: left;
[/class]
[class name=header]
background-color: #2E8B57;
height: 30px;
width: 190px;
float: right;
margin-top: -70px;
margin-right: 65px;
text-align: center;
color: white;
font-size: 20px;
[/class]
[class name=circle1]
background-color:#dcdcdc;
height: 40px;
width: 40px;
border-radius: 50%;
float: right;
margin-right: 210px;
margin-top: -35px;
text-align: center;
font-size: 8px;
[/class]
[class name=circle2]
background-color:#dcdcdc;
height: 40px;
width: 40px;
border-radius: 50%;
float: right;
margin-right: -110px;
margin-top: -35px;
text-align: center;
font-size: 8px;
[/class]
[class name=circle3]
background-color:#dcdcdc;
height: 40px;
width: 40px;
border-radius: 50%;
float: right;
margin-right: -180px;
margin-top: -35px;
text-align: center;
font-size: 8px;
[/class]
[class name=border2]
border-top: 1px solid #2E8B57;
width: 400px;
position: relative;
top: 20px;
margin-left: 45px;
[/class]
[class name=codetag]
font-size: 9px;
text-align: center;
margin-top: 3px;
[/class]
[div class="container"][div class="containercont"] [div class="border1"][/div] [div class="pic1"][/div] [div class="scroll2"][div class="scrollbox"][div class="text2"] [/div]
[div class="text2"] name |adaleide knott
age | 20
dob |may third
year | three
gender | female
orientation | bisexual
parent | medusa
powers | petrification, heightened awareness, snake manipulation
height |five feet, seven inches
fc | chiara scelsi
[/div] [/div][/div] [div class="scroll1"][div class="scrollbox"][div class="text1"] personality | adaleide was born with anger in her blood. everything about her existence was a reminder of her mother's punishment. hotheaded and quick-witted, it was an easy decision to enroll at fort olympia. the only thing she was good at was ruining things.
despite her cold façade and venomous language, ada can be quite interesting if you get to know her. she has a strong set of beliefs and her own moral compass that drives her to follow her own path.
interests | running, reading old books, competition, proving herself right, and sword combat
drafted? |no, she enrolled the moment she turned eighteen.
delayed enrolment? | no.
civilian or military family | civilian family
other | hates the descendants of poseidon for obvious reasons [/div][/div][/div] [div class="pic2"][/div] [div class="header"]
[div class="text2"] name |adaleide knott
age | 20
dob |may third
year | three
gender | female
orientation | bisexual
parent | medusa
powers | petrification, heightened awareness, snake manipulation
height |five feet, seven inches
fc | chiara scelsi
[/div] [/div][/div] [div class="scroll1"][div class="scrollbox"][div class="text1"] personality | adaleide was born with anger in her blood. everything about her existence was a reminder of her mother's punishment. hotheaded and quick-witted, it was an easy decision to enroll at fort olympia. the only thing she was good at was ruining things.
despite her cold façade and venomous language, ada can be quite interesting if you get to know her. she has a strong set of beliefs and her own moral compass that drives her to follow her own path.
interests | running, reading old books, competition, proving herself right, and sword combat
drafted? |no, she enrolled the moment she turned eighteen.
delayed enrolment? | no.
civilian or military family | civilian family
other | hates the descendants of poseidon for obvious reasons [/div][/div][/div] [div class="pic2"][/div] [div class="header"]
ADALEIDE KNOTT
[/div] [div class="circle1"][/div] [div class="circle2"][/div] [div class="circle3"][/div] [div class="border2"][/div] [/div][/div]
[div class="codetag"]coded by ukiiyo[/div]
Last edited:
koala
™
[div class=container][div class=r1base]
[div class=t1][div class=t1image][/div][/div]
[div class=t2][div class=name]abraham howlett[/div]
[div class=r2textbox][div class=r2text]Abraham is the newest instructor at Fort Olympia. He doesn't seem particularly interested in anything except doing his job. If people ask, he will train with them after hours but other than that, he keeps to himself and is a bit mysterious.[/div][/div][/div]
[/div]
[div class=r2base]
[div class=s1][div class=cool1][div class=contentbox][div class=content]|name| Abraham L. Howlett
|nicknames| AB (pronounce letters separately)
|age| 24
|birthday| 09/30
|gender| Male
|sexuality| Demisexual
|role| Physical Combat Instructor
|parent| Nemesis
|powers| enhanced balance & reflexes; temporarily neutralize other demi powers; when hurt by other demi powers, can attack via umbrakinesis with the same receiving force but is personally hurt by that force
[/div][/div][/div][/div]
[div class=s2][div class=cool2][div class=contentbox][div class=content]|fc| Jonathan Hayden
|height| 6'1"
|hair| Black-brown
|eyes| Brown
|features| Multiple tattoos and scars
[/div][/div][/div][/div]
[div class=s3][div class=cool3][div class=contentbox][div class=content]|personality| A recluse, Abraham has a hard time not seeming like he hates everyone. Although he may come off cold, he's simply socially awkward and doesn't know how to approach people he's not already comfortable with. He prefers silence, reading books, or training versus holding a conversation like any normal person. Even though he generally sticks to himself, he will inevitably place himself in harms way to protect his comrades. In general, he's a good instructor and ally.
|interests| Doing his job and Reverie.
[/div][/div][/div][/div]
[div class=s4][div class=cool4][div class=contentbox][div class=content]|was your character drafted?| No.
|was your character's enrollment delayed? if yes why?| Yes. Abraham attended attended war college first. Before that he had severe injury that prevented him from doing anything physically strenuous for about a year.
|do they come from a civilian or military family?| Technically, he comes from a military family. Abraham's parents are military scientists.
[/div][/div][/div][/div]
[/div]
[/div]
[class=container]
background: #463F44;
min-width: 300px;
max-width: 600px;
min-height: 390px;
margin: auto;
[/class]
[class=r1base]
width: 450px;
margin-left: 75px;
margin-top: 50px;
position: absolute;
[/class]
[class=t1]
background: #FFFFFF;
height: 150px;
width: 150px;
float: left;
[/class]
[class=t2]
background: #80727B;
height: 150px;
width: 300px;
float: right;
[/class]
[class=t1image]
background-image: url(https://i.imgur.com/3qKFc9p.jpg);
background-size: 120%;
background-position: 0px -20px;
height: 75px;
width: 75px;
cursor: pointer;
position: absolute;
margin-left: 37px;
margin-top: 37px;
[/class]
[class name=t1image state=hover]
background-image: url(https://i.imgur.com/3qKFc9p.jpg);
background-size: 120%;
background-position: 0px -20px;
height: 150px;
width: 150px;
margin: 0px;
transition-duration: 0.8s;
[/class]
[class=name]
color: white;
font-size: 17px;
letter-spacing: 0.2px;
margin-top: 20px;
margin-left: 25px;
[/class]
[class=r2textbox]
height: 85px;
width: 280px;
overflow: hidden;
margin-left: 10px;
margin-top: 5px;
[/class]
[class=r2text]
border-top: 1px dashed white;
width: calc(100% + 17px);
height: 85px;
overflow: auto;
font-family: Verdana;
color: white;
font-size: 11px;
white-space: pre-line;
text-align: justify;
word-spacing: -2px;
cursor: pointer;
[/class]
[class=r2base]
margin-left: 75px;
margin-top: 220px;
position: absolute;
width: 450px;
display: flex;
flex-direction: row;
[/class]
[class=s1]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #80727B, #BFACAA);
background-size: cover;
cursor: pointer;
[/class]
[class=s2]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #BFACAA, #F1DEDE);
background-size: cover;
margin-left: 3px;
cursor: pointer;
[/class]
[class=s3]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #F1DEDE, #BFACAA);
background-size: cover;
margin-left: 3px;
cursor: pointer;
[/class]
[class=s4]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #BFACAA, #80727B);
background-size: cover;
margin-left: 3px;
cursor: pointer;
[/class]
[class=cool1]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[class=cool2]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[class=cool3]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[class=cool4]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[script class=s1 on=click]
slideToggle 900 cool1
[/script]
[script class=s2 on=click]
slideToggle 900 cool2
[/script]
[script class=s3 on=click]
slideToggle 900 cool3
[/script]
[script class=s4 on=click]
slideToggle 900 cool4
[/script]
[class=contentbox]
height: 110px;
width: 110px;
overflow: hidden;
[/class]
[class=content]
color: #333333;
font-size: 10px;
font-family: Verdana;
width: calc(100% + 12px);
height: 110px;
overflow-y: auto;
white-space: pre-line;
padding: 5px;
[/class]
koala
™
[div class=container][div class=r1base]
[div class=t1][div class=t1image][/div][/div]
[div class=t2][div class=name]shai atwell[/div]
[div class=r2textbox][div class=r2text]A lot of Shai's old friends call him 'Honey Boy' because he's so sweet. It's probably his biggest flaw.[/div][/div][/div]
[/div]
[div class=r2base]
[div class=s1][div class=cool1][div class=contentbox][div class=content]|name| Shai B. Atwell
|nicknames| Honey Boy
|age| 21
|birthday| 04/13
|gender| Male
|sexuality| Heteroflexible
|year| 2
|parent| Aker
|powers| enhanced strength, stamina, and resistance to harm; xylokinesis
[/div][/div][/div][/div]
[div class=s2][div class=cool2][div class=contentbox][div class=content]|fc|Joao Knorr
|height| 6'2”
|hair| Blonde
|eyes| Blue
|features| N/A
[/div][/div][/div][/div]
[div class=s3][div class=cool3][div class=contentbox][div class=content]|personality| Shai is kind and and caring, though his morals are a bit twisted. He'd like a world with zero violence.
|interests| Growing and caring for plants.
[/div][/div][/div][/div]
[div class=s4][div class=cool4][div class=contentbox][div class=content]|was your character drafted?| Yes.
|was your character's enrollment delayed? if yes why?| Yes. Shai was delayed by one year because he had to take care of his mom.
|do they come from a civilian or military family?| Civilian family.
[/div][/div][/div][/div]
[/div]
[/div]
[class=container]
background: #313B43;
min-width: 300px;
max-width: 600px;
min-height: 390px;
margin: auto;
[/class]
[class=r1base]
width: 450px;
margin-left: 75px;
margin-top: 50px;
position: absolute;
[/class]
[class=t1]
background: #FFFFFF;
height: 150px;
width: 150px;
float: left;
[/class]
[class=t2]
background: #4C5C68;
height: 150px;
width: 300px;
float: right;
[/class]
[class=t1image]
background-image: url();
background-size: 110%;
background-position: 0px -20px;
height: 75px;
width: 75px;
cursor: pointer;
position: absolute;
margin-left: 37px;
margin-top: 37px;
[/class]
[class name=t1image state=hover]
background-image: url();
background-size: 110%;
background-position: 0px -20px;
height: 150px;
width: 150px;
margin: 0px;
transition-duration: 0.8s;
[/class]
[class=name]
color: white;
font-size: 17px;
letter-spacing: 0.2px;
margin-top: 20px;
margin-left: 25px;
[/class]
[class=r2textbox]
height: 85px;
width: 280px;
overflow: hidden;
margin-left: 10px;
margin-top: 5px;
[/class]
[class=r2text]
border-top: 1px dashed white;
width: calc(100% + 17px);
height: 85px;
overflow: auto;
font-family: Verdana;
color: white;
font-size: 11px;
white-space: pre-line;
text-align: justify;
word-spacing: -2px;
cursor: pointer;
[/class]
[class=r2base]
margin-left: 75px;
margin-top: 220px;
position: absolute;
width: 450px;
display: flex;
flex-direction: row;
[/class]
[class=s1]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #364156, #4C5C68);
background-size: cover;
cursor: pointer;
[/class]
[class=s2]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #4C5C68, #8C8D8F);
background-size: cover;
margin-left: 3px;
cursor: pointer;
[/class]
[class=s3]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #8C8D8F, #4C5C68);
background-size: cover;
margin-left: 3px;
cursor: pointer;
[/class]
[class=s4]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #4C5C68, #364156);
background-size: cover;
margin-left: 3px;
cursor: pointer;
[/class]
[class=cool1]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[class=cool2]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[class=cool3]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[class=cool4]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[script class=s1 on=click]
slideToggle 900 cool1
[/script]
[script class=s2 on=click]
slideToggle 900 cool2
[/script]
[script class=s3 on=click]
slideToggle 900 cool3
[/script]
[script class=s4 on=click]
slideToggle 900 cool4
[/script]
[class=contentbox]
height: 110px;
width: 110px;
overflow: hidden;
[/class]
[class=content]
color: #333333;
font-size: 10px;
font-family: Verdana;
width: calc(100% + 12px);
height: 110px;
overflow-y: auto;
white-space: pre-line;
padding: 5px;
[/class]
Last edited:
koala
™
[div class=container][div class=r1base]
[div class=t1][div class=t1image][/div][/div]
[div class=t2][div class=name]nakia hemki[/div]
[div class=r2textbox][div class=r2text]Be careful. Nakia is beautiful like a rose, yet her thorns haven’t been cut. People may want to get close to her, however, they’ll only hurt themselves. Her walls are difficult to get through but not impossible to break.[/div][/div][/div]
[/div]
[div class=r2base]
[div class=s1][div class=cool1][div class=contentbox][div class=content]|name| Nakia A. Hemki
|nicknames| Kia
|age| 21
|birthday| 12/20
|gender| Female
|sexuality| Bisexual, Heteromantic
|year| 1
|parent| Menil
|powers| lunar vision & precognition, lunar healing, lunar aura
[/div][/div][/div][/div]
[div class=s2][div class=cool2][div class=contentbox][div class=content]|fc| Zahara Davis
|height| 5'8"
|hair| Brown
|eyes| Brown
|features| A few scars she manages to hide with makeup.
[/div][/div][/div][/div]
[div class=s3][div class=cool3][div class=contentbox][div class=content]|personality| Charming and seductive, Nakia is a flirtatious character and everyone is a potential victim. She's nice but a lot of the times it seems like she's working towards an ulterior motive. Only a few people have seen her with her walls down. They're the only ones that know how delicate she actually is behind her mask, and it's obvious that she acts the way she does to prevent emotional pain. When she feels like people are getting too close, she tends to push them away out of fear.
|interests| Sex, swimming, teasing, music, singing
[/div][/div][/div][/div]
[div class=s4][div class=cool4][div class=contentbox][div class=content]|was your character drafted?| Yes, but it came at the perfect time. She would've voluntarily joined anyways.
|was your character's enrollment delayed? if yes why?| Yes. She was in college.
|do they come from a civilian or military family?| Civilian family.
[/div][/div][/div][/div]
[/div]
[/div]
[class=container]
background: #A67668;
min-width: 300px;
max-width: 600px;
min-height: 390px;
margin: auto;
[/class]
[class=r1base]
width: 450px;
margin-left: 75px;
margin-top: 50px;
position: absolute;
[/class]
[class=t1]
background: #FFFFFF;
height: 150px;
width: 150px;
float: left;
[/class]
[class=t2]
background: #994636;
height: 150px;
width: 300px;
float: right;
[/class]
[class=t1image]
background-image: url(
background-size: 110%;
background-position: 0px 0px;
height: 75px;
width: 75px;
cursor: pointer;
position: absolute;
margin-left: 37px;
margin-top: 37px;
[/class]
[class name=t1image state=hover]
background-image: url(
background-size: 110%;
background-position: 0px 0px;
height: 150px;
width: 150px;
margin: 0px;
transition-duration: 0.8s;
[/class]
[class=name]
color: white;
font-size: 17px;
letter-spacing: 0.2px;
margin-top: 20px;
margin-left: 25px;
[/class]
[class=r2textbox]
height: 85px;
width: 280px;
overflow: hidden;
margin-left: 10px;
margin-top: 5px;
[/class]
[class=r2text]
border-top: 1px dashed white;
width: calc(100% + 17px);
height: 85px;
overflow: auto;
font-family: Verdana;
color: white;
font-size: 11px;
white-space: pre-line;
text-align: justify;
word-spacing: -2px;
cursor: pointer;
[/class]
[class=r2base]
margin-left: 75px;
margin-top: 220px;
position: absolute;
width: 450px;
display: flex;
flex-direction: row;
[/class]
[class=s1]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #994636, #CA907E);
background-size: cover;
cursor: pointer;
[/class]
[class=s2]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #CA907E, #DBD8AE);
background-size: cover;
margin-left: 3px;
cursor: pointer;
[/class]
[class=s3]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #DBD8AE, #CA907E);
background-size: cover;
margin-left: 3px;
cursor: pointer;
[/class]
[class=s4]
width: 110px;
height: 110px;
background: linear-gradient(90deg, #CA907E, #994636);
background-size: cover;
margin-left: 3px;
cursor: pointer;
[/class]
[class=cool1]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[class=cool2]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[class=cool3]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[class=cool4]
height: 110px;
width: 110px;
background: white;
display: none;
[/class]
[script class=s1 on=click]
slideToggle 900 cool1
[/script]
[script class=s2 on=click]
slideToggle 900 cool2
[/script]
[script class=s3 on=click]
slideToggle 900 cool3
[/script]
[script class=s4 on=click]
slideToggle 900 cool4
[/script]
[class=contentbox]
height: 110px;
width: 110px;
overflow: hidden;
[/class]
[class=content]
color: #333333;
font-size: 10px;
font-family: Verdana;
width: calc(100% + 12px);
height: 110px;
overflow-y: auto;
white-space: pre-line;
padding: 5px;
[/class]
Last edited:
sophie.
dumbass ★
[class name=container]
height: 510px;
width: 510px;
margin: auto;
[/class]
[class name=containercont]
height: 500px;
width: 500px;
background: #eeeeee;
[/class]
[class name=border1]
border-top: 1px solid #B8860B;
width: 400px;
position: relative;
top: 30px;
margin-left: 45px;
[/class]
[class name=pic1]
height: 200px;
width: 235px;
background:URL(https://66.media.tumblr.com/946765bdb3faa68871e809cba0db1191/tumblr_otyntlbsYO1w5bzojo1_400.png);
background-size: cover;
background-position: 0px -30px;
margin-top: 50px;
margin-left: 30px;
[/class]
[class name=pic2]
height: 200px;
width: 190px;
background:URL(https://i.pinimg.com/736x/30/e9/73/30e973be0ded88fcd5b6df59744728c2.jpg);
background-size: cover;
float: right;
margin-top: -280px;
margin-right: 65px;
[/class]
[class name=scroll1]
height: 190px;
width: 200px;
overflow: hidden;
margin-top: 10px;
margin-left: 30px;
[/class]
[class name=scroll2]
height: 120px;
width: 200px;
overflow: hidden;
float: right;
margin-top: -205px;
margin-right: 30px;
[/class]
[class name=scrollbox]
height: 98%;
width:calc(100% + 17px);
overflow-y: scroll;
[/class]
[class name=text1]
width: 195px;
font-size: 10px;
text-align: right;
[/class]
[class name=text2]
width: 185px;
font-size: 10px;
text-align: left;
[/class]
[class name=header]
background-color: #B8860B;
height: 30px;
width: 190px;
float: right;
margin-top: -70px;
margin-right: 65px;
text-align: center;
color: white;
font-size: 20px;
[/class]
[class name=circle1]
background-color:#dcdcdc;
height: 40px;
width: 40px;
border-radius: 50%;
float: right;
margin-right: 210px;
margin-top: -35px;
text-align: center;
font-size: 8px;
[/class]
[class name=circle2]
background-color:#dcdcdc;
height: 40px;
width: 40px;
border-radius: 50%;
float: right;
margin-right: -110px;
margin-top: -35px;
text-align: center;
font-size: 8px;
[/class]
[class name=circle3]
background-color:#dcdcdc;
height: 40px;
width: 40px;
border-radius: 50%;
float: right;
margin-right: -180px;
margin-top: -35px;
text-align: center;
font-size: 8px;
[/class]
[class name=border2]
border-top: 1px solid #B8860B;
width: 400px;
position: relative;
top: 20px;
margin-left: 45px;
[/class]
[class name=codetag]
font-size: 9px;
text-align: center;
margin-top: 3px;
[/class]
[div class="container"][div class="containercont"] [div class="border1"][/div] [div class="pic1"][/div] [div class="scroll2"][div class="scrollbox"][div class="text2"] [/div]
[div class="text2"] name |corinne melva
age | 22
dob |november sixteenth
year | two
gender | female
orientation | bisexual
parent | artemis
powers | healing, poison/disease immunity, enhanced coordination
height |five feet, nine inches
fc | alyda grace
[/div] [/div][/div] [div class="scroll1"][div class="scrollbox"][div class="text1"] personality | corie is practically a carbon copy of her mother - she's adventurous, clever, and a little headstrong. her need for excitement often allows curiosity to get the best of her. outgoing and charming, it's not likely you'll find her alone often. despite her confidence, she has the constant need to prove herself. whether it be arm wrestling, racing or combat, you can find her striving to be better than everyone else. one day, she hopes to be on the front lines as a general or an instructor in war college for battle theory.
interests | archery, equestrianism, challenges, new experiences, cooking, pottery.
drafted? |yes. almost immediately, fort olympia noticed her; not because of her skills, but more because of her well known parent.
delayed enrolment? | yes. she went to a four-year liberal arts college and received a degree in anthropology.
civilian or military family | military family; most of her family members enlisted immediately without a college education.
other | n/a [/div][/div][/div] [div class="pic2"][/div] [div class="header"]
[div class="text2"] name |corinne melva
age | 22
dob |november sixteenth
year | two
gender | female
orientation | bisexual
parent | artemis
powers | healing, poison/disease immunity, enhanced coordination
height |five feet, nine inches
fc | alyda grace
[/div] [/div][/div] [div class="scroll1"][div class="scrollbox"][div class="text1"] personality | corie is practically a carbon copy of her mother - she's adventurous, clever, and a little headstrong. her need for excitement often allows curiosity to get the best of her. outgoing and charming, it's not likely you'll find her alone often. despite her confidence, she has the constant need to prove herself. whether it be arm wrestling, racing or combat, you can find her striving to be better than everyone else. one day, she hopes to be on the front lines as a general or an instructor in war college for battle theory.
interests | archery, equestrianism, challenges, new experiences, cooking, pottery.
drafted? |yes. almost immediately, fort olympia noticed her; not because of her skills, but more because of her well known parent.
delayed enrolment? | yes. she went to a four-year liberal arts college and received a degree in anthropology.
civilian or military family | military family; most of her family members enlisted immediately without a college education.
other | n/a [/div][/div][/div] [div class="pic2"][/div] [div class="header"]
CORINNE MELVA
[/div] [div class="circle1"][/div] [div class="circle2"][/div] [div class="circle3"][/div] [div class="border2"][/div] [/div][/div]
[div class="codetag"]coded by ukiiyo[/div]
Last edited:
eclipsa
faerie sightings
dimitri
milk inc 2020
mikaluvkitties
Professional Unicorn Lover
"IF I DIE, I DIE."
NAME echo harrier
AGE 22
DOB 06/03/98
YEAR 1
GENDER bigender (he/she/they)
AGE 22
DOB 06/03/98
YEAR 1
GENDER bigender (he/she/they)
ORIENTATION oh you know
PARENT loki
POWERS shapeshifting ; fire manipulation ; surface-level insecurity reading
HEIGHT 6'1"
FC marcel borowiek
PARENT loki
POWERS shapeshifting ; fire manipulation ; surface-level insecurity reading
HEIGHT 6'1"
FC marcel borowiek
PERSONALITY
+ clever
+ smooth talker
+ self confident
+ smooth talker
+ self confident
- shit-starter
- ...interesting ethics
- total lack of self preservation
- ...interesting ethics
- total lack of self preservation
notes ; most definitely his father's son, such a shithead, speaks his mind, loki apologist- is it legit or for shits and giggles? who knows!!! excellent storyweaver.
INTERESTS
- psychology
- bones
- dead shit in general
- bones
- dead shit in general
- fire
- making people mad
- tea and coffee making
- making people mad
- tea and coffee making
DRAFTED? yes
DELAYED ENROLLMENT? WHY? yes ; college
MILITARY FAMILY? lol nope
Last edited:
eclipsa
faerie sightings
castalia
milk inc 2020
Last edited by a moderator:
eclipsa
faerie sightings
demyx
milk inc 2020
Storme
Junior Member
WIP
[class=background] max-width: 550px; margin: auto; padding: 30px; border: 1px solid #8497A5; background-color: #DCD5CD; box-shadow: 2.5px 2px 3px #B1A598; margin: auto; [/class] [class=header] font-size: 26px; color: #783D13; font-style: italic; [/class] [class=imgheader] width: 100%; height: 250px; background: url('https://i.pinimg.com/564x/10/76/c6/1076c64aa07eadf416b9d225a79f1b4a.jpg'); background-size: 100%; [/class] [class=header_two] text-align: center; font-size: 18px; color: #783D13; [/class] [class=text] color: #945438; font-size: 14px; [/class] [class=icon_one] float: left; margin-right: 1px; margin-top: 5px; pointer-events: none; background: url('https://i.pinimg.com/564x/1d/92/e6/1d92e6610496c8b7bfebccc3945bdc36.jpg'); background-size:100%; height: 115px; width: 115px; [/class] [class=icon_two] float: left; margin-right: 1px; margin-top: 5px; pointer-events: none; background: url('https://i.pinimg.com/564x/a9/27/2a/a9272abeae0a021ef5ebffe6ec473e9a.jpg'); background-size: 100%; height: 115px; width: 115px; [/class] [class=icon_three] float: left; margin-right: 1px; margin-top: 5px; background: url('https://i.pinimg.com/564x/2c/24/9f/2c249fb7f1c8540c6b66b50e2457b88a.jpg'); background-size: 100%; height: 115px; width: 115px; [/class] [class=icon_four] float: left; margin-right: 1px; margin-top: 5px; pointer-events: none; background: url('https://i.pinimg.com/564x/e6/7c/01/e67c01980b0b99049616271121d36128.jpg'); background-size: 110%; height: 115px; width: 115px; [/class] [class=tabs] color: grey; line-height: 1; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: auto; text-align: center; min-width: 350px; width: 20%; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 15%; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} ⚘) (show tabsContentVee) if (eq ${currentTab} ❀) (show tabsContentFinally) if (eq ${currentTab} ❁) (show tabsContentDoes) if (eq ${currentTab} ❋) (show tabsContentTabs) [/script] [div class=background] [div class=header] Hypnos & Thanatos |
Ezra & Malachi Loukas[/div] [div class=imgheader][/div] [div class=tabs][div class=tab style=" margin: auto"]⚘[/div][div class=tab style="margin: auto"]❀[/div][div class=tab style="margin: auto;"]❁[/div][div class=tab style="margin: auto;"]❋[/div][/div] [div class="tabsContent tabsContentVee"][/div]
[div class="tabsContent tabsContentFinally" style="display: none;"][div class=header_two]persona:[/div]
[/div]
[div class="tabsContent tabsContentDoes" style="display: none;"][div class=header_two]theirstory:[/div]
[div class=text]other relationships.[/div][/div][/div][/div] [div class="tabsContent tabsContentTabs" style="display: none;"][div class=header_two]important information:[/div]
[div class=text]weakness: bloop[/div][/div][/div][/div][/div]
[class=background] max-width: 550px; margin: auto; padding: 30px; border: 1px solid #8497A5; background-color: #DCD5CD; box-shadow: 2.5px 2px 3px #B1A598; margin: auto; [/class] [class=header] font-size: 26px; color: #783D13; font-style: italic; [/class] [class=imgheader] width: 100%; height: 250px; background: url('https://i.pinimg.com/564x/10/76/c6/1076c64aa07eadf416b9d225a79f1b4a.jpg'); background-size: 100%; [/class] [class=header_two] text-align: center; font-size: 18px; color: #783D13; [/class] [class=text] color: #945438; font-size: 14px; [/class] [class=icon_one] float: left; margin-right: 1px; margin-top: 5px; pointer-events: none; background: url('https://i.pinimg.com/564x/1d/92/e6/1d92e6610496c8b7bfebccc3945bdc36.jpg'); background-size:100%; height: 115px; width: 115px; [/class] [class=icon_two] float: left; margin-right: 1px; margin-top: 5px; pointer-events: none; background: url('https://i.pinimg.com/564x/a9/27/2a/a9272abeae0a021ef5ebffe6ec473e9a.jpg'); background-size: 100%; height: 115px; width: 115px; [/class] [class=icon_three] float: left; margin-right: 1px; margin-top: 5px; background: url('https://i.pinimg.com/564x/2c/24/9f/2c249fb7f1c8540c6b66b50e2457b88a.jpg'); background-size: 100%; height: 115px; width: 115px; [/class] [class=icon_four] float: left; margin-right: 1px; margin-top: 5px; pointer-events: none; background: url('https://i.pinimg.com/564x/e6/7c/01/e67c01980b0b99049616271121d36128.jpg'); background-size: 110%; height: 115px; width: 115px; [/class] [class=tabs] color: grey; line-height: 1; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: auto; text-align: center; min-width: 350px; width: 20%; [/class] [class=tab] box-sizing: border-box; cursor: pointer; display: inline-block; padding: 10px 0; width: 15%; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} ⚘) (show tabsContentVee) if (eq ${currentTab} ❀) (show tabsContentFinally) if (eq ${currentTab} ❁) (show tabsContentDoes) if (eq ${currentTab} ❋) (show tabsContentTabs) [/script] [div class=background] [div class=header] Hypnos & Thanatos |
Ezra & Malachi Loukas[/div] [div class=imgheader][/div] [div class=tabs][div class=tab style=" margin: auto"]⚘[/div][div class=tab style="margin: auto"]❀[/div][div class=tab style="margin: auto;"]❁[/div][div class=tab style="margin: auto;"]❋[/div][/div] [div class="tabsContent tabsContentVee"]
[div class=header_two]about them:[/div]
[div class=text]nickname(s). EZ , Izzy , Ra | Kai [/div]
[div class=text]age. 19[/div]
[div class=text]birthday. May 30th[/div]
[div class=text]parents. Descendants of the twins Hypnos and Thanatos [/div]
[div class=text]gender. Male[/div]
[div class=text]sexuality. Pansexual[/div]
[div class=text]year. 1[/div][/div][/div]
[div class=header_two]appearance:[/div]
[div class=text]height. 6'2[/div]
[div class=text]weight. 141lbs[/div]
[div class=text]distinguishing features Their eyes and wild curls.[/div]
[div class=text]piercings | tattoos. Ezra has his tongue pierced and Kai has only his ears.[/div]
[div class=text]scars | markings. Ezra has a long scar down his back and Kai has a jagged scar going diagnolly across his abdomen to his hip[/div]
[div class=text]faceclaim.The Dobre Twins[/div][/div][/div]
[div class=icon_one]
[div class=icon_two][/div]
[div class=icon_three][/div]
[div class=icon_four][/div][/div]
[div class=text]vices. bloop[/div]
[div class=text]likes. bloop[/div]
[div class=text]dislikes. bloop[/div]
[div class=text]strengths. bloop[/div]
[div class=text]fears. bloop[/div][/div][/div]
[div class=text]other relationships.[/div][/div][/div][/div] [div class="tabsContent tabsContentTabs" style="display: none;"][div class=header_two]important information:[/div]
[div class=text]weakness: bloop[/div][/div][/div][/div][/div]
codedbycrucially | hidden scroll
teenage witch
bitch
[class=container]
height: 310px;
width: 360px;
margin: auto;
background-color: white;
overflow: hidden;
[/class]
[class=box1]
height: 250px;
width: 200px;
background-color: white;
margin-left: 140px;
margin-top: 40px;
position: absolute;
border: 1px solid lightgray;
overflow: hidden;
[/class]
[class=image]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
position: absolute;
opacity: 0;
transition: 1s;
z-index: 1;
background-image: url('https://lh3.googleusercontent.com/proxy/OSZeQSEhk25hAUAQ3wOtnv9Gfuzl1xKRx-Wi6InPp7l7EACChiKbkGpMgwQS4Xw38mUCwZKESuHf8wMNj6thjxk_0carrOzRBfdWusgQ57zMUyqIa7srpO5WrHY5LwHdwdJ-EOFBudwRnYWY');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
[/class]
[class name=image state=hover]
cursor: default;
[/class]
[class=personality]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 5px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=history]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 40px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=extra]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 65px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=gallery]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 85px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=slide]
transform: translateX(0);
opacity: 0.2;
transition: opacity 0.5s , transform 1s;
[/class]
[class=image1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://i.pinimg.com/236x/6c/b8/91/6cb891ae4b70653fce662366b1b00f72--latour-cropped.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image1 state=hover]
cursor: default;
[/class]
[class=image2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://i.pinimg.com/originals/d1/24/d9/d124d98ec139771a63fba136a12c2a19.png');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image2 state=hover]
cursor: default;
[/class]
[class=image3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://i.pinimg.com/originals/aa/45/01/aa450116bea3b4d7c20716500d4ccbcd.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image3 state=hover]
cursor: default;
[/class]
[class=showimg]
opacity: 0.8;
transition: 1s;
[/class]
[class=name]
font-size: 18px;
font-family: 'Arial', sans-serif;
font-style: italic;
font-weight: bold;
margin-left: 20px;
margin-top: 120px;
color: black;
position: absolute;
opacity: 0.3;
transition: 1s;
[/class]
[class name=name state=hover]
cursor: default;
[/class]
[class=tabcontainer]
height: 20px;
width: 80px;
position: absolute;
margin-top: 140px;
margin-left: 25px;
background-color: transparent;
padding: 5px;
[/class]
[class=tab1]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 0px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab1 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab2]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 20px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab2 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab3]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 40px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab3 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab4]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 65px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab4 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=content1]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content2]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content3]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content4]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=para]
font-size: 11px;
text-align: justify;
color: black;
padding: 5px;
opacity: 0.7;
[/class]
[class name=para state=hover]
cursor: default;
[/class]
[class=show]
opacity: 1;
transition: 1s;
z-index: 1;
[/class]
[class=g1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://data.whicdn.com/images/130968995/original.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g1 state=hover]
cursor: default;
[/class]
[class=g2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://www.malemodelscene.net/wp-content/uploads/2017/10/Untitled-1-4.gif');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g2 state=hover]
cursor: default;
[/class]
[class=g3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://i.pinimg.com/474x/8b/51/1e/8b511eec0f9aea3b87bb89032cbe50cb.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 55px;
[/class]
[class name=g3 state=hover]
cursor: default;
[/class]
[class=credit]
font-size: 10px;
color: rgba(0,0,0,0.3);
font-family: 'Arial', sans-serif;
font-style: italic;
position: absolute;
margin-top: 295px;
margin-left: 200px;
[/class]
[script class=image on=init]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=name on=click]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=tab1 on=click]
addClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab2 on=click]
addClass show content2
removeClass show content1
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab3 on=click]
addClass show content3
removeClass show content1
removeClass show content2
removeClass show content4
removeClass showimg image
[/script]
[script class=tab4 on=click]
addClass show content4
removeClass show content1
removeClass show content2
removeClass show content3
removeClass showimg image
[/script]
[script class=tab1 on=mouseenter]
addClass slide personality
[/script]
[script class=tab1 on=mouseleave]
removeClass slide personality
[/script]
[script class=tab2 on=mouseenter]
addClass slide history
[/script]
[script class=tab2 on=mouseleave]
removeClass slide history
[/script]
[script class=tab3 on=mouseenter]
addClass slide extra
[/script]
[script class=tab3 on=mouseleave]
removeClass slide extra
[/script]
[script class=tab4 on=mouseenter]
addClass slide gallery
[/script]
[script class=tab4 on=mouseleave]
removeClass slide gallery
[/script]
[div class=container]
[div class=box1]
[div class=image][/div]
[div class=content1]
[div class=image1][/div]
[div class=para]name: evander mark hale
nicknames: evie ; andy ; evan
age: 22
gender: male
s.o: tbd
year: first
parent: ares
powers: tbd
f.c: ton heukels
height: 6'5'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: being the literal runt of the hale litter made evan bitter from a young age. he's prone to jealousy and being sneaky to get his way; the process doesn't matter to him so long as he can claim some semblance of a victory. while his brothers consider themselves to be honourable, evan is conniving and selfish. he manipulates people just for the hell of it, and is smarter than he looks. he's determined and resilient, but puts these would-be-positive qualities to poor use.
interests: hand to hand combat ; animals ; hunting ; military history ; literally just sex.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: no, he signed up.
enrollment: despite evan's protests, his mother forced him to delay his enrollment so that he could go to college and get a degree. he studied history, like his brothers before him.
family: the hales are primarily a military family, and are famed for their prowess.
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]evander hale[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
nicknames: evie ; andy ; evan
age: 22
gender: male
s.o: tbd
year: first
parent: ares
powers: tbd
f.c: ton heukels
height: 6'5'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: being the literal runt of the hale litter made evan bitter from a young age. he's prone to jealousy and being sneaky to get his way; the process doesn't matter to him so long as he can claim some semblance of a victory. while his brothers consider themselves to be honourable, evan is conniving and selfish. he manipulates people just for the hell of it, and is smarter than he looks. he's determined and resilient, but puts these would-be-positive qualities to poor use.
interests: hand to hand combat ; animals ; hunting ; military history ; literally just sex.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: no, he signed up.
enrollment: despite evan's protests, his mother forced him to delay his enrollment so that he could go to college and get a degree. he studied history, like his brothers before him.
family: the hales are primarily a military family, and are famed for their prowess.
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]evander hale[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
adored
little nokia
[class=yeah]
width:341px;
height:270px;
margin:auto;
border:1px solid #ccc;
[/class]
[div class=yeah][class=big]
height:270px;
width:120px;
background:#161f1c;
float:left;
[/class]
[div class=big]
[class=img]
height:118px;
width:98px;
background:url('https://i.imgur.com/HLfwpNN.jpg');
background-size:130%;
margin:auto;
margin-top:10px;
border:1px solid #000;
[/class]
[class=img2]
height:118px;
width:98px;
background:url('https://i.imgur.com/Qu5ZOpt.jpg');
background-size:130%;
margin:auto;
margin-top:10px;
border:1px solid #000;
[/class]
[div class=img][/div][div class=img2][/div]
[/div][class=wrap]
height:270px;
width:221px;
background: transparent;
float:left;
[/class]
[div class=wrap]
[class=title]
height:40px;
width:200px;
background:#3d2c22;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
float:left;
margin:10px 10px;
[/class]
[div class=title][div style="color:#fff;font-size:25px;font-family:'Times New Roman';float:left;margin-left:5px;line-height:40px;font-weight:800;"]DOSSIER[/div][/div]
[class=tabhold]
height:8px;
background: transparent;
width:202px;
float:left;
margin-left:10px;
margin-top:-10px;
[/class]
[div class=tabhold][class=tab1]
height:8px;
width:48px;
border-right:1px solid #aaa;
float:left;
cursor:pointer;
[/class]
[class name=tab1 state=hover]
background: #9cb79a;
color:#fff;
transition:1s
[/class]
[class=tab2]
height:8px;
width:49px;
border-right:1px solid #aaa;
float:left;
cursor:pointer;
[/class]
[class name=tab2 state=hover]
background: #9cb79a;
color:#fff;
transition:1s
[/class]
[class=tab3]
height:8px;
width:49px;
border-right:1px solid #aaa;
float:left;
cursor:pointer;
[/class]
[class name=tab3 state=hover]
background: #9cb79a;
color:#fff;
transition:1s
[/class]
[class=tab4]
height:8px;
width:52px;
float:left;
cursor:pointer;
[/class]
[class name=tab4 state=hover]
background: #9cb79a;
color:#fff;
transition:1s
[/class]
[div class=tab1][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]BASICS[/div][/div]
[div class=tab2][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]PERSONA[/div][/div]
[div class=tab3][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]LIFE[/div][/div]
[div class=tab4][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"][/div][/div][/div]
[script class=tab1 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
fadeIn 1000 tabcontent11
addClass Tabs
[/script]
[script class=tab2 on=click]
hide tabcontentbox
fadeIn 1000 tabcontent2
hide tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]
[script class=tab3 on=click]
hide tabcontentbox
hide tabcontent2
fadeIn 1000 tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]
[class=tabcontent11]
height:135px;
width:200px;
float:left;
background: #3d2c22;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
[/class]
[class=tabcontent2]
height:135px;
width:200px;
float:left;
background: #3d2c22;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
display:none;
[/class]
[class=tabcontent3]
height:135px;
width:200px;
float:left;
background: #3d2c22;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
display:none
[/class]
[class=tabcontent4]
height:135px;
width:200px;
float:left;
background:#888;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
display:none;
[/class]
[div class=tabcontent11][class=container1]
width:200px;
height:125px;
margin:0px -0px;
overflow:hidden;
color:#fff;
font-size:10px;
font-family:Arial;
text-align:justify;
line-height:12px;
[/class]
[class=scrollbar1]
width:105%;
height:125px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]
[class=textbox1]width:92%;
[/class]
[div class=container1][div class=scrollbar1][div class=textbox1]NAME. paris ‘azaiah’ rhodes
AGE. nineteen, september fifth
YEAR. second
GENDER. cis male, he/him
ORIENTATION. biromantic, bisexual
PARENT. hephaestus
POWERS.
FACE CLAIM. bror kone [/div][/div] [/div][/div] [div class=tabcontent2] [div class=container1][div class=scrollbar1][div class=textbox1]PERSONALITY. a boy of few words, many speculate paris is shy or is socially awkward, but truthfully he doesn’t have much to say. a shrug of his shoulders or rolling his eyes seem to do a better job of conveying his emotions than words ever did. however, he’s more likely to speak with friends than strangers.
since he was a little boy, paris has always enjoyed creating things and letting his mind wander. he’s very creative and imaginative, and has the ability to seemingly create something from nothing. with his exceptional skills, paris enjoys helping others and aiding them in the construction and/or fixing of their weaponry. however frequent visits to his little shop with the request of fixing something will earn you a hard stare from him and a quiet “tsk”
INTERESTS. his interests don’t veer far from being a mechanic and building things, however being around an abundance of different people, a few other things have taken his interest:
[/div][/div] [/div][/div] [div class=tabcontent3] [div class=container1][div class=scrollbar1][div class=textbox1]WAS HE DRAFTED? yes, due to his knowledge of weaponry and his father.
WAS HIS ENROLLMENT DELAYED? IF YES, WHY? not for long, as paris attended college before dropping out to help.
DOES HE COME FROM A MILITARY OR CIVILIAN FAMILY? mostly civilian, however a few relatives are known for their contributions to the war. [/div][/div] [/div][/div] [class=lilimg] height:50px; width:200px; float:left; margin:10px 10px; background:url('https://i.imgur.com/RNPJqA8.jpg'); background-size: 100%; background-position: 0px 50px; border:1px solid #fff; [/class] [div class=lilimg][/div][/div][/div]
AGE. nineteen, september fifth
YEAR. second
GENDER. cis male, he/him
ORIENTATION. biromantic, bisexual
PARENT. hephaestus
POWERS.
- technokinesis – ability to psychically manipulate machines
- pyrokinesis – ability to control fire
FACE CLAIM. bror kone [/div][/div] [/div][/div] [div class=tabcontent2] [div class=container1][div class=scrollbar1][div class=textbox1]PERSONALITY. a boy of few words, many speculate paris is shy or is socially awkward, but truthfully he doesn’t have much to say. a shrug of his shoulders or rolling his eyes seem to do a better job of conveying his emotions than words ever did. however, he’s more likely to speak with friends than strangers.
since he was a little boy, paris has always enjoyed creating things and letting his mind wander. he’s very creative and imaginative, and has the ability to seemingly create something from nothing. with his exceptional skills, paris enjoys helping others and aiding them in the construction and/or fixing of their weaponry. however frequent visits to his little shop with the request of fixing something will earn you a hard stare from him and a quiet “tsk”
INTERESTS. his interests don’t veer far from being a mechanic and building things, however being around an abundance of different people, a few other things have taken his interest:
- cooking/baking – he’s not the best at it, due to his connection with fire making him more likely to burn his food, but he’s adamant to master this skill.
- combat – despite making the weapons, he’s definitely not who you see on the front lines of the battle and for a while, he’s preferred it that way. but, he’d be lieing if he said he didn’t wish to learn the language of combat and how to defeat an opponent or two.
[/div][/div] [/div][/div] [div class=tabcontent3] [div class=container1][div class=scrollbar1][div class=textbox1]WAS HE DRAFTED? yes, due to his knowledge of weaponry and his father.
WAS HIS ENROLLMENT DELAYED? IF YES, WHY? not for long, as paris attended college before dropping out to help.
DOES HE COME FROM A MILITARY OR CIVILIAN FAMILY? mostly civilian, however a few relatives are known for their contributions to the war. [/div][/div] [/div][/div] [class=lilimg] height:50px; width:200px; float:left; margin:10px 10px; background:url('https://i.imgur.com/RNPJqA8.jpg'); background-size: 100%; background-position: 0px 50px; border:1px solid #fff; [/class] [div class=lilimg][/div][/div][/div]
code by @pasta
kashbambi
boogie woogie wu
[class=variables]
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
--color: #013220;
[/class]
[class=codeContainer]
width: 400px;
height: 410px;
margin: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
[/class]
[class name=codeContainer maxWidth=450px]
width: 350px;
[/class]
[class=top]
width: 400px;
height: 95px;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
[/class]
[class name=top maxWidth=450px]
width: 350px;
[/class]
[class=name]
color: transparent;
font-size: 70px;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--color);
letter-spacing: -2px;
height: 60px;
line-height: 0.9;
transition: 0.5s;
[/class]
[class name=name maxWidth=450px]
font-size: 65px;
line-height: 1;
width: 210px;
overflow: hidden;
[/class]
[class name=name state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
color: var(--color);
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tabsContainer]
width: 160px;
height: 40px;
display: flex;
justify-content: space-between;
align-items: flex-end;
[/class]
[class name=tabsContainer maxWidth=450px]
width: 140px;
[/class]
[class=tab]
height: 20px;
width: 20px;
border: 2px solid var(--color);
border-radius: 50%;
transition: 0.5s;
display: flex;
justify-content: center;
align-items: center;
[/class]
[class=tabInner]
height: 10px;
width: 10px;
border: 2px solid var(--color);
border-radius: 50%;
transition: 0.5s;
opacity: 0;
[/class]
[class=selected]
background-color: var(--color);
opacity: 1;
[/class]
[class=container]
height: 300px;
width: 390px;
position: relative;
margin: auto;
[/class]
[class name=container maxWidth=450px]
width: 350px;
[/class]
[class=content]
height: 300px;
width: 400px;
overflow: hidden;
opacity: 0;
position: absolute;
transition: 0.5s;
font-size: 12px;
[/class]
[class name=content maxWidth=450px]
width: 350px;
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=imgHome]
background-image: url('https://66.media.tumblr.com/5de12b63f6049e60bffa11c501dc5d3c/tumblr_oq2pv9wwbO1w9jjzno7_250.png');
background-size: cover;
height: 150px;
width: 150px;
[/class]
[class=textHome]
font-size: 20px;
text-transform: uppercase;
text-align: center;
width: 200px;
[/class]
[class=title]
font-weight: 900;
text-transform: uppercase;
text-align: right;
font-size: 16px;
[/class]
[class=block]
width: auto;
padding: 0px 2px 0px 2px;
font-size: 10px;
display: inline-block;
background-color: var(--color);
text-transform: uppercase;
color: white;
[/class]
[class=imgSmallContainer]
width: 100%;
height: 90px;
display: flex;
justify-content: space-evenly;
margin: 10px 10px;
[/class]
[class=imgSmall]
width: 90px;
height: 90px;
background-size: cover;
background-position: 80% 50%;
filter: saturate(100%);
[/class]
[class=scroll]
overflow-y: scroll;
padding-right: 40px;
width: 100%;
height: 100%;
[/class]
[class=indent]
display: inline-block;
width: 20px;
height: 1px;
[/class]
[script class=tab01 on=mouseenter]
addClass show tabInner01
[/script]
[script class=tab01 on=mouseleave]
removeClass show tabInner01
[/script]
[script class=tab02 on=mouseenter]
addClass show tabInner02
[/script]
[script class=tab02 on=mouseleave]
removeClass show tabInner02
[/script]
[script class=tab03 on=mouseenter]
addClass show tabInner03
[/script]
[script class=tab03 on=mouseleave]
removeClass show tabInner03
[/script]
[script class=tab04 on=mouseenter]
addClass show tabInner04
[/script]
[script class=tab04 on=mouseleave]
removeClass show tabInner04
[/script]
[script class=tab05 on=mouseenter]
addClass show tabInner05
[/script]
[script class=tab05 on=mouseleave]
removeClass show tabInner05
[/script]
[script class=name on=click]
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab01 on=click]
addClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content01
removeClass show contentHome
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab02 on=click]
addClass selected tabInner02
removeClass selected tabInner01
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content02
removeClass show contentHome
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab03 on=click]
addClass selected tabInner03
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content03
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show content05
[/script]
[script class=tab04 on=click]
addClass selected tabInner04
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner05
addClass show content04
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content05
[/script]
[script class=tab05 on=click]
addClass selected tabInner05
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
addClass show content05
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
[/script]
[div class=variables]
[div class=codeContainer]
[div class=top]
[div class=name]judas[div class=tabBar][/div][/div]
[div class=tabsContainer]
[div class="tab tab01"][div class="tabInner tabInner01"][/div][/div]
[div class="tab tab02"][div class="tabInner tabInner02"][/div][/div]
[div class="tab tab03"][div class="tabInner tabInner03"][/div][/div]
[div class="tab tab04"][div class="tabInner tabInner04"][/div][/div]
[div class="tab tab05"][div class="tabInner tabInner05"][/div][/div]
[/div]
[/div]
[div class=container]
[div class="content contentHome show" style="display: flex; align-items: center; justify-content: space-between;"]
[div class=imgHome][/div]
[div class=textHome]
WHEN I WAS SIXTEEN, MY SENSE FOOLED ME ! THOUGHT GASOLINE WAS ON MY CLOTHES !
[/div]
[/div]
[div class="content content01"]
[div class=scroll]
[div class=title]REQUISITE[/div]
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://em.wattpad.com/0345d8f6a26de2f3e253e6e02e29c70f4ab82cdb/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f634931475837394f414a534f66673d3d2d3633363539323433312e313535386333323530396562343231663538303539393436383039372e676966');"][/div]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/708a6be3df992af88f494595c25bf542/tumblr_mr4fceTtBx1s1qe1go4_250.gifv');"][/div]
[div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/98/01/a5/9801a5ea7b1320cc06d9ff30f5e59a35.gif');"][/div]
[/div]
[div class=block]name[/div] judas rothschild
[div class=block]age[/div] twenty.
[div class=block]dob[/div] may twenty fifth
[div class=block]gender[/div] cismale
[div class=block]orentation[/div] bisexual
[div class=block]parent[/div] poseidon
[div class=block]powers[/div] hydrokinesis, disaster manipulation [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]APPEARANCE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.gifer.com/34u2.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/b62bc45060b96d702a98d2c1a99a6539/tumblr_n5qp5kWUfs1qgnf7bo1_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/85791318ff95fd5e9a7b341ec035e176/tumblr_n5qp5kWUfs1qgnf7bo5_250.gifv');"][/div] [/div] [div class=block]height[/div] six foot
[div class=block]fc[/div] dane dehaan
[div class=block]clothing style[/div] incoming
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2436f76206f27670c6621eef7a77da76/tumblr_inline_p7rwzlL6hd1sccn28_250.gifv'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66-media-tumblr-com.cdn.ampproject.org/ii/w560/s/66.media.tumblr.com/e445b8c34599144c685b99db26bc07a9/tumblr_inline_p7rwznU1aN1sccn28_250.gifv'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66-media-tumblr-com.cdn.ampproject.org/ii/w560/s/66.media.tumblr.com/af8bf6a9a4c7b6c9eb4699ce6fab992b/tumblr_inline_p7rwzmFeoU1sccn28_250.gifv'); background-position: 30% 50%;"][/div] [/div] [div class=block]persona[/div] judas’ reputation precedes him. he’s subjected to rumor on top of rumor of what he’s done and who he’d killed and how he did it. brutal, that judas, no mercy, no feelings at all. there must be something wrong with him. while there definitely is, judas knows he’s not as bad as everyone thinks. before being drafted, he was an addict, a bad one at that. the military destroyed anything left of the physical addiction but mentally, he’s even worse. judas swings between lows and lower lows, every second pushes him closer towards a relapse.
[div class=block]interests[/div] stallions, meteorology, clear lakes, benzodiazepines, glasswork, anatomy, classic rock, embalmings, junk cars
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]INFORMATION[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/b4b1779624b4c78fbc9305590b226a2c/tumblr_inline_okk9a0FOYD1tlil9w_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1e55bb4794dafee6177d9ea9e93180ae/tumblr_inline_okk9a4fexm1tlil9w_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/cb5fe15ee03e0c585576296afb0488f3/tumblr_inline_okk99xUBdm1tlil9w_400.gifv');"][/div] [/div] [div class=indent][/div]→ were they drafted ? ; judas was drafted due to his power level. his addiction proved difficult but that problem was solved with intense training.
[div class=indent][/div]→ was your character's enrollment delayed? ; no
[div class=indent][/div]→ do they come from a civilian or military family? ; civilian. he’s practically an only child and his mother works at a dive bar.
[/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]EXTRAS[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/15ca7e991e626a391bf3ea20c48b24c4/tumblr_inline_okluhwfjsP1tlil9w_400.gifv'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6feaf3538efb42ee201c3b3a0551b542/tumblr_inline_okluhuXd9M1tlil9w_400.gifv'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6feaf3538efb42ee201c3b3a0551b542/tumblr_inline_okluhuXd9M1tlil9w_400.gifv'); background-position: 50% 50%;"][/div] [/div] [div class=block]extras[/div]
[div class=indent][/div]playlist → incoming
[div class=indent][/div]aesthetic → incoming
[div class=indent][/div]trivia→ incoming
[/div] [/div] [/div] [/div]
[div class=block]age[/div] twenty.
[div class=block]dob[/div] may twenty fifth
[div class=block]gender[/div] cismale
[div class=block]orentation[/div] bisexual
[div class=block]parent[/div] poseidon
[div class=block]powers[/div] hydrokinesis, disaster manipulation [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]APPEARANCE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.gifer.com/34u2.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/b62bc45060b96d702a98d2c1a99a6539/tumblr_n5qp5kWUfs1qgnf7bo1_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/85791318ff95fd5e9a7b341ec035e176/tumblr_n5qp5kWUfs1qgnf7bo5_250.gifv');"][/div] [/div] [div class=block]height[/div] six foot
[div class=block]fc[/div] dane dehaan
[div class=block]clothing style[/div] incoming
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2436f76206f27670c6621eef7a77da76/tumblr_inline_p7rwzlL6hd1sccn28_250.gifv'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66-media-tumblr-com.cdn.ampproject.org/ii/w560/s/66.media.tumblr.com/e445b8c34599144c685b99db26bc07a9/tumblr_inline_p7rwznU1aN1sccn28_250.gifv'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66-media-tumblr-com.cdn.ampproject.org/ii/w560/s/66.media.tumblr.com/af8bf6a9a4c7b6c9eb4699ce6fab992b/tumblr_inline_p7rwzmFeoU1sccn28_250.gifv'); background-position: 30% 50%;"][/div] [/div] [div class=block]persona[/div] judas’ reputation precedes him. he’s subjected to rumor on top of rumor of what he’s done and who he’d killed and how he did it. brutal, that judas, no mercy, no feelings at all. there must be something wrong with him. while there definitely is, judas knows he’s not as bad as everyone thinks. before being drafted, he was an addict, a bad one at that. the military destroyed anything left of the physical addiction but mentally, he’s even worse. judas swings between lows and lower lows, every second pushes him closer towards a relapse.
[div class=block]interests[/div] stallions, meteorology, clear lakes, benzodiazepines, glasswork, anatomy, classic rock, embalmings, junk cars
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]INFORMATION[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/b4b1779624b4c78fbc9305590b226a2c/tumblr_inline_okk9a0FOYD1tlil9w_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1e55bb4794dafee6177d9ea9e93180ae/tumblr_inline_okk9a4fexm1tlil9w_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/cb5fe15ee03e0c585576296afb0488f3/tumblr_inline_okk99xUBdm1tlil9w_400.gifv');"][/div] [/div] [div class=indent][/div]→ were they drafted ? ; judas was drafted due to his power level. his addiction proved difficult but that problem was solved with intense training.
[div class=indent][/div]→ was your character's enrollment delayed? ; no
[div class=indent][/div]→ do they come from a civilian or military family? ; civilian. he’s practically an only child and his mother works at a dive bar.
[/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]EXTRAS[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/15ca7e991e626a391bf3ea20c48b24c4/tumblr_inline_okluhwfjsP1tlil9w_400.gifv'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6feaf3538efb42ee201c3b3a0551b542/tumblr_inline_okluhuXd9M1tlil9w_400.gifv'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6feaf3538efb42ee201c3b3a0551b542/tumblr_inline_okluhuXd9M1tlil9w_400.gifv'); background-position: 50% 50%;"][/div] [/div] [div class=block]extras[/div]
[div class=indent][/div]playlist → incoming
[div class=indent][/div]aesthetic → incoming
[div class=indent][/div]trivia→ incoming
[/div] [/div] [/div] [/div]
coded by shady.
[/div][div class=variables][/div]
Last edited:
lovers
fools on parade
[class=variables]
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
--color: #141414;
[/class]
[class=container]
width: 350px;
display: flex;
margin: auto;
flex-direction: column;
justify-content: flex-start;
[/class]
[class=name]
font-size: 40px;
font-weight: 900;
line-height: 0.7;
color: var(--color);
[/class]
[class=tabsContainer]
width: 350px;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;
[/class]
[class=title]
font-size: 20px;
border: 1px solid var(--color);
padding: 3px;
box-sizing: border-box;
line-height: 1;
letter-spacing: 2px;
transition: 1s;
[/class]
[class name=title state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
background-color: var(--color);
color: white;
[/class]
[class=bigGap]
flex-grow: 3;
[/class]
[class=gap]
flex-grow: 2;
[/class]
[class=tab]
text-shadow: -1px -1px 0 var(--color), 1px -1px 0 var(--color), -1px 1px 0 var(--color), 1px 1px 0 var(--color);
font-size: 30px;
color: white;
transition: 1s;
flex-basis: auto;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
color: var(--color);
[/class]
[class=contentContainer]
height: 350px;
width: 350px;
position: relative;
[/class]
[class=content]
height: 350px;
width: 350px;
opacity: 0;
position: absolute;
transition: 1s;
padding: 10px;
box-sizing: border-box;
font-size: 12px;
overflow: hidden;
[/class]
[class=scroll]
overflow-y: scroll;
padding-right: 40px;
width: 100%;
height: 100%;
[/class]
[class=bigImg]
height: 330px;
width: 330px;
background-image: url('https://66.media.tumblr.com/088a3528b2043bc5d9358a1af3f82670/0ce59be9da822901-13/s540x810/1c0c1f77dfe96889a2a5988a656a6a5aef642a9c.jpg');
background-size: cover;
[/class]
[class=tag]
width: auto;
height: 16px;
padding: 0px 2px 0px 2px;
display: inline-block;
border: 1px solid var(--color);
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=titleSelected]
background-color: var(--color);
color: white;
[/class]
[class=selected]
color: var(--color);
[/class]
[script class=title on=click]
addClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
addClass titleSelected title
removeClass selected tab01
removeClass selected tab02
removeClass selected tab03
[/script]
[script class=tab01 on=click]
addClass show content01
removeClass show contentHome
removeClass show content02
removeClass show content03
addClass selected tab01
removeClass titleSelected title
removeClass selected tab02
removeClass selected tab03
[/script]
[script class=tab02 on=click]
addClass show content02
removeClass show contentHome
removeClass show content01
removeClass show content03
addClass selected tab02
removeClass titleSelected title
removeClass selected tab01
removeClass selected tab03
[/script]
[script class=tab03 on=click]
addClass show content03
removeClass show contentHome
removeClass show content01
removeClass show content02
addClass selected tab03
removeClass titleSelected title
removeClass selected tab01
removeClass selected tab02
[/script]
[div class=variables]
[div class=container]
[div class=name]tom walker[/div]
[div class=tabsContainer]
[div class="title titleSelected"]SON OF ANUBIS[/div]
[div class=bigGap][/div]
[div class="tab tab01"]01.[/div]
[div class=gap][/div]
[div class="tab tab02"]02.[/div]
[div class=gap][/div]
[div class="tab tab03"]03.[/div]
[/div]
[div class=contentContainer]
[div class="content contentHome show"]
[div class=bigImg][/div]
[/div]
[div class="content content01"]
[div class=scroll]
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/b41a0cd703ac965dd4e718309b2831e4/c951e43b8ffe433b-8f/s250x400/79c01e76731b6fdd94414d7946d8174d1260bfe9.gifv');"][/div]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1ffb217b4be57c7c8a7b410fa3173336/c951e43b8ffe433b-fc/s250x400/2b15b467364efeb80cd79467487343f2d1e2aa3c.gifv');"][/div]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/a8cd17ffdf99de409e6a148c10cd1361/c951e43b8ffe433b-a6/s250x400/1ee64cf2a6220988af668bfbe4da27debac47ba5.gifv');"][/div]
[/div]
[div class=tag]name[/div] thomas walker.
[div class=tag]nickname[/div] tom, tomcat.
[div class=tag]age[/div] 28.
[div class=tag]dob[/div] march 4th.
[div class=tag]year[/div] 1.
[div class=tag]gender[/div] cismale.
[div class=tag]orientation[/div] bisexual.
[div class=tag]parent[/div] anubis.
[div class=tag]powers[/div] wip.
[div class=tag]height[/div] 6'2".
[div class=tag]fc[/div] robert pattinson. [/div] [/div] [div class="content content02"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/51df2154feb555810ac89a921ff96cb0/c951e43b8ffe433b-1c/s250x400/ec813f90514dedc4d88e491dade5e0acac11dfb8.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/25cacd695a2436464b38dc6a99ce7f3b/c951e43b8ffe433b-34/s250x400/84b9a854f60111177d23a3653b61dd6893ae7cf3.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/52ea2567c180811dd5b98689d3849a68/c951e43b8ffe433b-a9/s250x400/135b836b9b263e4caac46784a3a335dff78cb9ae.gifv');"][/div] [/div] [div class=tag]virtues[/div] fortitudinous, steadfast, charismatic, observant.
[div class=tag]vices[/div] dishonest, hedonistic, stubborn, self-absorbed.
[div class=tag]personality[/div] once lively and fun-loving, tom walker has become a shell of his former self. consumed by his daughter's tragic passing, he has succumbed to the meaningless pursuit of empty pleasures. while he is charismatic, he is primarily nonverbal; when he's not plastered, he's surprisingly strong-willed, capable, and astute. despite his shortcomings, he's often described as having a magnetic aura (although some say his captivating qualities are similar to the captivating qualities of a slow-motion car wreck).
[div class=tag]interests[/div] loves dogs, alcohol, caffeine, amphetamines, painkillers, casual sex, finding a state of being comfortably numb. [/div] [/div] [div class="content content03"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/tumblr_m88aazcH2M1qdspdto2_250.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/tumblr_m88aazcH2M1qdspdto8_250.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/tumblr_m88aazcH2M1qdspdto2_250.gif');"][/div] [/div] [div class=tag]drafted?[/div] no.
[div class=tag]delayed?[/div] yes. he was deferred on account of being a single father providing for his daughter. after her death, he voluntarily enlisted.
[div class=tag]civilian or military?[/div] civilian. [/div] [/div] [/div] [/div] [/div]
[div class=tag]nickname[/div] tom, tomcat.
[div class=tag]age[/div] 28.
[div class=tag]dob[/div] march 4th.
[div class=tag]year[/div] 1.
[div class=tag]gender[/div] cismale.
[div class=tag]orientation[/div] bisexual.
[div class=tag]parent[/div] anubis.
[div class=tag]powers[/div] wip.
[div class=tag]height[/div] 6'2".
[div class=tag]fc[/div] robert pattinson. [/div] [/div] [div class="content content02"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/51df2154feb555810ac89a921ff96cb0/c951e43b8ffe433b-1c/s250x400/ec813f90514dedc4d88e491dade5e0acac11dfb8.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/25cacd695a2436464b38dc6a99ce7f3b/c951e43b8ffe433b-34/s250x400/84b9a854f60111177d23a3653b61dd6893ae7cf3.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/52ea2567c180811dd5b98689d3849a68/c951e43b8ffe433b-a9/s250x400/135b836b9b263e4caac46784a3a335dff78cb9ae.gifv');"][/div] [/div] [div class=tag]virtues[/div] fortitudinous, steadfast, charismatic, observant.
[div class=tag]vices[/div] dishonest, hedonistic, stubborn, self-absorbed.
[div class=tag]personality[/div] once lively and fun-loving, tom walker has become a shell of his former self. consumed by his daughter's tragic passing, he has succumbed to the meaningless pursuit of empty pleasures. while he is charismatic, he is primarily nonverbal; when he's not plastered, he's surprisingly strong-willed, capable, and astute. despite his shortcomings, he's often described as having a magnetic aura (although some say his captivating qualities are similar to the captivating qualities of a slow-motion car wreck).
[div class=tag]interests[/div] loves dogs, alcohol, caffeine, amphetamines, painkillers, casual sex, finding a state of being comfortably numb. [/div] [/div] [div class="content content03"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/tumblr_m88aazcH2M1qdspdto2_250.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/tumblr_m88aazcH2M1qdspdto8_250.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/tumblr_m88aazcH2M1qdspdto2_250.gif');"][/div] [/div] [div class=tag]drafted?[/div] no.
[div class=tag]delayed?[/div] yes. he was deferred on account of being a single father providing for his daughter. after her death, he voluntarily enlisted.
[div class=tag]civilian or military?[/div] civilian. [/div] [/div] [/div] [/div] [/div]
coded by shady.
LittleCal
hee hee hoo hoo haa haa
ARI FANNAR
"This ain't exactly a laughing matter."
- Name: Ari Fannar
Age: 21(born Jan. 17th, 1999)
Year: 1
Gender: Male (he/his)
Orientation: Good luck getting close enough to find out
Parent: Skadi
Height: 5’10”
Faceclaim: Avan Jogia
Powers:
➵ enhanced combat (archery)
➵ can scale steep surfaces easily (if a mountain goat could manage it, so could he)
➵ ice manipulation
Last edited:
adored
little nokia
[class=yeah]
width:341px;
height:270px;
margin:auto;
border:1px solid #ccc;
[/class]
[div class=yeah][class=big]
height:270px;
width:120px;
background: #0e1f32;
float:left;
[/class]
[div class=big]
[class=img]
height:118px;
width:98px;
background:url('https://66.media.tumblr.com/4512c1804ca17470ddb6437ed313cbb1/tumblr_pz1b6dWGlz1y1q4llo1_540.gifv');
background-size: 280px; background-position: -150px 0px;
margin:auto;
margin-top:10px;
border:1px solid #000;
[/class]
[class=img2]
height:118px;
width:98px;
background:url('https://66.media.tumblr.com/73cd045b467cf55adf4021608c1fb24e/tumblr_pz1b6dWGlz1y1q4llo3_540.gifv');
background-size: 280px; background-position: -150px 0px;
margin:auto;
margin-top:10px;
border:1px solid #000;
[/class]
[div class=img][/div][div class=img2][/div]
[/div][class=wrap]
height:270px;
width:221px;
background: transparent;
float:left;
[/class]
[div class=wrap]
[class=title]
height:40px;
width:200px;
background:#000;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
float:left;
margin:10px 10px;
[/class]
[div class=title][div style="color:#fff;font-size:25px;font-family:'Times New Roman';float:left;margin-left:5px;line-height:40px;font-weight:800;"]DOSSIER[/div][/div]
[class=tabhold]
height:8px;
background: transparent;
width:202px;
float:left;
margin-left:10px;
margin-top:-10px;
[/class]
[div class=tabhold][class=tab1]
height:8px;
width:48px;
border-right:1px solid #aaa;
float:left;
cursor:pointer;
[/class]
[class name=tab1 state=hover]
background: #103955;
color:#fff;
transition:1s
[/class]
[class=tab2]
height:8px;
width:49px;
border-right:1px solid #aaa;
float:left;
cursor:pointer;
[/class]
[class name=tab2 state=hover]
background: #103955;
color:#fff;
transition:1s
[/class]
[class=tab3]
height:8px;
width:49px;
border-right:1px solid #aaa;
float:left;
cursor:pointer;
[/class]
[class name=tab3 state=hover]
background: #103955;
color:#fff;
transition:1s
[/class]
[class=tab4]
height:8px;
width:52px;
float:left;
cursor:pointer;
[/class]
[class name=tab4 state=hover]
background: #103955;
color:#fff;
transition:1s
[/class]
[div class=tab1][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]BASICS[/div][/div]
[div class=tab2][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]PERSONA[/div][/div]
[div class=tab3][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]LIFE[/div][/div]
[div class=tab4][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"][/div][/div][/div]
[script class=tab1 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
fadeIn 1000 tabcontent11
addClass Tabs
[/script]
[script class=tab2 on=click]
hide tabcontentbox
fadeIn 1000 tabcontent2
hide tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]
[script class=tab3 on=click]
hide tabcontentbox
hide tabcontent2
fadeIn 1000 tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]
[class=tabcontent11]
height:135px;
width:200px;
float:left;
background: #000;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
[/class]
[class=tabcontent2]
height:135px;
width:200px;
float:left;
background: #000;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
display:none;
[/class]
[class=tabcontent3]
height:135px;
width:200px;
float:left;
background: #000;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
display:none
[/class]
[class=tabcontent4]
height:135px;
width:200px;
float:left;
background:#888;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
display:none;
[/class]
[div class=tabcontent11][class=container1]
width:200px;
height:125px;
margin:0px -0px;
overflow:hidden;
color:#fff;
font-size:10px;
font-family:Arial;
text-align:justify;
line-height:12px;
[/class]
[class=scrollbar1]
width:105%;
height:125px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]
[class=textbox1]width:92%;
[/class]
[div class=container1][div class=scrollbar1][div class=textbox1]NAME. nicholas 'abraham' ventura
AGE. twenty-five, december twenty-first
ROLE. teacher
GENDER. cis male, he/him
ORIENTATION. biromantic, bisexual
PARENT. asclepius
POWERS.
FACE CLAIM. brenton thwaites [/div][/div] [/div][/div] [div class=tabcontent2] [div class=container1][div class=scrollbar1][div class=textbox1]PERSONALITY. after the death of hazelle, abraham has became a shell of a person. he’s taken to blending in the background, and watching from the sidelines while everyone interacts. he doesn’t smile or talk as much, and his mind always seems to wander even when in the presence of others. he’s trying to open himself back up, but he fears an attachment to another will only end in his death.
INTERESTS. very little interests him these days, however he’s attempted to pick up some hobbies to distract his mind from the ever growing hole in his heart. such as, reading, swimming, combat/training, and running.
[/div][/div] [/div][/div] [div class=tabcontent3] [div class=container1][div class=scrollbar1][div class=textbox1]WAS HE DRAFTED? no, he applied wanting to help out.
WAS HIS ENROLLMENT DELAYED? IF YES, WHY? no.
DOES HE COME FROM A MILITARY OR CIVILIAN FAMILY? civilian family; they never bothered much with war.
[/div][/div] [/div][/div] [class=lilimg] height:50px; width:200px; float:left; margin:10px 10px; background:url('https://images.unsplash.com/photo-1542404172-9b3bd6b2fad5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80'); background-size: 100%; background-position: 0px 50px; border:1px solid #fff; [/class] [div class=lilimg][/div][/div][/div]
AGE. twenty-five, december twenty-first
ROLE. teacher
GENDER. cis male, he/him
ORIENTATION. biromantic, bisexual
PARENT. asclepius
POWERS.
- vitakinesis – ability to manipulate health and the healing process
- enhanced healing – ability to heal at an accelerated rate
FACE CLAIM. brenton thwaites [/div][/div] [/div][/div] [div class=tabcontent2] [div class=container1][div class=scrollbar1][div class=textbox1]PERSONALITY. after the death of hazelle, abraham has became a shell of a person. he’s taken to blending in the background, and watching from the sidelines while everyone interacts. he doesn’t smile or talk as much, and his mind always seems to wander even when in the presence of others. he’s trying to open himself back up, but he fears an attachment to another will only end in his death.
INTERESTS. very little interests him these days, however he’s attempted to pick up some hobbies to distract his mind from the ever growing hole in his heart. such as, reading, swimming, combat/training, and running.
[/div][/div] [/div][/div] [div class=tabcontent3] [div class=container1][div class=scrollbar1][div class=textbox1]WAS HE DRAFTED? no, he applied wanting to help out.
WAS HIS ENROLLMENT DELAYED? IF YES, WHY? no.
DOES HE COME FROM A MILITARY OR CIVILIAN FAMILY? civilian family; they never bothered much with war.
[/div][/div] [/div][/div] [class=lilimg] height:50px; width:200px; float:left; margin:10px 10px; background:url('https://images.unsplash.com/photo-1542404172-9b3bd6b2fad5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80'); background-size: 100%; background-position: 0px 50px; border:1px solid #fff; [/class] [div class=lilimg][/div][/div][/div]
code by @pasta
Cerise
afloat
[class name=container]
height: 510px;
width: 510px;
margin: auto;
[/class]
[class name=containercont]
height: 500px;
width: 500px;
background: #000000;
[/class]
[class name=border1]
border-top: 1px solid #d5aa9c;
width: 400px;
position: relative;
top: 30px;
margin-left: 45px;
[/class]
[class name=pic1]
height: 200px;
width: 235px;
background:URL(https://i.pinimg.com/564x/56/6f/0e/566f0e5d7c972b769cffa3f6d4591c8b.jpg);
background-size: cover;
background-position: 0px -30px;
margin-top: 50px;
margin-left: 30px;
[/class]
[class name=pic2]
height: 200px;
width: 190px;
background:URL(https://i.pinimg.com/564x/1f/0c/7a/1f0c7a0ef31202451fc4a780979f1a46.jpg);
background-size: cover;
float: right;
margin-top: -280px;
margin-right: 65px;
[/class]
[class name=scroll1]
height: 190px;
width: 200px;
overflow: hidden;
margin-top: 10px;
margin-left: 30px;
[/class]
[class name=scroll2]
height: 120px;
width: 200px;
overflow: hidden;
float: right;
margin-top: -205px;
margin-right: 30px;
[/class]
[class name=scrollbox]
height: 98%;
width:calc(100% + 17px);
overflow-y: scroll;
[/class]
[class name=text1]
width: 195px;
font-size: 10px;
text-align: right;
color: #dcdcdc
[/class]
[class name=text2]
width: 185px;
font-size: 10px;
text-align: left;
color: #dcdcdc
[/class]
[class name=header]
background-color: #d5aa9c;
height: 30px;
width: 190px;
float: right;
margin-top: -70px;
margin-right: 65px;
text-align: center;
color: white;
font-size: 20px;
[/class]
[class name=circle1]
background-color:#dcdcdc;
height: 40px;
width: 40px;
border-radius: 50%;
float: right;
margin-right: 210px;
margin-top: -35px;
text-align: center;
font-size: 8px;
[/class]
[class name=circle2]
background-color:#dcdcdc;
height: 40px;
width: 40px;
border-radius: 50%;
float: right;
margin-right: -110px;
margin-top: -35px;
text-align: center;
font-size: 8px;
[/class]
[class name=circle3]
background-color:#dcdcdc;
height: 40px;
width: 40px;
border-radius: 50%;
float: right;
margin-right: -180px;
margin-top: -35px;
text-align: center;
font-size: 8px;
[/class]
[class name=border2]
border-top: 1px solid #d5aa9c;
width: 400px;
position: relative;
top: 20px;
margin-left: 45px;
[/class]
[class name=codetag]
font-size: 9px;
text-align: center;
margin-top: 3px;
[/class]
[div class="container"][div class="containercont"] [div class="border1"][/div] [div class="pic1"][/div] [div class="scroll2"][div class="scrollbox"][div class="text2"]name | abasi "basi" saleh
age | 22
dob | april 2
year | 2
gender | male
orientation | heterosexual
parent | osiris
powers | pyrokinesis ;; can visit the dead in his dreams, but only those in hell ;; senses when someone he is close to will die within 24hrs, but not who or how
height | 5'11"
fc | mena massoud [/div] [/div][/div] [div class="scroll1"][div class="scrollbox"][div class="text1"]personality | a charismatic jokester, and so laid back he's just plain lazy at times. cocky, but doesn't feel the need to prove himself so he's not really a showoff. cynical. can switch up on people *snaps* like that. feigns interest in people but probably doesn't give a fuck about you. adopts a cruel attitude when angered (which is very difficult to do).
interests | grooming and fashion, ancient history, casual flirting. soft spot for kids weirdly enough. a mean cook.
drafted? | yes
enrollment delayed? | yes, it literally took him two years to finish the paperwork/onboarding process
family? | civilian, he's the oldest of a huge family [/div][/div][/div] [div class="pic2"][/div] [div class="header"]
age | 22
dob | april 2
year | 2
gender | male
orientation | heterosexual
parent | osiris
powers | pyrokinesis ;; can visit the dead in his dreams, but only those in hell ;; senses when someone he is close to will die within 24hrs, but not who or how
height | 5'11"
fc | mena massoud [/div] [/div][/div] [div class="scroll1"][div class="scrollbox"][div class="text1"]personality | a charismatic jokester, and so laid back he's just plain lazy at times. cocky, but doesn't feel the need to prove himself so he's not really a showoff. cynical. can switch up on people *snaps* like that. feigns interest in people but probably doesn't give a fuck about you. adopts a cruel attitude when angered (which is very difficult to do).
interests | grooming and fashion, ancient history, casual flirting. soft spot for kids weirdly enough. a mean cook.
drafted? | yes
enrollment delayed? | yes, it literally took him two years to finish the paperwork/onboarding process
family? | civilian, he's the oldest of a huge family [/div][/div][/div] [div class="pic2"][/div] [div class="header"]
ABASI SALEH
[/div] [div class="circle1"][/div] [div class="circle2"][/div] [div class="circle3"][/div] [div class="border2"][/div] [/div][/div]
[div class="codetag"]coded by ukiiyo[/div]
Last edited:
teenage witch
bitch
[class=container]
height: 310px;
width: 360px;
margin: auto;
background-color: white;
overflow: hidden;
[/class]
[class=box1]
height: 250px;
width: 200px;
background-color: white;
margin-left: 140px;
margin-top: 40px;
position: absolute;
border: 1px solid lightgray;
overflow: hidden;
[/class]
[class=image]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
position: absolute;
opacity: 0;
transition: 1s;
z-index: 1;
background-image: url('https://i.dailymail.co.uk/1s/2020/02/12/16/24606840-7995931-_It_wasn_t_really_the_kind_of_attention_any_13_year_old_girl_wan-a-16_1581523409447.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
[/class]
[class name=image state=hover]
cursor: default;
[/class]
[class=personality]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 5px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=history]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 40px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=extra]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 65px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=gallery]
width: 80px;
height: 20px;
font-size: 10px;
font-family: 'Arial', sans-serif;
font-weight: bold;
color: black;
opacity: 0;
position: absolute;
background-color: transparent;
margin-top: 168px;
margin-left: 85px;
transform: translateY(-10px);
transition: 1s;
z-index: 0;
pointer-events: none;
letter-spacing: 0.5px;
[/class]
[class=slide]
transform: translateX(0);
opacity: 0.2;
transition: opacity 0.5s , transform 1s;
[/class]
[class=image1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://thechive.com/wp-content/uploads/2020/02/msrebeccablack_72928712_573316376762528_6323872961713605953_n.jpg?quality=85&strip=info&w=600');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image1 state=hover]
cursor: default;
[/class]
[class=image2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://www.cosmopolitan.co.za/wp-content/uploads/2020/04/rebecca-black.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image2 state=hover]
cursor: default;
[/class]
[class=image3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://dazedimg-dazedgroup.netdna-ssl.com/1080/azure/dazed-prod/1280/8/1288916.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 47px;
[/class]
[class name=image3 state=hover]
cursor: default;
[/class]
[class=showimg]
opacity: 0.8;
transition: 1s;
[/class]
[class=name]
font-size: 18px;
font-family: 'Arial', sans-serif;
font-style: italic;
font-weight: bold;
margin-left: 20px;
margin-top: 120px;
color: black;
position: absolute;
opacity: 0.3;
transition: 1s;
[/class]
[class name=name state=hover]
cursor: default;
[/class]
[class=tabcontainer]
height: 20px;
width: 80px;
position: absolute;
margin-top: 140px;
margin-left: 25px;
background-color: transparent;
padding: 5px;
[/class]
[class=tab1]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 0px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab1 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab2]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 20px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab2 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab3]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 40px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab3 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=tab4]
font-size: 14px;
font-family: 'Cardo', serif;
color: black;
font-weight: lighter;
position: absolute;
margin-left: 65px;
margin-top: 0px;
opacity: 0.3;
transition: 1s;
[/class]
[class name=tab4 state=hover]
opacity: 0.8;
transition: opacity 1s;
cursor: default;
[/class]
[class=content1]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content2]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content3]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=content4]
height: 250px;
width: 200px;
background-color: transparent;
overflow-y: scroll;
padding-right: 20px;
position: absolute;
opacity: 0;
transition: 1s;
[/class]
[class=para]
font-size: 11px;
text-align: justify;
color: black;
padding: 5px;
opacity: 0.7;
[/class]
[class name=para state=hover]
cursor: default;
[/class]
[class=show]
opacity: 1;
transition: 1s;
z-index: 1;
[/class]
[class=g1]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://www.jetss.com/wp-content/uploads/2020/02/friday-singer-rebecca-black-producers.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g1 state=hover]
cursor: default;
[/class]
[class=g2]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://thechive.com/wp-content/uploads/2020/02/msrebeccablack_82812695_173033967404543_2253473447695810309_n.jpg?quality=85&strip=info&w=600');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 75px;
[/class]
[class name=g2 state=hover]
cursor: default;
[/class]
[class=g3]
height: 140px;
width: 160px;
margin-top: 55px;
margin-left: 20px;
opacity: 0.8;
transition: 1s;
background-image: url('https://66.media.tumblr.com/194df3753ec00071673b7e8c01ccc8c0/tumblr_pp8bz3ZTZv1qkk6ymo1_1280.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 55px;
[/class]
[class name=g3 state=hover]
cursor: default;
[/class]
[class=credit]
font-size: 10px;
color: rgba(0,0,0,0.3);
font-family: 'Arial', sans-serif;
font-style: italic;
position: absolute;
margin-top: 295px;
margin-left: 200px;
[/class]
[script class=image on=init]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=name on=click]
addClass showimg image
removeClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
[/script]
[script class=tab1 on=click]
addClass show content1
removeClass show content2
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab2 on=click]
addClass show content2
removeClass show content1
removeClass show content3
removeClass show content4
removeClass showimg image
[/script]
[script class=tab3 on=click]
addClass show content3
removeClass show content1
removeClass show content2
removeClass show content4
removeClass showimg image
[/script]
[script class=tab4 on=click]
addClass show content4
removeClass show content1
removeClass show content2
removeClass show content3
removeClass showimg image
[/script]
[script class=tab1 on=mouseenter]
addClass slide personality
[/script]
[script class=tab1 on=mouseleave]
removeClass slide personality
[/script]
[script class=tab2 on=mouseenter]
addClass slide history
[/script]
[script class=tab2 on=mouseleave]
removeClass slide history
[/script]
[script class=tab3 on=mouseenter]
addClass slide extra
[/script]
[script class=tab3 on=mouseleave]
removeClass slide extra
[/script]
[script class=tab4 on=mouseenter]
addClass slide gallery
[/script]
[script class=tab4 on=mouseleave]
removeClass slide gallery
[/script]
[div class=container]
[div class=box1]
[div class=image][/div]
[div class=content1]
[div class=image1][/div]
[div class=para]name: zita elyon kelly
nicknames: zee ; firestarter ; crunchy baby
age: 19
gender: female
s.o: bisexual
year: first
parent: vulcan
powers: pyrokinesis ; ferrokinesis
f.c: rebecca black
height: 5'6'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: zita's upbringing has made her as compassionate as she is feisty. she tends to fall into the role of 'mom friend' thanks to her natural maternal instinct and the general desire to protect people that she has; despite everything she's been through, zita strives to look for the good in people and will always give a second chance when it's due. mistaking zita's kindness for weakness is one of the fatal mistakes people make: she might look like bambi, but she can be one crazy bitch.
interests: baking ; arson ; singing ; makeup ; historical weaponry ; blacksmithery.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: yes.
enrollment: initially her enrollment was going to be delayed due to [ REDACTED ], but she changed her mind at the last minute for a currently unknown reason.
family: zita was brought up by her mother margo, a civilian author and human rights activist. she is in the process of writing the newest installment of her bestselling novel series, which focuses on the themes of cults and the supernatural.
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]zita kelly[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
nicknames: zee ; firestarter ; crunchy baby
age: 19
gender: female
s.o: bisexual
year: first
parent: vulcan
powers: pyrokinesis ; ferrokinesis
f.c: rebecca black
height: 5'6'' [/div] [/div] [div class=content2] [div class=image2][/div] [div class=para]personality: zita's upbringing has made her as compassionate as she is feisty. she tends to fall into the role of 'mom friend' thanks to her natural maternal instinct and the general desire to protect people that she has; despite everything she's been through, zita strives to look for the good in people and will always give a second chance when it's due. mistaking zita's kindness for weakness is one of the fatal mistakes people make: she might look like bambi, but she can be one crazy bitch.
interests: baking ; arson ; singing ; makeup ; historical weaponry ; blacksmithery.
[/div] [/div] [div class=content3] [div class=image3][/div] [div class=para]drafted?: yes.
enrollment: initially her enrollment was going to be delayed due to [ REDACTED ], but she changed her mind at the last minute for a currently unknown reason.
family: zita was brought up by her mother margo, a civilian author and human rights activist. she is in the process of writing the newest installment of her bestselling novel series, which focuses on the themes of cults and the supernatural.
[/div] [/div] [div class=content4] [div class=g1][/div] [div class=g2][/div] [div class=g3][/div] [/div] [/div] [div class=credit]code by wonhae[/div] [div class=name]zita kelly[/div] [div class=tabcontainer] [div class=tab1]i.[/div] [div class=tab2]ii.[/div] [div class=tab3]iii.[/div] [div class=tab4]vi.[/div] [/div] [div class=basics][/div] [div class=meme][/div] [div class=description][/div] [div class=gallery][/div] [/div]
Users who are viewing this thread
Similar threads
