Realistic or Modern 𝕘𝕠𝕝𝕕𝕖𝕟 𝕪𝕖𝕒𝕣𝕤 → characters.

[eyyliner]

𝕘𝕠𝕝𝕕𝕖𝕟 𝕪𝕖𝕒𝕣𝕤 → cs

Name:
Age:
Birthday: (Current year for this thread is 1987! Don't forget!)
Sexuality:
Height:
Identity: (Punk, Rebel, Prep, etc.)

Personality:

History:

Extra: (dislikes, likes, interests, hobbies, etc.)

​

 

[eyyliner]

[class=container] --accent-1: #74493F; --accent-2: #A65F4E; --accent-3: #333; --image-1: url(https://i.pinimg.com/564x/b9/8c/24/b98c2468a3ddd53d46802e4ffb185695.jpg); --image-2: url(https://i.pinimg.com/564x/cc/fd/94/ccfd9490a4d1601d06b1a5cb1fb8ac9c.jpg); --image-3: url(https://i.pinimg.com/564x/f7/66/f2/f766f2a400f86266a519f3de0784a1c1.jpg); --image-4: url(https://i.pinimg.com/564x/6e/79/73/6e7973e0981f325cfc70eef3094cccd9.jpg); --image-5: url(https://i.pinimg.com/564x/7b/63/d3/7b63d3f4f121f0c0cbd5e5175b1605a0.jpg); --image-6: url(https://i.pinimg.com/564x/9f/2d/63/9f2d6356f50c7140196c0a16ecc690f8.jpg); --image-7: url(https://i.pinimg.com/564x/df/66/46/df664620d529984636a525c21b3d6ecf.jpg); --image-8: url(https://i.pinimg.com/564x/95/17/7e/95177e2a9ccf243ac9ade4fb8fe2256d.jpg); --image-9: url(https://i.pinimg.com/564x/cd/72/27/cd7227114fd695819c29587247a4614f.jpg); --image-10: url(https://i.pinimg.com/564x/63/d0/8f/63d08f7ae57acd5ff3a24b1c8a37e24f.jpg); --image-11: url(https://i.pinimg.com/564x/70/fc/8d/70fc8dbe77a28444eeb8a564d4f71cde.jpg); --image-12: url(https://i.pinimg.com/564x/40/e3/40/40e3400bae7217b748420343c28d0caa.jpg); --image-13: url(https://i.pinimg.com/564x/95/28/e5/9528e5f96491c329fcdc8356fa5e61cf.jpg); --image-14: url(https://i.pinimg.com/564x/68/74/db/6874dbd84814bad3029801ce0b0418a7.jpg); --image-15: url(https://i.pinimg.com/564x/62/64/4c/62644c7e8c56f31d5724fe8818a14491.jpg); --image-16: url(https://i.pinimg.com/564x/f3/5e/19/f35e1915c34ba840585206d7e54bb4a3.jpg); [/class] [div class=credit][/div][div class=credit2 style="display: none;"]code + design by constellation [/div] [class=credit]position: absolute; top: 0px; left: 0px; font-size: 15px; color: #b2e0e0; transition: 1s;[/class] [class=credit2]position: absolute; z-index: 2; top: 5px; left: 15px; max-width: 160px; margin: 15px; font-size: 10px; letter-spacing: 3px; text-align: center; font-weight: 500; text-transform: lowercase; padding: 25px 30px; color: #333; border: 1px solid #e2e2e2; background: white;[/class] [class name="credit" state="hover"]cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; color: #A0C9C9; transitions: 1s;[/class] [script class=credit on=mouseenter]fadeIn 1000 credit2[/script][script class=credit on=mouseleave]fadeOut 1000 credit2[/script]

[div class=container][div class=border][div class=charactername]rhys saae-li

[div class=icon][/div] [div class=role]the quiet loner.[/div] [div class=sideword]mister[/div] [div class="tabContents tabContents1"][div class=textbox][div class=scroll][div class=tag]full name.[/div]

Rhys Saae-Li​

[div class=tag]age.[/div]

Twenty-Seven Years Old​

[div class=tag]birthdate.[/div]

march 6th, 1960​

[div class=tag]sexuality.[/div]

Bicurious​

[div class=tag]known languages.[/div]

english & thai​

[div class=tag]nationality.[/div]

thai​

[div class=tag]job.[/div]

attendant at a pet store.​

[/div][/div] [div class=column][div class=images style="background: var(--image-2); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-3); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-4); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tabContents tabContents2"][div class=textbox][div class=scroll][div class=tag]eyes.[/div]

dark brown.​

[div class=tag]hair.[/div]

black.​

[div class=tag]height.[/div]

6'0"​

[div class=tag]body build.[/div]

lean, naturally thin.​

[div class=tag]distinguishing marks.[/div]

freckles & a birth mark on his shoulder.​

[div class=tag]attire.[/div]

band t-shirts & jeans.​

[/div][/div] [div class=column][div class=images style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tabContents tabContents3"][div class=textbox][div class=scroll][div class=tag]positive traits.[/div]

extroverted, patient, empathetic, artistic​

[div class=tag]negative traits.[/div]

quiet, idealistic, stubborn​

[div class=tag]likes.[/div]

his work, reading, going to concerts, hanging out with his cat​

[div class=tag]dislikes.[/div]

pop music, being alone, people who don't like animals​

[/div][/div] [div class=column][div class=images style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-9); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-10); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tabContents tabContents4"][div class=textbox][div class=scroll][div class=tag]the backstory.[/div]

Rhys grew up in a large household. His parents were immigrants who had moved to America to find a better life for their children. He was the second oldest out of seven children. His grandmother was a very wise woman. Although he could never find a connection with his parents, he grew close with her. He would tell her of the spirits he would see in his dreams and how they always asked for Rhys to help them. His grandmother encouraged him to reach out to these spirits. When he was ten, that was the first time he had a spirit appear while he was awake. He helped it find its family. After that, it was non-stop. It took several years for someone from the small group to discover he was able to connect with these spirits. They recruited him when he was seventeen with promises of helping him. He agreed. Now, he's one of the older members of their makeshift family. He has his own job at a pet store and enjoys spending his weekends at rock shows or at festivals. Still, no matter what, his sense of duty always tugs him back to connecting with spirits and somehow or other, allowing them to find closure from the living world.​

[/div][/div] [div class=column][div class=images style="background: var(--image-11); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-12); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-13); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tabContents tabContents5"][div class=textbox][div class=scroll][div class=tag]extras.[/div]

i. He enjoys rock music. ii. He loves cooking. iii. Has several tattoos. iv. Has a nicotine addiction. v. He doesn't like talking. vi. Knows sign language. vii. Huge softie for reptiles. viii. Has a cat named Dao.​

[/div][/div] [div class=column][div class=images style="background: var(--image-14); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-15); background-size: cover; background-position: center;"][/div] [div class=images style="background: var(--image-16); background-size: cover; background-position: center;"][/div][/div][/div] [div class="tab tab1" style="left: 12px; bottom: -30px;"][/div] [div class="tab tab2" style="left: 85px; bottom: -30px;"][/div] [div class="tab tab3" style="left: 158px; bottom: -30px;"][/div] [div class="tab tab4" style="left: 231px; bottom: -30px;"][/div] [div class="tab tab5" style="left: 304px; bottom: -30px;"][/div] [div class="tab tab6" style="left: 377px; bottom: -30px;"][/div] [/div][/div][/div] [class=container] width: 450px; height: 450px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border] position: absolute; width: 450px; height: 450px; border: 1px solid #ccc; outline: 1px solid #fafafa; background: #f1f1f1; margin: auto; overflow: hidden; [/class] [class=charactername] position: absolute; width: 450px; top: 75px; right: 0; text-align: center; font-size: 30px; text-transform: uppercase; color: var(--accent-2); font-weight: 900; text-align: center; transition: ease 1s; white-space: nowrap; transition-delay: 1s; [/class] [class=icon] width: 150px; height: 150px; background: var(--image-1); background-size: cover; background-position: center; border-radius: 100%; position: absolute; left: 145px; top: 145px; z-index: 2; border: 5px solid var(--accent-1); transform: rotateY(0deg); transition: ease 1s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=role] position: absolute; bottom: 90px; width: 450px; height: 10px; text-align: center; color: var(--accent-2); font-size: 11px; line-height: 10px; transition: ease 1s; transition-delay: 1s; text-transform: uppercase; [/class] [class=charname] font-size: 15px; top: 34px; right: 10px; width: 170px; transition-delay: 0s; [/class] [class=roledown] bottom: -20px; transition-delay: 0s; [/class] [class=sideword] position: absolute; width: 170px; left: -170px; top: 34px; font: 15px; text-transform: uppercase; color: var(--accent-2); font-weight: 900; text-align: center; transition: ease 1s; box-sizing: border-box; padding-right: 0px; transition-delay: 1s; [/class] [class=swordin] left: 10px; transition-delay: 0s; [/class] [class=spin] top: 15px; left: 190px; width: 60px; height: 60px; transform: rotateY(360deg); transition-delay: 1s; border-width: 2px; [/class] [class=tab] position: absolute; background: var(--accent-1); width: 61px; height: 30px; border-radius: 3px; display: inline-block; transition: ease 0.5s; line-height: 30px; text-align: center; font-size: 12px; color: var(--accent-3); cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=up] margin-bottom: 40px; transition: ease 0.5s; [/class] [class=stab1] transition-delay: 2.2s; [/class] [class=stab2] transition-delay: 2.4s; [/class] [class=stab3] transition-delay: 2.6s; [/class] [class=stab4] transition-delay: 2.8s; [/class] [class=stab5] transition-delay: 3s; [/class] [class=stab6] transition-delay: 3.2s; [/class] [class=tabContents] position: absolute; top: 85px; left: 20px; height: 320px; width: 410px; transition: all .5s; opacity: 0; [/class] [class=fadein] opacity: 1; z-index: 1; transition: all 1.5s; transition-delay: 3.6s; [/class] [class=column] height: 320px; width: 96px; display: flex; justify-content: space-evenly; position: absolute; right: 0; flex-direction: column; [/class] [class=images] height: 92px; width: 92px; border: 2px solid var(--accent-2); [/class] [class=images2] height: 92px; width: 92px; border: 2px solid var(--accent-1); [/class] [class=textbox] position: absolute; left: 0; top: 7px; width: 315px; height: 305px; overflow: hidden; font-size: 12px; white-space: pre-line; line-height: 130%; text-transform: lowercase; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: var(--accent-3); [/class] [class=tag] text-transform: uppercase; display: inline; font-size: 12px; letter-spacing: 1px; text-align: left; font-weight: 600; color: var(--accent-1); [/class] [class name=tab state=hover] background: var(--accent-3); color: var(--accent-1); transition: ease .5s; [/class] [class=chosen] background: var(--accent-3); color: var(--accent-1); transition: ease .5s; [/class] [class=chosen1] background: var(--accent-3); color: var(--accent-1); transition: ease .5s; transition-delay: 2.2s; [/class] [class=show] opacity: 1; transition: all 1s; z-index: 1; [/class] [class=none] pointer-events: none; [/class] [script class=tab on=mouseenter] removeClass stab1 tab1 removeClass stab2 tab2 removeClass stab3 tab3 removeClass stab4 tab4 removeClass stab5 tab5 removeClass stab6 tab6 [/script] [script class=icon on=click] addClass charname charactername addClass roledown role addClass swordin sideword addClass spin icon addClass up tab addClass stab1 tab1 addClass stab2 tab2 addClass stab3 tab3 addClass stab4 tab4 addClass stab5 tab5 addClass stab6 tab6 addClass fadein tabContents1 addClass chosen1 tab1 addClass none icon [/script] [script class=tab1 on=click] addClass show tabContents1 addClass chosen tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass fadein tabContents1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen tab5 removeClass chosen1 tab1 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosen tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass fadein tabContents1 removeClass chosen tab1 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen tab5 removeClass chosen1 tab1 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosen tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass fadein tabContents1 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab4 removeClass chosen tab5 removeClass chosen1 tab1 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosen tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass fadein tabContents1 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab5 removeClass chosen1 tab1 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosen tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass fadein tabContents1 removeClass chosen tab1 removeClass chosen tab2 removeClass chosen tab3 removeClass chosen tab4 removeClass chosen1 tab1 [/script] [script class=tab6 on=click] removeClass charname charactername removeClass roledown role removeClass swordin sideword removeClass spin icon removeClass up tab removeClass fadein tabContents removeClass show tabContents removeClass chosen1 tab1 removeClass chosen tab removeClass none icon [/script]

 

[Abendrot]

