-
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 π ππ πππ ππππππ
- Thread starter pasta
- Start date
vesper.
ππππππ ππ πππ πππππ β
[class=outline]padding: 2vh; width: 518px; height: 368px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;[/class]
[class=container]position: absolute; overflow: hidden; margin: 9px 0px 0px 9px; width: 500px; height: 350px; border-radius: 8px; border-bottom-left-radius: 8px; background: #af4848;[/class]
[class=leftcontainer]position: absolute; z-index: 2; width: 250px; height: 350px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: #5c0008; background-image: url(https://www.transparenttextures.com/patterns/wall-4-light.png);[/class]
[class=rightcontainer]position: absolute; z-index: 2; margin-left: 250px; width: 250px; height: 350px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background: #5c0008; background-image: url(https://www.transparenttextures.com/patterns/wall-4-light.png);[/class]
[class=charname]position: absolute; height: 350px; width: 246px; line-height: 330px; font-size: 50px; font-family: 'Raleway'; text-transform: uppercase; color: #cccccc; font-weight: 500;[/class]
[class=role]position: absolute; top: 0%; left: 0%; height: 350px; width: 247px; line-height: 400px; font-size: 30px; font-family: 'Raleway'; text-transform: uppercase; color: #cccccc; font-weight: 500;[/class]
[class=mainbox]position: absolute; bottom: 15px; right: 50px; width: 370px; height: 280px; background: #f29d9d; border-radius: 8px;[/class]
[class=tabs]position: absolute; z-index: 1; right: 15px; bottom: 25px; width: 50px; height: 220px;[/class]
[class=tab]height: 20px; width: 30px; padding: 5px 10px 5px 5px; background-color: #bebcc1; line-height: 20px; font-size: 15px; text-align: right; color: #4a0907; transition: 1s; border-top-right-radius: 4px; border-bottom-right-radius: 4px;[/class]
[class=chosentab]width: 40px; background-color: #c7bab1; color: #4a0907;[/class]
[class=border]position: absolute; height: 270px; width: 310px; left: 40px; top: 5px; font-size: 11px;[/class]
[class=text]width: 190px; height: 270px; overflow: hidden; white-space: pre-line; text-align: justify; color: #4a0907;[/class]
[class=scroll]width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px; font-family: 'Raleway';[/class]
[class=tag]background: #4a0907; padding: 1px 4px 1px 4px; color: #fff; display: inline; border-radius: 4px;[/class]
[class name="tab" state="hover"]
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
width: 40px;
background-color: #c7bab1;
transition: 1s;
[/class]
[script class=tab1 on=click]
hide tabContents02
hide tabContents03
hide tabContents04
fadeIn 1000 tabContents01
addClass chosentab
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[script class=tab2 on=click]
hide tabContents01
hide tabContents03
hide tabContents04
fadeIn 1000 tabContents02
addClass chosentab
removeClass chosentab tab1
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[script class=tab3 on=click]
hide tabContents01
hide tabContents02
hide tabContents04
fadeIn 1000 tabContents03
addClass chosentab
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab4
[/script]
[script class=tab4 on=click]
hide tabContents01
hide tabContents02
hide tabContents03
fadeIn 1000 tabContents04
addClass chosentab
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
[/script]
[script class=tab5 on=click]
addClass slideleftreturn leftcontainer
addClass sliderightreturn rightcontainer
[/script]
[script class=container on=click]
addClass slideleft leftcontainer
addClass slideright rightcontainer
[/script]
[class=slideleft]
animation-name: {post_id}slideleft;
animation-duration: 3s;
animation-fill-mode: both;
[/class]
[class=slideleftreturn]
animation-name: {post_id}slideleftreturn;
animation-duration: 3s;
animation-fill-mode: forwards;
[/class]
[class=slideright]
animation-name: {post_id}slideright;
animation-duration: 3s;
animation-fill-mode: forwards;
[/class]
[class=sliderightreturn]
animation-name: {post_id}sliderightreturn;
animation-duration: 3s;
animation-fill-mode: forwards;
[/class]
[animation=slideleft]
[keyframe=0]
transform:translateX(0px);
[/keyframe]
[keyframe=100]
transform:translateX(-250px);
[/keyframe]
[/animation]
[animation=slideleftreturn]
[keyframe=0]
transform:translateX(-250px);
[/keyframe]
[keyframe=100]
transform:translateX(0px);
[/keyframe]
[/animation]
[animation=slideright]
[keyframe=0]
transform:translateX(0px);
[/keyframe]
[keyframe=100]
transform:translateX(250px);
[/keyframe]
[/animation]
[animation=sliderightreturn]
[keyframe=0]
transform:translateX(250px);
[/keyframe]
[keyframe=100]
transform:translateX(0px);
[/keyframe]
[/animation]
[div class=outline]
[div class=container][div class=leftcontainer][div class=charname style="text-align: right; padding-right: 4px;"]han
[div class=role style="text-align: right; padding-right: 3px;"]rebel[/div][/div][div class=rightcontainer][div class=charname style="text-align: left; padding-left: 4px;"]jaebom[/div] [div class=role style="text-align: left; padding-left: 3px;"]vampire[/div][/div]
[div class=mainbox][div class=border][div class="tabContents tabContents01"]
[div class=text][div class=scroll][div class=tag]name.[/div] han jae-bom.
[div class=tag]alias.[/div] jae, grouch.
[div class=tag]age.[/div] unknown.
[div class=tag]appears.[/div] twenty four.
[div class=tag]birth date.[/div] november 20th.
[div class=tag]zodiac.[/div] scorpio.
[div class=tag]occupation.[/div] info.
[div class=tag]role.[/div] vampire.
[div class=tag]eye color.[/div] dark brown.
[div class=tag]hair color.[/div] brown.
[div class=tag]hair texture.[/div] thin, straight, messy.
[div class=tag]height.[/div] six ft. one in.
[div class=tag]weight.[/div] 148 lbs.
[div class=tag]body type.[/div] lean, muscular.[/div][/div][/div]
[div class="tabContents tabContents02" style="display: none;"]
[div class=text][div class=scroll][div class=tag]likes.[/div] this section has hidden scrolls, so don't be afraid to write plenty.
[div class=tag]dislikes.[/div] this section has hidden scrolls, so don't be afraid to write plenty
[div class=tag]personality.[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a odio placerat, ultrices tortor ultricies, maximus lectus. Integer aliquet in urna a rhoncus. Sed tempus non mi ac dictum. Maecenas at velit sodales, scelerisque velit ornare, viverra ante. Fusce dignissim malesuada dolor nec efficitur. Suspendisse cursus augue quis sapien semper semper. Phasellus eget tempus arcu. Donec id leo sit amet mauris ornare venenatis eget in lorem. Nullam cursus nibh et nibh consectetur pellentesque in at mi. Proin a turpis venenatis, posuere nibh at, hendrerit sem. In hac habitasse platea dictumst.[/div][/div][/div]
[div class="tabContents tabContents03" style="display: none;"]
[div class=text][div class=scroll][div class=tag]biography.[/div] info.
[div class=tag]family.[/div] info.
[div class=tag]hobbies.[/div] info.
[div class=tag]fun facts.[/div] info.[/div][/div][/div]
[div class="tabContents tabContents04" style="display: none;"]
[div class=text][div class=scroll][div class=tag]relationship | tba.[/div] info.
[div class=tag]relationship | tba.[/div] info.
[div class=tag]relationship | tba.[/div] info.
[div class=tag]ect.[/div] info.[/div][/div][/div][/div][/div]
[div class=tabs][div class="tab tab1 chosentab"]
[div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div][/div][/div][/div][/div]
press for a surprise ; coded by
constellation
.
Last edited:
erosful
(β© Ν‘Β° ΝΚ Ν‘Β°)βββοΎ. * ο½₯ ｑοΎ.
placeholder ( x3 )
vesper.
ππππππ ππ πππ πππππ β
[class=outline]padding: 2vh; width: 518px; height: 368px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;[/class]
[class=container]position: absolute; overflow: hidden; margin: 9px 0px 0px 9px; width: 500px; height: 350px; border-radius: 8px; border-bottom-left-radius: 8px; background: #938ab5;[/class]
[class=leftcontainer]position: absolute; z-index: 2; width: 250px; height: 350px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background: #7e6ebd; background-image: url(https://www.transparenttextures.com/patterns/fresh-snow.png);[/class]
[class=rightcontainer]position: absolute; z-index: 2; margin-left: 250px; width: 250px; height: 350px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background: #7e6ebd; background-image: url(https://www.transparenttextures.com/patterns/fresh-snow.png);[/class]
[class=charname]position: absolute; height: 350px; width: 246px; line-height: 330px; font-size: 50px; font-family: 'Raleway'; text-transform: uppercase; color: #050505; font-weight: 500;[/class]
[class=role]position: absolute; top: 0%; left: 0%; height: 350px; width: 247px; line-height: 400px; font-size: 30px; font-family: 'Raleway'; text-transform: uppercase; color: #050505; font-weight: 500;[/class]
[class=mainbox]position: absolute; bottom: 15px; right: 50px; width: 370px; height: 280px; background: #aeace8; border-radius: 8px;[/class]
[class=tabs]position: absolute; z-index: 1; right: 15px; bottom: 25px; width: 50px; height: 220px;[/class]
[class=tab]height: 20px; width: 30px; padding: 5px 10px 5px 5px; background-color: #bebcc1; line-height: 20px; font-size: 15px; text-align: right; color: #433c5e; transition: 1s; border-top-right-radius: 4px; border-bottom-right-radius: 4px;[/class]
[class=chosentab]width: 40px; background-color: #c7bab1; color: #433c5e;[/class]
[class=border]position: absolute; height: 270px; width: 310px; left: 40px; top: 5px; font-size: 11px;[/class]
[class=text]width: 190px; height: 270px; overflow: hidden; white-space: pre-line; text-align: justify; color: #433c5e;[/class]
[class=scroll]width: 100%; height: 100%; overflow-y: scroll; padding-right: 20px; font-family: 'Raleway';[/class]
[class=tag]background: #433c5e; padding: 1px 4px 1px 4px; color: #fff; display: inline; border-radius: 4px;[/class]
[class name="tab" state="hover"]
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
width: 40px;
background-color: #c7bab1;
transition: 1s;
[/class]
[script class=tab1 on=click]
hide tabContents02
hide tabContents03
hide tabContents04
fadeIn 1000 tabContents01
addClass chosentab
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[script class=tab2 on=click]
hide tabContents01
hide tabContents03
hide tabContents04
fadeIn 1000 tabContents02
addClass chosentab
removeClass chosentab tab1
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[script class=tab3 on=click]
hide tabContents01
hide tabContents02
hide tabContents04
fadeIn 1000 tabContents03
addClass chosentab
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab4
[/script]
[script class=tab4 on=click]
hide tabContents01
hide tabContents02
hide tabContents03
fadeIn 1000 tabContents04
addClass chosentab
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
[/script]
[script class=tab5 on=click]
addClass slideleftreturn leftcontainer
addClass sliderightreturn rightcontainer
[/script]
[script class=container on=click]
addClass slideleft leftcontainer
addClass slideright rightcontainer
[/script]
[class=slideleft]
animation-name: {post_id}slideleft;
animation-duration: 3s;
animation-fill-mode: both;
[/class]
[class=slideleftreturn]
animation-name: {post_id}slideleftreturn;
animation-duration: 3s;
animation-fill-mode: forwards;
[/class]
[class=slideright]
animation-name: {post_id}slideright;
animation-duration: 3s;
animation-fill-mode: forwards;
[/class]
[class=sliderightreturn]
animation-name: {post_id}sliderightreturn;
animation-duration: 3s;
animation-fill-mode: forwards;
[/class]
[animation=slideleft]
[keyframe=0]
transform:translateX(0px);
[/keyframe]
[keyframe=100]
transform:translateX(-250px);
[/keyframe]
[/animation]
[animation=slideleftreturn]
[keyframe=0]
transform:translateX(-250px);
[/keyframe]
[keyframe=100]
transform:translateX(0px);
[/keyframe]
[/animation]
[animation=slideright]
[keyframe=0]
transform:translateX(0px);
[/keyframe]
[keyframe=100]
transform:translateX(250px);
[/keyframe]
[/animation]
[animation=sliderightreturn]
[keyframe=0]
transform:translateX(250px);
[/keyframe]
[keyframe=100]
transform:translateX(0px);
[/keyframe]
[/animation]
[div class=outline]
[div class=container][div class=leftcontainer][div class=charname style="text-align: right; padding-right: 4px;"]il
[div class=role style="text-align: right; padding-right: 3px;"]jaded[/div][/div][div class=rightcontainer][div class=charname style="text-align: left; padding-left: 4px;"]sun-bi[/div] [div class=role style="text-align: left; padding-left: 3px;"]human[/div][/div]
[div class=mainbox][div class=border][div class="tabContents tabContents01"]
[div class=text][div class=scroll][div class=tag]name.[/div] il sun-bi.
[div class=tag]alias.[/div] sunny , sunhee.
[div class=tag]age.[/div] twenty five.
[div class=tag]birth date.[/div] january first.
[div class=tag]zodiac.[/div] capricorn.
[div class=tag]occupation.[/div] photographer.
[div class=tag]role.[/div] human.
[div class=tag]eye color.[/div] light brown.
[div class=tag]hair color.[/div] auburn/brown.
[div class=tag]hair texture.[/div] wavy, thick locks.
[div class=tag]height.[/div] five ft. six in.
[div class=tag]weight.[/div] 125 lbs.
[div class=tag]body type.[/div] slim, soft curves.[/div][/div][/div]
[div class="tabContents tabContents02" style="display: none;"]
[div class=text][div class=scroll][div class=tag]likes.[/div] this section has hidden scrolls, so don't be afraid to write plenty.
[div class=tag]dislikes.[/div] this section has hidden scrolls, so don't be afraid to write plenty
[div class=tag]personality.[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a odio placerat, ultrices tortor ultricies, maximus lectus. Integer aliquet in urna a rhoncus. Sed tempus non mi ac dictum. Maecenas at velit sodales, scelerisque velit ornare, viverra ante. Fusce dignissim malesuada dolor nec efficitur. Suspendisse cursus augue quis sapien semper semper. Phasellus eget tempus arcu. Donec id leo sit amet mauris ornare venenatis eget in lorem. Nullam cursus nibh et nibh consectetur pellentesque in at mi. Proin a turpis venenatis, posuere nibh at, hendrerit sem. In hac habitasse platea dictumst.[/div][/div][/div]
[div class="tabContents tabContents03" style="display: none;"]
[div class=text][div class=scroll][div class=tag]biography.[/div] info.
[div class=tag]family.[/div] info.
[div class=tag]hobbies.[/div] info.
[div class=tag]fun facts.[/div] info.[/div][/div][/div]
[div class="tabContents tabContents04" style="display: none;"]
[div class=text][div class=scroll][div class=tag]relationship | tba.[/div] info.
[div class=tag]relationship | tba.[/div] info.
[div class=tag]relationship | tba.[/div] info.
[div class=tag]ect.[/div] info.[/div][/div][/div][/div][/div]
[div class=tabs][div class="tab tab1 chosentab"]
[div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div][/div][/div][/div][/div]
press for a surprise ; coded by
constellation
.
Derpy Dev
Senior Member
Name
TBA
Age
TBA
Gender
TBA
Role
TBA
Height, Hair color, Eye color
TBA
Personality
TBA
Likes & Dislikes
TBA
Biography (should include info about their experience with vampires)
TBA
TBA
Age
TBA
Gender
TBA
Role
TBA
Height, Hair color, Eye color
TBA
Personality
TBA
Likes & Dislikes
TBA
Biography (should include info about their experience with vampires)
TBA
[class="tab1"]
width: 310px;
height: 320px;
box-sizing: border-box;
padding: 20px;
background: #bfa6aa;
margin: auto;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class="tab2"]
width: 310px;
height: auto;
margin: auto;
display: none;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class="tab3"]
width: 310px;
height: auto;
margin: auto;
display: none;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class="tab4"]
width: 310px;
height: auto;
margin: auto;
display: none;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class="tab1pic"]
width: 270px;
height: 280px;
background: url(https://data.whicdn.com/images/320174990/original.jpg);
background-size: cover;
transition: 1s;
box-sizing: border-box;
border: 1px solid #f3eeeb;
cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;
[/class]
[class name="tab1pic" state="hover"]
opacity: 0.9;
[/CLASS]
[script class="tab1pic" on="click"]
hide tab1
show tab2
hide tab3
hide tab4
[/script]
[class="tab1pictext"]
width: 250px;
position: relative;
transform: rotate(-5deg);
font-size: 15px;
letter-spacing: 3px;
color: #ccbcbb;
top: 180px;
left: 20px;
[/class]
[class="imgcontainer"]
width: 120px;
height: 320px;
background: #bbb4b0;
[/class]
[class="img1"]
background: url(https://66.media.tumblr.com/6bb99172d5202dab33cb7c13a86a7c02/tumblr_plx4qpKzia1uflg3t_540.png);
background-size: cover;
height: 80px;
width: 80px;
position: relative;
margin-left: 20px;
margin-top: 20px;
box-sizing: border-box;
border: 1px solid #f3eeeb;
display: block;
background-position: center;
transition: 1s;
cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;
[/CLASS]
[class name="img1" state="hover"]
opacity: 0.8;
[/CLASS]
[script class="img1" on="click"]
hide tab1
show tab2
hide tab3
hide tab4
[/script]
[class="img2"]
background: url(https://data.whicdn.com/images/308127010/original.gif);
background-size: cover;
height: 80px;
width: 80px;
position: relative;
margin-left: 20px;
margin-top: 20px;
box-sizing: border-box;
border: 1px solid #f3eeeb;
display: block;
background-position: center;
transition: 1s;
cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;
[/class]
[class name="img2" state="hover"]
opacity: 0.8;
[/class]
[script class="img2" on="click"]
hide tab1
hide tab2
show tab3
hide tab4
[/script]
[class="img3"]
background: url(https://66.media.tumblr.com/85e9055e0a32d3358c65fe8bb6960d82/tumblr_plx4qqFXS31uflg3t_540.png);
background-size: cover;
height: 80px;
width: 80px;
position: relative;
margin-left: 20px;
margin-top: 20px;
box-sizing: border-box;
border: 1px solid #f3eeeb;
display: block;
background-position: center;
transition: 1s;
cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;
[/class]
[class name="img3" state="hover"]
opacity: 0.8;
[/class]
[script class="img3" on="click"]
hide tab1
hide tab2
hide tab3
show tab4
[/script]
[class="detaildiv"]
width: 190px;
height: 320px;
background: #F3F2F9;
[/class]
[class="name"]
width: 190px;
height: 25px;
background: #F3F2F9;
text-align: center;
line-height: 25px;
font-size: 23px;
color: #1C231A;
text-transform: uppercase;
font-weight: bolder;
letter-spacing: 2px;
display: block;
transition: 1s;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class name="name" state="hover"]
color: #dfd3d5;
[/class]
[script class="name" on="click"]
show tab1
hide tab2
hide tab3
hide tab4
[/script]
[class="credits"]
margin: auto;
width: 310px;
height: auto;
font-size: 6px;
text-align: right;
[/class]
[class="postscroll"]
overflow: hidden;
width: 100%;
height: 290px;
border: 2px solid transparent;
[/class]
[class="post"]
width: 120%;
height: 290px;
overflow-Y: scroll;
overflow-X: hidden;
[/class]
[class="text"]
max-width: 185px;
font-size: 10px;
line-height: #px;
text-align: justify;
color: #1C231A;
[/CLASS]
[div class="credits"]code by @fudgecakez[/div]
[div class="tab1"]
[div class="tab1pic"]
[div class="tab1pictext"]
[/div] [/div] [/div] [div class="tab2"]
β age β’ twenty-two
β gender β’ female
β role β’ vampire
FACECLAIM β Park Chaewon
HEADCANONS β
β
β
β
β
β
β
β
β
[/div] [/div] [/div] [/div] [/div] [/div] [div class="tab3"]
β height β’ five foot one (one hundred fifty-six centimeters)
β hair β’ initially black, but now dyed to a pale blonde
β eye color β’ dark brown
PERSONALITY β
β likes β’ naps, trust, and fuzzy blankets
β dislikes β’ manipulation and confined spaces
[/div] [/div] [/div] [/div] [/div] [/div] [div class="tab4"]
[/div] [/div] [/div] [div class="tab2"]
[div class="imgcontainer"]
[div class="img1"]
[div class="img2"][/div]
[div class="img3"][/div]
[/div]
[div class="detaildiv"]
[div class="name"]seorin[/div]
[div class="postscroll"]
[div class="post"]
[div class="text"]
NAME β Eum Seorin
β age β’ twenty-two
β gender β’ female
β role β’ vampire
FACECLAIM β Park Chaewon
HEADCANONS β
β
β
β
β
β
β
β
β
[/div] [/div] [/div] [/div] [/div] [/div] [div class="tab3"]
[div class="imgcontainer"]
[div class="img1"]
[div class="img2"][/div]
[div class="img3"][/div]
[/div]
[div class="detaildiv"]
[div class="name"]seorin[/div]
[div class="postscroll"]
[div class="post"]
[div class="text"]
PHYSICALITY β β height β’ five foot one (one hundred fifty-six centimeters)
β hair β’ initially black, but now dyed to a pale blonde
β eye color β’ dark brown
PERSONALITY β
She was meek with a heart full of warmth. Now, she is fearless with a heart made of ice.
β likes β’ naps, trust, and fuzzy blankets
β dislikes β’ manipulation and confined spaces
[/div] [/div] [/div] [/div] [/div] [/div] [div class="tab4"]
[div class="imgcontainer"]
[div class="img1"]
[div class="img2"][/div]
[div class="img3"][/div]
[/div]
[div class="detaildiv"]
[div class="name"]seorin[/div]
[div class="postscroll"]
[div class="post"]
[div class="text"]
BIOGRAPHY β ...born from loving parents and lived a comfortable childhood. She had a close friend whose family specialized in hunting myths hidden in the dark. Who would have known she'd become the very think their family depises?
β extras β’ tba
[/div]
[/div]
[/div]
[/div]
[/div]
[/div][div class="tab4"][/div]β extras β’ tba