clxssified
x o x o
VEMROSE ACADEMY
-
This section is for roleplays only.
ALL interest checks/recruiting threads must go in the Recruit Here section.
Please remember to credit artists when using works not your own.
Realistic or Modern ᴠᴇᴍʀᴏsᴇ ᴀᴄᴀᴅᴇᴍʏ - ʀᴏʟʟ ᴄᴀʟʟ
- Thread starter clxssified
- Start date
clxssified
x o x o
[class=variables]
--color: #ff6961;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important
[/class]
[class=container]
width: 460px;
height: 300px;
display: flex;
margin: auto;
[/class]
[class=left]
background-color: var(--color);
height: 300px;
width: 220px;
padding: 10px;
box-sizing: border-box;
[/class]
[class name=left maxWidth=450px]
width: 135px;
padding: 5px;
height: 290px;
[/class]
[class=img]
height: 280px;
width: 200px;
background-image: url('https://66.media.tumblr.com/4d5f7e0f009342dcedf20bb18efdfd01/tumblr_p3japlfw3Y1wo8ooho6_250.png');
filter: saturate(0%);
background-size: cover;
padding: 20px;
box-sizing: border-box;
background-position: 50% 50%;
[/class]
[class name=img maxWidth=450px]
width: 125px;
[/class]
[class=brackets]
height: 100%;
width: 100%;
background:
linear-gradient(to right, white 2px, transparent 2px) 0 100%,
linear-gradient(to left, white 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, white 2px, transparent 2px) 100% 0,
linear-gradient(to top, white 2px, transparent 2px) 0 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
[/class]
[class name=brackets maxWidth=450px]
opacity: 0;
[/class]
[class=right]
width: 240px;
height: 300px;
display: flex;
flex-direction: column;
[/class]
[class=contentContainer]
position: relative;
width: 240px;
height: 270px;
[/class]
[class name=contentContainer maxWidth=450px]
left: -5px;
[/class]
[class=content]
position: absolute;
opacity: 0;
transition: 0.5s;
width: 240px;
height: 270px;
font-size: 12px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
[/class]
[class=scroll]
width: 100%;
padding-right: 150px;
height: 100%;
overflow-y: scroll;
[/class]
[class=name]
font-weight: 900;
text-align: center;
border-bottom: 4px solid var(--color);
width: 120px;
display: block;
margin: 10% auto;
font-size: 18px;
position: relative;
[/class]
[class=textHome]
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 200px;
margin: 0 6.5%;
[/class]
[class=title]
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
[/class]
[class=tag]
display: inline-block;
border-bottom: 1px solid var(--color);
height: 15px;
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
background-position: 50% 50%;
filter: saturate(70%);
[/class]
[class=tabs]
display: flex;
width: 150px;
margin: 0 23%;
justify-content: space-between;
[/class]
[class name=tabs maxWidth=450px]
position: relative;
left: -10px;
[/class]
[class=tab]
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid black;
transition: 0.5s;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
border: 1px solid var(--color);
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=click]
border: 1px solid var(--color);
background-color: var(--color);
[/class]
[script class=tab01 on=click]
addClass click tab01
removeClass click tab02
removeClass click tab03
removeClass click tab04
addClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab02 on=click]
addClass click tab02
removeClass click tab01
removeClass click tab03
removeClass click tab04
addClass show content02
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab03 on=click]
addClass click tab03
removeClass click tab01
removeClass click tab02
removeClass click tab04
addClass show content03
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab04 on=click]
addClass click tab04
removeClass click tab01
removeClass click tab02
removeClass click tab03
addClass show content04
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show contentHome
[/script]
[div class=variables]
[div class=container]
[div class=left]
[div class=img]
[div class=brackets][/div]
[/div]
[/div]
[div class=right]
[div class=contentContainer]
[div class="show content contentHome"]
[div class=name]HOLLIDAY.[/div]
[div class=textHome]
keep telling yourself that you've been playing nice
then go beg for forgiveness from
jesus the christ ![/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] holliday rosanna bolton
[div class=tag]nicknames[/div] holly
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cisfemale
[div class=tag]birthday[/div] november 3rd
[div class=tag]s.o[/div] bisexual
[div class=tag]role[/div] existing student
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/10faae04650544ef7df6174370501ca7/tumblr_pdl8o05cpQ1v9ww4so2_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/61921927252a3b1761b6e8b73c52162f/tumblr_pdl8o05cpQ1v9ww4so10_400.gifv');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, five inches.
[div class=tag]f.c[/div] eva de dominici
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/a41a3d038f7f611ebf43feb69f158d52/tumblr_pdl8o05cpQ1v9ww4so7_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0edecfbceeb62a97208f986ecc1dd88f/tumblr_pdl8o05cpQ1v9ww4so1_400.gifv');"][/div] [/div] [div class=tag]pos. traits[/div] -
[div class=tag]neg. traits[/div] -
[div class=tag]likes[/div] -
[div class=tag]dislikes[/div] -
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2579f980229fdb96b9e0fd6343f058b2/tumblr_pdl8o05cpQ1v9ww4so6_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/e3995237c79166595eb0de5bdb6069be/tumblr_pdl8o05cpQ1v9ww4so9_400.gifv');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → -
xx → - [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/ace963a9e5c6cc49ceaf1dae22cb5a56/tumblr_p7uzotER7q1r3hv4so3_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/c5dc77c40478b8ea1825595acb04b488/tumblr_p7uzsyKOoE1r3hv4so3_250.gifv');"][/div] [/div] [div class=tag]tws[/div] -
[div class=tag]bio[/div] -
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
keep telling yourself that you've been playing nice
then go beg for forgiveness from
jesus the christ ![/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] holliday rosanna bolton
[div class=tag]nicknames[/div] holly
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cisfemale
[div class=tag]birthday[/div] november 3rd
[div class=tag]s.o[/div] bisexual
[div class=tag]role[/div] existing student
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/10faae04650544ef7df6174370501ca7/tumblr_pdl8o05cpQ1v9ww4so2_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/61921927252a3b1761b6e8b73c52162f/tumblr_pdl8o05cpQ1v9ww4so10_400.gifv');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, five inches.
[div class=tag]f.c[/div] eva de dominici
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/a41a3d038f7f611ebf43feb69f158d52/tumblr_pdl8o05cpQ1v9ww4so7_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0edecfbceeb62a97208f986ecc1dd88f/tumblr_pdl8o05cpQ1v9ww4so1_400.gifv');"][/div] [/div] [div class=tag]pos. traits[/div] -
[div class=tag]neg. traits[/div] -
[div class=tag]likes[/div] -
[div class=tag]dislikes[/div] -
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2579f980229fdb96b9e0fd6343f058b2/tumblr_pdl8o05cpQ1v9ww4so6_400.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/e3995237c79166595eb0de5bdb6069be/tumblr_pdl8o05cpQ1v9ww4so9_400.gifv');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → -
xx → - [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/ace963a9e5c6cc49ceaf1dae22cb5a56/tumblr_p7uzotER7q1r3hv4so3_250.gifv');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/c5dc77c40478b8ea1825595acb04b488/tumblr_p7uzsyKOoE1r3hv4so3_250.gifv');"][/div] [/div] [div class=tag]tws[/div] -
[div class=tag]bio[/div] -
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
Last edited:
clxssified
x o x o
[class=variables]
--color: #004c46;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important
[/class]
[class=container]
width: 460px;
height: 300px;
display: flex;
margin: auto;
[/class]
[class=left]
background-color: var(--color);
height: 300px;
width: 220px;
padding: 10px;
box-sizing: border-box;
[/class]
[class name=left maxWidth=450px]
width: 135px;
padding: 5px;
height: 290px;
[/class]
[class=img]
height: 280px;
width: 200px;
background-image: url('https://66.media.tumblr.com/4c0182567e76b92457a75531874a8743/tumblr_pw8w4f7zl81xxrpsxo3_500.png');
filter: saturate(0%);
background-size: cover;
padding: 20px;
box-sizing: border-box;
background-position: 50% 50%;
[/class]
[class name=img maxWidth=450px]
width: 125px;
[/class]
[class=brackets]
height: 100%;
width: 100%;
background:
linear-gradient(to right, white 2px, transparent 2px) 0 100%,
linear-gradient(to left, white 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, white 2px, transparent 2px) 100% 0,
linear-gradient(to top, white 2px, transparent 2px) 0 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
[/class]
[class name=brackets maxWidth=450px]
opacity: 0;
[/class]
[class=right]
width: 240px;
height: 300px;
display: flex;
flex-direction: column;
[/class]
[class=contentContainer]
position: relative;
width: 240px;
height: 270px;
[/class]
[class name=contentContainer maxWidth=450px]
left: -5px;
[/class]
[class=content]
position: absolute;
opacity: 0;
transition: 0.5s;
width: 240px;
height: 270px;
font-size: 12px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
[/class]
[class=scroll]
width: 100%;
padding-right: 150px;
height: 100%;
overflow-y: scroll;
[/class]
[class=name]
font-weight: 900;
text-align: center;
border-bottom: 4px solid var(--color);
width: 120px;
display: block;
margin: 10% auto;
font-size: 18px;
position: relative;
[/class]
[class=textHome]
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 200px;
margin: 0 6.5%;
[/class]
[class=title]
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
[/class]
[class=tag]
display: inline-block;
border-bottom: 1px solid var(--color);
height: 15px;
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
background-position: 50% 50%;
filter: saturate(70%);
[/class]
[class=tabs]
display: flex;
width: 150px;
margin: 0 23%;
justify-content: space-between;
[/class]
[class name=tabs maxWidth=450px]
position: relative;
left: -10px;
[/class]
[class=tab]
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid black;
transition: 0.5s;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
border: 1px solid var(--color);
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=click]
border: 1px solid var(--color);
background-color: var(--color);
[/class]
[script class=tab01 on=click]
addClass click tab01
removeClass click tab02
removeClass click tab03
removeClass click tab04
addClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab02 on=click]
addClass click tab02
removeClass click tab01
removeClass click tab03
removeClass click tab04
addClass show content02
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab03 on=click]
addClass click tab03
removeClass click tab01
removeClass click tab02
removeClass click tab04
addClass show content03
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab04 on=click]
addClass click tab04
removeClass click tab01
removeClass click tab02
removeClass click tab03
addClass show content04
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show contentHome
[/script]
[div class=variables]
[div class=container]
[div class=left]
[div class=img]
[div class=brackets][/div]
[/div]
[/div]
[div class=right]
[div class=contentContainer]
[div class="show content contentHome"]
[div class=name]LOVETT.[/div]
[div class=textHome]
everyone around me's so busy,
is this my home?
am i your prisoner or your deliverer?[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] lovett cayden smith
[div class=tag]nicknames[/div] n/a
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cismale
[div class=tag]birthday[/div] september 6th
[div class=tag]s.o[/div] heterosexual
[div class=tag]role[/div] existing student
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/85e2448e0b02c378e59d23c787f9e52b/tumblr_ou9sdz4aS51viu2p0o3_250.jpg');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/42b8ad440d168fbb98227d7773711ae5/tumblr_ou9sdz4aS51viu2p0o1_250.jpg');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] six foot, two inches.
[div class=tag]f.c[/div] lucas bin.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/236x/18/ef/91/18ef91ff379a0a306ea2a390626f9374--fat-fashion-fashion-beauty.jpg');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/216504518/original.jpg');"][/div] [/div] [div class=tag]pos. traits[/div] -
[div class=tag]neg. traits[/div] -
[div class=tag]likes[/div] -
[div class=tag]dislikes[/div] -
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/84b694606fd0707ada35274c8cc318dd/tumblr_ohdojk3Vhp1txf4w3o1_1280.png');"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/236x/3f/cc/f3/3fccf3c68643a94370ad48d86c9422b5.jpg');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → -
xx → - [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/236x/ed/d9/0b/edd90b61cc715ba9518e0b2b1342632d.jpg');"][/div] [div class=imgSmall style="background-image: url('https://thumbs.gfycat.com/IdleBlackandwhiteAmethystinepython-mobile.jpg');"][/div] [/div] [div class=tag]tws[/div] -
[div class=tag]bio[/div] -
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
everyone around me's so busy,
is this my home?
am i your prisoner or your deliverer?[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] lovett cayden smith
[div class=tag]nicknames[/div] n/a
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cismale
[div class=tag]birthday[/div] september 6th
[div class=tag]s.o[/div] heterosexual
[div class=tag]role[/div] existing student
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/85e2448e0b02c378e59d23c787f9e52b/tumblr_ou9sdz4aS51viu2p0o3_250.jpg');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/42b8ad440d168fbb98227d7773711ae5/tumblr_ou9sdz4aS51viu2p0o1_250.jpg');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] six foot, two inches.
[div class=tag]f.c[/div] lucas bin.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/236x/18/ef/91/18ef91ff379a0a306ea2a390626f9374--fat-fashion-fashion-beauty.jpg');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/216504518/original.jpg');"][/div] [/div] [div class=tag]pos. traits[/div] -
[div class=tag]neg. traits[/div] -
[div class=tag]likes[/div] -
[div class=tag]dislikes[/div] -
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/84b694606fd0707ada35274c8cc318dd/tumblr_ohdojk3Vhp1txf4w3o1_1280.png');"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/236x/3f/cc/f3/3fccf3c68643a94370ad48d86c9422b5.jpg');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → -
xx → - [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/236x/ed/d9/0b/edd90b61cc715ba9518e0b2b1342632d.jpg');"][/div] [div class=imgSmall style="background-image: url('https://thumbs.gfycat.com/IdleBlackandwhiteAmethystinepython-mobile.jpg');"][/div] [/div] [div class=tag]tws[/div] -
[div class=tag]bio[/div] -
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
Last edited:
clxssified
x o x o
[class=variables]
--color: #b24937;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important
[/class]
[class=container]
width: 460px;
height: 300px;
display: flex;
margin: auto;
[/class]
[class=left]
background-color: var(--color);
height: 300px;
width: 220px;
padding: 10px;
box-sizing: border-box;
[/class]
[class name=left maxWidth=450px]
width: 135px;
padding: 5px;
height: 290px;
[/class]
[class=img]
height: 280px;
width: 200px;
background-image: url('https://i.pinimg.com/originals/2e/fa/9d/2efa9daf667eab4276f005f2bd2afce0.jpg');
filter: saturate(0%);
background-size: cover;
padding: 20px;
box-sizing: border-box;
background-position: 50% 50%;
[/class]
[class name=img maxWidth=450px]
width: 125px;
[/class]
[class=brackets]
height: 100%;
width: 100%;
background:
linear-gradient(to right, white 2px, transparent 2px) 0 100%,
linear-gradient(to left, white 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, white 2px, transparent 2px) 100% 0,
linear-gradient(to top, white 2px, transparent 2px) 0 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
[/class]
[class name=brackets maxWidth=450px]
opacity: 0;
[/class]
[class=right]
width: 240px;
height: 300px;
display: flex;
flex-direction: column;
[/class]
[class=contentContainer]
position: relative;
width: 240px;
height: 270px;
[/class]
[class name=contentContainer maxWidth=450px]
left: -5px;
[/class]
[class=content]
position: absolute;
opacity: 0;
transition: 0.5s;
width: 240px;
height: 270px;
font-size: 12px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
[/class]
[class=scroll]
width: 100%;
padding-right: 150px;
height: 100%;
overflow-y: scroll;
[/class]
[class=name]
font-weight: 900;
text-align: center;
border-bottom: 4px solid var(--color);
width: 120px;
display: block;
margin: 10% auto;
font-size: 18px;
position: relative;
[/class]
[class=textHome]
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 200px;
margin: 0 6.5%;
[/class]
[class=title]
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
[/class]
[class=tag]
display: inline-block;
border-bottom: 1px solid var(--color);
height: 15px;
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
background-position: 50% 50%;
filter: saturate(70%);
[/class]
[class=tabs]
display: flex;
width: 150px;
margin: 0 23%;
justify-content: space-between;
[/class]
[class name=tabs maxWidth=450px]
position: relative;
left: -10px;
[/class]
[class=tab]
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid black;
transition: 0.5s;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
border: 1px solid var(--color);
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=click]
border: 1px solid var(--color);
background-color: var(--color);
[/class]
[script class=tab01 on=click]
addClass click tab01
removeClass click tab02
removeClass click tab03
removeClass click tab04
addClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab02 on=click]
addClass click tab02
removeClass click tab01
removeClass click tab03
removeClass click tab04
addClass show content02
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab03 on=click]
addClass click tab03
removeClass click tab01
removeClass click tab02
removeClass click tab04
addClass show content03
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab04 on=click]
addClass click tab04
removeClass click tab01
removeClass click tab02
removeClass click tab03
addClass show content04
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show contentHome
[/script]
[div class=variables]
[div class=container]
[div class=left]
[div class=img]
[div class=brackets][/div]
[/div]
[/div]
[div class=right]
[div class=contentContainer]
[div class="show content contentHome"]
[div class=name]HARLEY.[/div]
[div class=textHome]i've found a brand new friend, okay?
me and her, we'll kick your ass:
we'll wait with knives after class ![/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] harley roxanne lewis
[div class=tag]nicknames[/div] n/a
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cisfemale
[div class=tag]birthday[/div] september 1st
[div class=tag]s.o[/div] heterosexual
[div class=tag]role[/div] newbie
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://scontent-sin2-2.cdninstagram.com/vp/e058060c6329d1b7d252fad7da0942b5/5E056495/t51.2885-15/sh0.08/e35/p640x640/67595654_417528532221204_8725935144961118322_n.jpg?_nc_ht=scontent-sin2-2.cdninstagram.com');"][/div] [div class=imgSmall style="background-image: url('https://scontent-sin2-2.cdninstagram.com/vp/2d8c7b9fa17ecf62639f33a6391b08df/5E076483/t51.2885-15/sh0.08/e35/p640x640/67943135_2276862882623830_889968925439322855_n.jpg?_nc_ht=scontent-sin2-2.cdninstagram.com');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, two inches.
[div class=tag]f.c[/div] u_gtg
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://scontent-iad3-1.cdninstagram.com/vp/9cf59305f052b92e52acc31a8502be68/5E30AE80/t51.2885-15/sh0.08/e35/p640x640/70888306_1180475462162096_2502156691626521108_n.jpg?_nc_ht=scontent-iad3-1.cdninstagram.com&_nc_cat=108');"][/div] [div class=imgSmall style="background-image: url('https://scontent-iad3-1.cdninstagram.com/vp/72c84b1ae84b2e8bdc0a6fff982947b0/5E3CFC2F/t51.2885-15/sh0.08/e35/p640x640/69653544_3662898613736439_731234644530316491_n.jpg?_nc_ht=scontent-iad3-1.cdninstagram.com&_nc_cat=103');"][/div] [/div] [div class=tag]pos. traits[/div] resilient, witty, independent, courageous, passionate.
[div class=tag]neg. traits[/div] volatile, disorganised, fickle, sarcastic, unreliable.
[div class=tag]likes[/div] cigarettes, eyeliner, rock and roll music, platform shoes, cats, reptiles, psychological thriller novels, poetry, the colour purple.
[div class=tag]dislikes[/div] cheerleaders, insects, slapstick comedy, stop motion animation, deep water, prying questions, long car journeys.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/335971328/original.jpg');"][/div] [div class=imgSmall style="background-image: url('https://pbs.twimg.com/media/Dm6n5JCWwAE1N1T.jpg');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → has always been self conscious about her height and wears a lot of platforms.
xx → writes her own short stories and publishes online under a pseudonym.
xx → likes to knit but guards that secret fiercely because she feels it takes away from her carefully cultivated image.
xx → owns a single stuffed animal who she is incredibly protective over.
xx → becomes very aggressive when people try to connect with her on an emotional level and always answers questions with sarcasm or an overly-graphic answer for shock factor.
xx → finds it difficult to trust people and is usually suspicious of them.
xx → perpetually covered in scrapes and bruises, both from fights and just being generally clumsy and adventurous. [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/52/84/82/5284826fd3837fa66a7c8b411a17f469.jpg');"][/div] [div class=imgSmall style="background-image: url('https://d2h1pu99sxkfvn.cloudfront.net/b0/10678251/419909547_gI4FSEZdA8/U5.jpg');"][/div] [/div] [div class=tag]tws[/div] death, bullying, knife crime.
[div class=tag]bio[/div] the first life harley ever took was her own mother's, or so she's always been told: complications during childbirth left harley motherless and her father widowed. andrew lewis took the grief in his stride: he was working hard to turn his life around after his own rocky childhood, and through a combination of night classes and two minimum wage jobs, he seemed to be succeeding. when harley was two years old andrew was struck by a car, and she was thrown into the foster system to begin sixteen years of being tossed from house to house.
her first foster family were brilliant with her: the petersons had fostered before. her second took advantage of her situation for money, as did the third, the fourth, and the fifth. the sixth had her ripped away after a discovery that has been lost in piles of police paperwork. the seventh were sweet but unremarkable, the same with the eighth. harley met her ninth foster family on her fifteenth birthday, and stayed with them for the remainder of her adolescence: the meads were a big family, a mixture of biological and foster kids. the parents, frank and dora, were teachers at a local elementary school. the town was nice, a classic suburban small town where everyone knew everyone, and a mistake would haunt you forever.
upon starting her new school, harley found herself taken under the wing of the local queen bee: rebecca was fifteen, beautiful, and already had crowds parting like the red sea when she walked by. naturally, harley was desperate to stay in her good graces. beneath becky's angelic persona was a borderline sociopath: playground bullying always had a malicious undertone, pranks took a sinister turn, and harley was the accomplice to it all. but things were good, popularity wise, back in highschool where being the cheer captain's second in command was worth the wrenching guilt and sleepless nights.
the apparent stability was short lived. when harley hit sixteen, becky's boyfriend took an interest in her. becky didn't react rationally, and harley found herself cast out of the garden of eden, condemned to walk the halls alone as a pariah and eat her lunch in a bathroom stall. it wasn't enough to just set harley aside: becky wanted to break her. a hellish year of torture ensued: the girls held harley under the water in the swimming pool until her vision blurred, they cornered her in the locker rooms, they slashed the tires of her first car, they spread rumours and doctored photographs, they pushed and shoved and sneered and slapped. but harley persevered.
until becky caught her one day after school and took her into the bathroom. harley's never explained what happened between them that afternoon, but it was the breaking point. only harley left the school: becky stayed on the bathroom floor with twenty-two stab wounds to the chest, neck, and arms.
the meads refused to fund a lawyer and it was almost impossible to find one to defend her. the trial flew by, demonising harley and ignoring her defenses: the creepy psycho loner fresh from the foster system versus the promising, beloved beauty. it was an open and shut case. nobody testified on harley's behalf, the context of the situation was ignored, and her own account of what happened that afternoon in the bathroom was never even heard. sentenced to death at the age of seventeen, harley thought everything was over.
but shortly after her eighteenth birthday, a saviour came. an official government pardon, and an all-expenses paid year at the most prestigious school in the world. it's a fresh start, but a past like harley's is hard to bounce back from.
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
me and her, we'll kick your ass:
we'll wait with knives after class ![/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] harley roxanne lewis
[div class=tag]nicknames[/div] n/a
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cisfemale
[div class=tag]birthday[/div] september 1st
[div class=tag]s.o[/div] heterosexual
[div class=tag]role[/div] newbie
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://scontent-sin2-2.cdninstagram.com/vp/e058060c6329d1b7d252fad7da0942b5/5E056495/t51.2885-15/sh0.08/e35/p640x640/67595654_417528532221204_8725935144961118322_n.jpg?_nc_ht=scontent-sin2-2.cdninstagram.com');"][/div] [div class=imgSmall style="background-image: url('https://scontent-sin2-2.cdninstagram.com/vp/2d8c7b9fa17ecf62639f33a6391b08df/5E076483/t51.2885-15/sh0.08/e35/p640x640/67943135_2276862882623830_889968925439322855_n.jpg?_nc_ht=scontent-sin2-2.cdninstagram.com');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, two inches.
[div class=tag]f.c[/div] u_gtg
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://scontent-iad3-1.cdninstagram.com/vp/9cf59305f052b92e52acc31a8502be68/5E30AE80/t51.2885-15/sh0.08/e35/p640x640/70888306_1180475462162096_2502156691626521108_n.jpg?_nc_ht=scontent-iad3-1.cdninstagram.com&_nc_cat=108');"][/div] [div class=imgSmall style="background-image: url('https://scontent-iad3-1.cdninstagram.com/vp/72c84b1ae84b2e8bdc0a6fff982947b0/5E3CFC2F/t51.2885-15/sh0.08/e35/p640x640/69653544_3662898613736439_731234644530316491_n.jpg?_nc_ht=scontent-iad3-1.cdninstagram.com&_nc_cat=103');"][/div] [/div] [div class=tag]pos. traits[/div] resilient, witty, independent, courageous, passionate.
[div class=tag]neg. traits[/div] volatile, disorganised, fickle, sarcastic, unreliable.
[div class=tag]likes[/div] cigarettes, eyeliner, rock and roll music, platform shoes, cats, reptiles, psychological thriller novels, poetry, the colour purple.
[div class=tag]dislikes[/div] cheerleaders, insects, slapstick comedy, stop motion animation, deep water, prying questions, long car journeys.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/335971328/original.jpg');"][/div] [div class=imgSmall style="background-image: url('https://pbs.twimg.com/media/Dm6n5JCWwAE1N1T.jpg');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → has always been self conscious about her height and wears a lot of platforms.
xx → writes her own short stories and publishes online under a pseudonym.
xx → likes to knit but guards that secret fiercely because she feels it takes away from her carefully cultivated image.
xx → owns a single stuffed animal who she is incredibly protective over.
xx → becomes very aggressive when people try to connect with her on an emotional level and always answers questions with sarcasm or an overly-graphic answer for shock factor.
xx → finds it difficult to trust people and is usually suspicious of them.
xx → perpetually covered in scrapes and bruises, both from fights and just being generally clumsy and adventurous. [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/52/84/82/5284826fd3837fa66a7c8b411a17f469.jpg');"][/div] [div class=imgSmall style="background-image: url('https://d2h1pu99sxkfvn.cloudfront.net/b0/10678251/419909547_gI4FSEZdA8/U5.jpg');"][/div] [/div] [div class=tag]tws[/div] death, bullying, knife crime.
[div class=tag]bio[/div] the first life harley ever took was her own mother's, or so she's always been told: complications during childbirth left harley motherless and her father widowed. andrew lewis took the grief in his stride: he was working hard to turn his life around after his own rocky childhood, and through a combination of night classes and two minimum wage jobs, he seemed to be succeeding. when harley was two years old andrew was struck by a car, and she was thrown into the foster system to begin sixteen years of being tossed from house to house.
her first foster family were brilliant with her: the petersons had fostered before. her second took advantage of her situation for money, as did the third, the fourth, and the fifth. the sixth had her ripped away after a discovery that has been lost in piles of police paperwork. the seventh were sweet but unremarkable, the same with the eighth. harley met her ninth foster family on her fifteenth birthday, and stayed with them for the remainder of her adolescence: the meads were a big family, a mixture of biological and foster kids. the parents, frank and dora, were teachers at a local elementary school. the town was nice, a classic suburban small town where everyone knew everyone, and a mistake would haunt you forever.
upon starting her new school, harley found herself taken under the wing of the local queen bee: rebecca was fifteen, beautiful, and already had crowds parting like the red sea when she walked by. naturally, harley was desperate to stay in her good graces. beneath becky's angelic persona was a borderline sociopath: playground bullying always had a malicious undertone, pranks took a sinister turn, and harley was the accomplice to it all. but things were good, popularity wise, back in highschool where being the cheer captain's second in command was worth the wrenching guilt and sleepless nights.
the apparent stability was short lived. when harley hit sixteen, becky's boyfriend took an interest in her. becky didn't react rationally, and harley found herself cast out of the garden of eden, condemned to walk the halls alone as a pariah and eat her lunch in a bathroom stall. it wasn't enough to just set harley aside: becky wanted to break her. a hellish year of torture ensued: the girls held harley under the water in the swimming pool until her vision blurred, they cornered her in the locker rooms, they slashed the tires of her first car, they spread rumours and doctored photographs, they pushed and shoved and sneered and slapped. but harley persevered.
until becky caught her one day after school and took her into the bathroom. harley's never explained what happened between them that afternoon, but it was the breaking point. only harley left the school: becky stayed on the bathroom floor with twenty-two stab wounds to the chest, neck, and arms.
the meads refused to fund a lawyer and it was almost impossible to find one to defend her. the trial flew by, demonising harley and ignoring her defenses: the creepy psycho loner fresh from the foster system versus the promising, beloved beauty. it was an open and shut case. nobody testified on harley's behalf, the context of the situation was ignored, and her own account of what happened that afternoon in the bathroom was never even heard. sentenced to death at the age of seventeen, harley thought everything was over.
but shortly after her eighteenth birthday, a saviour came. an official government pardon, and an all-expenses paid year at the most prestigious school in the world. it's a fresh start, but a past like harley's is hard to bounce back from.
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
Last edited:
sophie.
dumbass ★
[class=variables]
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
--color: #2E8B57;
[/class]
[class=container]
width: 350px;
display: flex;
margin: auto;
flex-direction: column;
justify-content: flex-start;
[/class]
[class=name]
font-size: 40px;
font-weight: 900;
line-height: 0.7;
color: var(--color);
[/class]
[class=tabsContainer]
width: 350px;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;
[/class]
[class=title]
font-size: 20px;
border: 1px solid var(--color);
padding: 3px;
box-sizing: border-box;
line-height: 1;
letter-spacing: 2px;
transition: 1s;
[/class]
[class name=title state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
background-color: var(--color);
color: white;
[/class]
[class=bigGap]
flex-grow: 3;
[/class]
[class=gap]
flex-grow: 2;
[/class]
[class=tab]
text-shadow: -1px -1px 0 var(--color), 1px -1px 0 var(--color), -1px 1px 0 var(--color), 1px 1px 0 var(--color);
font-size: 30px;
color: white;
transition: 1s;
flex-basis: auto;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
color: var(--color);
[/class]
[class=contentContainer]
height: 350px;
width: 350px;
position: relative;
[/class]
[class=content]
height: 350px;
width: 350px;
opacity: 0;
position: absolute;
transition: 1s;
padding: 10px;
box-sizing: border-box;
font-size: 12px;
overflow: hidden;
[/class]
[class=scroll]
overflow-y: scroll;
padding-right: 40px;
width: 100%;
height: 100%;
[/class]
[class=bigImg]
height: 330px;
width: 330px;
background-image: url('https://i.pinimg.com/736x/76/dc/7e/76dc7e5006c53e03dfdb49dd5a6993af--glitter-girl-terra.jpg');
background-size: cover;
[/class]
[class=tag]
width: auto;
height: 16px;
padding: 0px 2px 0px 2px;
display: inline-block;
border: 1px solid var(--color);
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=titleSelected]
background-color: var(--color);
color: white;
[/class]
[class=selected]
color: var(--color);
[/class]
[script class=title on=click]
addClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
addClass titleSelected title
removeClass selected tab01
removeClass selected tab02
removeClass selected tab03
[/script]
[script class=tab01 on=click]
addClass show content01
removeClass show contentHome
removeClass show content02
removeClass show content03
addClass selected tab01
removeClass titleSelected title
removeClass selected tab02
removeClass selected tab03
[/script]
[script class=tab02 on=click]
addClass show content02
removeClass show contentHome
removeClass show content01
removeClass show content03
addClass selected tab02
removeClass titleSelected title
removeClass selected tab01
removeClass selected tab03
[/script]
[script class=tab03 on=click]
addClass show content03
removeClass show contentHome
removeClass show content01
removeClass show content02
addClass selected tab03
removeClass titleSelected title
removeClass selected tab01
removeClass selected tab02
[/script]
[div class=variables]
[div class=container]
[div class=name]wilhelmina.[/div]
[div class=tabsContainer]
[div class="title titleSelected"]NEW STUDENT[/div]
[div class=bigGap][/div]
[div class="tab tab01"]01.[/div]
[div class=gap][/div]
[div class="tab tab02"]02.[/div]
[div class=gap][/div]
[div class="tab tab03"]03.[/div]
[/div]
[div class=contentContainer]
[div class="content contentHome show"]
[div class=bigImg][/div]
[/div]
[div class="content content01"]
[div class=scroll]
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829847052320789/ddd.gif');"][/div]
[div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829852169371679/ddd2.gif');"][/div]
[div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829856783368192/ddd3.gif');"][/div]
[/div]
[div class=tag]name[/div] wilhelmina trietz
[div class=tag]nickname[/div] typically goes by wil, though some call her mina
[div class=tag]age[/div] 18
[div class=tag]gender[/div] female
[div class=tag]dob[/div] october seventh
[div class=tag]sexual orientation[/div] heterosexual
[div class=tag]role[/div] new student [/div] [/div] [div class="content content02"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829859715186698/ddd4.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829863967948841/ddd5.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829867554078720/ddd6.gif');"][/div] [/div] [div class=tag]physical description[/div] wilhelmina is the lithe girl, standing tall and willowy. her eyes are a deep brown, pooled with a certain expression that reads wise. the eye area is slightly sunken in from lack of sleep over the years, but her distantly tilted smile can often mask it. her hair is long and brown, clearly lacking in a recent haircut. often, prison isolation can cause physical and emotional trauma, and it reads true on wil's body. bruising fades, but the traces of harm still linger like a stale scent.
[div class=tag]height[/div] five feet ten inches
[div class=tag]weight[/div] one hundred twenty one pounds
[div class=tag]faceclaim[/div] diana silvers
[div class=tag]positive traits[/div] intuitive, quick-witted, smart, alluring, self-sufficient.
[div class=tag]negative traits[/div] easily angered, internally scared, sarcastic, mysterious, unpredictable.
[div class=tag]likes[/div] piping hot coffee, calm silence, messy handwriting, chemistry books, science, revenge.
[div class=tag]dislikes[/div] dishonesty, cold food, being disagreed with, entitlement, clichés.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829876374700042/ddd8.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829872012754956/ddd7.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829879818485760/ddd9.gif');"][/div] [/div] [div class=tag]theme song[/div] future me hates me - the beths
[div class=tag]misc[/div]
- wil couldn't eat meat when she was younger because it made her upset to think about hurting animals, so now that she's older, her body naturally rejects it.
- mina mostly pities the children of royals instead of hating them.
- though she doesn’t quite notice it, wil is some sort of a science prodigy. she’s always been interested in technology, chemistry and engineering. she seems to believe most people know as much about science as she does.
- if she was able to choose her life, wilhelmina probably would have chosen a quaint life in some unclaimed territory as a writer.
[div class=tag]tws[/div] prison, major crime, murder
[div class=tag]bio[/div] wilhelmina trietz was born into an influential royally aligned family. had she not 'fallen off the wagon,' so to speak, she probably would have grown to be incredibly successful and happy. but could success and happiness have beaten country-wide treason? probably not.
wil was always an empathetic girl. she would cry oceans for a lost teddy bear, a stepped-on ant, or even an unevenly ripped piece of paper. her empathy ran so deep, so young, that she couldn't quite understand the difference between human and inanimate pain. as she grew older, the unrealistic sense of sadness subsided, but the humanitarian want for peace and tranquility remained.
now imagine how she felt when she realized the kingdom profited off of poverty. public executions. starving families and children. all the royal family did was pat the issue on the back. childlike sadness grew into teenage anger. at age fourteen, she would sit in on her parents' meetings and legal hearings, demanding human rights be granted to the poor and hungry. her parents would simply frown at her. she witnessed the king laugh at her. wilhelmina trietz vowed to never stoop to the level of her parents or the royal family of [???].
no one could have predicted her revolutionary level protests and crimes. not even herself. though it had been bubbling within her for years, it felt rash even from her perspective. it began with refusing to wear jewelry and expensive clothing, then her demand to transfer to public school. the actual action came last. posters and yelling from disadvantaged citizens didn't work. rallying of protesters in front of the king's palace barely batted an eye. the real change came with violence.
being sent to prison as a royal was quite hard. after setting fire to the royal dance hall, she was simply reprimanded, lightly punished and written off as an angsty teenage girl looking for attention. at least five more incidents like that occurred before government became involved.
deranged royal attempts to assassinate king! said headlines all over the world. finally, the people had noticed.
she had almost succeeded in killing him. sadly, she didn't quite have the experience in murder.
who knew bombs could be created so easily with basic high school chemistry education? danger was too easily handed to her by the hands of unsuspecting educators.
she had only been in prison for a year and a half before her sudden politically-charged educational release. was it a ploy? was she being used? probably. but it was much better than maximum security prison where guards handcuffed her before meals and kept her in isolation for most of the day. putting her in a school for the rich and important? clearly there was no harm in that.
[/div] [/div] [/div] [/div] [/div]
[div class=tag]nickname[/div] typically goes by wil, though some call her mina
[div class=tag]age[/div] 18
[div class=tag]gender[/div] female
[div class=tag]dob[/div] october seventh
[div class=tag]sexual orientation[/div] heterosexual
[div class=tag]role[/div] new student [/div] [/div] [div class="content content02"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829859715186698/ddd4.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829863967948841/ddd5.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829867554078720/ddd6.gif');"][/div] [/div] [div class=tag]physical description[/div] wilhelmina is the lithe girl, standing tall and willowy. her eyes are a deep brown, pooled with a certain expression that reads wise. the eye area is slightly sunken in from lack of sleep over the years, but her distantly tilted smile can often mask it. her hair is long and brown, clearly lacking in a recent haircut. often, prison isolation can cause physical and emotional trauma, and it reads true on wil's body. bruising fades, but the traces of harm still linger like a stale scent.
[div class=tag]height[/div] five feet ten inches
[div class=tag]weight[/div] one hundred twenty one pounds
[div class=tag]faceclaim[/div] diana silvers
[div class=tag]positive traits[/div] intuitive, quick-witted, smart, alluring, self-sufficient.
[div class=tag]negative traits[/div] easily angered, internally scared, sarcastic, mysterious, unpredictable.
[div class=tag]likes[/div] piping hot coffee, calm silence, messy handwriting, chemistry books, science, revenge.
[div class=tag]dislikes[/div] dishonesty, cold food, being disagreed with, entitlement, clichés.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829876374700042/ddd8.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829872012754956/ddd7.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649829879818485760/ddd9.gif');"][/div] [/div] [div class=tag]theme song[/div] future me hates me - the beths
[div class=tag]misc[/div]
- wil couldn't eat meat when she was younger because it made her upset to think about hurting animals, so now that she's older, her body naturally rejects it.
- mina mostly pities the children of royals instead of hating them.
- though she doesn’t quite notice it, wil is some sort of a science prodigy. she’s always been interested in technology, chemistry and engineering. she seems to believe most people know as much about science as she does.
- if she was able to choose her life, wilhelmina probably would have chosen a quaint life in some unclaimed territory as a writer.
[div class=tag]tws[/div] prison, major crime, murder
[div class=tag]bio[/div] wilhelmina trietz was born into an influential royally aligned family. had she not 'fallen off the wagon,' so to speak, she probably would have grown to be incredibly successful and happy. but could success and happiness have beaten country-wide treason? probably not.
wil was always an empathetic girl. she would cry oceans for a lost teddy bear, a stepped-on ant, or even an unevenly ripped piece of paper. her empathy ran so deep, so young, that she couldn't quite understand the difference between human and inanimate pain. as she grew older, the unrealistic sense of sadness subsided, but the humanitarian want for peace and tranquility remained.
now imagine how she felt when she realized the kingdom profited off of poverty. public executions. starving families and children. all the royal family did was pat the issue on the back. childlike sadness grew into teenage anger. at age fourteen, she would sit in on her parents' meetings and legal hearings, demanding human rights be granted to the poor and hungry. her parents would simply frown at her. she witnessed the king laugh at her. wilhelmina trietz vowed to never stoop to the level of her parents or the royal family of [???].
no one could have predicted her revolutionary level protests and crimes. not even herself. though it had been bubbling within her for years, it felt rash even from her perspective. it began with refusing to wear jewelry and expensive clothing, then her demand to transfer to public school. the actual action came last. posters and yelling from disadvantaged citizens didn't work. rallying of protesters in front of the king's palace barely batted an eye. the real change came with violence.
being sent to prison as a royal was quite hard. after setting fire to the royal dance hall, she was simply reprimanded, lightly punished and written off as an angsty teenage girl looking for attention. at least five more incidents like that occurred before government became involved.
deranged royal attempts to assassinate king! said headlines all over the world. finally, the people had noticed.
she had almost succeeded in killing him. sadly, she didn't quite have the experience in murder.
who knew bombs could be created so easily with basic high school chemistry education? danger was too easily handed to her by the hands of unsuspecting educators.
she had only been in prison for a year and a half before her sudden politically-charged educational release. was it a ploy? was she being used? probably. but it was much better than maximum security prison where guards handcuffed her before meals and kept her in isolation for most of the day. putting her in a school for the rich and important? clearly there was no harm in that.
[/div] [/div] [/div] [/div] [/div]
coded by shady.
Last edited:
sophie.
dumbass ★
[class=variables]
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
--color: #8B0000;
[/class]
[class=container]
width: 350px;
display: flex;
margin: auto;
flex-direction: column;
justify-content: flex-start;
[/class]
[class=name]
font-size: 40px;
font-weight: 900;
line-height: 0.7;
color: var(--color);
[/class]
[class=tabsContainer]
width: 350px;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-wrap: wrap;
[/class]
[class=title]
font-size: 20px;
border: 1px solid var(--color);
padding: 3px;
box-sizing: border-box;
line-height: 1;
letter-spacing: 2px;
transition: 1s;
[/class]
[class name=title state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
background-color: var(--color);
color: white;
[/class]
[class=bigGap]
flex-grow: 3;
[/class]
[class=gap]
flex-grow: 2;
[/class]
[class=tab]
text-shadow: -1px -1px 0 var(--color), 1px -1px 0 var(--color), -1px 1px 0 var(--color), 1px 1px 0 var(--color);
font-size: 30px;
color: white;
transition: 1s;
flex-basis: auto;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
color: var(--color);
[/class]
[class=contentContainer]
height: 350px;
width: 350px;
position: relative;
[/class]
[class=content]
height: 350px;
width: 350px;
opacity: 0;
position: absolute;
transition: 1s;
padding: 10px;
box-sizing: border-box;
font-size: 12px;
overflow: hidden;
[/class]
[class=scroll]
overflow-y: scroll;
padding-right: 40px;
width: 100%;
height: 100%;
[/class]
[class=bigImg]
height: 330px;
width: 330px;
background-image: url('https://www.hawtcelebs.com/wp-content/uploads/2018/11/tati-gabrielle-for-status-magazine-october-2018-1.jpg');
background-size: cover;
[/class]
[class=tag]
width: auto;
height: 16px;
padding: 0px 2px 0px 2px;
display: inline-block;
border: 1px solid var(--color);
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=titleSelected]
background-color: var(--color);
color: white;
[/class]
[class=selected]
color: var(--color);
[/class]
[script class=title on=click]
addClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
addClass titleSelected title
removeClass selected tab01
removeClass selected tab02
removeClass selected tab03
[/script]
[script class=tab01 on=click]
addClass show content01
removeClass show contentHome
removeClass show content02
removeClass show content03
addClass selected tab01
removeClass titleSelected title
removeClass selected tab02
removeClass selected tab03
[/script]
[script class=tab02 on=click]
addClass show content02
removeClass show contentHome
removeClass show content01
removeClass show content03
addClass selected tab02
removeClass titleSelected title
removeClass selected tab01
removeClass selected tab03
[/script]
[script class=tab03 on=click]
addClass show content03
removeClass show contentHome
removeClass show content01
removeClass show content02
addClass selected tab03
removeClass titleSelected title
removeClass selected tab01
removeClass selected tab02
[/script]
[div class=variables]
[div class=container]
[div class=name]dahlia.[/div]
[div class=tabsContainer]
[div class="title titleSelected"]STUDENT[/div]
[div class=bigGap][/div]
[div class="tab tab01"]01.[/div]
[div class=gap][/div]
[div class="tab tab02"]02.[/div]
[div class=gap][/div]
[div class="tab tab03"]03.[/div]
[/div]
[div class=contentContainer]
[div class="content contentHome show"]
[div class=bigImg][/div]
[/div]
[div class="content content01"]
[div class=scroll]
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649837976138022933/ttt1.gif');"][/div]
[div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649837980676259869/ttt2.gif');"][/div]
[div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649837988511219737/ttt3.gif');"][/div]
[/div]
[div class=tag]name[/div] dahlia nordbeck
[div class=tag]nickname[/div] exclusively goes by dahlia. at the right time, she thinks it's cute to be called 'lia'
[div class=tag]age[/div] 17
[div class=tag]gender[/div] female
[div class=tag]dob[/div] june fourth
[div class=tag]sexual orientation[/div] bisexual
[div class=tag]role[/div] existing student, daughter of the prime minister of [???] [/div] [/div] [div class="content content02"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649837987789537296/ttt4.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649837991916994591/ttt5.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649837996786319381/ttt6.gif');"][/div] [/div] [div class=tag]physical description[/div]
[div class=tag]height[/div] five feet eight inches
[div class=tag]weight[/div] one hundred twenty nine pounds
[div class=tag]faceclaim[/div] tati gabrielle
[div class=tag]positive traits[/div] social, determined, curious, expressive, athletic, clever.
[div class=tag]negative traits[/div] sassy, controlling, jealous, insecure, overzealous.
[div class=tag]likes[/div] cinnamon, lacy underwear, thunderstorms, rugby, niche black and white films.
[div class=tag]dislikes[/div] having to listen for too long, loud chewers, romance movies, clashing jewelry, winter.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649838002230525963/ttt7.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649838006215114753/ttt8.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649838010552287265/ttt9.gif');"][/div] [/div] [div class=tag]theme song[/div] glory and gore - lorde
[div class=tag]misc[/div]
- dahlia plays rugby, soccer, and lacrosse.
- lia finds herself falling in love with mostly anyone who exudes confidence and is kind to her. she's truly a romantic at heart.
- dahlia lives by the phrase "drip or drown." she WILL judge your outfit choices.
- dahlia secretly has a lot of pollical views that don't align with her father. however, she was taught at a young ag to never disagree with him.
[div class=tag]tws[/div] eating disorders
[div class=tag]bio[/div] how long does it take for a young rich teenager to ruin her perfect life? surprisingly, not long. monotony drives even the strongest people insane.
dahlia nordbeck was born into the affluent life. her father served as a parliament official under the king for most of her life, meaning he wasn't often around. her mother was busy being the perfect wife to him; hosting charity events, having brunch with the wives club, and televised advertisements to vote for her husband. dahlia grew up mostly on her own with the workers in her house.
when her mother or father was around, she was expected to skip all signs of childhood and grow up within ten seconds. all it took was a few deep breaths, a fake smile and a silent disposition. from a young age, dahlia's only example of 'positive' female figures in her life was her mom. she watched her mother skip meals, work out for long hours of the day and go on extreme cleanses or diets. eventually, all of those things began to seem normal. dahlia would pretend to not be hungry and push herself harder to perform in sports to impress her mother. a negative body image would follow dahlia for possibly the rest of her life. her father barely noticed her drastic weight loss due to incredibly long working hours, and her mother seemed to overlook it. she assumed the staff took 'a fine care of her'.
thinner meant happier. dahlia was the perfect example of what teenage girls in the kingdom of [???] wanted to look like. she spiraled.
at fifteen, she was hospitalized for malnourishment.
fast forward a few years of diet rehabilitation and close watch, dahlia turns seventeen and her father is elected prime minister. a new year is beginning at vemrose academy. rumors still linger of her eating disorder and her insecurities still loom in the back of her mind. [/div] [/div] [/div] [/div] [/div]
[div class=tag]nickname[/div] exclusively goes by dahlia. at the right time, she thinks it's cute to be called 'lia'
[div class=tag]age[/div] 17
[div class=tag]gender[/div] female
[div class=tag]dob[/div] june fourth
[div class=tag]sexual orientation[/div] bisexual
[div class=tag]role[/div] existing student, daughter of the prime minister of [???] [/div] [/div] [div class="content content02"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649837987789537296/ttt4.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649837991916994591/ttt5.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649837996786319381/ttt6.gif');"][/div] [/div] [div class=tag]physical description[/div]
[div class=tag]height[/div] five feet eight inches
[div class=tag]weight[/div] one hundred twenty nine pounds
[div class=tag]faceclaim[/div] tati gabrielle
[div class=tag]positive traits[/div] social, determined, curious, expressive, athletic, clever.
[div class=tag]negative traits[/div] sassy, controlling, jealous, insecure, overzealous.
[div class=tag]likes[/div] cinnamon, lacy underwear, thunderstorms, rugby, niche black and white films.
[div class=tag]dislikes[/div] having to listen for too long, loud chewers, romance movies, clashing jewelry, winter.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649838002230525963/ttt7.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649838006215114753/ttt8.gif');"][/div] [div class=imgSmall style="background-image: url('https://cdn.discordapp.com/attachments/594320889609191456/649838010552287265/ttt9.gif');"][/div] [/div] [div class=tag]theme song[/div] glory and gore - lorde
[div class=tag]misc[/div]
- dahlia plays rugby, soccer, and lacrosse.
- lia finds herself falling in love with mostly anyone who exudes confidence and is kind to her. she's truly a romantic at heart.
- dahlia lives by the phrase "drip or drown." she WILL judge your outfit choices.
- dahlia secretly has a lot of pollical views that don't align with her father. however, she was taught at a young ag to never disagree with him.
[div class=tag]tws[/div] eating disorders
[div class=tag]bio[/div] how long does it take for a young rich teenager to ruin her perfect life? surprisingly, not long. monotony drives even the strongest people insane.
dahlia nordbeck was born into the affluent life. her father served as a parliament official under the king for most of her life, meaning he wasn't often around. her mother was busy being the perfect wife to him; hosting charity events, having brunch with the wives club, and televised advertisements to vote for her husband. dahlia grew up mostly on her own with the workers in her house.
when her mother or father was around, she was expected to skip all signs of childhood and grow up within ten seconds. all it took was a few deep breaths, a fake smile and a silent disposition. from a young age, dahlia's only example of 'positive' female figures in her life was her mom. she watched her mother skip meals, work out for long hours of the day and go on extreme cleanses or diets. eventually, all of those things began to seem normal. dahlia would pretend to not be hungry and push herself harder to perform in sports to impress her mother. a negative body image would follow dahlia for possibly the rest of her life. her father barely noticed her drastic weight loss due to incredibly long working hours, and her mother seemed to overlook it. she assumed the staff took 'a fine care of her'.
thinner meant happier. dahlia was the perfect example of what teenage girls in the kingdom of [???] wanted to look like. she spiraled.
at fifteen, she was hospitalized for malnourishment.
fast forward a few years of diet rehabilitation and close watch, dahlia turns seventeen and her father is elected prime minister. a new year is beginning at vemrose academy. rumors still linger of her eating disorder and her insecurities still loom in the back of her mind. [/div] [/div] [/div] [/div] [/div]
coded by shady.
Last edited:
clxssified
x o x o
[class=variables]
--color: #d9e3da;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important
[/class]
[class=container]
width: 460px;
height: 300px;
display: flex;
margin: auto;
[/class]
[class=left]
background-color: var(--color);
height: 300px;
width: 220px;
padding: 10px;
box-sizing: border-box;
[/class]
[class name=left maxWidth=450px]
width: 135px;
padding: 5px;
height: 290px;
[/class]
[class=img]
height: 280px;
width: 200px;
background-image: url('http://www.malemodelscene.net/wp-content/uploads/2017/08/Nick-Justin-Chen-3-copy-620x868.jpg');
filter: saturate(0%);
background-size: cover;
padding: 20px;
box-sizing: border-box;
background-position: 50% 50%;
[/class]
[class name=img maxWidth=450px]
width: 125px;
[/class]
[class=brackets]
height: 100%;
width: 100%;
background:
linear-gradient(to right, white 2px, transparent 2px) 0 100%,
linear-gradient(to left, white 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, white 2px, transparent 2px) 100% 0,
linear-gradient(to top, white 2px, transparent 2px) 0 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
[/class]
[class name=brackets maxWidth=450px]
opacity: 0;
[/class]
[class=right]
width: 240px;
height: 300px;
display: flex;
flex-direction: column;
[/class]
[class=contentContainer]
position: relative;
width: 240px;
height: 270px;
[/class]
[class name=contentContainer maxWidth=450px]
left: -5px;
[/class]
[class=content]
position: absolute;
opacity: 0;
transition: 0.5s;
width: 240px;
height: 270px;
font-size: 12px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
[/class]
[class=scroll]
width: 100%;
padding-right: 150px;
height: 100%;
overflow-y: scroll;
[/class]
[class=name]
font-weight: 900;
text-align: center;
border-bottom: 4px solid var(--color);
width: 120px;
display: block;
margin: 10% auto;
font-size: 18px;
position: relative;
[/class]
[class=textHome]
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 200px;
margin: 0 6.5%;
[/class]
[class=title]
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
[/class]
[class=tag]
display: inline-block;
border-bottom: 1px solid var(--color);
height: 15px;
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
background-position: 50% 50%;
filter: saturate(70%);
[/class]
[class=tabs]
display: flex;
width: 150px;
margin: 0 23%;
justify-content: space-between;
[/class]
[class name=tabs maxWidth=450px]
position: relative;
left: -10px;
[/class]
[class=tab]
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid black;
transition: 0.5s;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
border: 1px solid var(--color);
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=click]
border: 1px solid var(--color);
background-color: var(--color);
[/class]
[script class=tab01 on=click]
addClass click tab01
removeClass click tab02
removeClass click tab03
removeClass click tab04
addClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab02 on=click]
addClass click tab02
removeClass click tab01
removeClass click tab03
removeClass click tab04
addClass show content02
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab03 on=click]
addClass click tab03
removeClass click tab01
removeClass click tab02
removeClass click tab04
addClass show content03
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab04 on=click]
addClass click tab04
removeClass click tab01
removeClass click tab02
removeClass click tab03
addClass show content04
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show contentHome
[/script]
[div class=variables]
[div class=container]
[div class=left]
[div class=img]
[div class=brackets][/div]
[/div]
[/div]
[div class=right]
[div class=contentContainer]
[div class="show content contentHome"]
[div class=name]TOBIAS.[/div]
[div class=textHome]
if it feels good,
tastes good,
it must be mine[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] tobias axel decambra
[div class=tag]nicknames[/div] toby
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cismale
[div class=tag]birthday[/div] april 20th
[div class=tag]s.o[/div] heterosexual
[div class=tag]role[/div] existing student & heir to the (tbd) throne
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/c5da1198834cfb0d7f091a14bddc8273/tumblr_inline_poyhpdyQHZ1uy9est_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/c9c0222540bbaabef7e5dab8d851de0d/tumblr_inline_poyhopX91i1uy9est_1280.gif');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] six foot, four inches.
[div class=tag]f.c[/div] nick hargrove.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/de36b2355ec567d82a1aeea833ca7107/tumblr_inline_poyhosoUYQ1uy9est_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1a99d3e38c7f2ed650f08e1e8284f7af/tumblr_inline_poyhl2fm4E1uy9est_1280.gif');"][/div] [/div] [div class=tag]pos. traits[/div] intelligent, calculating, driven, assertive, organised.
[div class=tag]neg. traits[/div] gluttonous, cowardly, vindictive, manipulative.
[div class=tag]likes[/div] winning, ball sports, parties, gold jewelry, feeling powerful, black coffee, political satire.
[div class=tag]dislikes[/div] being outsmarted, sweet foods, not being in control, cartoons, horses, talking about his family.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/4f6a09ec576d86d66a8ff96aa681dbd8/tumblr_inline_poyhoh37ps1uy9est_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1a33117c3d3c998b78d3bae01fb586ed/tumblr_inline_poyhotuC861uy9est_1280.gif');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → -
xx → - [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/ee7ce88663efc346882752b674428f17/9c1abb0726696553-07/s540x810/d608e5b889a9062dacd1d5270fa5a86bcee3144f.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6ad975742960e544f5509b41321906a4/9c1abb0726696553-77/s540x810/1bb37639c664e6a3dfcad09144206b8a376b70d2.gif');"][/div] [/div] [div class=tag]tws[/div] familial death, forced marriage
[div class=tag]bio[/div] when tobias was six years old he saw his father slain in his own throne room by the one man he was supposed to be able to trust. jason decambra was the hand of the king, but resentful over the fact that his childhood friend had everything he wanted, betrayed the king. as is customary in the kingdom, jason was immediately crowned the new king. he married the widowed queen guinevere, and took her children tobias and stellan as his own. jason was a man who got what he wanted, unlike the former king, a sweet but spineless man: tobias was desperate to impress his step-father. he never shed a tear over the murder.
guinevere resisted the changes jason made beyond her marriage to him: she tried to prevent his barbaric reforms to law and order, and wrote to the government themselves begging for reinforcements for her planned coup. these pleas fell upon deaf ears and she became a husk of her former vivacious self, locked away in the castle and only brought out to be paraded on the arm of her imposter husband when duty called. tobias' relationship with his mother became strained: he was more loyal to a traitor than the woman who had given him life. women were secondary to men, he'd learnt that by his tenth birthday. if guinevere wanted her life to be easy, all she had to do was obey commands.
tobias' brother, like his mother, objected to the new world order. though two years younger than his brother he made his feelings clear from an early age: when the time was right, he would overthrow jason and return the starr name. he remained stellan starr. tobias became a decambra. when stellan was fourteen, he was forced to flee the kingdom and seek refuge elsewhere. the only news tobias has received about him is that he is alive and well, thriving as an up-and-coming fashion designer.
jason groomed tobias to be his heir. he moulded the boy in his own bigoted, ruthless image, and sent him away to vemrose to gain the proper education he would need to one day take up jason's former position as hand of the king and, one day, when the time came, take over the throne and continue the decambra dynasty.
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
if it feels good,
tastes good,
it must be mine[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] tobias axel decambra
[div class=tag]nicknames[/div] toby
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cismale
[div class=tag]birthday[/div] april 20th
[div class=tag]s.o[/div] heterosexual
[div class=tag]role[/div] existing student & heir to the (tbd) throne
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/c5da1198834cfb0d7f091a14bddc8273/tumblr_inline_poyhpdyQHZ1uy9est_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/c9c0222540bbaabef7e5dab8d851de0d/tumblr_inline_poyhopX91i1uy9est_1280.gif');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] six foot, four inches.
[div class=tag]f.c[/div] nick hargrove.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/de36b2355ec567d82a1aeea833ca7107/tumblr_inline_poyhosoUYQ1uy9est_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1a99d3e38c7f2ed650f08e1e8284f7af/tumblr_inline_poyhl2fm4E1uy9est_1280.gif');"][/div] [/div] [div class=tag]pos. traits[/div] intelligent, calculating, driven, assertive, organised.
[div class=tag]neg. traits[/div] gluttonous, cowardly, vindictive, manipulative.
[div class=tag]likes[/div] winning, ball sports, parties, gold jewelry, feeling powerful, black coffee, political satire.
[div class=tag]dislikes[/div] being outsmarted, sweet foods, not being in control, cartoons, horses, talking about his family.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/4f6a09ec576d86d66a8ff96aa681dbd8/tumblr_inline_poyhoh37ps1uy9est_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1a33117c3d3c998b78d3bae01fb586ed/tumblr_inline_poyhotuC861uy9est_1280.gif');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → -
xx → - [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/ee7ce88663efc346882752b674428f17/9c1abb0726696553-07/s540x810/d608e5b889a9062dacd1d5270fa5a86bcee3144f.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6ad975742960e544f5509b41321906a4/9c1abb0726696553-77/s540x810/1bb37639c664e6a3dfcad09144206b8a376b70d2.gif');"][/div] [/div] [div class=tag]tws[/div] familial death, forced marriage
[div class=tag]bio[/div] when tobias was six years old he saw his father slain in his own throne room by the one man he was supposed to be able to trust. jason decambra was the hand of the king, but resentful over the fact that his childhood friend had everything he wanted, betrayed the king. as is customary in the kingdom, jason was immediately crowned the new king. he married the widowed queen guinevere, and took her children tobias and stellan as his own. jason was a man who got what he wanted, unlike the former king, a sweet but spineless man: tobias was desperate to impress his step-father. he never shed a tear over the murder.
guinevere resisted the changes jason made beyond her marriage to him: she tried to prevent his barbaric reforms to law and order, and wrote to the government themselves begging for reinforcements for her planned coup. these pleas fell upon deaf ears and she became a husk of her former vivacious self, locked away in the castle and only brought out to be paraded on the arm of her imposter husband when duty called. tobias' relationship with his mother became strained: he was more loyal to a traitor than the woman who had given him life. women were secondary to men, he'd learnt that by his tenth birthday. if guinevere wanted her life to be easy, all she had to do was obey commands.
tobias' brother, like his mother, objected to the new world order. though two years younger than his brother he made his feelings clear from an early age: when the time was right, he would overthrow jason and return the starr name. he remained stellan starr. tobias became a decambra. when stellan was fourteen, he was forced to flee the kingdom and seek refuge elsewhere. the only news tobias has received about him is that he is alive and well, thriving as an up-and-coming fashion designer.
jason groomed tobias to be his heir. he moulded the boy in his own bigoted, ruthless image, and sent him away to vemrose to gain the proper education he would need to one day take up jason's former position as hand of the king and, one day, when the time came, take over the throne and continue the decambra dynasty.
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
Last edited:
clxssified
x o x o
[class=variables]
--color: #f9e1e0;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important
[/class]
[class=container]
width: 460px;
height: 300px;
display: flex;
margin: auto;
[/class]
[class=left]
background-color: var(--color);
height: 300px;
width: 220px;
padding: 10px;
box-sizing: border-box;
[/class]
[class name=left maxWidth=450px]
width: 135px;
padding: 5px;
height: 290px;
[/class]
[class=img]
height: 280px;
width: 200px;
background-image: url('https://i.pinimg.com/236x/55/e2/4d/55e24d37bad6e7b64e1ab4d291d3c541.jpg');
filter: saturate(0%);
background-size: cover;
padding: 20px;
box-sizing: border-box;
background-position: 50% 50%;
[/class]
[class name=img maxWidth=450px]
width: 125px;
[/class]
[class=brackets]
height: 100%;
width: 100%;
background:
linear-gradient(to right, white 2px, transparent 2px) 0 100%,
linear-gradient(to left, white 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, white 2px, transparent 2px) 100% 0,
linear-gradient(to top, white 2px, transparent 2px) 0 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
[/class]
[class name=brackets maxWidth=450px]
opacity: 0;
[/class]
[class=right]
width: 240px;
height: 300px;
display: flex;
flex-direction: column;
[/class]
[class=contentContainer]
position: relative;
width: 240px;
height: 270px;
[/class]
[class name=contentContainer maxWidth=450px]
left: -5px;
[/class]
[class=content]
position: absolute;
opacity: 0;
transition: 0.5s;
width: 240px;
height: 270px;
font-size: 12px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
[/class]
[class=scroll]
width: 100%;
padding-right: 150px;
height: 100%;
overflow-y: scroll;
[/class]
[class=name]
font-weight: 900;
text-align: center;
border-bottom: 4px solid var(--color);
width: 120px;
display: block;
margin: 10% auto;
font-size: 18px;
position: relative;
[/class]
[class=textHome]
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 200px;
margin: 0 6.5%;
[/class]
[class=title]
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
[/class]
[class=tag]
display: inline-block;
border-bottom: 1px solid var(--color);
height: 15px;
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
background-position: 50% 50%;
filter: saturate(70%);
[/class]
[class=tabs]
display: flex;
width: 150px;
margin: 0 23%;
justify-content: space-between;
[/class]
[class name=tabs maxWidth=450px]
position: relative;
left: -10px;
[/class]
[class=tab]
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid black;
transition: 0.5s;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
border: 1px solid var(--color);
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=click]
border: 1px solid var(--color);
background-color: var(--color);
[/class]
[script class=tab01 on=click]
addClass click tab01
removeClass click tab02
removeClass click tab03
removeClass click tab04
addClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab02 on=click]
addClass click tab02
removeClass click tab01
removeClass click tab03
removeClass click tab04
addClass show content02
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab03 on=click]
addClass click tab03
removeClass click tab01
removeClass click tab02
removeClass click tab04
addClass show content03
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab04 on=click]
addClass click tab04
removeClass click tab01
removeClass click tab02
removeClass click tab03
addClass show content04
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show contentHome
[/script]
[div class=variables]
[div class=container]
[div class=left]
[div class=img]
[div class=brackets][/div]
[/div]
[/div]
[div class=right]
[div class=contentContainer]
[div class="show content contentHome"]
[div class=name]MADISON.[/div]
[div class=textHome]
i'm softer than a daisy ,
if you cut me i'll
bleed pink ![/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] madison alexa powell
[div class=tag]nicknames[/div] madi
[div class=tag]age[/div] 17
[div class=tag]gender[/div] cisfemale
[div class=tag]birthday[/div] february 15th
[div class=tag]s.o[/div] bisexual
[div class=tag]role[/div] existing student
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/20c311ea782687ff29962278afc3fd6d/tumblr_inline_psy1ox5m0h1u13r5i_540.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/47f7953880b42c7f20e33ef024e8582f/tumblr_inline_psy1pnMowt1u13r5i_540.gif');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, exactly.
[div class=tag]f.c[/div] olivia dejonge
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/4a22087812cd39ba39164af4cfd195ec/tumblr_inline_psy1nzuBSr1u13r5i_540.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/a2d6e4c68adbc8cde9be98648cc584ea/tumblr_inline_psy1otdKrq1u13r5i_540.gif');"][/div] [/div] [div class=tag]pos. traits[/div] -
[div class=tag]neg. traits[/div] -
[div class=tag]likes[/div] -
[div class=tag]dislikes[/div] -
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/23bc81d3dea041ee14b349478e7f91d1/tumblr_inline_psy1og7XKq1u13r5i_540.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/dfab6e74f247e8f47aeece5e47528c35/tumblr_inline_psy1ohWBE31u13r5i_540.gif');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → -
xx → - [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/8da6ce7f7b237e22cae123d12b1458b9/tumblr_inline_pfnrf5NtZB1vmapnf_540.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0e824aa5de40e0296405fe560162a6c6/tumblr_prs0e2nrIX1vwexiwo4_250.gifv');"][/div] [/div] [div class=tag]tws[/div] -
[div class=tag]bio[/div] -
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
i'm softer than a daisy ,
if you cut me i'll
bleed pink ![/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] madison alexa powell
[div class=tag]nicknames[/div] madi
[div class=tag]age[/div] 17
[div class=tag]gender[/div] cisfemale
[div class=tag]birthday[/div] february 15th
[div class=tag]s.o[/div] bisexual
[div class=tag]role[/div] existing student
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/20c311ea782687ff29962278afc3fd6d/tumblr_inline_psy1ox5m0h1u13r5i_540.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/47f7953880b42c7f20e33ef024e8582f/tumblr_inline_psy1pnMowt1u13r5i_540.gif');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, exactly.
[div class=tag]f.c[/div] olivia dejonge
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/4a22087812cd39ba39164af4cfd195ec/tumblr_inline_psy1nzuBSr1u13r5i_540.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/a2d6e4c68adbc8cde9be98648cc584ea/tumblr_inline_psy1otdKrq1u13r5i_540.gif');"][/div] [/div] [div class=tag]pos. traits[/div] -
[div class=tag]neg. traits[/div] -
[div class=tag]likes[/div] -
[div class=tag]dislikes[/div] -
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/23bc81d3dea041ee14b349478e7f91d1/tumblr_inline_psy1og7XKq1u13r5i_540.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/dfab6e74f247e8f47aeece5e47528c35/tumblr_inline_psy1ohWBE31u13r5i_540.gif');"][/div] [/div] [div class=tag]misc. facts[/div]
xx → -
xx → - [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/8da6ce7f7b237e22cae123d12b1458b9/tumblr_inline_pfnrf5NtZB1vmapnf_540.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0e824aa5de40e0296405fe560162a6c6/tumblr_prs0e2nrIX1vwexiwo4_250.gifv');"][/div] [/div] [div class=tag]tws[/div] -
[div class=tag]bio[/div] -
[/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
Last edited:
mikaluvkitties
Professional Unicorn Lover
[class="container"]
height: 490px;
max-width: 600px;
margin: auto;
display: flex;
background: transparent;
cursor: default;
position: relative;
[/class]
[class="bg"]
--color-for-the-bg: #242523;
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: #FEC941;
--color-for-box-shadow: COLOR;
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://fashionfav.com/wp-content/uploads/2018/01/Amandine-Renard-Sohyun-Jung-by-Karim-Sadli-for-The-Gentlewoman-Magazine-Fall-Winter-2017-700x700.jpg');
position: relative;
width: 80px;
height: 100px;
background: var(--url-for-1st-pic-in-bar);
background-size: COVER;
background-position: 0% 100%;
cursor: pointer;
[/class]
[class="image2"]
--url-for-2nd-pic-in-bar: url('https://www.rpnation.com/gallery/asdf-jpg.41393/full?d=1574804343');
position: relative;
width: 80px;
height: 100px;
background: var(--url-for-2nd-pic-in-bar);
background-size: cover;
background-position: center;
cursor: pointer;
[/class]
[class="textcontainer"]
--url-for-bg-pic-on-right: url('https://www.elsetge.cat/myimg/f/188-1885409_wallpaper-aesthetic-aestheticwallpaper-tumblr-baddie-black-and-yellow.jpg');
position: relative;
height: 430px;
flex: 1;
background: var(--url-for-bg-pic-on-right);
background-size: COVER;
background-position: center;
box-sizing: border-box;
overflow: hidden;
[/class]
[class="bbutton"]
--color-for-button-text: #242523;
font-size: 14px;
font-variant: small-caps;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 1px;
cursor: 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: #F69A33;
--color-for-button-shadow: #F69A33;
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: #242523;
font-size: 14px;
font-variant: small-caps;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 1px;
cursor: 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: #F69A33;
--color-for-button-shadow: #F69A33;
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: #242523;
font-size: 14px;
font-variant: small-caps;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 1px;
cursor: 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: #F69A33;
--color-for-button-shadow: #F69A33;
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: #242523;
font-size: 14px;
font-variant: small-caps;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 1px;
cursor: 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: #F69A33;
--color-for-button-shadow: #F69A33;
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: #242523;
font-size: 14px;
font-variant: small-caps;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 1px;
cursor: 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: #F69A33;
--color-for-button-shadow: #F69A33;
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: #FEC941;
--color-for-shadow-around-border: COLOR;
position: relative;
height: auto;
display: inline-block;
font-weight: bold;
text-align: center;
text-transform: uppercase;
font-size: 160%;
font-family: Times New Roman;
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 TEXT-SHADOW-COLOR, -2px -2px 15px TEXT-SHADOW-COLOR, 2px -2px 15px TEXT-SHADOW-COLOR, -2px 2px 15px TEXT-SHADOW-COLOR;
cursor: 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(67, 68, 68, 0.3);
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(67, 68, 68, 0.3);
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(67, 68, 68, 0.3);
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(67, 68, 68, 0.3);
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(67, 68, 68, 0.3);
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: #F69A33;
--color-for-button-hover: #F69A33;
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: #242523;
--color-for-heading-bg: rgba(254, 201, 65, 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;
font-family: Archivo Black;
text-transform: uppercase;
text-align: center;
[/class]
[class="answer"]
--color-for-details-bg: rgba(36, 37, 35, 0.9);
--color-for-details-text: #FEC941;
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"]
[div class="flex"] [div class="heading"]nicknames[/div] [div class="answer"]n/a[/div] [/div]
[div class="flex"] [div class="heading"]age[/div] [div class="answer"]seventeen[/div] [/div]
[div class="flex"] [div class="heading"]birthday[/div] [div class="answer"]june twentieth[/div] [/div]
[div class="flex"] [div class="heading"]gender[/div] [div class="answer"]male[/div] [/div]
[div class="flex"] [div class="heading"]sexual orientation[/div] [div class="answer"]n/a[/div] [/div]
[div class="flex"] [div class="heading"]role[/div] [div class="answer"]new student[/div] [/div]
[/div] [/div] [div class="lpage"] [div class="scroll"] [div class="flex"] [div class="heading"]height[/div] [div class="answer"]five foot ten inches[/div] [/div]
[div class="flex"] [div class="heading"]weight[/div] [div class="answer"]two hundred twenty five pounds[/div] [/div]
[div class="flex"] [div class="heading"]face claim[/div] [div class="answer"]sohyun jung[/div] [/div]
[/div] [/div] [div class="ppage"] [div class="scroll"] [div class="flex"] [div class="heading"]positive traits[/div] [div class="answer"]competent, decisive, efficient, independent, observant[/div] [/div]
[div class="flex"] [div class="heading"]negative traits[/div] [div class="answer"]aggressive, cold, overly critical, disrespectful, impulsive[/div] [/div]
[div class="flex"] [div class="heading"]likes[/div] [div class="answer"]cats, yellow, using his hands, sour foods, warm days[/div] [/div]
[div class="flex"] [div class="heading"]dislikes[/div] [div class="answer"]cold weather, purple, children, physical contact, authority figures[/div] [/div]
[/div] [/div] [div class="apage"] [div class="scroll"] [div class="answer"]aaron is a new student. he shares very little about himself and even less about his past, without even the clues of photographs or posters to piece anything together. the only element of any help are his clothes- old, worn, poor-fitting. He isn't exactly coming from wealth here, but that would be the assumption, wouldn't it?
they are however embroidered with varying level of skill- the most decorated things aaron owns are his jacket, his jeans, and a pair of shoes practically falling apart.[/div] [/div] [/div] [div class="tpage"] [div class="scroll"] [div class="heading"]to be seen[/div] [/div] [/div] [/div] [/div] [/div] [/div]
code by
VALEN T.
[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"]
TIES
[/div]
[div class="abutton"]
ACCOUNT
[/div]
[div class="image2"][/div]
[/div]
[div class="textcontainer"]
[div class="book"]
[div class="ogpage"]
[div class="fa"]
AARON ANDERSON[/div]
[/div]
[div class="bpage"]
[div class="scroll"]
[div class="flex"]
[div class="heading"]name[/div]
[div class="answer"]aaron seymour anderson[/div]
[/div]
VALEN T.
[div class="flex"] [div class="heading"]nicknames[/div] [div class="answer"]n/a[/div] [/div]
[div class="flex"] [div class="heading"]age[/div] [div class="answer"]seventeen[/div] [/div]
[div class="flex"] [div class="heading"]birthday[/div] [div class="answer"]june twentieth[/div] [/div]
[div class="flex"] [div class="heading"]gender[/div] [div class="answer"]male[/div] [/div]
[div class="flex"] [div class="heading"]sexual orientation[/div] [div class="answer"]n/a[/div] [/div]
[div class="flex"] [div class="heading"]role[/div] [div class="answer"]new student[/div] [/div]
[/div] [/div] [div class="lpage"] [div class="scroll"] [div class="flex"] [div class="heading"]height[/div] [div class="answer"]five foot ten inches[/div] [/div]
[div class="flex"] [div class="heading"]weight[/div] [div class="answer"]two hundred twenty five pounds[/div] [/div]
[div class="flex"] [div class="heading"]face claim[/div] [div class="answer"]sohyun jung[/div] [/div]
[/div] [/div] [div class="ppage"] [div class="scroll"] [div class="flex"] [div class="heading"]positive traits[/div] [div class="answer"]competent, decisive, efficient, independent, observant[/div] [/div]
[div class="flex"] [div class="heading"]negative traits[/div] [div class="answer"]aggressive, cold, overly critical, disrespectful, impulsive[/div] [/div]
[div class="flex"] [div class="heading"]likes[/div] [div class="answer"]cats, yellow, using his hands, sour foods, warm days[/div] [/div]
[div class="flex"] [div class="heading"]dislikes[/div] [div class="answer"]cold weather, purple, children, physical contact, authority figures[/div] [/div]
[/div] [/div] [div class="apage"] [div class="scroll"] [div class="answer"]aaron is a new student. he shares very little about himself and even less about his past, without even the clues of photographs or posters to piece anything together. the only element of any help are his clothes- old, worn, poor-fitting. He isn't exactly coming from wealth here, but that would be the assumption, wouldn't it?
they are however embroidered with varying level of skill- the most decorated things aaron owns are his jacket, his jeans, and a pair of shoes practically falling apart.[/div] [/div] [/div] [div class="tpage"] [div class="scroll"] [div class="heading"]to be seen[/div] [/div] [/div] [/div] [/div] [/div] [/div]
Last edited:
MadiRaiCat
Wine Aunt
[class=tag]
background: #2F6690;
display: inline;
border-radius: 5px;
color: #fff;
padding: 1px 5px 3px 4px;
[/class]
[class=link]
display: inline-block;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
transition: 1s;
font-size: 9px;
font-family: Avenir;
padding-top: 5px;
color: #999;
[/class]
[class=tab]
font-family: Avenir;
text-transform: uppercase;
color: #81C3D7;
font-size: 18px;
box-sizing: border-box;
text-align: center;
transition: .5s all ease-in-out;
text-align: center;
margin: auto;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class name=tab state=hover]
transform: scale(1.2);
color: #000;
transition: .5s all ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class=selectedTab]
transform: scale(1.2);
color: #000;
transition: .5s all ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class=tabContents]
position: absolute;
opacity: 0;
transition: .5s all ease-in-out;
width: 330px;
font-size: 16px;
line-height: 26px;
color: #fff;
height: 350px;
box-sizing: border-box;
font-family: Montserrat;
[/class]
[class=show]
opacity: 1;
z-index: 1;
[/class]
[script class=tab1 on=click]
addClass show tabContents01
removeClass show tabContents02
removeClass show tabContents03
removeClass show tabContents04
removeClass show tabContents05
addClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab4
removeClass selectedTab tab5
[/script]
[script class=tab2 on=click]
addClass show tabContents02
removeClass show tabContents01
removeClass show tabContents03
removeClass show tabContents04
removeClass show tabContents05
addClass selectedTab tab2
removeClass selectedTab tab1
removeClass selectedTab tab3
removeClass selectedTab tab4
removeClass selectedTab tab5
[/script]
[script class=tab3 on=click]
addClass show tabContents03
removeClass show tabContents01
removeClass show tabContents02
removeClass show tabContents04
removeClass show tabContents05
addClass selectedTab tab3
removeClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab4
removeClass selectedTab tab5
[/script]
[script class=tab4 on=click]
addClass show tabContents04
removeClass show tabContents01
removeClass show tabContents02
removeClass show tabContents03
removeClass show tabContents05
addClass selectedTab tab4
removeClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab5
[/script]
[script class=tab5 on=click]
addClass show tabContents05
removeClass show tabContents01
removeClass show tabContents02
removeClass show tabContents03
removeClass show tabContents04
addClass selectedTab tab5
removeClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab4
[/script]
[div class="tab tab3"]
[div class="tab tab4"]
[div class="tab tab5"][/div]
[/div][/div]
[div class=tag]nickname Charlie
[div class=tag]age[/div] 18
[div class=tag]birthday[/div] December 31st
[div class=tag]gender[/div] Cis-female
[div class=tag]sexuality[/div] Bisexual
[div class=tag]role[/div] Newbie
[/div][/div][/div]
[div class="tabContents tabContents02"]
[div class=tag]weight 119 lbs (54 kg)
[div class=tag]eye color[/div] Ice blue
[div class=tag]hair color[/div] Blonde
[div class=tag]face claim[/div] Kathryn Newton
[/div][/div][/div]
[div class="tabContents tabContents03"]
[div class=tag]negative traits Apathetic, cynical, impulsive, reckless, introverted, no filter, cold
[div class=tag]likes[/div] Darkness, reading, climbing trees, piercings, tattoos, cigarettes, chocolate, leather jackets, drawing
[div class=tag]dislikes[/div] Crowded places, thunderstorms, being too cold, romance novels/movies, being talked down to, being in the spotlight in anyway, being called 'Charlize'
[/div][/div][/div]
[div class="tabContents tabContents04"]
On a dark and stormy night in the middle of winter, an infant in a basket was left on the doorstep of a small town church. It was like something seen in the exciting and emotional prequel to a superhero movie, where the story of how the hero came to be who they are is told. But this is reality, and superheros aren't real. In that basket was a blonde-haired, blue-eyed baby girl, dressed only in a diaper and wrapped in a small blanket. Snow had fallen that night, and the next morning when the church staff arrived to open the doors, the baby was nearly frozen to death. The church staff rushed her to a medic and, by what they deemed a miracle from their god, the baby survived.
They named her Charlize Winter, the former meaning "free woman" and the latter just a symbol of the season she was found in. Charlie always thought of her name as a sadistic joke. She was free, meaning her parents hadn't wanted her and instead dumped her like an unwanted puppy. And she was found in winter, a constant reminder of how she almost died as an infant. She was sent to the town orphanage, where many children hope of one day being adopted. Charlie never had that hope.
And no one ever came for her. Charlie was a troublemaker, a child who like to stir the pot and snap back at authority with a venom that could rival a cobra. The adults had never done anything for her, so why should she do anything for them, right? The children at the orphanage were not well taken care of, often underfed and overworked. Some died, and others aged out only to have no where to go as adults. Charlie refused to live her life that way.
Inspired by a hooded character she read about in a book when she was a child, teenage Charlie donned her own black hood and took to the streets of the town to take what she and the other children of the orphanage needed. It started out as pick-pocketing, bits of money here and there to buy food, clothes, and other necessities for the children. But as she grew older, her crimes became more risky. She learned to pick locks, move in the shadows so lightly that her footsteps didn't make a sound, and even self-defense to protect herself were she ever to need it. Everything went according to plan.
That is, until that fateful dark and stormy night where Charlie's luck turned sour. She made a mistake, a fatal mistake that got her caught. Charlie isn't quite sure why Vemrose Academy wanted her on their campus. But she would much rather attend some school for privileged materialistic jerks than face what would undoubtedly be over as quickly as it began. And not in her favor either.
[/div][/div]
[/div]
[/div][/div]
https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
[div class="tab tab1"]
[div class="tab tab2"]
[div class="tabContents tabContents05 show"]
[div class="tabContents tabContents01"]
[div class=tag]name
Charlize Winter
[div class=tag]nickname
[div class=tag]age[/div] 18
[div class=tag]birthday[/div] December 31st
[div class=tag]gender[/div] Cis-female
[div class=tag]sexuality[/div] Bisexual
[div class=tag]role[/div] Newbie
[div class=tag]height
5'5" (165 cm)
[div class=tag]weight
[div class=tag]eye color[/div] Ice blue
[div class=tag]hair color[/div] Blonde
[div class=tag]face claim[/div] Kathryn Newton
[div class=tag]positive traits
Brave, resourceful, confident, independent, loyal, intelligent, determined
[div class=tag]negative traits
[div class=tag]likes[/div] Darkness, reading, climbing trees, piercings, tattoos, cigarettes, chocolate, leather jackets, drawing
[div class=tag]dislikes[/div] Crowded places, thunderstorms, being too cold, romance novels/movies, being talked down to, being in the spotlight in anyway, being called 'Charlize'
[div class=tag]history
*Trigger Warning - Child Neglect*
On a dark and stormy night in the middle of winter, an infant in a basket was left on the doorstep of a small town church. It was like something seen in the exciting and emotional prequel to a superhero movie, where the story of how the hero came to be who they are is told. But this is reality, and superheros aren't real. In that basket was a blonde-haired, blue-eyed baby girl, dressed only in a diaper and wrapped in a small blanket. Snow had fallen that night, and the next morning when the church staff arrived to open the doors, the baby was nearly frozen to death. The church staff rushed her to a medic and, by what they deemed a miracle from their god, the baby survived.
They named her Charlize Winter, the former meaning "free woman" and the latter just a symbol of the season she was found in. Charlie always thought of her name as a sadistic joke. She was free, meaning her parents hadn't wanted her and instead dumped her like an unwanted puppy. And she was found in winter, a constant reminder of how she almost died as an infant. She was sent to the town orphanage, where many children hope of one day being adopted. Charlie never had that hope.
And no one ever came for her. Charlie was a troublemaker, a child who like to stir the pot and snap back at authority with a venom that could rival a cobra. The adults had never done anything for her, so why should she do anything for them, right? The children at the orphanage were not well taken care of, often underfed and overworked. Some died, and others aged out only to have no where to go as adults. Charlie refused to live her life that way.
Inspired by a hooded character she read about in a book when she was a child, teenage Charlie donned her own black hood and took to the streets of the town to take what she and the other children of the orphanage needed. It started out as pick-pocketing, bits of money here and there to buy food, clothes, and other necessities for the children. But as she grew older, her crimes became more risky. She learned to pick locks, move in the shadows so lightly that her footsteps didn't make a sound, and even self-defense to protect herself were she ever to need it. Everything went according to plan.
That is, until that fateful dark and stormy night where Charlie's luck turned sour. She made a mistake, a fatal mistake that got her caught. Charlie isn't quite sure why Vemrose Academy wanted her on their campus. But she would much rather attend some school for privileged materialistic jerks than face what would undoubtedly be over as quickly as it began. And not in her favor either.
Last edited:
mikaluvkitties
Professional Unicorn Lover
[class="container"]
height: 490px;
max-width: 600px;
margin: auto;
display: flex;
background: transparent;
cursor: default;
position: relative;
[/class]
[class="bg"]
--color-for-the-bg: #F6EDEE;
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: #F2E8CE;
--color-for-box-shadow: #DCD0EA;
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://data.whicdn.com/images/250765285/original.jpg');
position: relative;
width: 80px;
height: 100px;
background: var(--url-for-1st-pic-in-bar);
background-size: COVER;
background-position: center;
cursor: pointer;
[/class]
[class="image2"]
--url-for-2nd-pic-in-bar: url('https://data.whicdn.com/images/250765157/original.png');
position: relative;
width: 80px;
height: 100px;
background: var(--url-for-2nd-pic-in-bar);
background-size: COVER;
background-position: CENTER;
cursor: pointer;
[/class]
[class="textcontainer"]
--url-for-bg-pic-on-right: url(https://pbs.twimg.com/media/C2Sz-86VQAQvJtK.jpg);
position: relative;
height: 430px;
flex: 1;
background: var(--url-for-bg-pic-on-right);
background-size: COVER
background-position: CENTER;
box-sizing: border-box;
overflow: hidden;
[/class]
[class="bbutton"]
--color-for-button-text: #F2BFD7;
font-size: 14px;
font-variant: small-caps;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 1px;
cursor: 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: #F6D7E8;
--color-for-button-shadow: #F6EDEE;
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: #F2BFD7;
font-size: 14px;
font-variant: small-caps;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 1px;
cursor: 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: #F6D7E8;
--color-for-button-shadow: #F6EDEE;
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: #F2BFD7;
font-size: 14px;
font-variant: small-caps;
text-transform: lowercase;
font-weight: bold;
letter-spacing: 1px;
cursor: 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: #F6D7E8;
--color-for-button-shadow: #F6EDEE;
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: #F2BFD7;
font-size: 14px;
font-variant: small-caps;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 1px;
cursor: 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: #F6D7E8;
--color-for-button-shadow: #F6EDEE;
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: #F2BFD7;
font-size: 14px;
font-variant: small-caps;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 1px;
cursor: 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: #F6D7E8;
--color-for-button-shadow: #F6EDEE;
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: #F2BFD7;
--color-for-shadow-around-border: #DCD0EA;
position: relative;
height: auto;
display: inline-block;
font-weight: bold;
text-align: center;
text-transform: uppercase;
font-size: 160%;
font-family: Times New Roman;
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 #F6EDEE, -2px -2px 15px #F6EDEE, 2px -2px 15px #F6EDEE, -2px 2px 15px #F6EDEE;
cursor: 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: #F6EDEE;
--color-for-button-hover: #F6D7E8;
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: #F2BFD7;
--color-for-heading-bg: rgba(246, 237, 238, 0.7);
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;
font-family: Archivo Black;
text-transform: uppercase;
text-align: center;
[/class]
[class="answer"]
--color-for-details-bg: rgba(242, 191, 215, 0.9);
--color-for-details-text: #F6EDEE;
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"]
[div class="flex"] [div class="heading"]nicknames[/div] [div class="answer"]cas, casp, caspy, ghostie[/div] [/div]
[div class="flex"] [div class="heading"]age[/div] [div class="answer"]seventeen[/div] [/div]
[div class="flex"] [div class="heading"]birthday[/div] [div class="answer"]june twentieth[/div] [/div]
[div class="flex"] [div class="heading"]gender[/div] [div class="answer"]male[/div] [/div]
[div class="flex"] [div class="heading"]sexual orientation[/div] [div class="answer"]n/a[/div] [/div]
[div class="flex"] [div class="heading"]role[/div] [div class="answer"]existing student; heir apparent of skyggejord[/div] [/div]
[/div] [/div] [div class="lpage"] [div class="scroll"] [div class="flex"] [div class="heading"]height[/div] [div class="answer"]six feet[/div] [/div]
[div class="flex"] [div class="heading"]weight[/div] [div class="answer"]one hundred twenty seven pounds[/div] [/div]
[div class="flex"] [div class="heading"]face claim[/div] [div class="answer"]yutaro goto[/div] [/div]
[/div] [/div] [div class="ppage"] [div class="scroll"] [div class="flex"] [div class="heading"]positive traits[/div] [div class="answer"]compassionate, loyal, creative, forgiving, flexible[/div] [/div]
[div class="flex"] [div class="heading"]negative traits[/div] [div class="answer"]passive, forgetful, overly trusting, indecisive, timid[/div] [/div]
[div class="flex"] [div class="heading"]likes[/div] [div class="answer"]sunshine, lemonade, sweaters, summer, cats, space[/div] [/div]
[div class="flex"] [div class="heading"]dislikes[/div] [div class="answer"]stormy days, cold weather, reading aloud, coffee, blue[/div] [/div]
[/div] [/div] [div class="apage"] [div class="scroll"] [div class="answer"]casper was one of a pair of twins born to prince robert of skyggejord and princess susanne ollila of [xxxxx] over seventeen years ago, the final seal on an alliance that has only grown stronger in the years since. their birth was celebrated in the way you might expect, with pictures of the twins covering all kinds of magazines and feasts and sales across the land.
this positive fanfare did not last long, though it might have if they had been children of any real significance in the grand scheme of things, more than a neat bow on a pretty package.
they sat through dinners and played with people who actually mattered… and then family members started dropping dead. ones who actually mattered. casper doesn’t know much about it, and according to the now-king robert, it has all simply been a series of tragic happenstance leaving him with a heavy burden to carry out to the best of his ability.
if the public believed it, casper might still be back home, being tutored privately with lessons to better prepare him for his role as future king, a role he knows was never meant to be his.
frida ollila, the twin the entire family knew was destined for greatness, who casper knows in his heart was truly meant for this duty, disappeared shortly after her favorite uncle, prince kristian, died in a skiing accident.
at school, casper is a wallflower, trying to avoid attention and for the most part succeeding. The only real change came about a year and a half ago. Casper was back home in Skyggejord when Wilhelmina Trietz tried to kill his father. He even saw her flee the scene, ending up a witness in the case. It was about the least amount of fun a guy can have. [/div] [/div] [/div] [div class="tpage"] [div class="scroll"] [div class="flex"] [div class="heading"]Dakila Schmitz[/div] [div class="answer"]BFFs!!!![/div] [/div]
[div class="flex"] [div class="heading"]Madison Powell[/div] [div class="answer"]Friends[/div] [/div]
[div class="flex"] [div class="heading"]Cecelia Harlow[/div] [div class="answer"]Friends[/div] [/div]
[div class="flex"] [div class="heading"]Lorde Macchia[/div] [div class="answer"]Friends[/div] [/div]
[div class="flex"] [div class="heading"]Elizabeth Evans[/div] [div class="answer"]Almost friends[/div] [/div]
[div class="flex"] [div class="heading"]Wilhelmina Trietz[/div] [div class="answer"]Closest thing to an enemy Casper has.[/div] [/div]
[div class="heading"]pm me[/div] [/div] [/div] [/div] [/div] [/div] [/div]
code by
VALEN T.
[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"]
TIES
[/div]
[div class="abutton"]
ACCOUNT
[/div]
[div class="image2"][/div]
[/div]
[div class="textcontainer"]
[div class="book"]
[div class="ogpage"]
[div class="fa"]
CASPER OLLILA[/div]
[/div]
[div class="bpage"]
[div class="scroll"]
[div class="flex"]
[div class="heading"]name[/div]
[div class="answer"]casper benjamin ollila[/div]
[/div]
VALEN T.
[div class="flex"] [div class="heading"]nicknames[/div] [div class="answer"]cas, casp, caspy, ghostie[/div] [/div]
[div class="flex"] [div class="heading"]age[/div] [div class="answer"]seventeen[/div] [/div]
[div class="flex"] [div class="heading"]birthday[/div] [div class="answer"]june twentieth[/div] [/div]
[div class="flex"] [div class="heading"]gender[/div] [div class="answer"]male[/div] [/div]
[div class="flex"] [div class="heading"]sexual orientation[/div] [div class="answer"]n/a[/div] [/div]
[div class="flex"] [div class="heading"]role[/div] [div class="answer"]existing student; heir apparent of skyggejord[/div] [/div]
[/div] [/div] [div class="lpage"] [div class="scroll"] [div class="flex"] [div class="heading"]height[/div] [div class="answer"]six feet[/div] [/div]
[div class="flex"] [div class="heading"]weight[/div] [div class="answer"]one hundred twenty seven pounds[/div] [/div]
[div class="flex"] [div class="heading"]face claim[/div] [div class="answer"]yutaro goto[/div] [/div]
[/div] [/div] [div class="ppage"] [div class="scroll"] [div class="flex"] [div class="heading"]positive traits[/div] [div class="answer"]compassionate, loyal, creative, forgiving, flexible[/div] [/div]
[div class="flex"] [div class="heading"]negative traits[/div] [div class="answer"]passive, forgetful, overly trusting, indecisive, timid[/div] [/div]
[div class="flex"] [div class="heading"]likes[/div] [div class="answer"]sunshine, lemonade, sweaters, summer, cats, space[/div] [/div]
[div class="flex"] [div class="heading"]dislikes[/div] [div class="answer"]stormy days, cold weather, reading aloud, coffee, blue[/div] [/div]
[/div] [/div] [div class="apage"] [div class="scroll"] [div class="answer"]casper was one of a pair of twins born to prince robert of skyggejord and princess susanne ollila of [xxxxx] over seventeen years ago, the final seal on an alliance that has only grown stronger in the years since. their birth was celebrated in the way you might expect, with pictures of the twins covering all kinds of magazines and feasts and sales across the land.
this positive fanfare did not last long, though it might have if they had been children of any real significance in the grand scheme of things, more than a neat bow on a pretty package.
they sat through dinners and played with people who actually mattered… and then family members started dropping dead. ones who actually mattered. casper doesn’t know much about it, and according to the now-king robert, it has all simply been a series of tragic happenstance leaving him with a heavy burden to carry out to the best of his ability.
if the public believed it, casper might still be back home, being tutored privately with lessons to better prepare him for his role as future king, a role he knows was never meant to be his.
frida ollila, the twin the entire family knew was destined for greatness, who casper knows in his heart was truly meant for this duty, disappeared shortly after her favorite uncle, prince kristian, died in a skiing accident.
at school, casper is a wallflower, trying to avoid attention and for the most part succeeding. The only real change came about a year and a half ago. Casper was back home in Skyggejord when Wilhelmina Trietz tried to kill his father. He even saw her flee the scene, ending up a witness in the case. It was about the least amount of fun a guy can have. [/div] [/div] [/div] [div class="tpage"] [div class="scroll"] [div class="flex"] [div class="heading"]Dakila Schmitz[/div] [div class="answer"]BFFs!!!![/div] [/div]
[div class="flex"] [div class="heading"]Madison Powell[/div] [div class="answer"]Friends[/div] [/div]
[div class="flex"] [div class="heading"]Cecelia Harlow[/div] [div class="answer"]Friends[/div] [/div]
[div class="flex"] [div class="heading"]Lorde Macchia[/div] [div class="answer"]Friends[/div] [/div]
[div class="flex"] [div class="heading"]Elizabeth Evans[/div] [div class="answer"]Almost friends[/div] [/div]
[div class="flex"] [div class="heading"]Wilhelmina Trietz[/div] [div class="answer"]Closest thing to an enemy Casper has.[/div] [/div]
[div class="heading"]pm me[/div] [/div] [/div] [/div] [/div] [/div] [/div]
Last edited:
caramel
spmo!
[class=variables]
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
--color: #d3d3d3;
[/class]
[class=codeContainer]
width: 400px;
height: 410px;
margin: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
[/class]
[class name=codeContainer maxWidth=450px]
width: 350px;
[/class]
[class=top]
width: 400px;
height: 95px;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
[/class]
[class name=top maxWidth=450px]
width: 350px;
[/class]
[class=name]
color: transparent;
font-size: 70px;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--color);
letter-spacing: -2px;
height: 60px;
line-height: 0.9;
transition: 0.5s;
[/class]
[class name=name maxWidth=450px]
font-size: 65px;
line-height: 1;
width: 210px;
overflow: hidden;
[/class]
[class name=name state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
color: var(--color);
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tabsContainer]
width: 160px;
height: 40px;
display: flex;
justify-content: space-between;
align-items: flex-end;
[/class]
[class name=tabsContainer maxWidth=450px]
width: 140px;
[/class]
[class=tab]
height: 20px;
width: 20px;
border: 2px solid var(--color);
border-radius: 50%;
transition: 0.5s;
display: flex;
justify-content: center;
align-items: center;
[/class]
[class=tabInner]
height: 10px;
width: 10px;
border: 2px solid var(--color);
border-radius: 50%;
transition: 0.5s;
opacity: 0;
[/class]
[class=selected]
background-color: var(--color);
opacity: 1;
[/class]
[class=container]
height: 300px;
width: 390px;
position: relative;
margin: auto;
[/class]
[class name=container maxWidth=450px]
width: 350px;
[/class]
[class=content]
height: 300px;
width: 400px;
overflow: hidden;
opacity: 0;
position: absolute;
transition: 0.5s;
font-size: 12px;
[/class]
[class name=content maxWidth=450px]
width: 350px;
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=imgHome]
background-image: url('https://66.media.tumblr.com/38a1ec4a09cad35fe4aa887829b2d271/tumblr_prpdo5sznw1tb49xi_1280.jpg');
background-size: cover;
height: 170px;
width: 170px;
[/class]
[class=textHome]
font-size: 20px;
text-transform: uppercase;
text-align: center;
width: 200px;
[/class]
[class=title]
font-weight: 900;
text-transform: uppercase;
text-align: right;
font-size: 16px;
[/class]
[class=block]
width: auto;
padding: 0px 2px 0px 2px;
font-size: 10px;
display: inline-block;
background-color: var(--color);
text-transform: uppercase;
color: white;
[/class]
[class=imgSmallContainer]
width: 100%;
height: 90px;
display: flex;
justify-content: space-evenly;
margin: 10px 10px;
[/class]
[class=imgSmall]
width: 90px;
height: 90px;
background-size: cover;
background-position: 80% 50%;
filter: saturate(100%);
[/class]
[class=scroll]
overflow-y: scroll;
padding-right: 40px;
width: 100%;
height: 100%;
[/class]
[class=indent]
display: inline-block;
width: 20px;
height: 1px;
[/class]
[script class=tab01 on=mouseenter]
addClass show tabInner01
[/script]
[script class=tab01 on=mouseleave]
removeClass show tabInner01
[/script]
[script class=tab02 on=mouseenter]
addClass show tabInner02
[/script]
[script class=tab02 on=mouseleave]
removeClass show tabInner02
[/script]
[script class=tab03 on=mouseenter]
addClass show tabInner03
[/script]
[script class=tab03 on=mouseleave]
removeClass show tabInner03
[/script]
[script class=tab04 on=mouseenter]
addClass show tabInner04
[/script]
[script class=tab04 on=mouseleave]
removeClass show tabInner04
[/script]
[script class=tab05 on=mouseenter]
addClass show tabInner05
[/script]
[script class=tab05 on=mouseleave]
removeClass show tabInner05
[/script]
[script class=name on=click]
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab01 on=click]
addClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content01
removeClass show contentHome
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab02 on=click]
addClass selected tabInner02
removeClass selected tabInner01
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content02
removeClass show contentHome
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab03 on=click]
addClass selected tabInner03
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content03
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show content05
[/script]
[script class=tab04 on=click]
addClass selected tabInner04
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner05
addClass show content04
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content05
[/script]
[script class=tab05 on=click]
addClass selected tabInner05
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
addClass show content05
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
[/script]
[div class=variables]
[div class=codeContainer]
[div class=top]
[div class=name]shiloh[div class=tabBar][/div][/div]
[div class=tabsContainer]
[div class="tab tab01"][div class="tabInner tabInner01"][/div][/div]
[div class="tab tab02"][div class="tabInner tabInner02"][/div][/div]
[div class="tab tab03"][div class="tabInner tabInner03"][/div][/div]
[div class="tab tab04"][div class="tabInner tabInner04"][/div][/div]
[div class="tab tab05"][div class="tabInner tabInner05"][/div][/div]
[/div]
[/div]
[div class=container]
[div class="content contentHome show" style="display: flex; align-items: center; justify-content: space-between;"]
[div class=imgHome][/div]
[div class=textHome]
IF YOU’RE BAD, I SWEAR THAT I’M WORSE
[/div]
[/div]
[div class="content content01"]
[div class=scroll]
[div class=title]REQUISITE[/div]
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1b2785c09c9d96ec883cf73c1523c40c/tumblr_inline_psk0aaeVja1wcizvd_540.gif');"][/div]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0030118d1b73206b3f70691f8dc5dac7/tumblr_inline_psk0a2tR2A1wcizvd_540.gif');"][/div]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/1b2785c09c9d96ec883cf73c1523c40c/tumblr_inline_psk0aaeVja1wcizvd_540.gif');"][/div]
[/div]
[div class=block]name[/div] micah shiloh shaw
[div class=block]nickname[/div] shiloh, his siblings call him bateman every since they saw american pyscho
[div class=block]age[/div] 18
[div class=block]birthday[/div] december 17th
[div class=block]gender[/div] male
[div class=block]orentation[/div] bisexual
[div class=block]role[/div] existing student [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]APPEARANCE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6780383befd75ead8886e5601f69a86b/ed448a91bd6a9319-8d/s540x810/bf27eaf3660a3a194badd3b4c1c4de0a941dac8d.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/9379979f1cb31bf1e3d8c9160b8d43ba/ed448a91bd6a9319-0e/s540x810/4ebe15c571d0018ce4257fd7bd62adb7dbeda311.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/751c3c1e4e21c7ff2c1e2ec6d0f356ce/ed448a91bd6a9319-18/s540x810/8d7213f8db08a92ce798f7b3385f818e46ee9fde.gif');"][/div] [/div] [div class=block]height[/div] 5’10
[div class=block]weight[/div] 170 lbs
[div class=block]fc[/div] toby wallace
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/37782b40a6694796354e7ef2ff6b9ec7/ed448a91bd6a9319-01/s540x810/c98ab18bdfcb25024c232bd817eb00dd6b04c19d.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/517947535eee1481a0a036a7e55bf02c/ed448a91bd6a9319-0b/s540x810/95dd38c9097bd21c34fff81747ee7d711c66c6fc.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/c9c2fd4ac6a78a722ce3566212cb135f/ed448a91bd6a9319-4d/s540x810/fe484f920c8111efaaa2299afa06b70a1ae93fea.gif'); background-position: 30% 50%;"][/div] [/div] [div class=block]alignment[/div] neutral evil
[div class=block]postive traits[/div] shiloh’s nice even if it’s not genuine. he’s intelligent and well spoken, everything he says is thought through carefully. odd enough, he’s musical too, every shaw was trained in at least three instruments and shiloh has no reservations about teaching others to show how much he knows.
[div class=block]negative traits[/div] selfish, like incredibly selfish. it’s been debated whether he cares for his siblings or not. half of it is pride and the other part is self preservation but it’s clear that no one really matters in shiloh’s world except for him. maybe that’s why he’s such a sadist and a manipulator and an overall very bad dude. he comes off charming and offputting, there’s always a layer of grease with every compliment he gives.
[div class=block]likes[/div] xvideos, danish pastries, silver jewerly, crime novels, the smell of burning hair, old cars
[div class=block]dislikes[/div] offbrand anything, pets (they don’t like him either), chick flicks, facial piercings, protests
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]INFORMATION[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/6b/dc/1e/6bdc1e20f93078f691fb792673e50848.jpg');"][/div] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_57265c5a-a118-4532-8b5b-05860a771fd0.jpg');"][/div] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_57265c6f-1b20-4cea-804c-057f0a771fd0.jpg');"][/div] [/div] [div class=block]playlist[/div] tbd.
[div class=block]aesthetics[/div]
[div class=indent][/div]→ pinterest ; tbd
[div class=indent][/div]→ weheartit ; tbd
[div class=block]fun fact ?[/div] one of shiloh’s turn ons is women crying (ahahahaa)
[/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]BACKGROUND[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_57265c69-e2d4-41f1-9762-05820a771fd0.jpg'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_56c205d2-b9f0-4443-8c05-4de80a771fd0.jpg'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_57265c57-f214-4634-9a7e-05850a771fd0.jpg'); background-position: 50% 50%;"][/div] [/div] [div class=block]family[/div]
[div class=indent][/div]→ keaton | shiloh goes between being proud of his twin and wishing death upon him. he values keaton’s opinion heavily as he thinks they’re similar when in reality, keaton wishes he died in the womb.
[div class=indent][/div]→ kass | she’s genuinely scared of shiloh and has a good reason to be. almost all his anger growing up was focused on her and now that they’re older, she’s afraid to mention it and he’s forgotten it.
[div class=indent][/div]→ kellan | she’s in a psych ward and the butt of all shiloh’s favorite jokes. for some reason, she’s the black sheep of the family instead of him.
[div class=block]bio[/div] he has had a shit ton therapists and none of them have worked. [/div] [/div] [/div] [/div] [/div]
[div class=block]nickname[/div] shiloh, his siblings call him bateman every since they saw american pyscho
[div class=block]age[/div] 18
[div class=block]birthday[/div] december 17th
[div class=block]gender[/div] male
[div class=block]orentation[/div] bisexual
[div class=block]role[/div] existing student [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]APPEARANCE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6780383befd75ead8886e5601f69a86b/ed448a91bd6a9319-8d/s540x810/bf27eaf3660a3a194badd3b4c1c4de0a941dac8d.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/9379979f1cb31bf1e3d8c9160b8d43ba/ed448a91bd6a9319-0e/s540x810/4ebe15c571d0018ce4257fd7bd62adb7dbeda311.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/751c3c1e4e21c7ff2c1e2ec6d0f356ce/ed448a91bd6a9319-18/s540x810/8d7213f8db08a92ce798f7b3385f818e46ee9fde.gif');"][/div] [/div] [div class=block]height[/div] 5’10
[div class=block]weight[/div] 170 lbs
[div class=block]fc[/div] toby wallace
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/37782b40a6694796354e7ef2ff6b9ec7/ed448a91bd6a9319-01/s540x810/c98ab18bdfcb25024c232bd817eb00dd6b04c19d.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/517947535eee1481a0a036a7e55bf02c/ed448a91bd6a9319-0b/s540x810/95dd38c9097bd21c34fff81747ee7d711c66c6fc.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/c9c2fd4ac6a78a722ce3566212cb135f/ed448a91bd6a9319-4d/s540x810/fe484f920c8111efaaa2299afa06b70a1ae93fea.gif'); background-position: 30% 50%;"][/div] [/div] [div class=block]alignment[/div] neutral evil
[div class=block]postive traits[/div] shiloh’s nice even if it’s not genuine. he’s intelligent and well spoken, everything he says is thought through carefully. odd enough, he’s musical too, every shaw was trained in at least three instruments and shiloh has no reservations about teaching others to show how much he knows.
[div class=block]negative traits[/div] selfish, like incredibly selfish. it’s been debated whether he cares for his siblings or not. half of it is pride and the other part is self preservation but it’s clear that no one really matters in shiloh’s world except for him. maybe that’s why he’s such a sadist and a manipulator and an overall very bad dude. he comes off charming and offputting, there’s always a layer of grease with every compliment he gives.
[div class=block]likes[/div] xvideos, danish pastries, silver jewerly, crime novels, the smell of burning hair, old cars
[div class=block]dislikes[/div] offbrand anything, pets (they don’t like him either), chick flicks, facial piercings, protests
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]INFORMATION[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/6b/dc/1e/6bdc1e20f93078f691fb792673e50848.jpg');"][/div] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_57265c5a-a118-4532-8b5b-05860a771fd0.jpg');"][/div] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_57265c6f-1b20-4cea-804c-057f0a771fd0.jpg');"][/div] [/div] [div class=block]playlist[/div] tbd.
[div class=block]aesthetics[/div]
[div class=indent][/div]→ pinterest ; tbd
[div class=indent][/div]→ weheartit ; tbd
[div class=block]fun fact ?[/div] one of shiloh’s turn ons is women crying (ahahahaa)
[/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]BACKGROUND[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_57265c69-e2d4-41f1-9762-05820a771fd0.jpg'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_56c205d2-b9f0-4443-8c05-4de80a771fd0.jpg'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://s3.amazonaws.com/lkbkspro/dani-brubaker/lg_57265c57-f214-4634-9a7e-05850a771fd0.jpg'); background-position: 50% 50%;"][/div] [/div] [div class=block]family[/div]
[div class=indent][/div]→ keaton | shiloh goes between being proud of his twin and wishing death upon him. he values keaton’s opinion heavily as he thinks they’re similar when in reality, keaton wishes he died in the womb.
[div class=indent][/div]→ kass | she’s genuinely scared of shiloh and has a good reason to be. almost all his anger growing up was focused on her and now that they’re older, she’s afraid to mention it and he’s forgotten it.
[div class=indent][/div]→ kellan | she’s in a psych ward and the butt of all shiloh’s favorite jokes. for some reason, she’s the black sheep of the family instead of him.
[div class=block]bio[/div] he has had a shit ton therapists and none of them have worked. [/div] [/div] [/div] [/div] [/div]
coded by shady.
Last edited:
MadiRaiCat
Wine Aunt
[class=tag]
background: #34623F;
display: inline;
border-radius: 5px;
color: #fff;
padding: 1px 5px 3px 4px;
[/class]
[class=link]
display: inline-block;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
transition: 1s;
font-size: 9px;
font-family: Teko;
padding-top: 5px;
color: #999;
[/class]
[class=tab]
font-family: Teko;
text-transform: uppercase;
color: #768948;
font-size: 18px;
box-sizing: border-box;
text-align: center;
transition: .5s all ease-in-out;
text-align: center;
margin: auto;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class name=tab state=hover]
transform: scale(1.2);
color: #000;
transition: .5s all ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class=selectedTab]
transform: scale(1.2);
color: #000;
transition: .5s all ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class=tabContents]
position: absolute;
opacity: 0;
transition: .5s all ease-in-out;
width: 330px;
font-size: 16px;
line-height: 26px;
color: #fff;
height: 350px;
box-sizing: border-box;
font-family: Montserrat;
[/class]
[class=show]
opacity: 1;
z-index: 1;
[/class]
[script class=tab1 on=click]
addClass show tabContents01
removeClass show tabContents02
removeClass show tabContents03
removeClass show tabContents04
removeClass show tabContents05
addClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab4
removeClass selectedTab tab5
[/script]
[script class=tab2 on=click]
addClass show tabContents02
removeClass show tabContents01
removeClass show tabContents03
removeClass show tabContents04
removeClass show tabContents05
addClass selectedTab tab2
removeClass selectedTab tab1
removeClass selectedTab tab3
removeClass selectedTab tab4
removeClass selectedTab tab5
[/script]
[script class=tab3 on=click]
addClass show tabContents03
removeClass show tabContents01
removeClass show tabContents02
removeClass show tabContents04
removeClass show tabContents05
addClass selectedTab tab3
removeClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab4
removeClass selectedTab tab5
[/script]
[script class=tab4 on=click]
addClass show tabContents04
removeClass show tabContents01
removeClass show tabContents02
removeClass show tabContents03
removeClass show tabContents05
addClass selectedTab tab4
removeClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab5
[/script]
[script class=tab5 on=click]
addClass show tabContents05
removeClass show tabContents01
removeClass show tabContents02
removeClass show tabContents03
removeClass show tabContents04
addClass selectedTab tab5
removeClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab4
[/script]
[div class="tab tab3"]
[div class="tab tab4"]
[div class="tab tab5"][/div]
[/div][/div]
[div class=tag]nickname Finn
[div class=tag]age[/div] 19
[div class=tag]birthday[/div] June 15th
[div class=tag]gender[/div] Cis-male
[div class=tag]sexuality[/div] Heterosexual
[div class=tag]role[/div] Prince of Ibramore
[/div][/div][/div]
[div class="tabContents tabContents02"]
[div class=tag]weight 154 lbs (70 kg)
[div class=tag]eye color[/div] Forest green
[div class=tag]hair color[/div] Brunette
[div class=tag]face claim[/div] Mitchell Hope
[/div][/div][/div]
[div class="tabContents tabContents03"]
[div class=tag]negative traits Holds grudges, greedy, obedient without question, prideful
[div class=tag]likes[/div] Cooking, museums, traveling, summer time, playing sports, parties, expensive things
[div class=tag]dislikes[/div] Being late, shopping, bees, liars, traitors, clowns, science class, mannequins, chess
[/div][/div][/div]
[div class="tabContents tabContents04"]
From a young age, Finn's parents hired teachers, private tutors, and specialized instructors to teach him everything he would need to know to run a kingdom one day. He was taught everything from multiple foreign languages, to finances, to advanced strategic planning, and even hand-to-hand combat. While Finnegan had gotten fairly close with his instructors and nanny, he felt incomplete without the care of his own parents. But unfortunately, it was pretty much the only life he knew.
At around the age of 15, King Crona returned to the palace to begin to groom his son for one day becoming king. The man was getting older, and wasn't exactly in pristine health conditions. Therefore, when he passed, he wanted to make sure that the Kingdom of Ibramore wouldn't change. Finn was ecstatic to have his father back in his life, and followed along with his father's every word without question. He had everything he could need: money, extravagant clothes, gourmet food, and a luxurious home. So what did it matter if the rich continued to get rich and the poor continued to live in poverty while working their lives away?
This blind obedience continued for almost a year, until one day the king decided to take Finn outside of the palace and into the agriculture villages around the land. It was then that Finnegan realized how terrible the conditions were that the people in his kingdom were living in. Even though he wanted to follow in his father's footsteps and run the kingdom exactly how it had been run for generations, Finn's logical and humane side made him vocally question his father. It was that one diversion from complete following without question that caused King Crona to send his son away to Vemrose Academy to "teach him to be more royal."
[/div][/div]
[/div]
[/div][/div]
https://www.rpnation.com/threads/𝗰𝗵𝗿𝗶𝘀𝘁𝘆-⧾-𝗰𝗼𝗻𝘀𝘁𝗲𝗹𝗹𝗮𝘁𝗶𝗼𝗻′𝘀-𝗰𝗿𝗶𝘀𝗽𝘆-𝗰𝗼𝗱𝗲𝘀.454487/post-9951524[/div]
[div class="tab tab1"]
[div class="tab tab2"]
[div class="tabContents tabContents05 show"]
[div class="tabContents tabContents01"]
[div class=tag]name
Finnegan Krona
[div class=tag]nickname
[div class=tag]age[/div] 19
[div class=tag]birthday[/div] June 15th
[div class=tag]gender[/div] Cis-male
[div class=tag]sexuality[/div] Heterosexual
[div class=tag]role[/div] Prince of Ibramore
[div class=tag]height
5'9" (175 cm)
[div class=tag]weight
[div class=tag]eye color[/div] Forest green
[div class=tag]hair color[/div] Brunette
[div class=tag]face claim[/div] Mitchell Hope
[div class=tag]positive traits
Adventurous, ambitious, benevolent, charming, chivalrous, dependable, logical, honest
[div class=tag]negative traits
[div class=tag]likes[/div] Cooking, museums, traveling, summer time, playing sports, parties, expensive things
[div class=tag]dislikes[/div] Being late, shopping, bees, liars, traitors, clowns, science class, mannequins, chess
[div class=tag]history
Finnegan was born to the King and Queen of Ibramore, a prominent agriculture kingdom known for its large crop exports and even larger population. A kingdom truly based on feudalistic values, Ibramore has quite the unequal social class system. The rich get richer and the poor work harder. That's the way it has always been, and that's the way it will continue to be, at least according to King Crona. As the heir to the kingdom, his parents have always held Finn to a set of very high standards. Living in a palace with service personnel for his entire childhood, Finnegan's parents were rarely around to raise him. Instead, he had a nanny and bodyguards to take care of him.
From a young age, Finn's parents hired teachers, private tutors, and specialized instructors to teach him everything he would need to know to run a kingdom one day. He was taught everything from multiple foreign languages, to finances, to advanced strategic planning, and even hand-to-hand combat. While Finnegan had gotten fairly close with his instructors and nanny, he felt incomplete without the care of his own parents. But unfortunately, it was pretty much the only life he knew.
At around the age of 15, King Crona returned to the palace to begin to groom his son for one day becoming king. The man was getting older, and wasn't exactly in pristine health conditions. Therefore, when he passed, he wanted to make sure that the Kingdom of Ibramore wouldn't change. Finn was ecstatic to have his father back in his life, and followed along with his father's every word without question. He had everything he could need: money, extravagant clothes, gourmet food, and a luxurious home. So what did it matter if the rich continued to get rich and the poor continued to live in poverty while working their lives away?
This blind obedience continued for almost a year, until one day the king decided to take Finn outside of the palace and into the agriculture villages around the land. It was then that Finnegan realized how terrible the conditions were that the people in his kingdom were living in. Even though he wanted to follow in his father's footsteps and run the kingdom exactly how it had been run for generations, Finn's logical and humane side made him vocally question his father. It was that one diversion from complete following without question that caused King Crona to send his son away to Vemrose Academy to "teach him to be more royal."
Last edited:
Cosmos
(ﾉ◕ヮ◕)ﾉ*:･ﾟ✧crying over fictional lesbians (╥︣﹏᷅╥)
name: Sareika Savou
nicknames: Reia, Rea, Rei
age: 17
birthday: 2/2
gender: female
sexual orientation: bisexual
role: Rich 'princess'
___________
height: 5'6"
weight: 40kg
face claim: (Imagine a standard wheelchair with some cute childish stickers stuck to one sides handle)
____________
positive traits: kind hearted, forgiving, loving, optimistic, persistent, warm, resilient, trusting.
negative traits: bashful, lack of confidence, introverted, nervous, easily manipulated.
likes: warm drinks, books, drawing, cats, dogs, sunny weather.
dislikes: rainy days or snow, cold food, broccoli, mean people without a reason.
_____________
bio: Rea was raised as a rambunctious and playful girl, given freedom with her elder brothers claiming the next in line with no responsibility held to her. However always kind and known for having many friends with the staff and other children, however that all changed one fateful day, an -' incident' occurred and the girl was severely injured, neurologically she can't walk and has a number of other conditions needing treating, however doesn't let it stop her from trying to do thing seven with her helicopter parents shielding her from friends and the world, that is till the academy offered her support and she eagerly joined to escape the suffocation of her household, she's very independant and tries often too hard, refusing a maid or servant, doing her own procedures as needed and studying hard unlike the other partying kids around, however often finds herself lonely and in need of friends.
nicknames: Reia, Rea, Rei
age: 17
birthday: 2/2
gender: female
sexual orientation: bisexual
role: Rich 'princess'
___________
height: 5'6"
weight: 40kg
face claim: (Imagine a standard wheelchair with some cute childish stickers stuck to one sides handle)
____________
positive traits: kind hearted, forgiving, loving, optimistic, persistent, warm, resilient, trusting.
negative traits: bashful, lack of confidence, introverted, nervous, easily manipulated.
likes: warm drinks, books, drawing, cats, dogs, sunny weather.
dislikes: rainy days or snow, cold food, broccoli, mean people without a reason.
_____________
bio: Rea was raised as a rambunctious and playful girl, given freedom with her elder brothers claiming the next in line with no responsibility held to her. However always kind and known for having many friends with the staff and other children, however that all changed one fateful day, an -' incident' occurred and the girl was severely injured, neurologically she can't walk and has a number of other conditions needing treating, however doesn't let it stop her from trying to do thing seven with her helicopter parents shielding her from friends and the world, that is till the academy offered her support and she eagerly joined to escape the suffocation of her household, she's very independant and tries often too hard, refusing a maid or servant, doing her own procedures as needed and studying hard unlike the other partying kids around, however often finds herself lonely and in need of friends.
Luciearea
I smile because I have no idea what's going on
[class=container]width: 500px; height: 450px; margin: auto;[/class]
[class=holder]position: absolute; width: 500px; height: 450px; background: url(https://scontent-lga3-1.cdninstagram.com/vp/4839f16660c419c423e94f57886eac83/5E56C9B4/t51.2885-15/sh0.08/e35/c0.135.1080.1080a/s640x640/44532413_518739541972524_5098381833985327104_n.jpg?_nc_ht=scontent-lga3-1.cdninstagram.com&_nc_cat=100); background-size: cover; background-position: 50% 50%;[/class]
[class=leftborder]position: absolute; top: 0; left: 0; height: 450px; width: 170px; background: rgba(255, 255, 255, 0.5);[/class]
[class=rightborder]position: absolute; top: 0; right: 0; height: 450px; width: 270px; background: rgba(255, 255, 255, 0.5);[/class]
[class=tab]margin: auto; width: 120px; height: 25px; font-weight: 800; font-size: 12px; letter-spacing: 1px; font-family: Handlee; color: #3C3D3E; text-transform: uppercase; line-height: 27px; text-align: center; transition: 1s; border: 3px solid #9AA2AE; background: white;[/class]
[class=tabContents]position: absolute; padding: 20px; height: 410px; width: 290px;[/class]
[class=heading]position: absolute; top: 20px; left: 20px; width: 214px; height: 40px; border: 8px solid #9AA2AE; background: white; font-weight: 800; font-size: 15px; letter-spacing: 1px; font-family: Handlee; color: #3C3D3E; text-transform: uppercase; line-height: 40px; text-align: center; font-style: oblique;[/class]
[class=textbox]position: absolute; top: 91px; 20px; height: 281px; width: 197px; border: 8px solid #9AA2AE; background: white; padding: 17px 0px 17px 17px; overflow: hidden; font-size: 12px; font-family: 'Roboto'; line-height: 110%; text-align: justify; white-space: pre-line;[/class]
[class=scroll]width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px;[/class]
[class=title]font-size: 14px; font-weight: 700; color: #9AA2AE; font-family: 'Handlee';[/class]
[class name=chosentab]font-size: 14.5px; color: #82B7DA; letter-spacing: 2px;[/class]
[class name="tab" state="hover"]font-size: 14.5px; color: #82B7DA; letter-spacing: 2px; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;[/class]
[script class=tab1 on=click]
hide tabContents02
hide tabContents03
hide tabContents04
slideDown 1000 tabContents01
addClass chosentab
removeClass chosentab tab2
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[script class=tab2 on=click]
hide tabContents01
hide tabContents03
hide tabContents04
slideDown 1000 tabContents02
addClass chosentab
removeClass chosentab tab1
removeClass chosentab tab3
removeClass chosentab tab4
[/script]
[script class=tab3 on=click]
hide tabContents01
hide tabContents02
hide tabContents04
slideDown 1000 tabContents03
addClass chosentab
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab4
[/script]
[script class=tab4 on=click]
hide tabContents01
hide tabContents02
hide tabContents03
slideDown 1000 tabContents04
addClass chosentab
removeClass chosentab tab1
removeClass chosentab tab2
removeClass chosentab tab3
[/script]
[div class=container][div class=holder][div class=leftborder]
[div class="tab tab3"]History[/div] [div class="tab tab4"]FC[/div][/div][/div]
[div class=rightborder][div class="tabContents tabContents01"][div class=heading]Bambi[/div]
[div class=textbox][div class=scroll]
Full Name: Sophia Charlotte Bachar
Nickname: Bambi (Preffered name)
Age: 17
Birthday: April 20
Gender: Non-Binary (Doesn't care what pronoun people use)
Sexual Orientation: Asexual
Height: 5'2
Weight: 112 lbs.
Role: "Young Ruler of ???"
[/div][/div][/div]
[div class="tabContents tabContents02" style="display: none;"][div class=heading]Personality[/div]
[div class=textbox][div class=scroll][div class=title] [/div]
+ Kind
+ Generous
+ Brave
+ Curious
+ Smart
- Flustered easily
- Weak (physically)
- Manipulated easily by close friends/ family
- Brave
- Bottles emotions
Likes: Animals, friends, exploring, drawing, Pancakes (Specifically chocolate chip w/ raspberry syrup), tea, Disney
Dislikes: Close-minded people, having nothing to do, being alone (sometimes), soup, not helping someone who needs help, people teasing her for her family
[/div]
[/div][/div]
[div class="tabContents tabContents03" style="display: none;"][div class=heading]History[/div]
[div class=textbox][div class=scroll]Bambi grew up in a kingdom that was constantly at war. All they have ever known was war. Of course, there was love in their little family circle, and the family was actually filled with very open minded people, but they weren't the greatest rulers. If one were to get to know Bambi's father and mother personally, they would probably describe them as welcoming and generous. However, most people did not take the time to do this. Usually, because of their father's poor decision making, it would end in war with neighboring kingdoms. Bambi's family grew a bad reputation, which is why they were so hesitant on attending to such a prestigious school. [/div][/div][/div]
[div class="tabContents tabContents04" style="display: none;"][div class=heading]Face Claim[/div]
[div class=textbox][div class=scroll] Millie Bobby Brown[/div][/div][/div]
[div class="tab tab1 chosentab"]Basics
[div class="tab tab2"]Personalitycoded by
[/div][/div][div][/div][/div]constellation
.
Last edited:
deianeira
busy bee
[class=picture] position: relative; display: inline-block; [/class] [class=text] position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,0.2); color: white; z-index: 2; [/class] [class name=text state=hover] opacity: 1; [/class] [div class=picture] [div class=text]♡[/div][/div]- .DRAPETOMANIA.૱❝ (noun) an overwhelming urge to run away ❞
"If there’s just one piece of advice I can give you, it’s this – when there’s something you really want, fight for it, don’t give up no matter how hopeless it seems. And when you’ve lost hope, ask yourself if 10 years from now, you’re gonna wish you gave it just one more shot because the best things in life, they don’t come free."
codedbycrucialstar | hover over big photo
Last edited:
eclipsa
faerie sightings
[class=main]
cursor: url(http://www.rw-designer.com/cursor-view/86147.png), auto!important;
font-family: 'Sulphur Point', sans-serif;
color: #000;
font-size: 11px;
[/class]
[class=box]
margin: auto;
width: 300px;
height: 300px;
padding: 20px;
background: linear-gradient(90deg, rgba(68,85,68,1) 0%, rgba(170,85,51,1) 100%);
[/class]
[class=box2]
margin: auto;
width: 300px;
height: 300px;
background: #fff
[/class]
[class=title]
height: 30px;
font-size: 30px;
color: #ccbb99;
font-family: 'Unna', serif;
[/class]
[class=tag]
text-transform: uppercase;
font-family: 'Unna', serif;
font-weight: bold;
border-bottom: 1px solid #558899;
display: inline-block;
[/class]
[class=tabs]
margin: auto;
width: 100px;
height: 20px;
white-space: nowrap;
border-bottom: 1px solid #558899;
[/class]
[class=tab]
width: 15px;
height: 10px;
display: inline-block;
color: #000;
font-family: 'Unna', serif;
border-right: 3px solid #fff;
font-size: 9px
[/class]
[class name="tab" state="hover"]
-webkit-transform: scale(1.5);
transform: scale(1.5);
animation-duration: 0.5s;
color: #997744;
[/class]
[script class=tab1 on=click]
hide tabContents02
hide tabContents03
hide tabContents04
fadeIn 1000 tabContents01
[/script]
[script class=tab2 on=click]
hide tabContents01
hide tabContents03
hide tabContents04
fadeIn 1000 tabContents02
[/script]
[script class=tab3 on=click]
hide tabContents01
hide tabContents02
hide tabContents04
fadeIn 1000 tabContents03
[/script]
[script class=tab4 on=click]
hide tabContents01
hide tabContents02
hide tabContents03
fadeIn 1000 tabContents04
[/script]
[class=box3]
margin-top: 20;
width: 300px;
height: 220px;
overflow: hidden;
[/class]
[div class=main][div class=box][div class=box2][div class=title][/div][/div][div class="tabContents tabContents02" style="display: none;"][div class=box3] maia bisera enwiga
[div class=tag]nicknames ; n/a
[div class=tag]age ; 18
[div class=tag]birthday ;[/div] march 29
[div class=tag]gender ;[/div] cisfemale
[div class=tag]sexual orientation ;[/div] chaotic bisexual
[div class=tag]role ;[/div] existing student
[div class=tag]height ;[/div] 5'5
[div class=tag]weight ;[/div] 124lbs
[div class=tag]face claim ;[/div] inanna sarkis[/div]
hey so she doesn't have any positive traits? (she's resourceful, clever, and assertive)
[div class=tag]negative traits ;[/div] aggressive, kleptomaniac, manipulative
[div class=tag]likes[/div] being the center of attention, the feeling of winning a fight, mythological abominations
[div class=tag]dislikes ;[/div] spiders, dolls, being dirty[/div]
[/div][/div][/div][/div][div class="tabContents tabContents03" style="display: none;"][div class=box3][/div][/div][div class="tabContents tabContents04" style="display: none;"][div class=box3] lorde georgina macchia
[div class=tag]nicknames ; some people have called her macchiato. they never did it again.
[div class=tag]age ; 18
[div class=tag]birthday ;[/div] july 18
[div class=tag]gender ;[/div] cisfemale
[div class=tag]sexual orientation ;[/div] boring heterosexual
[div class=tag]role ;[/div] existing student
[div class=tag]height ;[/div] 5'5
[div class=tag]weight ;[/div] 116lbs
[div class=tag]face claim ;[/div] katherine mcnamara
[/div]
motherly, loyal, independent
[div class=tag]negative traits ;[/div] too altruistic, self loathing, rash
[div class=tag]likes[/div] throwing knives, taking care of people, cats
[div class=tag]dislikes ;[/div] her parents, people who are cruel to her sister,
being unable to help[/div]
doing this with bullets and no one can stop me (love u baby)
- the middle child technically bc first there was saint, then the twins (lorde and saviour), and then noble
- parents have never cared much about any of them (except grooming saint to take over the family business)
- they all learned to throw knives together in the backyard when the maids weren't watching
- noble had a mental breakdown when she was 14 and lorde was 16, she's still in a school for mentally ill patients
- that looms over the family like a storm cloud, so lorde was put in vemrose to distract her from it
[/div][/div][/div][/div][/div]
maia && lorde
[/div][div class=tabs][div class="tab tab1"]i.[/div] [div class="tab tab2"]ii.[/div] [div class="tab tab3"]iii.[/div] [div class="tab tab4"]iv.[/div]
[/div][div class="tabContents tabContents01"][div class=box3]i've tasted blood
and it is sweet
basics
[div class=tag]name ;[div class=tag]nicknames ;
[div class=tag]age ;
[div class=tag]birthday ;[/div] march 29
[div class=tag]gender ;[/div] cisfemale
[div class=tag]sexual orientation ;[/div] chaotic bisexual
[div class=tag]role ;[/div] existing student
[div class=tag]height ;[/div] 5'5
[div class=tag]weight ;[/div] 124lbs
[div class=tag]face claim ;[/div] inanna sarkis[/div]
persona
[div class=tag]positive traits ;[div class=tag]negative traits ;[/div] aggressive, kleptomaniac, manipulative
[div class=tag]likes[/div] being the center of attention, the feeling of winning a fight, mythological abominations
[div class=tag]dislikes ;[/div] spiders, dolls, being dirty[/div]
biography
ERROR 404: BIO INACCESSIBLE[/div][/div][/div][/div][div class="tabContents tabContents03" style="display: none;"][div class=box3]
when i cross my heart
i look both ways
basics
[div class=tag]name ;[div class=tag]nicknames ;
[div class=tag]age ;
[div class=tag]birthday ;[/div] july 18
[div class=tag]gender ;[/div] cisfemale
[div class=tag]sexual orientation ;[/div] boring heterosexual
[div class=tag]role ;[/div] existing student
[div class=tag]height ;[/div] 5'5
[div class=tag]weight ;[/div] 116lbs
[div class=tag]face claim ;[/div] katherine mcnamara
[/div]
persona
[div class=tag]positive traits ;[div class=tag]negative traits ;[/div] too altruistic, self loathing, rash
[div class=tag]likes[/div] throwing knives, taking care of people, cats
[div class=tag]dislikes ;[/div] her parents, people who are cruel to her sister,
being unable to help[/div]
biography
doing this with bullets and no one can stop me (love u baby)
- the middle child technically bc first there was saint, then the twins (lorde and saviour), and then noble
- parents have never cared much about any of them (except grooming saint to take over the family business)
- they all learned to throw knives together in the backyard when the maids weren't watching
- noble had a mental breakdown when she was 14 and lorde was 16, she's still in a school for mentally ill patients
- that looms over the family like a storm cloud, so lorde was put in vemrose to distract her from it
[/div][/div][/div][/div][/div]
milk inc. 2019
[/div][/div]
Last edited by a moderator:
caramel
spmo!
[class=variables]
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
--color: #d3d3d3;
[/class]
[class=codeContainer]
width: 400px;
height: 410px;
margin: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
[/class]
[class name=codeContainer maxWidth=450px]
width: 350px;
[/class]
[class=top]
width: 400px;
height: 95px;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
[/class]
[class name=top maxWidth=450px]
width: 350px;
[/class]
[class=name]
color: transparent;
font-size: 70px;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--color);
letter-spacing: -2px;
height: 60px;
line-height: 0.9;
transition: 0.5s;
[/class]
[class name=name maxWidth=450px]
font-size: 65px;
line-height: 1;
width: 210px;
overflow: hidden;
[/class]
[class name=name state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
color: var(--color);
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tabsContainer]
width: 160px;
height: 40px;
display: flex;
justify-content: space-between;
align-items: flex-end;
[/class]
[class name=tabsContainer maxWidth=450px]
width: 140px;
[/class]
[class=tab]
height: 20px;
width: 20px;
border: 2px solid var(--color);
border-radius: 50%;
transition: 0.5s;
display: flex;
justify-content: center;
align-items: center;
[/class]
[class=tabInner]
height: 10px;
width: 10px;
border: 2px solid var(--color);
border-radius: 50%;
transition: 0.5s;
opacity: 0;
[/class]
[class=selected]
background-color: var(--color);
opacity: 1;
[/class]
[class=container]
height: 300px;
width: 390px;
position: relative;
margin: auto;
[/class]
[class name=container maxWidth=450px]
width: 350px;
[/class]
[class=content]
height: 300px;
width: 400px;
overflow: hidden;
opacity: 0;
position: absolute;
transition: 0.5s;
font-size: 12px;
[/class]
[class name=content maxWidth=450px]
width: 350px;
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=imgHome]
background-image: url('https://66.media.tumblr.com/716e1ccddc8df43af6d2431c7e544f68/tumblr_otcxppvMVf1u8au21o1_400.jpg');
background-size: cover;
height: 170px;
width: 170px;
[/class]
[class=textHome]
font-size: 20px;
text-transform: uppercase;
text-align: center;
width: 200px;
[/class]
[class=title]
font-weight: 900;
text-transform: uppercase;
text-align: right;
font-size: 16px;
[/class]
[class=block]
width: auto;
padding: 0px 2px 0px 2px;
font-size: 10px;
display: inline-block;
background-color: var(--color);
text-transform: uppercase;
color: white;
[/class]
[class=imgSmallContainer]
width: 100%;
height: 90px;
display: flex;
justify-content: space-evenly;
margin: 10px 10px;
[/class]
[class=imgSmall]
width: 90px;
height: 90px;
background-size: cover;
background-position: 80% 50%;
filter: saturate(100%);
[/class]
[class=scroll]
overflow-y: scroll;
padding-right: 40px;
width: 100%;
height: 100%;
[/class]
[class=indent]
display: inline-block;
width: 20px;
height: 1px;
[/class]
[script class=tab01 on=mouseenter]
addClass show tabInner01
[/script]
[script class=tab01 on=mouseleave]
removeClass show tabInner01
[/script]
[script class=tab02 on=mouseenter]
addClass show tabInner02
[/script]
[script class=tab02 on=mouseleave]
removeClass show tabInner02
[/script]
[script class=tab03 on=mouseenter]
addClass show tabInner03
[/script]
[script class=tab03 on=mouseleave]
removeClass show tabInner03
[/script]
[script class=tab04 on=mouseenter]
addClass show tabInner04
[/script]
[script class=tab04 on=mouseleave]
removeClass show tabInner04
[/script]
[script class=tab05 on=mouseenter]
addClass show tabInner05
[/script]
[script class=tab05 on=mouseleave]
removeClass show tabInner05
[/script]
[script class=name on=click]
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab01 on=click]
addClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content01
removeClass show contentHome
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab02 on=click]
addClass selected tabInner02
removeClass selected tabInner01
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content02
removeClass show contentHome
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab03 on=click]
addClass selected tabInner03
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content03
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show content05
[/script]
[script class=tab04 on=click]
addClass selected tabInner04
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner05
addClass show content04
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content05
[/script]
[script class=tab05 on=click]
addClass selected tabInner05
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
addClass show content05
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
[/script]
[div class=variables]
[div class=codeContainer]
[div class=top]
[div class=name]keaton[div class=tabBar][/div][/div]
[div class=tabsContainer]
[div class="tab tab01"][div class="tabInner tabInner01"][/div][/div]
[div class="tab tab02"][div class="tabInner tabInner02"][/div][/div]
[div class="tab tab03"][div class="tabInner tabInner03"][/div][/div]
[div class="tab tab04"][div class="tabInner tabInner04"][/div][/div]
[div class="tab tab05"][div class="tabInner tabInner05"][/div][/div]
[/div]
[/div]
[div class=container]
[div class="content contentHome show" style="display: flex; align-items: center; justify-content: space-between;"]
[div class=imgHome][/div]
[div class=textHome]
SAY IT—WHO’S GONNA LOVE YOU LIKE ME ?
[/div]
[/div]
[div class="content content01"]
[div class=scroll]
[div class=title]REQUISITE[/div]
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSPAwTaKA6vKWko7bVbR2_jyJZRxSe1VqtWLNVPgs4BzFwBsY5_');"][/div]
[div class=imgSmall style="background-image: url('https://media1.tenor.com/images/e8c06b343afd6abfd7075acb28227a6a/tenor.gif?itemid=11126666');"][/div]
[div class=imgSmall style="background-image: url('https://data.whicdn.com/images/176294793/original.gif');"][/div]
[/div]
[div class=block]name[/div] malcom keaton shaw
[div class=block]nickname[/div] keaton, key
[div class=block]age[/div] 18
[div class=block]birthday[/div] december 17th
[div class=block]gender[/div] male
[div class=block]orentation[/div] bisexual
[div class=block]role[/div] existing student [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]APPEARANCE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/149671712/original.gif');"][/div] [div class=imgSmall style="background-image: url('https://media1.tenor.com/images/63a7ccd8677340ae179caf383392e28c/tenor.gif?itemid=11126663');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/176298256/original.gif');"][/div] [/div] [div class=block]height[/div] 6’0
[div class=block]weight[/div] 178 lbs
[div class=block]fc[/div] jake cooper
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/11095783/original.jpg'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQQELMljqa_KronS6s8lYa8xQlG6XLZP8fDi40aCQ78SZ_QxhA-'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQEN5EdcbfVkYVq2LvOUoLrKowy_OoRc5VvdBisPcyVUnQlvprH'); background-position: 30% 50%;"][/div] [/div] [div class=block]alignment[/div] true neutral
[div class=block]postive traits[/div] keaton’s calm. something about him is just so absent and relaxed that it’s easy to just breathe around him. he doesn’t judge, or if he does, he keeps it to himself, and has the ability to look at problems logically as well as ethically. besides, who wouldn’t look like a angel compared to shiloh ?
[div class=block]negative traits[/div] numb, like incredibly numb. his face is devoid of any emotion and when he does smile, it’s almost a grimace. keaton doesn’t like talking or interaction with anyone besides his baby sister, who’s now instutionalized. no wonder he’s so depressed, keaton seems to carry the weight of the shaws, and the world on his shoulders.
[div class=block]likes[/div] american psycho, french pastries, wool coats, documentaries, mint, the smell of rubbing alcohol
[div class=block]dislikes[/div] fluorescent lights, meat, churches, the countryside, long drives
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]INFORMATION[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS6nLxrWpzTXiDhA4-7oiFSRRKQBLqHeeCgMJimxsDt9MBDUbD8');"][/div] [div class=imgSmall style="background-image: url('https://www.malemodelscene.net/wp-content/uploads/2011/09/Jake-Cooper-by-Christian-Oita-for-Clash-MaleModelSceneNet-01.jpg');"][/div] [div class=imgSmall style="background-image: url('https://iv1.lisimg.com/image/4673033/730full-jake-cooper.jpgH');"][/div] [/div] [div class=block]playlist[/div] tbd.
[div class=block]aesthetics[/div]
[div class=indent][/div]→ pinterest ; tbd
[div class=indent][/div]→ weheartit ; tbd
[div class=block]fun fact ?[/div] keaton isn’t vaccinated and neither are his siblings. he’s repeatedly quoted saying “fuck herd immunity, i want to die“
[/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]BACKGROUND[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTPW0-QtOJ2NKPgTRgcZmf_aNqK16Lx2tmbnNA41jTTPJrMJmQD'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTDR9nvqqFaBVF-LIBJS1JvkXNWAAObFrAM2y5re2S2sSd9mA1Y'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/677d4b67295c93dcd66741f0ad7dc3a2/tumblr_o7ph1fsqzP1tqk4tvo2_250.jpg'); background-position: 50% 50%;"][/div] [/div] [div class=block]family[/div]
[div class=indent][/div]→ shiloh | [redacted]
[div class=indent][/div]→ kass | he sees kass and his attempts to distance himself from their family. honestly, he can understand it, they’re dysfunctional and will continue to be. that doesn’t stop it from hurting whenever kass avoids talking to him or interacting with him or saying his name.
[div class=indent][/div]→ kellan | she’s in a psych ward and keaton misses her more than anything. they used to write until she stopped responding but he knows she’s okay. kellan’s like him—they’re both survivors.
[div class=block]bio[/div] he was a sensitive kid and it continued into adulthood. [/div] [/div] [/div] [/div] [/div]
[div class=block]nickname[/div] keaton, key
[div class=block]age[/div] 18
[div class=block]birthday[/div] december 17th
[div class=block]gender[/div] male
[div class=block]orentation[/div] bisexual
[div class=block]role[/div] existing student [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]APPEARANCE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/149671712/original.gif');"][/div] [div class=imgSmall style="background-image: url('https://media1.tenor.com/images/63a7ccd8677340ae179caf383392e28c/tenor.gif?itemid=11126663');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/176298256/original.gif');"][/div] [/div] [div class=block]height[/div] 6’0
[div class=block]weight[/div] 178 lbs
[div class=block]fc[/div] jake cooper
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/11095783/original.jpg'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQQELMljqa_KronS6s8lYa8xQlG6XLZP8fDi40aCQ78SZ_QxhA-'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQEN5EdcbfVkYVq2LvOUoLrKowy_OoRc5VvdBisPcyVUnQlvprH'); background-position: 30% 50%;"][/div] [/div] [div class=block]alignment[/div] true neutral
[div class=block]postive traits[/div] keaton’s calm. something about him is just so absent and relaxed that it’s easy to just breathe around him. he doesn’t judge, or if he does, he keeps it to himself, and has the ability to look at problems logically as well as ethically. besides, who wouldn’t look like a angel compared to shiloh ?
[div class=block]negative traits[/div] numb, like incredibly numb. his face is devoid of any emotion and when he does smile, it’s almost a grimace. keaton doesn’t like talking or interaction with anyone besides his baby sister, who’s now instutionalized. no wonder he’s so depressed, keaton seems to carry the weight of the shaws, and the world on his shoulders.
[div class=block]likes[/div] american psycho, french pastries, wool coats, documentaries, mint, the smell of rubbing alcohol
[div class=block]dislikes[/div] fluorescent lights, meat, churches, the countryside, long drives
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]INFORMATION[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS6nLxrWpzTXiDhA4-7oiFSRRKQBLqHeeCgMJimxsDt9MBDUbD8');"][/div] [div class=imgSmall style="background-image: url('https://www.malemodelscene.net/wp-content/uploads/2011/09/Jake-Cooper-by-Christian-Oita-for-Clash-MaleModelSceneNet-01.jpg');"][/div] [div class=imgSmall style="background-image: url('https://iv1.lisimg.com/image/4673033/730full-jake-cooper.jpgH');"][/div] [/div] [div class=block]playlist[/div] tbd.
[div class=block]aesthetics[/div]
[div class=indent][/div]→ pinterest ; tbd
[div class=indent][/div]→ weheartit ; tbd
[div class=block]fun fact ?[/div] keaton isn’t vaccinated and neither are his siblings. he’s repeatedly quoted saying “fuck herd immunity, i want to die“
[/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]BACKGROUND[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTPW0-QtOJ2NKPgTRgcZmf_aNqK16Lx2tmbnNA41jTTPJrMJmQD'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTDR9nvqqFaBVF-LIBJS1JvkXNWAAObFrAM2y5re2S2sSd9mA1Y'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/677d4b67295c93dcd66741f0ad7dc3a2/tumblr_o7ph1fsqzP1tqk4tvo2_250.jpg'); background-position: 50% 50%;"][/div] [/div] [div class=block]family[/div]
[div class=indent][/div]→ shiloh | [redacted]
[div class=indent][/div]→ kass | he sees kass and his attempts to distance himself from their family. honestly, he can understand it, they’re dysfunctional and will continue to be. that doesn’t stop it from hurting whenever kass avoids talking to him or interacting with him or saying his name.
[div class=indent][/div]→ kellan | she’s in a psych ward and keaton misses her more than anything. they used to write until she stopped responding but he knows she’s okay. kellan’s like him—they’re both survivors.
[div class=block]bio[/div] he was a sensitive kid and it continued into adulthood. [/div] [/div] [/div] [/div] [/div]
coded by shady.
clxssified
x o x o
[class=variables]
--color: #165326;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important
[/class]
[class=container]
width: 460px;
height: 300px;
display: flex;
margin: auto;
[/class]
[class=left]
background-color: var(--color);
height: 300px;
width: 220px;
padding: 10px;
box-sizing: border-box;
[/class]
[class name=left maxWidth=450px]
width: 135px;
padding: 5px;
height: 290px;
[/class]
[class=img]
height: 280px;
width: 200px;
background-image: url('https://66.media.tumblr.com/84d93f6906e29e7bebf451643d09da28/tumblr_p4jqcmU2xK1qknm90o1_400.png');
filter: saturate(0%);
background-size: cover;
padding: 20px;
box-sizing: border-box;
background-position: 50% 50%;
[/class]
[class name=img maxWidth=450px]
width: 125px;
[/class]
[class=brackets]
height: 100%;
width: 100%;
background:
linear-gradient(to right, white 2px, transparent 2px) 0 100%,
linear-gradient(to left, white 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, white 2px, transparent 2px) 100% 0,
linear-gradient(to top, white 2px, transparent 2px) 0 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
[/class]
[class name=brackets maxWidth=450px]
opacity: 0;
[/class]
[class=right]
width: 240px;
height: 300px;
display: flex;
flex-direction: column;
[/class]
[class=contentContainer]
position: relative;
width: 240px;
height: 270px;
[/class]
[class name=contentContainer maxWidth=450px]
left: -5px;
[/class]
[class=content]
position: absolute;
opacity: 0;
transition: 0.5s;
width: 240px;
height: 270px;
font-size: 12px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
[/class]
[class=scroll]
width: 100%;
padding-right: 150px;
height: 100%;
overflow-y: scroll;
[/class]
[class=name]
font-weight: 900;
text-align: center;
border-bottom: 4px solid var(--color);
width: 120px;
display: block;
margin: 10% auto;
font-size: 18px;
position: relative;
[/class]
[class=textHome]
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 200px;
margin: 0 6.5%;
[/class]
[class=title]
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
[/class]
[class=tag]
display: inline-block;
border-bottom: 1px solid var(--color);
height: 15px;
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
background-position: 50% 50%;
filter: saturate(70%);
[/class]
[class=tabs]
display: flex;
width: 150px;
margin: 0 23%;
justify-content: space-between;
[/class]
[class name=tabs maxWidth=450px]
position: relative;
left: -10px;
[/class]
[class=tab]
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid black;
transition: 0.5s;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
border: 1px solid var(--color);
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=click]
border: 1px solid var(--color);
background-color: var(--color);
[/class]
[script class=tab01 on=click]
addClass click tab01
removeClass click tab02
removeClass click tab03
removeClass click tab04
addClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab02 on=click]
addClass click tab02
removeClass click tab01
removeClass click tab03
removeClass click tab04
addClass show content02
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab03 on=click]
addClass click tab03
removeClass click tab01
removeClass click tab02
removeClass click tab04
addClass show content03
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab04 on=click]
addClass click tab04
removeClass click tab01
removeClass click tab02
removeClass click tab03
addClass show content04
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show contentHome
[/script]
[div class=variables]
[div class=container]
[div class=left]
[div class=img]
[div class=brackets][/div]
[/div]
[/div]
[div class=right]
[div class=contentContainer]
[div class="show content contentHome"]
[div class=name]CECELIA.[/div]
[div class=textHome]
i went too far,
when i was begging,
on my knees[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] cecelia rose harlow
[div class=tag]nicknames[/div] cece
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cisfemale
[div class=tag]birthday[/div] march 5th
[div class=tag]s.o[/div] heterosexual
[div class=tag]role[/div] existing student & daughter of president silas harlow
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/304a0f9d11c35d1d1bd32c932843de32/tumblr_p4exiyl4Eh1slxggro1_250.png');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/ed1db48cd4fdfa8d180dbf29c30cc5a0/tumblr_pdmapssQvF1xsrr3po4_250.png');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, seven inches.
[div class=tag]f.c[/div] daisy clementine smith.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/3ec0ce3ffd40ab0640cf76036e1e341d/tumblr_pdmapssQvF1xsrr3po5_250.png');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/335287898/superthumb.jpg?t=1568578699');"][/div] [/div] [div class=tag]pos. traits[/div] passionate, determined, kind hearted, generous.
[div class=tag]neg. traits[/div] perfectionist, erratic, overly cautious, naive.
[div class=tag]likes[/div] musical theatre, jewellery, glitter, birds, performing, white wine.
[div class=tag]dislikes[/div] her father and country, technology (because she feels out of place), meeting new people, large dogs.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/9640b0c6f50a77fc6caf09cfd3a7f7fb/tumblr_p4exiyl4Eh1slxggro8_250.png');"][/div] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQCdvzfvyelfZTKXUv7Qkrng62mAMlwTjCUTO3f6CCSrw3IUuRm');"][/div] [/div] [div class=tag]misc. facts[/div]
→ often dresses up as disney princesses for children's birthday parties.
→ has probably tried to make you listen to her whistle note. [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/38462ed8b61dd19bcb41d4422bba23c9/tumblr_pxbb71lf4u1xhk432o1_640.jpg');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/00d5eb643bd6a83b1b19b9467b31556e/tumblr_pmi2dj2JT61scmqbd_400.jpg');"][/div] [/div] [div class=tag]tws[/div] implied abuse, WIP
[div class=tag]bio[/div] comes from an autocratic country with no internet. hurt by her father. jealous of her brother. baby.
] [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
i went too far,
when i was begging,
on my knees[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] cecelia rose harlow
[div class=tag]nicknames[/div] cece
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cisfemale
[div class=tag]birthday[/div] march 5th
[div class=tag]s.o[/div] heterosexual
[div class=tag]role[/div] existing student & daughter of president silas harlow
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/304a0f9d11c35d1d1bd32c932843de32/tumblr_p4exiyl4Eh1slxggro1_250.png');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/ed1db48cd4fdfa8d180dbf29c30cc5a0/tumblr_pdmapssQvF1xsrr3po4_250.png');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, seven inches.
[div class=tag]f.c[/div] daisy clementine smith.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/3ec0ce3ffd40ab0640cf76036e1e341d/tumblr_pdmapssQvF1xsrr3po5_250.png');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/335287898/superthumb.jpg?t=1568578699');"][/div] [/div] [div class=tag]pos. traits[/div] passionate, determined, kind hearted, generous.
[div class=tag]neg. traits[/div] perfectionist, erratic, overly cautious, naive.
[div class=tag]likes[/div] musical theatre, jewellery, glitter, birds, performing, white wine.
[div class=tag]dislikes[/div] her father and country, technology (because she feels out of place), meeting new people, large dogs.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/9640b0c6f50a77fc6caf09cfd3a7f7fb/tumblr_p4exiyl4Eh1slxggro8_250.png');"][/div] [div class=imgSmall style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQCdvzfvyelfZTKXUv7Qkrng62mAMlwTjCUTO3f6CCSrw3IUuRm');"][/div] [/div] [div class=tag]misc. facts[/div]
→ often dresses up as disney princesses for children's birthday parties.
→ has probably tried to make you listen to her whistle note. [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/38462ed8b61dd19bcb41d4422bba23c9/tumblr_pxbb71lf4u1xhk432o1_640.jpg');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/00d5eb643bd6a83b1b19b9467b31556e/tumblr_pmi2dj2JT61scmqbd_400.jpg');"][/div] [/div] [div class=tag]tws[/div] implied abuse, WIP
[div class=tag]bio[/div] comes from an autocratic country with no internet. hurt by her father. jealous of her brother. baby.
] [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
clxssified
x o x o
[class=variables]
--color: orchid;
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important
[/class]
[class=container]
width: 460px;
height: 300px;
display: flex;
margin: auto;
[/class]
[class=left]
background-color: var(--color);
height: 300px;
width: 220px;
padding: 10px;
box-sizing: border-box;
[/class]
[class name=left maxWidth=450px]
width: 135px;
padding: 5px;
height: 290px;
[/class]
[class=img]
height: 280px;
width: 200px;
background-image: url('https://66.media.tumblr.com/2840ea73fe5b116a8128856c723f921a/tumblr_okngux80AY1unte4eo1_250.png');
filter: saturate(0%);
background-size: cover;
padding: 20px;
box-sizing: border-box;
background-position: 50% 50%;
[/class]
[class name=img maxWidth=450px]
width: 125px;
[/class]
[class=brackets]
height: 100%;
width: 100%;
background:
linear-gradient(to right, white 2px, transparent 2px) 0 100%,
linear-gradient(to left, white 2px, transparent 2px) 100% 0,
linear-gradient(to bottom, white 2px, transparent 2px) 100% 0,
linear-gradient(to top, white 2px, transparent 2px) 0 100%;
background-repeat: no-repeat;
background-size: 20px 20px;
[/class]
[class name=brackets maxWidth=450px]
opacity: 0;
[/class]
[class=right]
width: 240px;
height: 300px;
display: flex;
flex-direction: column;
[/class]
[class=contentContainer]
position: relative;
width: 240px;
height: 270px;
[/class]
[class name=contentContainer maxWidth=450px]
left: -5px;
[/class]
[class=content]
position: absolute;
opacity: 0;
transition: 0.5s;
width: 240px;
height: 270px;
font-size: 12px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
[/class]
[class=scroll]
width: 100%;
padding-right: 150px;
height: 100%;
overflow-y: scroll;
[/class]
[class=name]
font-weight: 900;
text-align: center;
border-bottom: 4px solid var(--color);
width: 120px;
display: block;
margin: 10% auto;
font-size: 18px;
position: relative;
[/class]
[class=textHome]
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 200px;
margin: 0 6.5%;
[/class]
[class=title]
text-align: center;
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
[/class]
[class=tag]
display: inline-block;
border-bottom: 1px solid var(--color);
height: 15px;
font-size: 10px;
text-transform: uppercase;
[/class]
[class=imgSmallContainer]
width: 80%;
height: 70px;
display: flex;
justify-content: space-between;
margin: 10px auto;
[/class]
[class=imgSmall]
width: 70px;
height: 70px;
background-size: cover;
background-position: 50% 50%;
filter: saturate(70%);
[/class]
[class=tabs]
display: flex;
width: 150px;
margin: 0 23%;
justify-content: space-between;
[/class]
[class name=tabs maxWidth=450px]
position: relative;
left: -10px;
[/class]
[class=tab]
border-radius: 50%;
height: 20px;
width: 20px;
border: 1px solid black;
transition: 0.5s;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
border: 1px solid var(--color);
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=click]
border: 1px solid var(--color);
background-color: var(--color);
[/class]
[script class=tab01 on=click]
addClass click tab01
removeClass click tab02
removeClass click tab03
removeClass click tab04
addClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab02 on=click]
addClass click tab02
removeClass click tab01
removeClass click tab03
removeClass click tab04
addClass show content02
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab03 on=click]
addClass click tab03
removeClass click tab01
removeClass click tab02
removeClass click tab04
addClass show content03
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show contentHome
[/script]
[script class=tab04 on=click]
addClass click tab04
removeClass click tab01
removeClass click tab02
removeClass click tab03
addClass show content04
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show contentHome
[/script]
[div class=variables]
[div class=container]
[div class=left]
[div class=img]
[div class=brackets][/div]
[/div]
[/div]
[div class=right]
[div class=contentContainer]
[div class="show content contentHome"]
[div class=name]HEATH.[/div]
[div class=textHome]
cause i feel like i'm the worst,
so i always
act like i'm the best[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] heath tristan delancey
[div class=tag]nicknames[/div] cece
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cismale
[div class=tag]birthday[/div] may 15th
[div class=tag]s.o[/div] pansexual
[div class=tag]role[/div] existing student & son of global journalists / celebrities
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/e656d07d60b05c9f03ea9657d6a962da/tumblr_inline_owydzn5kg41tlc5wj_500.jpg');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/273156452/original.jpg');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, ten inches.
[div class=tag]f.c[/div] manu rios.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/3a52cef91a10f5a8b1eb0e22430f0b91/tumblr_oo1rtqQdr21ukteoco1_400.jpg');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/311617918/original.jpg');"][/div] [/div] [div class=tag]pos. traits[/div] witty, charming, intelligent, generous.
[div class=tag]neg. traits[/div] bitchy, sarcastic, vindictive, promiscuous.
[div class=tag]likes[/div] cosmetics, glitter, cats, gossip, photography, leather jackets, shopping, cocktails.
[div class=tag]dislikes[/div] academic work, uniforms, copper jewellery, horror movies, ghost stories.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/a7b68f96de104813886cbfb6a4735810/tumblr_obo6vlESTB1rjmsf0o7_250.png');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/240a8781ea295314d4d32ecb0ea8699e/tumblr_ona05sxvVC1v4g0opo5_250.png');"][/div] [/div] [div class=tag]misc. facts[/div]
→ xx.
→ xx. [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/430131e7ef4e05bdf926a73b0c51e53c/tumblr_omprkyxocy1uxwl3to3_500.jpg');"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/f8/8e/f9/f88ef92d67ff8c26c671dd372c4de24d.jpg');"][/div] [/div] [div class=tag]tws[/div] WIP
[div class=tag]bio[/div] full time bitch, part time journalist, will spread your secrets and sleep with your significant other.
] [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
cause i feel like i'm the worst,
so i always
act like i'm the best[/div] [/div] [div class="content content01"] [div class=scroll] [div class=title]basics[/div] [div class=tag]name[/div] heath tristan delancey
[div class=tag]nicknames[/div] cece
[div class=tag]age[/div] 18
[div class=tag]gender[/div] cismale
[div class=tag]birthday[/div] may 15th
[div class=tag]s.o[/div] pansexual
[div class=tag]role[/div] existing student & son of global journalists / celebrities
[div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/e656d07d60b05c9f03ea9657d6a962da/tumblr_inline_owydzn5kg41tlc5wj_500.jpg');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/273156452/original.jpg');"][/div] [/div] [div class=title]appearance[/div] [div class=tag]height[/div] five foot, ten inches.
[div class=tag]f.c[/div] manu rios.
[/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]persona[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/3a52cef91a10f5a8b1eb0e22430f0b91/tumblr_oo1rtqQdr21ukteoco1_400.jpg');"][/div] [div class=imgSmall style="background-image: url('https://data.whicdn.com/images/311617918/original.jpg');"][/div] [/div] [div class=tag]pos. traits[/div] witty, charming, intelligent, generous.
[div class=tag]neg. traits[/div] bitchy, sarcastic, vindictive, promiscuous.
[div class=tag]likes[/div] cosmetics, glitter, cats, gossip, photography, leather jackets, shopping, cocktails.
[div class=tag]dislikes[/div] academic work, uniforms, copper jewellery, horror movies, ghost stories.
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]special[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/a7b68f96de104813886cbfb6a4735810/tumblr_obo6vlESTB1rjmsf0o7_250.png');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/240a8781ea295314d4d32ecb0ea8699e/tumblr_ona05sxvVC1v4g0opo5_250.png');"][/div] [/div] [div class=tag]misc. facts[/div]
→ xx.
→ xx. [/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]background[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/430131e7ef4e05bdf926a73b0c51e53c/tumblr_omprkyxocy1uxwl3to3_500.jpg');"][/div] [div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/f8/8e/f9/f88ef92d67ff8c26c671dd372c4de24d.jpg');"][/div] [/div] [div class=tag]tws[/div] WIP
[div class=tag]bio[/div] full time bitch, part time journalist, will spread your secrets and sleep with your significant other.
] [/div] [/div] [/div] [div class=tabs] [div class="tab tab01"][/div] [div class="tab tab02"][/div] [div class="tab tab03"][/div] [div class="tab tab04"][/div] [/div] [/div] [/div] [/div]
coded by shady.
caramel
spmo!
[class=variables]
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
--color: #d3d3d3;
[/class]
[class=codeContainer]
width: 400px;
height: 410px;
margin: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
[/class]
[class name=codeContainer maxWidth=450px]
width: 350px;
[/class]
[class=top]
width: 400px;
height: 95px;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
[/class]
[class name=top maxWidth=450px]
width: 350px;
[/class]
[class=name]
color: transparent;
font-size: 70px;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--color);
letter-spacing: -2px;
height: 60px;
line-height: 0.9;
transition: 0.5s;
[/class]
[class name=name maxWidth=450px]
font-size: 65px;
line-height: 1;
width: 210px;
overflow: hidden;
[/class]
[class name=name state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
color: var(--color);
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tabsContainer]
width: 160px;
height: 40px;
display: flex;
justify-content: space-between;
align-items: flex-end;
[/class]
[class name=tabsContainer maxWidth=450px]
width: 140px;
[/class]
[class=tab]
height: 20px;
width: 20px;
border: 2px solid var(--color);
border-radius: 50%;
transition: 0.5s;
display: flex;
justify-content: center;
align-items: center;
[/class]
[class=tabInner]
height: 10px;
width: 10px;
border: 2px solid var(--color);
border-radius: 50%;
transition: 0.5s;
opacity: 0;
[/class]
[class=selected]
background-color: var(--color);
opacity: 1;
[/class]
[class=container]
height: 300px;
width: 390px;
position: relative;
margin: auto;
[/class]
[class name=container maxWidth=450px]
width: 350px;
[/class]
[class=content]
height: 300px;
width: 400px;
overflow: hidden;
opacity: 0;
position: absolute;
transition: 0.5s;
font-size: 12px;
[/class]
[class name=content maxWidth=450px]
width: 350px;
[/class]
[class=show]
z-index: 1;
opacity: 1;
[/class]
[class=imgHome]
background-image: url('https://66.media.tumblr.com/2cd93d4b46e81dc8dc5105a50615d57a/tumblr_pq6taqrFxv1vnvgrr_500.jpg');
background-size: cover;
height: 170px;
width: 170px;
[/class]
[class=textHome]
font-size: 20px;
text-transform: uppercase;
text-align: center;
width: 200px;
[/class]
[class=title]
font-weight: 900;
text-transform: uppercase;
text-align: right;
font-size: 16px;
[/class]
[class=block]
width: auto;
padding: 0px 2px 0px 2px;
font-size: 10px;
display: inline-block;
background-color: var(--color);
text-transform: uppercase;
color: white;
[/class]
[class=imgSmallContainer]
width: 100%;
height: 90px;
display: flex;
justify-content: space-evenly;
margin: 10px 10px;
[/class]
[class=imgSmall]
width: 90px;
height: 90px;
background-size: cover;
background-position: 80% 50%;
filter: saturate(100%);
[/class]
[class=scroll]
overflow-y: scroll;
padding-right: 40px;
width: 100%;
height: 100%;
[/class]
[class=indent]
display: inline-block;
width: 20px;
height: 1px;
[/class]
[script class=tab01 on=mouseenter]
addClass show tabInner01
[/script]
[script class=tab01 on=mouseleave]
removeClass show tabInner01
[/script]
[script class=tab02 on=mouseenter]
addClass show tabInner02
[/script]
[script class=tab02 on=mouseleave]
removeClass show tabInner02
[/script]
[script class=tab03 on=mouseenter]
addClass show tabInner03
[/script]
[script class=tab03 on=mouseleave]
removeClass show tabInner03
[/script]
[script class=tab04 on=mouseenter]
addClass show tabInner04
[/script]
[script class=tab04 on=mouseleave]
removeClass show tabInner04
[/script]
[script class=tab05 on=mouseenter]
addClass show tabInner05
[/script]
[script class=tab05 on=mouseleave]
removeClass show tabInner05
[/script]
[script class=name on=click]
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab01 on=click]
addClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content01
removeClass show contentHome
removeClass show content02
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab02 on=click]
addClass selected tabInner02
removeClass selected tabInner01
removeClass selected tabInner03
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content02
removeClass show contentHome
removeClass show content01
removeClass show content03
removeClass show content04
removeClass show content05
[/script]
[script class=tab03 on=click]
addClass selected tabInner03
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner04
removeClass selected tabInner05
addClass show content03
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content04
removeClass show content05
[/script]
[script class=tab04 on=click]
addClass selected tabInner04
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner05
addClass show content04
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content05
[/script]
[script class=tab05 on=click]
addClass selected tabInner05
removeClass selected tabInner01
removeClass selected tabInner02
removeClass selected tabInner03
removeClass selected tabInner04
addClass show content05
removeClass show contentHome
removeClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
[/script]
[div class=variables]
[div class=codeContainer]
[div class=top]
[div class=name]mercedes[div class=tabBar][/div][/div]
[div class=tabsContainer]
[div class="tab tab01"][div class="tabInner tabInner01"][/div][/div]
[div class="tab tab02"][div class="tabInner tabInner02"][/div][/div]
[div class="tab tab03"][div class="tabInner tabInner03"][/div][/div]
[div class="tab tab04"][div class="tabInner tabInner04"][/div][/div]
[div class="tab tab05"][div class="tabInner tabInner05"][/div][/div]
[/div]
[/div]
[div class=container]
[div class="content contentHome show" style="display: flex; align-items: center; justify-content: space-between;"]
[div class=imgHome][/div]
[div class=textHome]
AND I GOT HER ON HER KNEES LIKE RELIGION
[/div]
[/div]
[div class="content content01"]
[div class=scroll]
[div class=title]REQUISITE[/div]
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/16515db543fc7a5291be273500e11eb4/tumblr_inline_pnafndPqAy1t9ndkh_1280.gif');"][/div]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/6b208b2cc75e9b249422bb7a838608f1/tumblr_inline_pnafnj8lZN1t9ndkh_1280.gif');"][/div]
[div class=imgSmall style="background-image: url('https://66.media.tumblr.com/d80a587612c8d3d41e6b5ccd106103ea/tumblr_inline_pnafn5nyTH1t9ndkh_1280.gif');"][/div]
[/div]
[div class=block]name[/div] mercedes killian shaw
[div class=block]nickname[/div] sadie, mercy
[div class=block]age[/div] 17
[div class=block]birthday[/div] january 20th
[div class=block]gender[/div] female
[div class=block]orentation[/div] bisexual
[div class=block]role[/div] existing student [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]APPEARANCE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0cf0d8e2426aa1dc07b004f5d976104f/tumblr_inline_pnag4qKCjl1t9ndkh_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2499aa2d67c345f3f89c91ee3c902f7d/tumblr_inline_pnag4nEtsm1t9ndkh_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/e4474b6020d0d4d8ca75af2dca92e98c/tumblr_inline_pnag4dHOkB1t9ndkh_1280.gif');"][/div] [/div] [div class=block]height[/div] 5’4
[div class=block]weight[/div] 110 lbs
[div class=block]fc[/div] danielle rose russell
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/e64426b409b6d2c6c2b26bdcf6a23162/tumblr_inline_pnej1o8f2Q1t9ndkh_1280.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/4ebcd0cca2ad3ea8738fa4742461e724/tumblr_inline_pnej009SY01t9ndkh_1280.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/88531d71e8f6f253ad1c33af6dbafd9d/tumblr_inline_pneizhmaH91t9ndkh_1280.gif'); background-position: 30% 50%;"][/div] [/div] [div class=block]alignment[/div] neutral good
[div class=block]postive traits[/div] mercy is the anithesis of all of her siblings, especially her sister. she’s bubbly and outgoing and smiles constantly, all the time, 24/7. she wants to be normal and approachable and not, as she’s called shiloh, “a lonely fucking freak”. helping people makes her happy and sometimes the generosity is exaggerated, like she wants people to know she’s rich or nice enough to assist them.
[div class=block]negative traits[/div] her self restraint when it comes to talking is impressive, so impressive that she’s impassive. mercy ignores or forgets anything that inconveniences her because she literally doesn’t know how to deal with it outside of those two things. mercy’s a liar, even if she doesn’t look it. most of them are innocent white lies but those build up.
[div class=block]likes[/div] natural manicures, bubblegum, high school movies, freshly ironed clothing, vegan chocolate, old movies
[div class=block]dislikes[/div] hand-me downs, hospitals, the smell of antiseptic, the southern half of the USA, cigarettes
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]INFORMATION[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/7136992ea60fe2cefcad772484be6fd1/tumblr_inline_pnnmedz9Hz1t9ndkh_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2140fb55ab9d6affd1d00e6ecd75e0c4/tumblr_inline_pnnmapo3er1t9ndkh_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/fd6d21366186a572386fc1caac02403f/tumblr_inline_pnnmavT7371t9ndkh_1280.gif');"][/div] [/div] [div class=block]playlist[/div] tbd.
[div class=block]aesthetics[/div]
[div class=indent][/div]→ pinterest ; tbd
[div class=indent][/div]→ weheartit ; tbd
[div class=block]fun fact ?[/div] she was selectively mute for scattered parts of her childhood, the reason why starts with an s and ends with an hiloh
[/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]BACKGROUND[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/027f02cb5f109bbb2eaaf3a360e3bafd/tumblr_inline_pnnoo47ffd1t9ndkh_1280.gif'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2a71c049a60b3a46fc288e4fbee2ebc4/tumblr_inline_pnnoomiyju1t9ndkh_1280.gif'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0bcca20866233d64d7b9801fee1a0216/tumblr_inline_pnnonbByu21t9ndkh_1280.gif'); background-position: 50% 50%;"][/div] [/div] [div class=block]family[/div]
[div class=indent][/div]→ keaton | being around keaton makes her sad, that’s just the kind of person he is. sometimes they try and reminisce on childhood memories but that always brings up things they both hope to forget.
[div class=indent][/div]→ shiloh | [redacted]
[div class=indent][/div]→ kellan | she’s in a psych ward and mercy tries her best to forget it. she grew up hoping her and kellan would be close, like sisters she’s saw on tv, but it never happened. kellan was wild and mercy would cover for her until she eventually went too far.
[div class=block]bio[/div] mercy was a very pretty child even though she had blood in her hair a lot [/div] [/div] [/div] [/div] [/div]
[div class=block]nickname[/div] sadie, mercy
[div class=block]age[/div] 17
[div class=block]birthday[/div] january 20th
[div class=block]gender[/div] female
[div class=block]orentation[/div] bisexual
[div class=block]role[/div] existing student [/div] [/div] [div class="content content02"] [div class=scroll] [div class=title]APPEARANCE[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0cf0d8e2426aa1dc07b004f5d976104f/tumblr_inline_pnag4qKCjl1t9ndkh_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2499aa2d67c345f3f89c91ee3c902f7d/tumblr_inline_pnag4nEtsm1t9ndkh_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/e4474b6020d0d4d8ca75af2dca92e98c/tumblr_inline_pnag4dHOkB1t9ndkh_1280.gif');"][/div] [/div] [div class=block]height[/div] 5’4
[div class=block]weight[/div] 110 lbs
[div class=block]fc[/div] danielle rose russell
[/div] [/div] [div class="content content03"] [div class=scroll] [div class=title]PERSONA[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/e64426b409b6d2c6c2b26bdcf6a23162/tumblr_inline_pnej1o8f2Q1t9ndkh_1280.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/4ebcd0cca2ad3ea8738fa4742461e724/tumblr_inline_pnej009SY01t9ndkh_1280.gif'); background-position: 30% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/88531d71e8f6f253ad1c33af6dbafd9d/tumblr_inline_pneizhmaH91t9ndkh_1280.gif'); background-position: 30% 50%;"][/div] [/div] [div class=block]alignment[/div] neutral good
[div class=block]postive traits[/div] mercy is the anithesis of all of her siblings, especially her sister. she’s bubbly and outgoing and smiles constantly, all the time, 24/7. she wants to be normal and approachable and not, as she’s called shiloh, “a lonely fucking freak”. helping people makes her happy and sometimes the generosity is exaggerated, like she wants people to know she’s rich or nice enough to assist them.
[div class=block]negative traits[/div] her self restraint when it comes to talking is impressive, so impressive that she’s impassive. mercy ignores or forgets anything that inconveniences her because she literally doesn’t know how to deal with it outside of those two things. mercy’s a liar, even if she doesn’t look it. most of them are innocent white lies but those build up.
[div class=block]likes[/div] natural manicures, bubblegum, high school movies, freshly ironed clothing, vegan chocolate, old movies
[div class=block]dislikes[/div] hand-me downs, hospitals, the smell of antiseptic, the southern half of the USA, cigarettes
[/div] [/div] [div class="content content04"] [div class=scroll] [div class=title]INFORMATION[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/7136992ea60fe2cefcad772484be6fd1/tumblr_inline_pnnmedz9Hz1t9ndkh_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2140fb55ab9d6affd1d00e6ecd75e0c4/tumblr_inline_pnnmapo3er1t9ndkh_1280.gif');"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/fd6d21366186a572386fc1caac02403f/tumblr_inline_pnnmavT7371t9ndkh_1280.gif');"][/div] [/div] [div class=block]playlist[/div] tbd.
[div class=block]aesthetics[/div]
[div class=indent][/div]→ pinterest ; tbd
[div class=indent][/div]→ weheartit ; tbd
[div class=block]fun fact ?[/div] she was selectively mute for scattered parts of her childhood, the reason why starts with an s and ends with an hiloh
[/div] [/div] [div class="content content05"] [div class=scroll] [div class=title]BACKGROUND[/div] [div class=imgSmallContainer] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/027f02cb5f109bbb2eaaf3a360e3bafd/tumblr_inline_pnnoo47ffd1t9ndkh_1280.gif'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/2a71c049a60b3a46fc288e4fbee2ebc4/tumblr_inline_pnnoomiyju1t9ndkh_1280.gif'); background-position: 50% 50%;"][/div] [div class=imgSmall style="background-image: url('https://66.media.tumblr.com/0bcca20866233d64d7b9801fee1a0216/tumblr_inline_pnnonbByu21t9ndkh_1280.gif'); background-position: 50% 50%;"][/div] [/div] [div class=block]family[/div]
[div class=indent][/div]→ keaton | being around keaton makes her sad, that’s just the kind of person he is. sometimes they try and reminisce on childhood memories but that always brings up things they both hope to forget.
[div class=indent][/div]→ shiloh | [redacted]
[div class=indent][/div]→ kellan | she’s in a psych ward and mercy tries her best to forget it. she grew up hoping her and kellan would be close, like sisters she’s saw on tv, but it never happened. kellan was wild and mercy would cover for her until she eventually went too far.
[div class=block]bio[/div] mercy was a very pretty child even though she had blood in her hair a lot [/div] [/div] [/div] [/div] [/div]
coded by shady.
eclipsa
faerie sightings
[class=cursor]
cursor: url(http://www.rw-designer.com/cursor-view/21935.png), auto
[/class]
[class=box]
width: 400px;
height: 400px;
padding: 10px;
background-image: url(https://i.pinimg.com/originals/9a/0b/c8/9a0bc81bf6592b0cee756b0b98a07c97.jpg);
background-size: 100% auto;
background-position: center;
margin: auto;
position: relative;
font-size: 11px;
font-family: Lora;
color: #000
[/class]
[class=name]
font-size: 30px;
color: #e89113;
letter-spacing: 5px;
position: absolute;
margin-left: 10px;
[/class]
[class=picture]
height: 100px;
width: 100px;
border: 5px solid #e89113;
box-shadow: 5px 5px #8b570b;
position: absolute;
background-image: url(https://pbs.twimg.com/media/C9-u55MVYAAqX-d.jpg);
background-size: 100% auto;
background-position: bottom;
margin-left: 10px;
[/class]
[class=infobox1]
margin-left: 140px;
background: white;
height: 108px;
width: 240px;
box-shadow: 5px 5px #8b570b;
border: 1px solid #e89113;
position: absolute
[/class]
[class=infobox2]
width: 120px;
height: 108px;
overflow: hidden;
border-right: 1px solid #e89113;
position: absolute
[/class]
[class=infobox3]
width: 140px;
height: 108px;
overflow: auto;
[/infobox3]
[class=infobox4]
margin-right: 20px;
[/class]
[class=input]
border-bottom: 1px solid #e89113;
padding: 3px;
[/class]
[class=infobox5]
position: absolute;
margin-left: 125px;
height: 108px;
width: 119px;
overflow: hidden
[/class]
[class=infobox6]
width: 129px;
overflow: auto;
height: 108px;
[/class]
[class=infobox7]
margin-right: 20px;
padding: 5px
[/class]
[class=longbox]
margin-top: 10px;
margin-left: 10px;
box-shadow: 5px 5px #8b570b;
background: white;
height: 100px;
width: 370px;
overflow: hidden;
border: 1px solid #e89113;
[/class]
[class=longbox2]
overflow: auto;
width: 390px;
height: 100px;
[/class]
[class=longbox3]
margin-right: 20px;
padding: 5px
[/class]
[class=pic1]
background-image: url(https://d1qb2nb5cznatu.cloudfront.net/users/6447443-large?1495074876);
background-size: 130% auto;
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
border: 3px solid #e89113;
background-position: center;
[/class]
[class=pic2]
background-image: url(https://www.themillions.com/wp-content/uploads/2014/04/photo-4.jpg);
background-size: 100% auto;
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
border: 3px solid #e89113;
background-position: left;
[/class]
[class=pic3]
background-image: url(https://i.pinimg.com/736x/bc/1f/db/bc1fdbbab83cbae80e279916b354eeb4.jpg);
background-size: 100% auto;
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
border: 3px solid #e89113;
[/class]
[class=pic4]
background-image: url(https://cdn.discordapp.com/attachments/367685899959664641/612164785546592276/43724001_497371230730510_6393071375697608330_n.jpg);
background-size: 130% auto;
border-radius: 100%;
height: 50px;
width: 50px;
display: inline-block;
border: 3px solid #e89113;
background-position: left;
[/class]
[div class=cursor][div class=box][div class=name]oliver ![/div]
[div class=picture][/div][div class=infobox1][div class=infobox2][div class=infobox3][div class=infobox4][div class=input]name ; oliver franklin sharpe [/div][div class=input]age ; eighteen[/div][div class=input]dob ; march fourth[/div][div class=input]gender ; male[/div][div class=input]orientation ; het[/div][div class=input]height // weight ; 6' ; 157bs[/div][div class=input]role ; new student[/div][div class=input]fc ; kurtis conner[/div][div class=input]food ; garlic bread[/div][div class=input]color ; green[/div][div class=input]song ; wires - the neighbourhood[/div][/div][/div][/div][div class=infobox5][div class=infobox6][div class=infobox7]
[/div][/div][/div][/div][div class=longbox][div class=longbox2][div class=longbox3]vine ; x
positive traits ; baby, sweet, compassionate
negative traits ; says dude too much, oblivious, too nice probably
likes ; video games, true crime, podcasts
dislikes ; assholes, capitalism, gatekeepers in the gaming world
no one: / oliver: *10 minutes of air drums*
therapist: and what do we say when we feel that way? / oliver: game or die.
bitches be like the universe is ever expanding and infinitely a mystery, may as well spend the next week playing video games. oliver is bitches.
him n logan had it rough bc their dad was murdered n then their mom became an alcoholic. then there was a car crash n only these two survived, their mom died. anyway then they jumped from foster home to foster home until she got arrested n he ended up in vemrose!![/div][/div][/div]
[div class=picture][/div][div class=infobox1][div class=infobox2][div class=infobox3][div class=infobox4][div class=input]name ; oliver franklin sharpe [/div][div class=input]age ; eighteen[/div][div class=input]dob ; march fourth[/div][div class=input]gender ; male[/div][div class=input]orientation ; het[/div][div class=input]height // weight ; 6' ; 157bs[/div][div class=input]role ; new student[/div][div class=input]fc ; kurtis conner[/div][div class=input]food ; garlic bread[/div][div class=input]color ; green[/div][div class=input]song ; wires - the neighbourhood[/div][/div][/div][/div][div class=infobox5][div class=infobox6][div class=infobox7]
[/div][/div][/div][/div][div class=longbox][div class=longbox2][div class=longbox3]vine ; x
positive traits ; baby, sweet, compassionate
negative traits ; says dude too much, oblivious, too nice probably
likes ; video games, true crime, podcasts
dislikes ; assholes, capitalism, gatekeepers in the gaming world
no one: / oliver: *10 minutes of air drums*
therapist: and what do we say when we feel that way? / oliver: game or die.
bitches be like the universe is ever expanding and infinitely a mystery, may as well spend the next week playing video games. oliver is bitches.
him n logan had it rough bc their dad was murdered n then their mom became an alcoholic. then there was a car crash n only these two survived, their mom died. anyway then they jumped from foster home to foster home until she got arrested n he ended up in vemrose!![/div][/div][/div]
[div class=pic1]
[div class=pic2][/div] [div class=pic3][/div] [div class=pic4][/div]
[/div]milk inc 2019
[/div][/div]
Last edited by a moderator:
eclipsa
faerie sightings
CASSIAN.
okay?
name ; prince cassian alexander elliot vladimir richard lumley of enrotemnickname ; cass
age ; 18
birthday ; august 14
gender ; male
sexual orientation ; hetero probably
role ; existing student
height ; 6'2
weight ; 164lbs
face claim ; luke hemmings
positive traits ; cunning, loyal, brave
negative traits ; aggressive, detached, fuckboy
likes ; movies, parties, getting what he wants
dislikes ; his country, being powerless, death
i don't wanna type his whole bio but:
so. enrotem was p corrupt always but a good dude became king but bc he wanted to make it better n no one wanted it he was assassinated. now mans was a dad of 5 but none were of age so their mom had to remarry. the man was evil n Bad to the heirs n sent the boys away to avoid them coming into power, n the girls were made into maids basically n their mom went a bit crazy n they got out too eventually. so anyway anyone loyal to them n not him is a traitor n wanted dead or alive! nice! cass has an accent bc he was sent Far away as a wee boy
milk inc
Last edited by a moderator:
eclipsa
faerie sightings
NIXON.
baby but make it feral
name ; princess nixon elizabeth grace marianne desdemona lumley of enrotemnickname ; nix
age ; 18
birthday ; august 14
gender ; female
sexual orientation ; ????
role ; existing student-ish
height ; 5'2
weight ; 116lbs
face claim ; sabrina carpenter
positive traits ; sly, witty, caring
negative traits ; unstable, murderous, impatient
likes ; poison, cats, purple
dislikes ; herself, being alone, the unknown
see cass,,,, but! nixon was turned into the ultimate assassin by her stepfather n is still unstable bc of it.
milk inc
Last edited by a moderator:
clxssified
x o x o
EDMUND.
don't look at me !
name edmund andres nicholas tekirovnickname(s) eddie
age 18
birthday november 23rd
gender cismale
sexual orientation bisexual
role existing student; prince; heir to the tekirov dynasty in the kingdom of nesria
height 6'3
fc david corenswet
pos. traits analytical, charming, well-read
neg. traits manipulative, haughty, stubborn
likes titles, red wine, political humour, correcting people, polo
dislikes 'commoners', carbonated drinks, contact sports, dirt
cruel, evil boy. terrible to almost everyone he meets. thinks he's a literal god.
milk inc