[class=bkgd] position: relative; box-sizing: border-box; width: 600px; height: 400px; background-color: #7B9FAB; border: 3px solid #DFDEE6; overflow: hidden; margin-left: auto; margin-right: auto; padding: 0; border-radius: 10px; [/class] [class=pic] position: absolute; overflow: visible; width: 224px; height: 402px; left: 0px; top: -2px; background: url(https://66.media.tumblr.com/19adb006dcd9ba46827134cfad3556ea/tumblr_p0k6ggBpeg1qep1kao1_400.jpg); background-size: 120%; border-right: 3px solid #DFDEE6; [/class] [class=title] position: absolute; left: 183px; top: 10px; overflow: hidden; width: 400px; height: auto; color: #EC9889; text-shadow: 2px 2px 0px #240A03; text-transform: uppercase; text-align: right; font-style: normal; font-weight: normal; font-size: 30px; padding-right: 3px; [/class] [class=role] position: absolute; left: 383px; top: 46px; overflow: hidden; width: 200px; height: auto; color: #8D220C; text-transform: uppercase; text-shadow: 1px 2px 0px #45130E; text-align: right; font-style: italic; font-weight: normal; font-size: 18px; padding-right: 3px; [/class] [class=underline] overflow: visible; position: absolute; top: 62.5px; left: 247px; width: 337px; height: 3px; border-radius: 10px; background-color: #DFDEE6; [/class] [class=tab] position: absolute; overflow: visible; width: 38px; height: 38px; background-color: #8D220C; border: 3px solid #DFDEE6; border-radius: 100px; color: #DFDEE6 font-size: 30px; line-height: 40px; text-align: center; font-weight: 700; [/class] [class=body] position: relative; overflow: auto; width: 297px; height: 240px; color: #DFDEE6; text-align: justify; line-height: 11px; font-size: 10px; padding: 5px; [/class] [class=bodycont] position: absolute; overflow: hidden; width: 290px; height: 256px; left: 270px; top: 119px; background-color: #194A60; box-shadow: 3px 3px 0px #001F2C; border-radius: 10px [/class] [class=sub1] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #DFDEE6; text-shadow: 1px 2px 0px #194A60; [/class] [class=sub2] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #DFDEE6; text-shadow: 1px 2px 0px #194A60; [/class] [class=sub3] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #DFDEE6; text-shadow: 1px 2px 0px #194A60; [/class] [class=sub4] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #DFDEE6; text-shadow: 1px 2px 0px #194A60; [/class] [class=tag] position: relative; overflow: hidden; width: auto; height: 10px; display: inline; background-color: #EC9889; border-radius: 50px; box-shadow: 2px 2px 0px #45130E; color: #8D220C; text-transform: uppercase; font-size: 10px; font-weight: 700; padding-right: 5px; padding-left: 5px; margin-right: 3px; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #8D220C; opacity: 0.8; [/class] [class name=tab state=hover] background-color: #45130E; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (show tabsContentBasics) if (eq ${currentTab} 1) (show sub1) if (eq ${currentTab} 1) (hide sub2) if (eq ${currentTab} 1) (hide sub3) if (eq ${currentTab} 1) (hide sub4) if (eq ${currentTab} 2) (show tabsContentPersona) if (eq ${currentTab} 2) (show sub2) if (eq ${currentTab} 2) (hide sub1) if (eq ${currentTab} 2) (hide sub3) if (eq ${currentTab} 2) (hide sub4) if (eq ${currentTab} 3) (show tabsContentBackground) if (eq ${currentTab} 3) (show sub3) if (eq ${currentTab} 3) (hide sub1) if (eq ${currentTab} 3) (hide sub2) if (eq ${currentTab} 3) (hide sub4) if (eq ${currentTab} 4) (show tabsContentOther) if (eq ${currentTab} 4) (show sub4) if (eq ${currentTab} 4) (hide sub1) if (eq ${currentTab} 4) (hide sub2) if (eq ${currentTab} 4) (hide sub3) [/script]
[div class=bkgd]
[div class=pic][/div]
[div class=title]Lydia[/div]
[div class=underline][/div]
[div class=role]Aut viam inveniam aut faciam.[/div]
[div class=line][/div]
[div class=sub1]basics[/div]
[div class=sub2 style="display: none;"]persona[/div]
[div class=sub3 style="display: none;"]background[/div]
[div class=sub4 style="display: none;"]other[/div]

[div class=tabs][div class=tab style="left: 205px; top: 100px;"]1[/div][div class=tab style="left: 205px; top: 154px;"]2[/div][div class=tab style="left: 205px; top: 208px;"]3[/div][div class=tab style="left: 205px; top: 262px;"]4[/div][/div]

[div class=one]1[/div]
[div class=two]2[/div]
[div class=three]3[/div]
[div class=four]4[/div]

[div class="tabsContent tabsContentBasics"][div class=bodycont][div class=body]
[div class=tag]name[/div] Lydia Elise Kahnweiler

[div class=tag]nickname[/div] N/A

[div class=tag]age[/div] 21

[div class=tag]birthday[/div] February 8th, 1966

[div class=tag]gender[/div] Female

[div class=tag]sexuality[/div] Heterosexual

[div class=tag]role[/div] TBA

[div class=tag]occupation[/div] - Student, University of Washington (B.A. Communications), Editorial Intern at local newspaper.

[div class=tag]hair color[/div] Brown

[div class=tag]eye color[/div] Brown

[div class=tag]height[/div] 5' 4"

[div class=tag]weight[/div] 127 lbs.

[div class=tag]faceclaim[/div] Liv Lisa Fries

[/div][/div][/div]


[div class="tabsContent tabsContentPersona" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]vices[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non nisi est sit amet facilisis magna etiam. Odio morbi quis commodo odio aenean. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Tincidunt arcu non sodales neque sodales. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. A diam sollicitudin tempor id eu nisl. Odio tempor orci dapibus ultrices in iaculis nunc. Urna cursus eget nunc scelerisque viverra mauris. Sollicitudin tempor id eu nisl nunc mi.

[div class=tag]virtues[/div] Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[div class=tag]strengths[/div] Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

[div class=tag]weaknesses[/div] Aliquet sagittis id consectetur purus ut faucibus pulvinar. Aliquam ultrices sagittis orci a. Senectus et netus et malesuada fames ac. Nibh sit amet commodo nulla facilisi nullam vehicula. Cursus metus aliquam eleifend mi in nulla. Ornare arcu dui vivamus arcu felis bibendum ut. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Adipiscing elit ut aliquam purus sit amet luctus venenatis. Facilisis gravida neque convallis a. In tellus integer feugiat scelerisque varius morbi. Adipiscing tristique risus nec feugiat in fermentum posuere urna. Blandit volutpat maecenas volutpat blandit aliquam etiam erat. Sed viverra ipsum nunc aliquet bibendum enim facilisis. Dignissim diam quis enim lobortis scelerisque fermentum dui. Amet luctus venenatis lectus magna fringilla. Eget arcu dictum varius duis at consectetur lorem donec massa.

[div class=tag]likes[/div] Imperdiet dui accumsan sit amet nulla facilisi morbi. Tempor orci eu lobortis elementum nibh tellus molestie nunc. Nulla aliquet enim tortor at auctor urna nunc id. Ipsum suspendisse ultrices gravida dictum fusce. Vel facilisis volutpat est velit egestas dui id ornare. Dictum fusce ut placerat orci nulla pellentesque dignissim enim sit. Sagittis purus sit amet volutpat consequat mauris nunc congue. Pellentesque elit eget gravida cum sociis. Scelerisque varius morbi enim nunc faucibus a pellentesque sit. Tristique nulla aliquet enim tortor. Elementum nisi quis eleifend quam adipiscing. Arcu odio ut sem nulla pharetra diam sit amet nisl. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

[div class=tag]dislikes[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non nisi est sit amet facilisis magna etiam. Odio morbi quis commodo odio aenean. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Tincidunt arcu non sodales neque sodales. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. A diam sollicitudin tempor id eu nisl. Odio tempor orci dapibus ultrices in iaculis nunc. Urna cursus eget nunc scelerisque viverra mauris. Sollicitudin tempor id eu nisl nunc mi.

[div class=tag]habits[/div] Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[div class=tag]quirks[/div] Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

[div class=tag]fears[/div] Imperdiet dui accumsan sit amet nulla facilisi morbi. Tempor orci eu lobortis elementum nibh tellus molestie nunc. Nulla aliquet enim tortor at auctor urna nunc id. Ipsum suspendisse ultrices gravida dictum fusce. Vel facilisis volutpat est velit egestas dui id ornare. Dictum fusce ut placerat orci nulla pellentesque dignissim enim sit. Sagittis purus sit amet volutpat consequat mauris nunc congue. Pellentesque elit eget gravida cum sociis. Scelerisque varius morbi enim nunc faucibus a pellentesque sit. Tristique nulla aliquet enim tortor. Elementum nisi quis eleifend quam adipiscing. Arcu odio ut sem nulla pharetra diam sit amet nisl. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

[/div][/div][/div]


[div class="tabsContent tabsContentBackground" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]history[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non nisi est sit amet facilisis magna etiam. Odio morbi quis commodo odio aenean. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Tincidunt arcu non sodales neque sodales. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. A diam sollicitudin tempor id eu nisl. Odio tempor orci dapibus ultrices in iaculis nunc. Urna cursus eget nunc scelerisque viverra mauris. Sollicitudin tempor id eu nisl nunc mi.

[div class=tag]family[/div] Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[div class=tag]education[/div] Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

[div class=tag]relationships[/div] my lover: Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

my nemesis: Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

my soulmate: Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

my side chick: Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

my boss: Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

my partner in crime: Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[/div][/div][/div]


[div class="tabsContent tabsContentOther" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]theme song[/div] never not by lauv

[div class=tag]favorite food[/div] popcorn shrimp

[div class=tag]favorite drink[/div] passion fruit margs

[div class=tag]favorite book[/div] sapiens by yuval noah harari

[div class=tag]favorite movie[/div] mister nobody

[div class=tag]gallery[/div]

[/div][/div][/div]
[/div][div class=credit]code by [COLOR=#8D220C]sox[/COLOR][/div]

 

[Abendrot]

[class=bkgd] --text-color: #228B22; --shift-color: #a34b45; position: relative; margin-left: auto; margin-right: auto; width: 20em; height: auto; padding-top: 2em; [/class] [class=pic] position: relative; width: 8em; height: 8em; border-radius: 10em; background: url(https://filmschoolrejects.com/wp-content/uploads/2018/09/lana-condor-x-men-apocalypse-700x500.jpg); background-size: 135%; background-position: 50% 50%; margin-left: auto; margin-right: auto; box-shadow: 3px 3px 0px #000; animation: {post_id}hover 2s linear infinite; [/class] [class=shadow] position: relative; overflow: visible; margin-right: auto; margin-bottom: 1.5em; margin-left: auto; width: 6em; height: .5em; top: 1em; background: #000; border-radius: 100%; animation: {post_id}resize 2s linear infinite; [/class] [class=content] position: relative; width: 100%; height: auto; color: var(--text-color); animation: {post_id}textresize 2s linear infinite; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 5px; color: #dedede; opacity: 0.1; [/class] [animation=hover] [keyframe=0]transform: translateY(0.3em);[/keyframe] [keyframe=50]transform: translateY(-0.3em);[/keyframe] [keyframe=100]transform: translateY(0.3em);[/keyframe] [/animation] [animation=resize] [keyframe=0]transform: scale(1.1);[/keyframe] [keyframe=50]transform: scale(0.9);[/keyframe] [keyframe=100]transform: scale(1.1);[/keyframe] [/animation] [animation=textresize] [keyframe=0]transform: scale(1.01);[/keyframe] [keyframe=50]transform: scale(0.99);[/keyframe] [keyframe=100]transform: scale(1.01);[/keyframe] [/animation] [class=name] position: relative; width: 100%; height: auto; text-align: center; font-size: 35px; text-transform: uppercase; line-height: 30px; margin-top: 10px; text-shadow: 3px 3px 0px #000; [/class] [class=role] position: relative; width: 100%; height: auto; text-align: center; font-size: 20px; text-transform: uppercase; line-height: 22px; margin-top: 2px; [/class] [class=fc] position: relative; width: 100%; height: auto; text-align: center; font-size: 12px; text-transform: uppercase; line-height: 12px; margin-top: 2px; [/class] [div class=bkgd] [div class=pic][/div] [div class=shadow][/div] [div class=content] [div class=name]Trần Mai Phương[/div] [div class=role]The Soul[/div] [div class=fc]FC: Lana Condor
(placeholder)[/div] [/div] [/div] [div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]

 

[Abendrot]

[class=bkgd] --text-color: #ce2029; --shift-color: #a34b45; position: relative; margin-left: auto; margin-right: auto; width: 20em; height: auto; padding-top: 2em; [/class] [class=pic] position: relative; width: 8em; height: 8em; border-radius: 10em; background: url(https://s.yimg.com/ny/api/res/1.2/Wzo8eZL1LgGk2plK3H6y2g--~A/YXBwaWQ9aGlnaGxhbmRlcjtzbT0xO3c9ODAw/http://media.zenfs.com/de-DE/homerun/spotonnews.de.com/74400a3f93e6b3a1e868769804d2673f); background-size: 180%; background-position: 50% 50%; margin-left: auto; margin-right: auto; box-shadow: 3px 3px 0px #000; animation: {post_id}hover 2s linear infinite; [/class] [class=shadow] position: relative; overflow: visible; margin-right: auto; margin-bottom: 1.5em; margin-left: auto; width: 6em; height: .5em; top: 1em; background: #000; border-radius: 100%; animation: {post_id}resize 2s linear infinite; [/class] [class=content] position: relative; width: 100%; height: auto; color: var(--text-color); animation: {post_id}textresize 2s linear infinite; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 5px; color: #dedede; opacity: 0.1; [/class] [animation=hover] [keyframe=0]transform: translateY(0.3em);[/keyframe] [keyframe=50]transform: translateY(-0.3em);[/keyframe] [keyframe=100]transform: translateY(0.3em);[/keyframe] [/animation] [animation=resize] [keyframe=0]transform: scale(1.1);[/keyframe] [keyframe=50]transform: scale(0.9);[/keyframe] [keyframe=100]transform: scale(1.1);[/keyframe] [/animation] [animation=textresize] [keyframe=0]transform: scale(1.01);[/keyframe] [keyframe=50]transform: scale(0.99);[/keyframe] [keyframe=100]transform: scale(1.01);[/keyframe] [/animation] [class=name] position: relative; width: 100%; height: auto; text-align: center; font-size: 35px; text-transform: uppercase; line-height: 30px; margin-top: 10px; text-shadow: 3px 3px 0px #000; [/class] [class=role] position: relative; width: 100%; height: auto; text-align: center; font-size: 20px; text-transform: uppercase; line-height: 22px; margin-top: 2px; [/class] [class=fc] position: relative; width: 100%; height: auto; text-align: center; font-size: 12px; text-transform: uppercase; line-height: 12px; margin-top: 2px; [/class] [div class=bkgd] [div class=pic][/div] [div class=shadow][/div] [div class=content] [div class=name]Edward Jasinski[/div] [div class=role]The Sleuth[/div] [div class=fc]FC: Volker Bruch
(placeholder)[/div] [/div] [/div] [div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]

 

[erzulie]

the basics

name. anastasia marie johnson
nickname. aj, stacy
age. 25
birthday. april 20th, 1962
sexuality. pansexual
identity. the rootworker

appearance

eyes. anastasia’s eyes are an attractive almond shape and slightly wide. they’re a deep, earthy brown similar to the color of soil after a rainy day.
hair. her hair is black in color and has been described as soft as raw cotton. anastasia wears wear hair in its natural state. she often styles it in cute styles like afro puff or she has braids installed. anastasia likes wearing gold accessories in her hair as well.
body. anastasia is on the slender side but she still has noticeable curves. she tries to stay in shape by working out when she has time. anastasia is a tall young woman, standing at 5’9”. She weighs around 130lbs. anastasia has full lips that that are shiny with her favorite lip gloss.
distinguishing feature. her hair

personality

positive traits. hardworking, reliable, patient, sensual, tenacious, confident, generous, honest, intuitive, passionate.
negative traits. stubborn, cautious, possessive, introverted, stoic, confrontational, lazy, rebellious, perfectionist.

likes. r&b, dogs, soul food, gardening, doing hair, fashion, reading, cooking, sewing, thrifting
dislikes. cats, bigots, losing, cops, snow days, bitter things, spiders, rats, chores,

history
Anastasia was born in Seattle, Washington to a factory worker and a midwife. Her parents met during the Great Migration, their families packed up all of their belongings and left all that they’d ever known in Georgia for a chance at a better life in the north. Despite both sides of her family settling in Washington her parents didn’t meet until later on in life. The two of them dated for a long time before eventually deciding to settle down and get married. A few years later Anastasia was born.

She had the typical life of a young black girl. Despite being living in the North Anastasia still faced racism and prejudice from those who believed her to be inferior because of her race. Her life consisted of her parents giving her the harsh truth of life, that she would have to work ten times harder in order to keep up with her white peers. She was also taught to stay out of trouble, to avoid interactions with the cops if she could. Despite this Anastasia comes from a house of love. Her parents cared for her deeply and made sure that she had the things and opportunities that they hadn’t when they were coming up. She took their words and advice to heart, working hard in school and getting a job in order to them help out.

Anastasia’s life was interesting to say the least. From a young age she had been involved in something greater. When her family left Georgia they brought their traditions and culture with them. They were heavily involved in hoodoo, an african-american folk practice that was made by slaves to preserve their West African traditions and culture, and protect themselves and their descendants. Which included doing something known as working the roots as well as working with african and black ancestors. She was taught by the elders in her family and those who had also immigrated from the southern states during the Great Migration. The community was rather large, with knowledge being passed down to children and young people by elders.

In the beginning she was only able to feel the spirits of her ancestors, sense when they had arrived, feel what they felt and what they wanted her to feel in order to guide her through life. It was when she was around nine that she began seeing spirits. Her first spirit being that of an uncle who recently passed. Her sight eventually stretched to those not of her family. Anastasia used her gift to help her family, becoming a link between their ancestors and those living. She began using her powers to help others, calling forth spirits of loved ones who had passed for information and guidance.

After graduating from high school Anastasia managed to get a job as waitress in order to pay for college. She dreams of becoming a journalist.

gallery.

©social

PATONE

®

14-5711
Process AJ

 

[weldherwings]

[div class=base] [div class=top] [div class=hovertext][div class=h1]ezra collins[/div][/div] [div class=h2]fc: ahn hyo seop[/div][/div] [div class=bottom][/div][/div] [class=base]cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; width:500px; height:500px; margin:auto; position:relative; background-color:black; [/class] [class=top]width:500px; padding-top:20px; height:100px; background: linear-gradient(6deg, rgba(180,196,209,1) 0%, rgba(62,98,146,1) 100%);[/class] [class=bottom]width:400px; border:50px solid #c2d0d9; height:285px; background:url(https://i.pinimg.com/564x/8b/31/7f/8b317f77ee59bfa488d78b0930e7e805.jpg); background-size:cover; background-position:50% 20%;[/class] [class=h1]font-size:40px; margin-right:20px;text-align:right; text-transform:uppercase; font-weight:bold;[/class] [class=h2]font-size:12px; margin-top:0px; margin-right:20px; text-align:right;[/class] [class=hovertext]flex: 1; line-height: 1.7; text-decoration: none; background-image: linear-gradient(to right, #b4c4d1 0, #b4c4d1 100%); background-position: 0 -0.1em; background-size: 0 100%; background-repeat: no-repeat; transition: background 2s;[/class] [class name=hovertext state=hover] background-size: 100% 100%;[/class]

 

[KittOnyx]

WIP​

[class=bkgd] position: relative; box-sizing: border-box; width: 600px; height: 400px; background-color: #7B9FAB; border: 3px solid #DFDEE6; overflow: hidden; margin-left: auto; margin-right: auto; padding: 0; border-radius: 10px; [/class] [class=pic] position: absolute; overflow: visible; width: 224px; height: 402px; left: 0px; top: -2px; background: url(https://i.pinimg.com/236x/7a/42/27/7a4227fe69b9c613df8ea7648709b401.jpg); background-size: 110%; border-right: 3px solid #DFDEE6; [/class] [class=title] position: absolute; left: 183px; top: 10px; overflow: hidden; width: 400px; height: auto; color: #EC9889; text-shadow: 2px 2px 0px #240A03; text-transform: uppercase; text-align: right; font-style: normal; font-weight: normal; font-size: 30px; padding-right: 3px; [/class] [class=role] position: absolute; left: 383px; top: 46px; overflow: hidden; width: 200px; height: auto; color: #8D220C; text-transform: uppercase; text-shadow: 1px 2px 0px #45130E; text-align: right; font-style: italic; font-weight: normal; font-size: 20px; padding-right: 3px; [/class] [class=underline] overflow: visible; position: absolute; top: 62.5px; left: 247px; width: 337px; height: 3px; border-radius: 10px; background-color: #DFDEE6; [/class] [class=tab] position: absolute; overflow: visible; width: 38px; height: 38px; background-color: #8D220C; border: 3px solid #DFDEE6; border-radius: 100px; color: #DFDEE6 font-size: 30px; line-height: 40px; text-align: center; font-weight: 700; [/class] [class=body] position: relative; overflow: auto; width: 297px; height: 240px; color: #DFDEE6; text-align: justify; text-transform: lowercase; line-height: 11px; font-size: 10px; padding: 5px; [/class] [class=bodycont] position: absolute; overflow: hidden; width: 290px; height: 256px; left: 270px; top: 119px; background-color: #194A60; box-shadow: 3px 3px 0px #001F2C; border-radius: 10px [/class] [class=sub1] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #DFDEE6; text-shadow: 1px 2px 0px #194A60; [/class] [class=sub2] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #DFDEE6; text-shadow: 1px 2px 0px #194A60; [/class] [class=sub3] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #DFDEE6; text-shadow: 1px 2px 0px #194A60; [/class] [class=sub4] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #DFDEE6; text-shadow: 1px 2px 0px #194A60; [/class] [class=tag] position: relative; overflow: hidden; width: auto; height: 10px; display: inline; background-color: #EC9889; border-radius: 50px; box-shadow: 2px 2px 0px #45130E; color: #8D220C; text-transform: uppercase; font-size: 10px; font-weight: 700; padding-right: 5px; padding-left: 5px; margin-right: 3px; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #8D220C; opacity: 0.8; [/class] [class name=tab state=hover] background-color: #45130E; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (show tabsContentBasics) if (eq ${currentTab} 1) (show sub1) if (eq ${currentTab} 1) (hide sub2) if (eq ${currentTab} 1) (hide sub3) if (eq ${currentTab} 1) (hide sub4) if (eq ${currentTab} 2) (show tabsContentPersona) if (eq ${currentTab} 2) (show sub2) if (eq ${currentTab} 2) (hide sub1) if (eq ${currentTab} 2) (hide sub3) if (eq ${currentTab} 2) (hide sub4) if (eq ${currentTab} 3) (show tabsContentBackground) if (eq ${currentTab} 3) (show sub3) if (eq ${currentTab} 3) (hide sub1) if (eq ${currentTab} 3) (hide sub2) if (eq ${currentTab} 3) (hide sub4) if (eq ${currentTab} 4) (show tabsContentOther) if (eq ${currentTab} 4) (show sub4) if (eq ${currentTab} 4) (hide sub1) if (eq ${currentTab} 4) (hide sub2) if (eq ${currentTab} 4) (hide sub3) [/script]
[div class=bkgd]
[div class=pic][/div]
[div class=title]Charlize Embers[/div]
[div class=underline][/div]
[div class=role]the influencer[/div]
[div class=line][/div]
[div class=sub1]basics[/div]
[div class=sub2 style="display: none;"]persona[/div]
[div class=sub3 style="display: none;"]background[/div]
[div class=sub4 style="display: none;"]extra[/div]

[div class=tabs][div class=tab style="left: 205px; top: 100px;"]1[/div][div class=tab style="left: 205px; top: 154px;"]2[/div][div class=tab style="left: 205px; top: 208px;"]3[/div][div class=tab style="left: 205px; top: 262px;"]4[/div][/div]

[div class=one]1[/div]
[div class=two]2[/div]
[div class=three]3[/div]
[div class=four]4[/div]

[div class="tabsContent tabsContentBasics"][div class=bodycont][div class=body]
[div class=tag]name[/div] Charlize Miranda Embers

[div class=tag]nickname[/div] Chuck, Charlie

[div class=tag]age[/div] 25

[div class=tag]birthday[/div] September 22nd, 1962

[div class=tag]gender[/div] female

[div class=tag]sexuality[/div] bisexual

[div class=tag]identuty[/div] rebel prep

[div class=tag]hair color[/div] brown

[div class=tag]eye color[/div] green

[div class=tag]height[/div] 5' 6"

[div class=tag]weight[/div] 127 lbs.

[div class=tag]body mods[/div] ears pierced

[div class=tag]faceclaim[/div] Zendaya Coleman

[/div][/div][/div]


[div class="tabsContent tabsContentPersona" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]vices[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non nisi est sit amet facilisis magna etiam. Odio morbi quis commodo odio aenean. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Tincidunt arcu non sodales neque sodales. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. A diam sollicitudin tempor id eu nisl. Odio tempor orci dapibus ultrices in iaculis nunc. Urna cursus eget nunc scelerisque viverra mauris. Sollicitudin tempor id eu nisl nunc mi.

[div class=tag]virtues[/div] Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[div class=tag]strengths[/div] Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

[div class=tag]weaknesses[/div] Aliquet sagittis id consectetur purus ut faucibus pulvinar. Aliquam ultrices sagittis orci a. Senectus et netus et malesuada fames ac. Nibh sit amet commodo nulla facilisi nullam vehicula. Cursus metus aliquam eleifend mi in nulla. Ornare arcu dui vivamus arcu felis bibendum ut. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Adipiscing elit ut aliquam purus sit amet luctus venenatis. Facilisis gravida neque convallis a. In tellus integer feugiat scelerisque varius morbi. Adipiscing tristique risus nec feugiat in fermentum posuere urna. Blandit volutpat maecenas volutpat blandit aliquam etiam erat. Sed viverra ipsum nunc aliquet bibendum enim facilisis. Dignissim diam quis enim lobortis scelerisque fermentum dui. Amet luctus venenatis lectus magna fringilla. Eget arcu dictum varius duis at consectetur lorem donec massa.

[div class=tag]likes[/div] Imperdiet dui accumsan sit amet nulla facilisi morbi. Tempor orci eu lobortis elementum nibh tellus molestie nunc. Nulla aliquet enim tortor at auctor urna nunc id. Ipsum suspendisse ultrices gravida dictum fusce. Vel facilisis volutpat est velit egestas dui id ornare. Dictum fusce ut placerat orci nulla pellentesque dignissim enim sit. Sagittis purus sit amet volutpat consequat mauris nunc congue. Pellentesque elit eget gravida cum sociis. Scelerisque varius morbi enim nunc faucibus a pellentesque sit. Tristique nulla aliquet enim tortor. Elementum nisi quis eleifend quam adipiscing. Arcu odio ut sem nulla pharetra diam sit amet nisl. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

[div class=tag]dislikes[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non nisi est sit amet facilisis magna etiam. Odio morbi quis commodo odio aenean. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Tincidunt arcu non sodales neque sodales. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. A diam sollicitudin tempor id eu nisl. Odio tempor orci dapibus ultrices in iaculis nunc. Urna cursus eget nunc scelerisque viverra mauris. Sollicitudin tempor id eu nisl nunc mi.

[div class=tag]habits[/div] Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[div class=tag]quirks[/div] Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

[div class=tag]fears[/div] Imperdiet dui accumsan sit amet nulla facilisi morbi. Tempor orci eu lobortis elementum nibh tellus molestie nunc. Nulla aliquet enim tortor at auctor urna nunc id. Ipsum suspendisse ultrices gravida dictum fusce. Vel facilisis volutpat est velit egestas dui id ornare. Dictum fusce ut placerat orci nulla pellentesque dignissim enim sit. Sagittis purus sit amet volutpat consequat mauris nunc congue. Pellentesque elit eget gravida cum sociis. Scelerisque varius morbi enim nunc faucibus a pellentesque sit. Tristique nulla aliquet enim tortor. Elementum nisi quis eleifend quam adipiscing. Arcu odio ut sem nulla pharetra diam sit amet nisl. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

[/div][/div][/div]


[div class="tabsContent tabsContentBackground" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]history[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non nisi est sit amet facilisis magna etiam. Odio morbi quis commodo odio aenean. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque in. Tincidunt arcu non sodales neque sodales. Eu turpis egestas pretium aenean pharetra magna ac placerat vestibulum. A diam sollicitudin tempor id eu nisl. Odio tempor orci dapibus ultrices in iaculis nunc. Urna cursus eget nunc scelerisque viverra mauris. Sollicitudin tempor id eu nisl nunc mi.

[div class=tag]family[/div] Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[div class=tag]education[/div] Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

[div class=tag]relationships[/div] my lover: Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

my nemesis: Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

my soulmate: Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

my side chick: Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

my boss: Diam donec adipiscing tristique risus nec feugiat. Ut consequat semper viverra nam libero justo. Sed lectus vestibulum mattis ullamcorper velit. Aliquam id diam maecenas ultricies. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Facilisi cras fermentum odio eu feugiat pretium nibh. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Rhoncus aenean vel elit scelerisque mauris pellentesque. Tortor aliquam nulla facilisi cras fermentum odio. Lectus arcu bibendum at varius.

my partner in crime: Condimentum lacinia quis vel eros donec. Odio ut sem nulla pharetra diam sit amet nisl suscipit. Tristique senectus et netus et. Nullam non nisi est sit. Dictum non consectetur a erat nam. In metus vulputate eu scelerisque felis. Tristique et egestas quis ipsum suspendisse ultrices gravida. Morbi tincidunt ornare massa eget. Proin sed libero enim sed. Leo vel orci porta non pulvinar neque. Quam lacus suspendisse faucibus interdum posuere lorem.

[/div][/div][/div]


[div class="tabsContent tabsContentOther" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]theme song[/div] never not by lauv

[div class=tag]favorite food[/div] popcorn shrimp

[div class=tag]favorite drink[/div] passion fruit margs

[div class=tag]favorite book[/div] sapiens by yuval noah harari

[div class=tag]favorite movie[/div] mister nobody

[div class=tag]gallery[/div]

[/div][/div][/div]
[/div][div class=credit]code by [COLOR=#8D220C]sox[/COLOR][/div]

 

[Caoimhe_]

​

[class=container]width: 600px; height: 500px; margin: auto;[/class] [class=holder]position: absolute; width: 600px; height: 500px; background-color: #f3f3f3; border-radius: 6px; overflow: hidden;[/class] [class=tabs]position: absolute; top: 0; left: 0; height: 40px; width: 450px;[/class] [class=tab]display: inline-block; height: 20px; font-size: 10px; font-family: montserrat; color: #262626; font-weight: 400; text-transform: uppercase; line-height: 30px; padding: 10px 5px 8px 5px; text-align: center; transition: 1s; border-bottom: 2px solid #a0c6c4;[/class] [class=nc]color: #bbb; display: inline; transition: 1s;[/class][class=ct]color: #262626; transition: 1s;[/class] [class=tabContents]position: absolute; top: 60px; left: 20px; width: 410px; height: 420px;[class] [class=tabcontainer]width: 410px; height: 420px;[/class] [class=tag]font-size: 10px; font-family: 'montserrat'; text-transform: uppercase; letter-spacing: 1px; color: #8d8d8d; margin-right: auto; text-align: center; display: table; padding: 0 2px; border-bottom: 1px solid #a0c6c4; margin-bottom: 5px; margin-top: 5px; margin-left: 5px;[/class] [class=ans]margin-left: 15px; text-transform: lowercase; font-family: 'poppins'; font-size: 12px; letter-spacing: 0px; color: #8d8d8d; display: table; line-height: 110%; margin-right: auto; padding-bottom: 5px; text-align: justify;[/class] [class=tab1top]position: absolute; width: 410px; height: 150px; border-bottom: 1px solid #bbb;[/class] [class=tab1toppic]position: absolute; top: 0; left: 0; height: 130px; width: 200px; background-color: #f3f3f3; padding: 10px;[/class] [class=tab1topinfo]position: absolute; width: 150px; height: 134px; right: 0; top: 0; padding: 8px 20px; font-family: montserrat; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #8d8d8d; white-space: pre-line; line-height: 110%;[/class] [class=tab1toptag]margin-left: 10px; text-transform: lowercase; font-family: poppins; font-size: 13px; letter-spacing: -1px; color: #a0c6c4; display: table; padding-left: 8px; padding-right: 5px; line-height: 110%; margin-top: -4px; margin-bottom: 5px;[/class] [class=tab1bottom]position: absolute; width: 410px; height: 275px; left: 0; top: 150px;[/class] [class=tab1bottominfo]position: absolute; height: 250px; width: 240px; top: 20px; left: 10px; overflow-x: hidden; padding-right: 5px;[/class] [class=tab1bottomtitle]font-weight: 800; text-transform: lowercase; font-size: 30px; letter-spacing: -1px; color: #424242; display: table; border-bottom: 5px solid #c6c4a0; line-height: 10px; margin-left: auto; margin-top: 10px; margin-bottom: 10px; margin-right: 10px;[/class] [class=tab1bottompics]position: absolute; bottom: 0; right: 0; height: 255px; width: 135px;[/class] [class=tab2slab]width: 220px; height: 20px; line-height: 100%; font-family: montserrat; font-size: 15px; letter-spacing: -1px; background-color: #a0c6c4; border-radius: 0px 6px 6px 0px; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; text-align: right; color: #262626; text-transform: lowercase; margin-right: auto; margin-left: -20px;[/class] [class=tab2appearance]position: absolute; left: 20px; top: 60px; height: 360px; width: 230px; overflow-x: hidden; padding-right: 10px;[/class] [class=tab3title]position: absolute; height: 22px; line-height: 22px; margin-left: 20px; padding: -1px 2px 4px 2px; background: #a0c6c4; font-size: 20px; letter-spacing: -1px; color: #262626; text-transform: lowercase; font-family: montserrat; font-weight: 800; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;[/class] [class=tab3persona]position: relative; width: 407px; height: 105px; border-radius: 6px; border: 1px solid #a0c6c4; background: white; font-family: 'poppins'; font-size: 12px; letter-spacing: 0px; color: #8d8d8d; text-align: justify;[/class] [class=tab3container]margin: 10px; height: 85px; width: 382px; overflow-x: hidden; padding-right: 5px; line-height: 110%; white-space: pre-line;[/class] [class=tab4history]position: relative; top: 0; left: 0; height: 228px; width: 408px; border-radius: 6px; border: 1px solid #a0c6c4; background: white; font-family: 'poppins'; font-size: 12px; letter-spacing: 0px; color: #8d8d8d; text-align: justify;[/class] [class=tab4container]margin: 10px; height: 208px; width: 383px; overflow-x: hidden; padding-right: 5px; line-height: 110%; white-space: pre-line;[/class] [class=tab4pic]position: absolute; top: 245px; left: 0; height: 155px; width: 390px; background-color: #a0c6c4; padding: 10px;[/class] [class=tab5container]width: 405px; height: 420px; padding-right: 5px; overflow-x: hidden; white-space: initial;[/class] [class=relationshipbar]height: 160px; width: 388px; border-bottom: 1px solid #bbb; background: white;[/class] [class=relationshipinfo]float: right; height: 120px; width: 185px; font-family: 'poppins'; font-size: 12px; letter-spacing: 0px; color: #8d8d8d; line-height: 110%; text-align: justify; overflow: hidden; padding: 10px 0px 10px 20px; white-space: pre-line;[/class] [class=scroll]width: 100%; height: 90%; overflow-y: scroll; padding-right: 20px;[/class] [class=break]display: block; margin-bottom: 15px; font-size: 15px; line-height: 15px;[/class] [class=sideholder]position: absolute; height: 500px; width: 150px; right: 0; top: 0; background-color: #a0c6c4;[/class] [class=name]width: 500px; font-family: montserrat; font-weight: 800; text-transform: lowercase; font-size: 30px; letter-spacing: -1px; color: #424242; display: table; text-align: center; position: absolute; bottom: -150px; height: 150px; line-height: 150px; padding-bottom: 0px; transform: rotate(-90deg); transform-origin: left top 0; float: left; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;[/class] [class name="nc" state="hover"] cursor: url(http://www.rw-designer.com/cursor-view/94624.png), auto!important; color: #262626; transition: 1s; [/class] [script class=tab1 on=click] hide tabContents02 hide tabContents03 hide tabContents04 hide tabContents05 slideDown 1000 tabContents01 addClass ct nc1 removeClass ct nc2 removeClass ct nc3 removeClass ct nc4 removeClass ct nc5 [/script] [script class=tab2 on=click] hide tabContents01 hide tabContents03 hide tabContents04 hide tabContents05 slideDown 1000 tabContents02 addClass ct nc2 removeClass ct nc1 removeClass ct nc3 removeClass ct nc4 removeClass ct nc5 [/script] [script class=tab3 on=click] hide tabContents01 hide tabContents02 hide tabContents04 hide tabContents05 slideDown 1000 tabContents03 addClass ct nc3 removeClass ct nc1 removeClass ct nc2 removeClass ct nc4 removeClass ct nc5 [/script] [script class=tab4 on=click] hide tabContents01 hide tabContents02 hide tabContents03 hide tabContents05 slideDown 1000 tabContents04 addClass ct nc4 removeClass ct nc1 removeClass ct nc2 removeClass ct nc3 removeClass ct nc5 [/script] [script class=tab5 on=click] hide tabContents01 hide tabContents02 hide tabContents03 hide tabContents04 slideDown 1000 tabContents05 addClass ct nc5 removeClass ct nc1 removeClass ct nc2 removeClass ct nc3 removeClass ct nc4 [/script]

[div class=container][div class=holder][div class=tabs]

[div class="tab tab1"]( [div class="nc nc1 ct"]info

)

[div class="tab tab2"]( [div class="nc nc2"]looks[/div] )[/div] [div class="tab tab3"]( [div class="nc nc3"]persona[/div] )[/div] [div class="tab tab4"]( [div class="nc nc4"]history[/div] )[/div] [div class="tab tab5"]( [div class="nc nc5"]relationships[/div] )[/div][/div][/div] [div class="tabContents tabContents01"][div class=container][div class=tab1top][div class=tab1toppic]

[/div][/div] [div class=tab1topinfo]// full name [div class=tab1toptag]aria park[/div] // age [div class=tab1toptag]23[/div] // identity [div class=tab1toptag]joker[/div] // face claim [div class=tab1toptag]jeon jungkook[/div][/div] [div class=tab1bottom][div class=tab1bottominfo][div class=tab1bottomtitle]✿ basics:[/div] [div class=tag]nickname(s)[/div] [div class=ans]ari, park.[/div] [div class=tag]gender[/div] [div class=ans]male.[/div] [div class=tag]date of birth[/div] [div class=ans]07/05/1964.[/div] [div class=tag]zodiac[/div] [div class=ans]taurus.[/div] [div class=tag]sexuality[/div] [div class=ans]bisexual (closeted).[/div][/div] [div class=tab1bottompics]

[/div][/div][/div][/div] [div class="tabContents tabContents02" style="display: none; margin-left: -20px; width: 430px;"][div class=tabcontainer][div class=tab2slab]appearance[/div] [div class=tab2appearance][div class=tag]height[/div] [div class=ans]178cm (5'10").[/div] [div class=tag]weight[/div] [div class=ans]140lbs.[/div] [div class=tag]hair[/div] [div class=ans]black.[/div] [div class=tag]eyes[/div] [div class=ans]brown.[/div] [div class=tag]body type[/div] [div class=ans]slim, athletic build.[/div] [div class=tag]scars + markings[/div] [div class=ans]a scar on the top of his forehead from where he needed stitches.[/div] [div class=tag]tattoos + piercings[/div] [div class=ans]cherry blossom tattoo near his clavicle.[/div] [div class=tag]attire[/div] [div class=ans]lookbook.[/div][/div]

[/div][/div] [div class="tabContents tabContents03" style="display: none;"][div class=tabcontainer][div class=tab3title]personality.[/div] [div class=tab3persona style="top: 23px;"][div class=tab3container]Aria is a thoughtful, caring and emphatic individual who uses humour and deflection to hide his true feelings. virtues • Compassionate - Aria has a deep awareness of and sympathy for anyone else's suffering - so much so that he will burden himself and try to come up with different plans and techniques to help someone get over what's burdening them and causing them sadness. If he's in a position where he can't help someone then he'll also start to feel burdened too. • Empathetic - Aria finds it relatively easy to put himself into someone else's shoes and to feel how that person may be feeling. One may argue that he can relate to someones feelings a bit too well and allows it to get to the point where he's feeling burdened. • Insightful - Aria finds it relatively easy to see through dishonesty and disingenuous motives. Aria can often see past manipulation and whilst he normally doesn't actively choose to call someone out on it, he will make a mental note of it. Aria finds it easy see how people and events are connected, using his insight to get to the heart of the matter. He also find it easy to decide whether he likes someone in the first ten minutes of meeting them. • Decisive - Aria is very decisive and can always do something once he puts his mind to it, this is because he is able to follow through on his ideas with conviction, willpower, and the planning necessary to see complex projects through to the end. • Creative - Aria has an extremely vivid imagination, this combined with a strong sense of compassion allows him to find different ways to solve challenges and issues that may come his way. He enjoys coming up with perfect solutions to help someone, though he also doesn't mind being just an ear to listen to either. vices • Melancholic - Aria tends to be analytical and detail-oriented, and along with this, he is also deep thinkers and feelers. It results in him being a bit more reserved and often anxious. Due to him striving oft perfection, it often leads to an internal melancholy. He is prone to episodes of relative sadness. • Non Confrontational - Aria is extremely private when it comes to his personal life. He uses an image of humour and relatively calmness to keep himself from having to truly open up to people, even to those he is closest too. Trust comes as a challenge to him, and trust friends can be even more difficult. • Private - Aria is extremely private when it comes to his personal life. He uses an image of humour and relatively calmness to keep himself from having to truly open up to people, even to those he is closest too. Trust comes as a challenge to him, and trust friends can be even more difficult. • Perfectionist - Aria is someone who definitely wants life to fit into ideals that he has set in his mind - ways in which he believes the world around him should be. It's because of thought that Aria has a perfectionistic nature which makes him want things just to be perfect and run more smoothly. • Sensitive - When someone challenges or criticises Aria’s principles or values, he more often than not has a strong response to it. He is definitely more vulnerable to criticism and questions of his motives does make him a bit temperamental. [/div][/div] [div class=tab3title style="top: 145px;"]likes and dislikes.[/div] [div class=tab3persona style="top: 61px;"][div class=tab3container]likes strawberries, rainy weather, art, reading, hot chocolate, cold coffee, the stars, incense, sunrise, northern lights, philosophy. dislikes wet socks, loud chewing, closed spaces, heights, alcohol.[/div][/div] [div class=tab3title style="top: 290px;"]hobbies.[/div] [div class=tab3persona style="top: 99px;"][div class=tab3container]painting, writing, singing, gardening, stargazing, hiking, ice skating, photography.[/div][/div][/div][/div] [div class="tabContents tabContents04" style="display: none;"][div class=tabcontainer][div class=tab4history][div class=tab4container]Aria was originally born as Minjun Park. His biological mother was sixteen at the time of his birth and due to the social stigmas over having a child out of wedlock and so young, she decided to give Minjun up for adoption. Unlike a lot of the other children in his orphanage however, his stay was rather short when Michael and Lisa Brown both came to Korea whilst looking to adopt internationally. Both parents claim that even to this day that it was love at first sight, Aria would tell you that it was because he was the only baby whilst the rest where all children. He was soon after, promptly brought to America. When Aria started to see the spirits for the first time he was sure he was crazy or going insane. There was no way he could rationalise it to make sense. It even got to the point where he began to read up on his own culture, something he swore he would break all ties from except in surname. Eventually, he gave in to the realisation that maybe all of this was happening and it was all outside of his dreams. It was then when he fully began to interact with the spirits, though not fully helping them as he should have been doing. He actually kind of liked talking to some of them, as sad as it sounds. However, he was soon brought into the group where he learned what needed to be done and what was the best way to go about it. Nowadays Aria serves mostly as a comic relief type of person when a situation gets dark, which in their line of work - it often does. [/div][/div] [div class=tab4pic]

[/div][/div][/div] [div class="tabContents tabContents05" style="display: none;"][div class=tab5container][div class=relationshipbar]

[div class=relationshipinfo][div class=tag]// Michael Brown[/div][div class=scroll]Adoptive Father.[/div][/div][/div] [div class=break][/div] [div class=relationshipbar]

[div class=relationshipinfo][div class=tag]Lisa Brown[/div][div class=scroll]Adoptive Mother.[/div][/div][/div] [div class=break][/div] [div class=relationshipbar]

[div class=relationshipinfo][div class=tag]Sheila Brown[/div][div class=scroll]Adoptive Sister.[/div][/div][/div] [/div][/div] [div class=sideholder][div class=name]박아리아.[/div][/div][/div][/div]

coded by constellation .

[/div]

 

[Hubub101]

[class=bkgd] --text-color: #FF6833; --shift-color: #a34b45; position: relative; margin-left: auto; margin-right: auto; width: 20em; height: auto; padding-top: 2em; [/class] [class=pic] position: relative; width: 8em; height: 8em; border-radius: 10em; background: url(https://marriedbiography.com/wp-content/uploads/2018/01/Freddie-Highmore-1200x1200.jpg); background-size: 100%; background-position: 50% 50%; margin-left: auto; margin-right: auto; box-shadow: 3px 3px 0px #000; animation: {post_id}hover 2s linear infinite; [/class] [class=shadow] position: relative; overflow: visible; margin-right: auto; margin-bottom: 1.5em; margin-left: auto; width: 6em; height: .5em; top: 1em; background: #000; border-radius: 100%; animation: {post_id}resize 2s linear infinite; [/class] [class=content] position: relative; width: 100%; height: auto; color: var(--text-color); animation: {post_id}textresize 2s linear infinite; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 5px; color: #dedede; opacity: 0.1; [/class] [animation=hover] [keyframe=0]transform: translateY(0.3em);[/keyframe] [keyframe=50]transform: translateY(-0.3em);[/keyframe] [keyframe=100]transform: translateY(0.3em);[/keyframe] [/animation] [animation=resize] [keyframe=0]transform: scale(1.1);[/keyframe] [keyframe=50]transform: scale(0.9);[/keyframe] [keyframe=100]transform: scale(1.1);[/keyframe] [/animation] [animation=textresize] [keyframe=0]transform: scale(1.01);[/keyframe] [keyframe=50]transform: scale(0.99);[/keyframe] [keyframe=100]transform: scale(1.01);[/keyframe] [/animation] [class=name] position: relative; width: 100%; height: auto; text-align: center; font-size: 35px; text-transform: uppercase; line-height: 30px; margin-top: 10px; text-shadow: 3px 3px 0px #000; [/class] [class=role] position: relative; width: 100%; height: auto; text-align: center; font-size: 20px; text-transform: uppercase; line-height: 22px; margin-top: 2px; [/class] [class=fc] position: relative; width: 100%; height: auto; text-align: center; font-size: 12px; text-transform: uppercase; line-height: 12px; margin-top: 2px; [/class] [div class=bkgd] [div class=pic][/div] [div class=shadow][/div] [div class=content] [div class=name]alex moran[/div] [div class=role]the scholar[/div] [div class=fc]fc: freddie highmore[/div] [/div] [/div] [div class=credit]code by [COLOR=#dedede]sox[/COLOR][/div]

 

[alabast]

[class=custom___1]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 400px;
height: 210px;
background-color: #fff;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
[/class][class=twenty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 125px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=thirty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 150px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=forty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 175px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=fifty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 200px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=ten]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 100px;
top: 152px;
border: 1px solid #000;
background-color: #ab7f33;
[/class][class=sixty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 225px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=eighty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 275px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=ninety]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 300px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=seventy]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 250px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=pic]
position: absolute;
overflow: visible;
width: 125px;
height: 125px;
left: 19px;
top: 21px;
background: url(https://bkimg.cdn.bcebos.com/pic/5366d0160924ab1891da1b6f3ffae6cd7a890b9d?x-bce-process=image/watermark,g_7,image_d2F0ZXIvYmFpa2UxODA=,xp_5,yp_5);
background-size: 150%;
background-position: 325px 250px;
border-radius: 60px 60px 0px 60px;
border:1px solid #000;
[/class][class=zero]
position: absolute;
left: 75px;
top: 150px;
overflow: visible;
width: 26px;
height: 25px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 25px;
color: rgba(0,0,0,1);
[/class][class=onehundred]
position: absolute;
left: 328px;
top: 149px;
overflow: visible;
width: 45px;
height: 26px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 25px;
color: rgba(34,32,32,1);
[/class][class=progress]
position: absolute;
left: 100px;
top: 183px;
overflow: visible;
width: 226px;
height: 14px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 14px;
color: rgba(0,0,0,1);
[/class][class=role]
position: absolute;
left: 131px;
top: 103px;
overflow: visible;
width: 220px;
height: 24px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: #ab7f33;
[/class][class=line]
overflow: visible;
position: absolute;
top: 135px;
left: 135px;
width: 220px;
height: 2px;
background-color: #000;
[/class][class=credit]
position: absolute;
left: 324px;
top: 0px;
overflow: visible;
width: 76px;
height: 11px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 9px;
color: rgba(0,0,0,1);
[/class]

[div class=custom___1]
[div class=twenty][/div]
[div class=thirty][/div]
[div class=forty][/div]
[div class=fifty][/div]
[div class=ten][/div]
[div class=sixty][/div]
[div class=eighty][/div]
[div class=ninety][/div]
[div class=seventy][/div]
[div class=pic][/div]
[div class=zero]0[/div]
[div class=onehundred]100[/div]
[div class=progress]character in progress...
fc: wei daxun[/div]
[div class=role]THE DREAMER[/div]
[div class=line][/div]
[div class=credit]code::yousmelldead[/div]
[/div]

 

[Uxie]

font

[div class=container]

♡coded by uxie♡

[div class=sidebar] [div class=namec] [div class=name]jolie[/div] [div class=role]the butterfly[/div] [/div] [div class=icon][/div] [div class=buttoncon] [div class="1btn button buttonselect"]

1#

[/div] [div class="2btn button"]

2#

[/div] [div class="3btn button"]

3#

[/div] [div class="4btn button"]

4#

[/div] [/div] [/div][div class=body]
[div class="1tab tabs"][div class=chatbox] [div class=reqchat]one day you will look back and see that all along, you were blooming. [/div] [div class=reqicon][/div] [/div][div class=reqbody][div class=reqscroll][div class=reqstackc] [div class=reqstack] [div class=reqh]full name[/div] [div class=reqt]jolie tran[/div] [/div] [div class=reqstack] [div class=reqh]nickname(s)[/div] [div class=reqt]she very much prefers jo[/div] [/div] [div class=reqstack] [div class=reqh]age[/div] [div class=reqt]twenty-two[/div] [/div] [div class=reqstack] [div class=reqh]d.o.b.[/div] [div class=reqt]feb 24th, 1965[/div] [/div] [div class=reqstack] [div class=reqh]gender[/div] [div class=reqt]female[/div] [/div] [div class=reqstack] [div class=reqh]sexuality[/div] [div class=reqt]pansexual[/div] [/div] [div class=reqstack] [div class=reqh]ethnicity[/div] [div class=reqt]vietnamese[/div] [/div] [div class=reqstack] [div class=reqh]occupation[/div] [div class=reqt]intern at printing firm[/div] [/div] [/div]
[div class=appc] [div class=apph]hair[/div] [div class=appt]jo's hair is a chestnut brown that is particularly appreciative of the golden hour. she's recently taken to highlighting it with auburn for a subtle flare.[/div] [/div] [div class=appc] [div class=apph]eyes[/div] [div class=appt]chocolate brown; jo's hair has a special glint to it that makes it especially reflective. it either makes her look pensive or about to cry: your pick.[/div] [/div] [div class=appc] [div class=apph]hair styling[/div] [div class=appt]jo's hair falls in waves down to just below her shoulder blades. she usually leaves it down but is also fond of braiding it, especially on hotter days.[/div] [/div] [div class=appc] [div class=apph]height[/div] [div class=appt]5'5"[/div] [/div] [div class=appc] [div class=apph]weight[/div] [div class=appt]121 lbs[/div] [/div] [div class=appc] [div class=apph]build[/div] [div class=appt]slim; mesomorph[/div] [/div] [div class=appc] [div class=apph]mod(s).[/div] [div class=appt]jo has a single ear piercing on her earlobe. she's considered getting a cartilage piercing, but decided it was a little too much.[/div] [/div] [div class=appc] [div class=apph]dist. features[/div] [div class=appt]dotted freckles all over her cheeks and nose that show particularly well in the sun. puppy-dog eyes.[/div] [/div] [div class=appc] [div class=apph]faceclaim[/div] [div class=appt]tsutsumi hoang[/div] [/div] [/div][div class=reqscroll][/div][/div]
[/div]

[div class="2tab tabs" style=display:none;][div class=pers] [div class=persheader] [div class=persbox] [div class=persh]likes.[/div] [div class=perst][div class=scroll]writing, vanilla, oversized jackets and hoodies, dogs, amusement parks, making friends, the beach & ocean, running, cherry blossoms, bujos, horror movies [/div][/div] [/div] [div class=persbox] [div class=persh]dislikes.[/div] [div class=perst][div class=scroll]crying in front of others, tragedies, rudeness, yelling, unkempt hair, thunderstorms, loss, bitter foods, marble floors, heights, metal music, stilettos, stuttering [/div][/div] [/div] [/div][div class=persbody][div class=scroll] [div class=appc] [div class=apph]virtues[/div] [div class=appt]sociable — jo has spent the most part of her life surrounded by friends. she's fond of forming connections and is used to attention, though she wouldn't say that she craves it or anything. she's great at keeping up with her friends, and her infectious enthusiasm makes her good company. persuasive — undeniable charisma and an endearing charm give jo a certain agreeability to her mannerisms. she knows just the right words to say, and her smile is down to the right degree all to get you on her wavelength. she's just a smooth-talker. adaptable — jo's able to think quickly on her feet, her resourcefulness and quick-wittedness lending a particularly helpful hand in tough situations. her adaptability is more than useful, and is the only saving grace to jo's silly aversion to coming up with detailed plans beforehand. it's difficult to predict exactly what's gonna happen, so she'll take it as it goes. inquisitive — naturally curious, jo has adored sleuthing and museums since she was a child. she's always liked history and the massive, intricate stories of years past, how they seem to overlap just that bit into fantasy. she loves asking questions and finding out more, and it's what pushed her to become a journalist. loyal — it may not seem easy to get close to jo at first, considering her ever-expansive social circles, but once you've won her over, jo is a friend for life. trust her to have your back no matter the situation, and she'll always try to think the best of you. just don't take advantage of it. tolerant — naturally curious, jo has adored sleuthing and museums since she was a child. she's always liked history and the massive, intricate stories of years past, how they seem to overlap just that bit into fantasy. she loves asking questions and finding out more, and it's what pushed her to become a journalist.[/div] [/div] [div class=appc] [div class=apph]vices[/div] [div class=appt]idealistic — the talkative, enthusiastic type, winnie sometimes finds herself over-the-top. she usually tries to back down, but it is generally difficult to settle a charging horse. she never means to cross the line, but sometimes her extroversion can be an unknowing cause for discomfort. impulsive — winnie tries very hard to keep everyone happy, but she's not a one-size-fits-all. it doesn't stop her from trying her best, even at her own expense. it has led her to engage in some dishonesty, especially when she chooses to tell a white lie rather than upset someone. sensitive — she's very committed to her ideals, to the point that she may even become a little narrow-minded. winnie stands by her opinions, and she's on occasion, a little over-critical of others' views. it's usually difficult to get her to change her mind once she's set on something, and it's has led her to make some questionable decisions. self-critical — winnie is especially in tune with her emotions, which helps when empathising with others but not so much with keeping her own in check. yet, she finds the need to ensure others perceive only her happy side while keeping everything else under wraps. it's usually easy to tip the scale from happy to sad in a matter of minutes, yet she'd quietly excuse herself if she feels a fresh wave of tears coming on. winnie absolutely refuses to unload to others, thinking of it as a burden she should carry alone, despite her willingness to shoulder everyone else's. she'll cry in the bathroom, fix her makeup and go out like nothing's wrong. nothing at all. stubborn — particularly when it comes to relationships, winnie would much rather sweep things under the rug. she doesn't need closure, and to her, it's better to avoid a subject entirely if it'll only bring up negative feelings. in an argument, fear of ruining a connection would make her surrender easily, even if she isn't the one in the wrong. a fraction of her pride lost is nothing compared to a lost relationship.[/div] [/div] [div class=appc] [div class=apph]strengths[/div] [div class=appt]winnie's ability to bring others together is almost magical, really. her entire being brings about a sense of warmth that inspires connection, and her infectious enthusiasm is often helpful in rallying others to join her cause, as is her affinity for words.[/div] [/div] [div class=appc] [div class=apph]weaknesses[/div] [div class=appt]her almost bipolar nature makes her emotions difficult to control but easy to manipulate. when given too much time to think, winnie overdoes it, leading to panic and paranoia in the midst of crisis.[/div] [/div] [div class=appc] [div class=apph]fears[/div] [div class=appt]losing everyone around her is one of winnie's deepest fears. maybe it's the thought of loneliness, or to have to mourn the shattered relationships she'd put so much into, but whether it all vanishes in a matter of seconds or excruciatingly slowly, winnie can't imagine a world without her loved ones. it'd be a living hell, waking up with little to look forward to. it is why she feels the most pity for those unable or unwilling to form connections, and why she works so hard to share the warmth of companionship with them.[/div] [/div] [div class=appc] [div class=apph]habits[/div] [div class=appt]thinking aloud, tapping her fingers aimlessly in a rhythm, brushing her hair back from her face[/div] [/div] [/div][/div] [/div][/div]

[div class="3tab tabs" style=display:none;][div class=hist][div class=histbody][div class=histh]backstory.[/div][div class=hscroll]hhhhh

[/div][/div][div class=histfoot][div class=scroll] [div class=miscchat] [div class=msgc1] [div class=msgiconb1][div class=msgicon1][/div][/div] [div class=msgcc1] [div class=msgname1]unknown number[/div] [div class=msg1]please help me.[/div] [/div] [/div] [div class=msgc2] [div class=msgiconb2][div class=msgicon2][/div][/div] [div class=msgcc2] [div class=msgname2]jo [/div] [div class=msg2]who is this?[/div] [/div] [/div] [/div] [div class=appc] [div class=apph]theme song[/div] [div class=appt]vintage - niki[/div] [/div] [div class=appc] [div class=apph]mbti[/div] [div class=appt]enfj-a[/div] [/div] [/div][/div]
[/div][/div]

[div class="4tab tabs" style=display:none;][div class=rels] [div class=relsh]relationships.[/div] [div class=relsc][div class=scroll] [div class=relsbox] [div class=relsbody] [div class=relsname]victory[/div] [div class=relsdrop]

1#

description[/div] [div class="1rs relstext"][div class=rsscroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum cursus elit, sit amet euismod nisi ornare in. Ut in arcu non neque ullamcorper elementum. Sed dignissim eget purus a fringilla. Proin vitae tempus velit. Pellentesque scelerisque tortor nec tellus tincidunt, ut gravida sem lobortis. Aenean ultricies non mi ut imperdiet. Sed pretium neque eu sem pharetra posuere. Vivamus tincidunt eu nunc fringilla aliquam. Sed nec porta lectus. Pellentesque eget nunc hendrerit, imperdiet sapien malesuada, posuere velit. Morbi vitae velit sed tortor maximus posuere vitae efficitur eros. [/div][/div] [/div] [div class=relsiconb][div class=relsicon1][/div][/div] [/div] [div class=relsbox] [div class=relsbody] [div class=relsname]victory[/div] [div class=relsdrop]

2#

description[/div] [div class="2rs relstext"][div class=rsscroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum cursus elit, sit amet euismod nisi ornare in. Ut in arcu non neque ullamcorper elementum. Sed dignissim eget purus a fringilla. Proin vitae tempus velit. Pellentesque scelerisque tortor nec tellus tincidunt, ut gravida sem lobortis. Aenean ultricies non mi ut imperdiet. Sed pretium neque eu sem pharetra posuere. Vivamus tincidunt eu nunc fringilla aliquam. Sed nec porta lectus. Pellentesque eget nunc hendrerit, imperdiet sapien malesuada, posuere velit. Morbi vitae velit sed tortor maximus posuere vitae efficitur eros. [/div][/div] [/div] [div class=relsiconb][div class=relsicon2][/div][/div] [/div] [div class=relsbox] [div class=relsbody] [div class=relsname]victory[/div] [div class=relsdrop]

3#

description[/div] [div class="3rs relstext"][div class=rsscroll]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum cursus elit, sit amet euismod nisi ornare in. Ut in arcu non neque ullamcorper elementum. Sed dignissim eget purus a fringilla. Proin vitae tempus velit. Pellentesque scelerisque tortor nec tellus tincidunt, ut gravida sem lobortis. Aenean ultricies non mi ut imperdiet. Sed pretium neque eu sem pharetra posuere. Vivamus tincidunt eu nunc fringilla aliquam. Sed nec porta lectus. Pellentesque eget nunc hendrerit, imperdiet sapien malesuada, posuere velit. Morbi vitae velit sed tortor maximus posuere vitae efficitur eros. [/div][/div] [/div] [div class=relsiconb][div class=relsicon3][/div][/div] [/div] [/div][/div] [/div][/div]
[/div]
[/div]

[class=container] --bg-1: #F9F9F9; --bigicon: url('https://cdn.discordapp.com/attachments/387905088124878850/688698468360782044/media.png'); --img-1: url('https://cdn.discordapp.com/attachments/387905088124878850/688698412249382922/media.png'); --img-2: url('https://i.pinimg.com/564x/f2/d1/f0/f2d1f0bb4dc8bfde7864d62c07666436.jpg'); --contact: url('https://66.media.tumblr.com/71e3551bb843d159eb779313e3467b63/tumblr_p6dpsrxhOw1u70yc7o1_400.png'); --name: #51301d; --txt: #302b26; --txt-1: #3f3b36; --color-1: #edd863; --color-2: #f9e686; --color-3: #f7b885; --color-4: #ef9e5f; --rs-1: url('https://ilarge.lisimg.com/image/19118508/1080full-sage-tullis.jpg'); --rs-2: url('https://ilarge.lisimg.com/image/19118508/1080full-sage-tullis.jpg'); --rs-3: url('https://ilarge.lisimg.com/image/19118508/1080full-sage-tullis.jpg'); height:370px; width:580px; background: var(--bg-1); margin:auto; display:flex; flex-flow: row wrap; position:relative; [/class] [class=sidebar] width:41%; display:flex; flex-flow: row wrap; padding:10px; box-sizing:border-box; justify-content:center; [/class] [class=namec] height: calc(100% - 235px); width:100%; display:flex; align-content: center; flex-flow: row wrap; position:relative; [/class] [class=name] font-size:45px; width:100%; color: var(--name); font-family: 'Abril Fatface', display; text-align:right; margin-right:15px; margin-top:10px; transition: .3s; line-height:150%; letter-spacing:1px; [/class] [class=role] font-size:25px; width:100%; color: var(--color-1); font-family: 'Cedarville Cursive', display; margin-top:-15px; margin-left:15px; line-height:150%; [/class] [class=icon] height:195px; width:205px; background: var(--bigicon); background-size:100%; background-position: 50% 30%; [/class] [class=buttoncon] height:35px; width:100%; display:flex; flex-flow: row nowrap; [/class] [class=button] height:100%; width:25%; text-align:center; font-size:13px; color: var(--txt); opacity:0.8; padding-top:12px; box-sizing:border-box; transition:0.3s; [/class] [class name=button state=hover] opacity:1; color: var(--color-1); transition:0.3s; cursor:pointer; [/class] [class=buttonselect] color: var(--color-1); pointer-events:none; [/class] [script class=button on=click version=2] (removeClass "buttonselect" "button") (hide "tabs") (= currentTab (index (split (getText) "#") 0 )) (fadeIn 800 (+ currentTab "tab")) (addClass "buttonselect" (+ currentTab "btn")) [/script] [class=body] height:100%; width:59%; position:relative; [/class] [class=tabs] height:100%; width:100%; position:absolute; top:0px; left:0px; box-sizing:border-box; padding:10px; [/class] [class name=scroll minWidth="580px"] height:100%; width:105%; padding-right:40px; overflow-y:scroll; [/class] [class name=scroll maxWidth="579px"] height:100%; width:100%; padding-right:40px; overflow-y:scroll; [/class] [class=req] height:100%; width:100%; padding:5px; padding-left:0px; box-sizing:border-box; display:flex; flex-flow: row wrap; justify-content: center; [/class] [class=chatbox] height:34%; width:100%; display:flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding-left:10px; padding-right:10px; padding-top:10px; box-sizing:border-box; [/class] [class=reqchat] height:60%; width:58%; border-radius:10px; border-bottom-right-radius:0px; background-color: var(--color-2); margin-top:-10px; margin-left:10px; padding:8px; padding-left:10px; padding-right:10px; box-sizing:border-box; font-size:11.5px; letter-spacing:0.5px; line-height:120%; text-transform:uppercase; font-family: 'Karla', sans-serif; overflow:hidden; text-align:justify; color: var(--txt); [/class] [class=reqicon] height:100px; width:100px; border-radius:50%; background: var(--img-1); background-size:100%; transition: 0.3s; [/class] [class name=reqicon state=hover] box-shadow:6px 2px var(--color-3); transition: 0.3s; [/class] [class=reqbody] height:60%; width:92%; background-color:white; margin:auto; margin-top:15px; box-sizing:border-box; padding:5px; overflow:hidden; font-size:10px; text-align:justify; line-height:150%; font-family: 'Karla', sans-serif; color: var(--txt); [/class] [class=reqscroll] height:100%; width: 106%; padding-right:40px; overflow-y:scroll; color: var(--txt); [/class] [class=reqstackc] width:100%; display:flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; color: var(--txt); [/class] [class=reqstack] height:40px; width:100%; border-bottom:1.5px solid var(--color-1); display:flex; flex-flow: row nowrap; justify-content: space-between; box-sizing:border-box; padding:8px; line-height:180%; [/class] [class=reqh] min-width:20%; max-width:50%; font-size:11px; text-transform:uppercase; font-family: 'Karla', sans-serif; font-weight:bold; letter-spacing:1.5px; text-align:left; [/class] [class=reqt] font-size:11px; text-transform:uppercase; font-family: 'Karla', sans-serif; letter-spacing:1.5px; text-align:right; flex-shrink:0; [/class] [class=appc] width:100%; display:flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom:10px; [/class] [class=apph] height:12px; display:inline-block; border-bottom:1.5px solid var(--color-1); padding:2px; text-transform: uppercase; letter-spacing:1px; font-weight:400; flex-shrink:0; position:relative; top:-2px; [/class] [class=appemp] display:inline; font-weight:bold; letter-spacing:0.5px; font-styleblique; color: var(--color-3); [/class] [class=appt] text-align:justify; margin-left:5%; flex-grow: 1; white-space: pre-wrap; [/class] [class=pers] height:100%; width:100%; display:flex; flex-flow: row wrap; align-items: space-between; [/class] [class=persheader] height:35%; background-color: transparent; width:100%; padding:5px; box-sizing:border-box; display:flex; flex-flow: row nowrap; [/class] [class=persbox] height:100%; width:50%; box-sizing:border-box; display:flex; flex-flow: row wrap; margin-top:5px; box-sizing: border-box; padding-left:5px; [/class] [class=persh] font-size:25px; height:15px; font-family: 'Abril Fatface', display; color: var(--color-3); width:100%; letter-spacing:0.5px; line-height:120%; padding-left:5px; box-sizing:border-box; [/class] [class=perst] height:68%; width:100%; padding:5px; padding-left:17px; padding-right:17px; box-sizing:border-box; font-size:10px; text-align:justify; overflow:hidden; color: var(--txt); line-height:140%; font-family: 'Karla', sans-serif; [/class] [class=persbody] height:63%; width:100%; background-color: #fff; padding:8px; box-sizing:border-box; text-align:justify; overflow:hidden; font-size: 10px; font-family: 'Karla', sans-serif; color: var(--txt); [/class] [class=hist] height:100%; width:100%; display:flex; flex-flow: row wrap; padding:5px; box-sizing:border-box; align-items: space-between; [/class] [class=histh] height:18%; font-size:22px; font-family: 'Abril Fatface', display; color: var(--name); letter-spacing:1px; text-align:right; line-height:150%; [/class] [class name=hscroll minWidth="580px"] height:82%; width:105%; overflow-y:scroll; padding-right:40px; [/class] [class name=hscroll maxWidth="579px"] height:82%; width:105%; overflow-y:scroll; padding-right:40px; [/class] [class=histbody] height:62%; width:100%; background-color: #fff; padding:10px; box-sizing:border-box; font-family: 'Karla', sans-serif; font-size:10px; text-align:justify; color: var(--txt); overflow:hidden; line-height:150%; [/class] [class=histfoot] height:38%; width:100%; padding:10px; box-sizing:border-box; overflow:hidden; padding-bottom:0px; font-size:10px; font-family: 'Karla', sans-serif; color: var(--txt); [/class] [class=miscchat] width:100%; display:flex; flex-flow: row wrap; margin-bottom:5px; line-height:148%; [/class] [class=msgc1] width:100%; min-height:50%; display:flex; flex-flow: row nowrap; align-items: flex-start; margin-bottom:5px; [/class] [class=msgc2] width:100%; display:flex; flex-flow: row-reverse nowrap; align-items: flex-start; margin-bottom:5px; [/class] [class=msgiconb1] height:42px; width:42px; border-radius:50%; border:1.5px solid var(--color-3); padding:3px; margin-top:3px; [/class] [class=msgiconb2] height:42px; width:42px; border-radius:50%; border:1.5px solid var(--color-2); padding:3px; margin-top:3px; [/class] [class=msgicon1] height:100%; width:100%; border-radius:50%; background: var(--contact); background-size:100%; [/class] [class=msgicon2] height:100%; width:100%; border-radius:50%; background: var(--img-2); background-size:100%; [/class] [class=msgname1] width:100%; font-size:11px; font-weight:bold; font-family: 'Karla', sans-serif; letter-spacing:1px; color: var(--color-3); text-transform: uppercase; margin-left:10px; margin-bottom:3px; [/class] [class=msgname2] width:100%; font-size:11px; font-weight:bold; font-family: 'Karla', sans-serif; letter-spacing:1px; color: var(--color-2); text-transform: uppercase; margin-right:10px; text-align:right; margin-bottom:3px; [/class] [class=msgcc1] width:80%; align-self: flex-start; display:flex; flex-flow: row wrap; [/class] [class=msgcc2] width:80%; align-self: flex-start; display:flex; flex-flow: row wrap; justify-content: flex-end; [/class] [class=msg1] min-width:10%; max-width:65%; display:inline-block; font-size:11px; color: var(--txt); font-family: 'Karla', sans-serif; padding:3.5px; border-radius:5px; border-bottom-left-radius:0px; background-color: var(--color-3); margin-left:10px; [/class] [class=msg2] min-width:10%; max-width:65%; display:inline-block; font-size:11px; color: var(--txt); font-family: 'Karla', sans-serif; padding:3.5px; border-radius:5px; border-bottom-right-radius:0px; background-color: var(--color-2); margin-right:10px; [/class] [class=rels] height:100%; width:100%; padding:5px; box-sizing:border-box; display:flex; flex-flow: row wrap; padding-top:5px; align-content:center; [/class] [class=relsh] font-size:28px; width:100%; font-family: 'Abril Fatface', display; color: var(--color-3); letter-spacing: 1px; position:relative; top:5px; box-sizing:border-box; padding-left:10px; text-align:right; [/class] [class=relsc] height:75%; width:100%; padding:5px; overflow:hidden; [/class] [class=relsc2] width:100%; display:flex; flex-flow: row wrap; justify-content: center; [/class] [class=relsbox] width:90%; height:auto; display:inline-block; margin:auto; margin-top:10px; display:flex; flex-flow: row wrap; justify-content: space-between; align-content: center; margin-bottom:35px; [/class] [class=relsbody] width: 63%; height: auto; display:flex; flex-flow: row wrap; justify-content: center; align-content: center; box-sizing:border-box; padding-bottom:10px; [/class] [class=relsname] font-size: 26px; width:100%; color: var(--color-1); font-family: 'Cedarville Cursive', display; text-align:right; margin-bottom:15px; [/class] [class=relsdrop] height:20px; width:95%; background-color: var(--color-3); border-radius:2px; margin-top: -10px; transition:0.3s; color: var(--txt); font-size:12px; text-transform:uppercase; letter-spacing:1px; font-family: 'Karla', sans-serif; text-align:center; line-height:150%; [/class] [class name=relsdrop state=hover] background-color: var(--color-4); color: #fff; transition:0.3s; cursor: pointer; [/class] [class=relstext] height:80px; width:90%; background-color:white; margin:auto; margin-top: 5px; display:none; padding:5px; box-sizing:border-box; color: var(--txt); font-size:9px; text-align:justify; font-family: 'Karla', sans-serif; overflow:hidden; line-height:134%; [/class] [script class=relsdrop on=click version="2"] (= currentTab (index (split (getText) "#") 0 )) (slideToggle 600 (+ currentTab "rs")) [/script] [class=rsscroll] height:100%; width:110%; overflow-y:scroll; padding-right:40px; [/class] [class=relsiconb] height:75px; width:75px; border:2px solid var(--color-1); padding:5px; border-radius:50%; transition:0.3s; [/class] [class name=relsiconb state=hover] transform: scale(1.03); transition:0.3s; [/class] [class=relsicon1] height:100%; width:100%; border-radius:50%; background: var(--rs-1); background-size:100%; [/class] [class=relsicon2] height:100%; width:100%; border-radius:50%; background: var(--rs-2); background-size:100%; [/class] [class=relsicon3] height:100%; width:100%; border-radius:50%; background: var(--rs-3); background-size:100%; [/class]

 

[u k i y o]

[class="container"] height: 490px; max-width: 600px; margin: auto; display: flex; background: transparent; cursor: url('https://i.imgur.com/Yi5T7jc.png'), default; position: relative; [/class] [class="bg"] --color-for-the-bg: white; flex: 1; height: 450px; background: var(--color-for-the-bg); position: relative; z-index: 0; top: 20px; display: flex; align-items: center; box-sizing: border-box; padding: 0px 10px 0px 10px; [/class] [class="bookmark"] --color-for-left-bar: #A21734; --color-for-box-shadow: #1c0409; width: 100px !important; height: 470px; background: var(--color-for-left-bar); position: relative; box-shadow: 0 0 15px var(--color-for-box-shadow); z-index: 1; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 10px 0 10px 0; margin-right: 10px; [/class] [class="image1"] --url-for-1st-pic-in-bar: url('https://i.pinimg.com/564x/22/74/93/2274936a2d9433b885febd4c1ef27bc8.jpg'); position: relative; width: 80px; height: 100px; background: var(--url-for-1st-pic-in-bar); background-size: 110%; background-position: 50% 5%; cursor: url('https://i.imgur.com/WmtOPXU.png'), pointer; [/class] [class="image2"] --url-for-2nd-pic-in-bar: url('https://i.pinimg.com/564x/ab/67/ac/ab67acad8c759f658fa016d348a5e8e5.jpg'); position: relative; width: 80px; height: 100px; background: var(--url-for-2nd-pic-in-bar); background-size: 150%; background-position: 45% 9%; cursor: url('https://i.imgur.com/WmtOPXU.png'), pointer; [/class] [class="textcontainer"] --url-for-bg-pic-on-right: url('https://i.imgur.com/v2uTPmb.png'); position: relative; height: 430px; flex: 1; background: var(--url-for-bg-pic-on-right); background-size: cover; background-position: 50% 10%; box-sizing: border-box; overflow: hidden; [/class] [class="bbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 1px; cursor: url('https://i.imgur.com/WmtOPXU.png'), pointer; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="bbutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="lbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 1px; cursor: url('https://i.imgur.com/WmtOPXU.png'), pointer; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px;[/class] [class name="lbutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="pbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 1px; cursor: url('https://i.imgur.com/WmtOPXU.png'), pointer; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="pbutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="abutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; font-weight: bold; text-transform: lowercase; letter-spacing: 1px; cursor: url('https://i.imgur.com/WmtOPXU.png'), pointer; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="abutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="tbutton"] --color-for-button-text: white; font-size: 14px; font-variant: small-caps; font-weight: bold; text-transform: lowercase; letter-spacing: 1px; cursor: url('https://i.imgur.com/WmtOPXU.png'), pointer; color: var(--color-for-button-text); transition: 0.3s all ease-out; border-top: 1px solid var(--color-for-button-text); display: inline-block; border-bottom: 1px solid var(--color-for-button-text); line-height: 18px; padding: 0px 5px 5px 5px; [/class] [class name="tbutton" state="hover"] --color-for-button-hover: #ffb5c6; --color-for-button-shadow: black; letter-spacing: 3px; color: var(--color-for-button-hover); border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="book"] position: relative; height: auto; width: 100%; transition: 2s all ease; [/class] [class="ogpage"] position: absolute; height: 430px; width: 100%; display: inline-block; [/class] [class="fa"] --color-for-big-title: #EBD4D5; --color-for-shadow-around-border: black; position: relative; height: auto; display: inline-block; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 160%; box-sizing: border-box; padding: 10px; border: 6px solid var(--color-for-big-title); color: var(--color-for-big-title); text-shadow: 2px 2px 15px #473344, -2px -2px 15px #473344, 2px -2px 15px #473344, -2px 2px 15px #473344; cursor: url('https://i.imgur.com/Yi5T7jc.png'), default; box-shadow: 0 0 15px var(--color-for-shadow-around-border); top: 50%; left: 50%; transform: translate(-50%, -50%); [/class] [class="bpage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 150%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="lpage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 300%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="ppage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 450%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="tpage"] --color-for-slider-page: rgba(255, 255, 255, 0.1); position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 600%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [class="apage"] --color-for-slider-page: rgba(255, 255, 255, 0.1);; position: absolute; height: 430px; width: 100%; background: var(--color-for-slider-page); display: inline-block; margin-left: 750%; box-sizing: border-box; padding: 10px 0px 10px 10px; [/class] [script class="image1" on="click"] removeClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active abutton removeClass active tbutton removeClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="image2" on="click"] removeClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active abutton removeClass active tbutton removeClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="bbutton" on="click"] addClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active abutton removeClass active tbutton addClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="lbutton" on="click"] addClass active lbutton removeClass active bbutton removeClass active pbutton removeClass active abutton removeClass active tbutton addClass move2 book removeClass move1 book removeClass move3 book removeClass move4 book removeClass move5 book [/script] [script class="pbutton" on="click"] addClass active pbutton removeClass active bbutton removeClass active lbutton removeClass active abutton removeClass active tbutton addClass move3 book removeClass move1 book removeClass move2 book removeClass move4 book removeClass move5 book [/script] [script class="abutton" on="click"] addClass active abutton removeClass active bbutton removeClass active lbutton removeClass active pbutton removeClass active tbutton addClass move4 book removeClass move1 book removeClass move2 book removeClass move3 book removeClass move5 book [/script] [script class="tbutton" on="click"] addClass active tbutton removeClass active bbutton removeClass active lbutton removeClass active abutton removeClass active pbutton addClass move5 book removeClass move1 book removeClass move2 book removeClass move3 book removeClass move4 book [/script] [class="move1"] transform: translate(-150%, 0%); [/class] [class="move2"] transform: translate(-300%, 0%); [/class] [class="move3"] transform: translate(-450%, 0%); [/class] [class="move4"] transform: translate(-750%, 0%); [/class] [class="move5"] transform: translate(-600%, 0%); [/class] [class="active"] --color-for-button-shadow: black; --color-for-button-hover: #ffb5c6; color: var(--color-for-button-hover); letter-spacing: 3px; border-color: var(--color-for-button-hover); text-shadow: 0 0 10px var(--color-for-button-shadow); [/class] [class="scroll"] height: 100%; width: 100%; background: transparent; overflow-y: scroll; box-sizing: border-box; padding-right: 10px; [/class] [class="flex"] display: flex; justify-content: space-between; align-items: flex-start; [/class] [class="align"] display: flex; flex-direction: column; align-items: flex-end; [/class] [class="heading"] --color-for-heading-text: #A21734; --color-for-heading-bg: rgba(243, 253, 252, 0.6); font-weight: bolder; font-size: 12px; color: var(--color-for-heading-text); box-sizing: border-box; border: 3px solid var(--color-for-heading-text); display: inline-block; padding: 2px 6px 2px 6px; background: var(--color-for-heading-bg); position: relative; margin-right: 10px; letter-spacing: -0.5px; text-transform: uppercase; text-align: center; [/class] [class="answer"] --color-for-details-bg: rgba(162, 23, 52, 0.9); --color-for-details-text: #F3FDFC; display: inline-block; background: var(--color-for-details-bg); color: var(--color-for-details-text); padding: 1px 7px 3px 7px; font-size: 12px; position: relative; margin-bottom: 3px; [/class] [div class="container"]

code by @fudgecakez

[div class="bg"] [div class="bookmark"] [div class="image1"][/div] [div class="bbutton"] BASICS [/div] [div class="lbutton"] LOOKS [/div] [div class="pbutton"] PSYCHE [/div] [div class="tbutton"] HISTORY [/div] [div class="abutton"] EXTRA [/div] [div class="image2"][/div] [/div] [div class="textcontainer"] [div class="book"] [div class="ogpage"] [div class="fa"] Riley
The Innocent [/div] [/div] [div class="bpage"] [div class="scroll"] [div class="flex"] [div class="heading"]FULL NAME[/div] [div class="answer"]Riley Zhao[/div] [/div]
[div class="flex"] [div class="heading"]NICKNAME[/div] [div class="align"] [div class="answer"]He doesn't really have one, but he'll answer to whatever someone calls him[/div] [/div] [/div]
[div class="flex"] [div class="heading"]AGE[/div] [div class="answer"]21[/div] [/div]
[div class="flex"] [div class="heading"]D.O.B.[/div] [div class="answer"]May 22nd, 1966[/div] [/div]
[div class="flex"] [div class="heading"]SEXUALITY[/div] [div class="answer"]Homosexual (closeted)[/div] [/div]
[div class="flex"] [div class="heading"]GENDER[/div] [div class="answer"]Male[/div] [/div]
[div class="flex"] [div class="heading"]NATIONALITY[/div] [div class="answer"]Chinese-American[/div] [/div]
[div class="flex"] [div class="heading"]OCCUPATION[/div] [div class="align"] [div class="answer"]He's a cook at a local restaurant[/div] [/div] [/div] [/div] [/div] [div class="lpage"] [div class="scroll"] [div class="flex"] [div class="heading"]FACE
CLAIM[/div] [div class="answer"]Song Jiyang[/div] [/div]
[div class="flex"] [div class="heading"]HEIGHT[/div] [div class="align"] [div class="answer"]5'4"[/div] [div class="answer"]163 cm[/div] [/div] [/div]
[div class="flex"] [div class="heading"]WEIGHT[/div] [div class="align"] [div class="answer"]47.5kg[/div] [div class="answer"]105lbs[/div] [/div] [/div]
[div class="flex"] [div class="heading"]BUILD[/div] [div class="answer"]Lean, slightly underweight[/div] [/div]
[div class="flex"] [div class="heading"]HAIR[/div] [div class="align"] [div class="answer"]Black[/div] [/div] [/div]
[div class="flex"] [div class="heading"]EYES[/div] [div class="answer"]Black[/div] [/div]
[div class="flex"] [div class="heading"]TATTOOS[/div] [div class="align"] [div class="answer"]None[/div] [/div] [/div]
[div class="flex"] [div class="heading"]BIRTHMARKS[/div] [div class="answer"]None[/div] [/div]
[div class="flex"] [div class="heading"]PIERCINGS[/div] [div class="answer"]None[/div] [/div]
[div class="flex"] [div class="heading"]DISTINCT
FEATURES[/div] [div class="answer"]He has a dimple on his left cheek[/div] [/div] [/div] [/div] [div class="ppage"] [div class="scroll"] [div class="flex"] [div class="heading"]POSITIVE
TRAITS[/div] [div class="align"] [div class="answer"]Caring[/div] [div class="answer"]Disciplined[/div] [div class="answer"]Creative[/div] [div class="answer"]Hardworking[/div] [div class="answer"]Honest[/div] [div class="answer"]Reliable[/div] [div class="answer"]Determined[/div] [div class="answer"]Quick Witted[/div] [/div] [/div]
[div class="flex"] [div class="heading"]NEGATIVE
TRAITS[/div] [div class="align"] [div class="answer"]Untrusting[/div] [div class="answer"]Self critical[/div] [div class="answer"]Fearful[/div] [div class="answer"]Impatient[/div] [div class="answer"]Gullible[/div] [div class="answer"]Indecisive[/div] [div class="answer"]Twitchy[/div] [div class="answer"]Naive[/div] [div class="answer"]Non-confrontational[/div] [/div] [/div]
[div class="flex"] [div class="heading"]LIKES[/div] [div class="align"] [div class="answer"]Reading[/div] [div class="answer"]Animals[/div] [div class="answer"]Milkshakes[/div] [div class="answer"]The restaurant he works at[/div] [div class="answer"]Cooking[/div] [div class="answer"]Music[/div] [div class="answer"]Thunderstorms[/div] [div class="answer"]Sweets[/div] [/div] [/div]
[div class="flex"] [div class="heading"]DISLIKES[/div] [div class="align"] [div class="answer"]Loud noises[/div] [div class="answer"]Heights[/div] [div class="answer"]Needles[/div] [div class="answer"]Racists[/div] [div class="answer"]Insects[/div] [div class="answer"]Being yelled at[/div] [div class="answer"]His grandparents[/div] [/div] [/div]
[div class="flex"] [div class="heading"]FEARS[/div] [div class="align"] [div class="answer"]Needles[/div] [div class="answer"]Drowning[/div] [div class="answer"]Small spaces[/div] [div class="answer"]Someone finding out he's homosexual[/div] [/div] [/div]
[/div] [/div] [div class="apage"] [div class="scroll"]

[div class="heading"]EXTRA[/div]​

[div class="flex"] [div class="heading"]FACT
ONE[/div] [div class="answer"]He's fluent in Mandarin[/div] [/div]
[div class="flex"] [div class="heading"]FACT
TWO[/div] [div class="answer"]He's ambidextrous[/div] [/div]
[div class="flex"] [div class="heading"]FACT
THREE[/div] [div class="align"] [div class="answer"]He stutters or looks to the ground when he's lying[/div] [/div] [/div]
[div class="flex"] [div class="heading"]FACT
FOUR[/div] [div class="align"] [div class="answer"]He has a habit of biting his nails and scratching his arms when he's nervous or scared[/div] [/div] [/div]
[div class="flex"] [div class="heading"]FACT
FIVE[/div] [div class="align"] [div class="answer"]He gets nauseous at the sight of blood (but still cuts himself a lot while at work)[/div] [/div] [/div]
[div class="flex"] [div class="heading"]FACT
SIX[/div] [div class="align"] [div class="answer"]He gets sick easily[/div] [/div] [/div]
[div class="flex"] [div class="heading"]GALLERY[/div] [div class="align"] [div class="answer"]

[/div] [/div] [/div] [/div] [/div] [div class="tpage"] [div class="scroll"] [div class="flex"] [div class="heading"]1966[/div] [div class="answer"]Riley is born to single mother Ashley Zhao. Ashley lives a rather poor life in a small apartment, and makes money as a bookkeeper. [/div] [/div]
[div class="flex"] [div class="heading"]1968[/div] [div class="align"] [div class="answer"]Riley is taken to a doctor when he's two. Ashley fears something might be wrong with him because he has not yet spoken, and doesn't cry. Months later, Ashley gets fired from her job, and her and Riley have to move to a much smaller apartment, and cut many things out of their budget.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]1969[/div] [div class="align"] [div class="answer"]Riley speaks his first words at the age of three, and starts speaking to things that don't appear to be there. He suffers from a lot of nightmares, and often keeps both him and his mother up all night long.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]1973[/div] [div class="align"] [div class="answer"]Riley is bullied at the elementary school he's at, both for his race and the fact that he has not stopped talking to things that aren't there. Ashley thinks something might be wrong with him, and thinks about pulling him out of school. She asks him about the voices, and Riley explains to her that they're his friends, and that it's his job to help them out since no one else will. Ashley chalks them up to being harmless imaginary friends, since he's about that age.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]1976[/div] [div class="align"] [div class="answer"]On his way home from school, Riley helps one of his "friends" find a wedding ring that they had recently lost. It takes hours, and by the time he gets back, Ashley had almost resorted to calling the police before he showed up. That night, the nightmares stop.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]1978[/div] [div class="align"] [div class="answer"]Riley gets attacked at school, and has to be sent to the hospital because of his injuries. Ashley decides to move back in with her grandparents, and has Riley go to the school in that area instead. Ashley's grandparents are intolerant of Riley's ramblings, and decide to snuff it out. Severe punishments are put in place if he begins talking to his "friends". [/div] [/div] [/div]
[div class="flex"] [div class="heading"]1979[/div] [div class="align"] [div class="answer"]The nightmares have come back, and Riley starts the habit of biting his nails and scratching at his arms. Months later, he develops a crush on one of his classmates. It seems harmless enough, but his classmate is a boy. Riley doesn't admit to his feelings, and vows to keep his sexuality a secret. He almost scars his arms from scratching at them so fiercely.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]1984[/div] [div class="align"] [div class="answer"]Riley graduates from high school and moves away from his grandparents'. It's during this time that he finds his job as a local chef, and the voices speaking to him are louder than ever. It gets to the point where sometimes, he believes he can even see the people talking to him.[/div] [/div] [/div]
[div class="flex"] [div class="heading"]1986[/div] [div class="align"] [div class="answer"]Riley has started to help the voices speaking to him again, and it's not long after that he's found by the group. He gets recruited as they promise to help him, and he agrees.[/div] [/div] [/div]
[/div] [/div] [/div] [/div] [/div] [/div]