What's new
  • 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 airbag - CS

Main
Here
OOC
Here

magnadeus

professional fifthist
[nobr]

[class=variables]

--color: #b7cfda;

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://upload.wikimedia.org/wikipedia/commons/3/36/Blue_girl.jpg');

filter: saturate(50%);

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]ALIAS HERE.[/div]

[div class=textHome]quotes/lyrics[br][/br][br][/br](optional)[br][/br][br][/br][/div]

[/div]



[div class="content content01"]

[div class=scroll]

[div class=title]basics[/div]

[div class=tag]name[/div] here

[br][/br]

[div class=tag]nicknames[/div] here, (optional)

[br][/br]

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

[br][/br]

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

[br][/br]

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/d/d7/Claudette_1979.JPG');"][/div]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/0f/Doubleslit3Dspectrum-blue.gif');"][/div]

[/div]

[div class=title]appearance[/div]

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

[br][/br]

[div class=tag]description[/div] used if one has no faceclaim

[br][/br]

[/div]

[/div]





[div class="content content02"]

[div class=scroll]

[div class=title]DESCRIPTION[/div]

[div class=tag]quote[/div] from the character
[br][/br]
[div class=tag]personality[/div] give enough of a description to work off of

[div class=title]ABILITIES[/div]

[div class=tag]natural skills[/div] what your character is generally good at

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/%28Elevations_of%29_1st_and_2nd_floors%2C_south%2C_east%2C_west%2C_north_%28elevations%29%2C_details_of_frame%2C_door%2C_and_hall_to_closet_%28GGUSC-BlackerR-5353%29.jpg/207px-%28Elevations_of%29_1st_and_2nd_floors%2C_south%2C_east%2C_west%2C_north_%28elevations%29%2C_details_of_frame%2C_door%2C_and_hall_to_closet_%28GGUSC-BlackerR-5353%29.jpg');"][/div]

[div class=imgSmall style="background-image: url('https://images.pexels.com/photos/1326930/pexels-photo-1326930.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260');"][/div]

[/div]

[div class=tag]supernatural skills[/div] what abilities your character has been gifted

[br][/br]

[/div]

[/div]





[div class="content content03"]

[div class=scroll]

[div class=title]bio[/div]

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://images.pexels.com/photos/414062/pexels-photo-414062.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260');"][/div]

[div class=imgSmall style="background-image: url('https://images.pexels.com/photos/247676/pexels-photo-247676.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260');"][/div]

[/div]

[div class=tag]history[/div] childhood, growing up

[br][/br]

[div class=tag]relationships[/div] friends, family, enemies

[br][/br]

[/div]

[/div]





[div class="content content04"]

[div class=scroll]

[div class=title]miscellaneous[/div]

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://images.pexels.com/photos/23273/pexels-photo.jpg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260');"][/div]

[div class=imgSmall style="background-image: url('https://images.pexels.com/photos/719396/pexels-photo-719396.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260');"][/div]

[/div]

[div class=tag]misc. facts[/div]

[br][/br]

xx → favourite song, zodiac sign, etc.

[br][/br]

xx → anything not listed in previous sections

[/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]

[div=font-size: 9px; text-align: center; opacity: 0.8;]coded by shady.[/div]
[/nobr]
 
Last edited:

magnadeus

professional fifthist
[nobr]

[class=variables]

--color: #b32727;

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://upload.wikimedia.org/wikipedia/commons/thumb/d/dd/1001_Nights-Russian_censored_version-page_II.tif/lossy-page1-375px-1001_Nights-Russian_censored_version-page_II.tif.jpg');

filter: saturate(50%);

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]INFOVORE[/div]

[div class=textHome]
The lights are on but nobody's home / Everybody wants to be a friend
[br][/br][br][/br]
The lights are on but nobody's home / Nobody wants to be a slave
[/div]

[/div]



[div class="content content01"]

[div class=scroll]

[div class=title]basics[/div]

[div class=tag]name[/div] Allison H. Mercier

[br][/br]

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

[br][/br]

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

[br][/br]

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

[br][/br]

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/22/Longhorn_RSoD.png');"][/div]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/d/d8/The_Red_Book_by_Carl_Jung%2C_2009.jpg');"][/div]

[/div]

[div class=title]appearance[/div]

[div class=tag]height[/div] 6′1″

[br][/br]

[div class=tag]description[/div] Blonde hair with red streaks. Tall, disconcertingly wiry frame. Mildly hatchet-faced in public, more indifferent-looking in casual environments.

[br][/br]

[/div]

[/div]





[div class="content content02"]

[div class=scroll]

[div class=title]DESCRIPTION[/div]

[div class=tag]quote[/div] "It's lonely at the top, and a long fall too."
[br][/br]
[div class=tag]personality[/div] Systematic, interested in rules, systems, and experimentation. Observant and highly aware. Distrustful of authority, possessing a peculiar intuition. Often jumps to strange conclusions. Competent with day-to-day social skills, but awful with emotional situations.


[div class=title]ABILITIES[/div]

[div class=tag]natural skills[/div] Strong investigative skills, capable actor, good fine motor skill/dexterity

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/54/NSALibertyReport.p13.jpg');"][/div]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Redacted_CIA_document.jpg/185px-Redacted_CIA_document.jpg');"][/div]

[/div]

[div class=tag]supernatural skills[/div] Infovore - the ability to consume information. When used, Allison is able to steal information from various sources (books, devices, people) and consume it, taking the knowledge for herself. When information is taken from sources such as written/printed text or computers, the data is blacked out or entirely removed. Similarly, people who have their own knowledge consumed completely forget it. Information gained using this power is eventually metabolized and forgotten, in a timespan ranging from one day to several weeks depending on the nature of the information.

[br][/br]

[/div]

[/div]





[div class="content content03"]

[div class=scroll]

[div class=title]bio[/div]

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Laura_Bush_police_report.jpg/191px-Laura_Bush_police_report.jpg');"][/div]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Map_of_the_village_of_Great_Barrington%2C_Mass._LOC_76692095.jpg/228px-Map_of_the_village_of_Great_Barrington%2C_Mass._LOC_76692095.jpg'); filter: hue-rotate(160deg);"][/div]

[/div]

[div class=tag]history[/div] For the majority of her years, Allison lived a life easily describable as mediocre. Mediocre family, mediocre friends, mediocre surroundings and a mediocre self. The prospect of a dull and dead-end life filled Allison with a sense of haunting dread. The sudden easing of this dread following her nearly fatal accident was particularly curious, (and the development of superpowers was certainly another factor). Armed with suspicion and a fairly literal hunger for knowledge, Allison soon set out on a personal quest to determine the cause of these effects.

[br][/br]

[div class=tag]relationships[/div] Ashley Mercier - Mother. They don't speak as much as they used to. The relationship is generally positive, but they are slowly growing apart. Neither of them seem to be able to do anything about it. [br][/br][br][/br] David Mercier - Father. Always tries to initiate conversation, never knows why he is ignored. It takes too much out of Allison to deal with him. [br][/br][br][/br] Rachel Liam Rhoder - Only friend. The more she changes, the more she stays the same. The one person Allison trusts with anything.

[br][/br]

[/div]

[/div]





[div class="content content04"]

[div class=scroll]

[div class=title]miscellaneous[/div]

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://media.giphy.com/media/h4C2XMSw5JkcuxHnQa/giphy.gif');"][/div]

[div class=imgSmall style="background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/66/Abstract-Artwork-_1270.jpg');"][/div]

[/div]

[div class=tag]favourite song[/div]
[br][/br]
Morning Bell - Radiohead
[br][/br]

[/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]

[div=font-size: 9px; text-align: center; opacity: 0.8;]coded by shady.[/div]
[/nobr]
 
Last edited:

OSWonder

Currently Existing
WIP

[nobr]

[class=variables]

--color: #070707;

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/564x/a3/b3/93/a3b393b0f95d6fad74e1ba8fb0727ced.jpg');

filter: saturate(50%);

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]Judas[/div]

[div class=textHome][br][/br]preying on the blood//faith in only what they see[br][/br][br][/br]i don't believe in Satan // but he believes in me[br][/br][br][/br][/div]

[/div]



[div class="content content01"]

[div class=scroll]

[div class=title]basics[/div]

[div class=tag]name[/div] Dymitr E. Polanski

[br][/br]

[div class=tag]nicknames[/div] Elkie

[br][/br]

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

[br][/br]

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

[br][/br]

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/d6/2f/a0/d62fa07773c5c8c9ca05c7dcc21ac3a7.jpg');"][/div]

[div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/39/b9/76/39b976cb53c4f2f969df69a54e685908.jpg');"][/div]

[/div]

[div class=title]appearance[/div]

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

[br][/br]

[div class=tag]description[/div] Before the incident, he was fairly unremarkable, a likable kind of face that could attract a second look on a good day but wouldn't exactly be called gorgeous. After, though, as time slowly passed, doll-like became an increasingly accurate word to use to describe Dymitr. He was still made of the same features, of course, yet something had clearly changed. All porcelain skin, head full of dark curls and emerald doe eyes, as though someone had carved him out of bone china. Striking, perhaps, but soulless.

[br][/br]

[/div]

[/div]





[div class="content content02"]

[div class=scroll]

[div class=title]DESCRIPTION[/div]

[div class=tag]quote[/div] "Death isn't as welcoming as you might think."
[br][/br]
[div class=tag]personality[/div] to be added

[div class=title]ABILITIES[/div]

[div class=tag]natural skills[/div][br][/br]
Excellent Spatial Perception, Quick Thinking

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/e9/8d/57/e98d573d60dacdab05756759a06ab6e1.jpg');"][/div]

[div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/44/07/71/440771415cf933c0ddacf124f2fad7a7.jpg');"][/div]

[/div]

[div class=tag]supernatural skills[/div] [br][/br]Judas Kiss:
The ability to create ghost-like apparitions using the shadows of things around him and giving them temporary cognisance. While they are "alive", Dymitr is their absolute master and they will attack anything, including whatever it originated from (hence the name). The strength of the apparition depends greatly on its density, in the sense that one made from the shadow of a cat will barely have any strength while another made from the shadow of a building can easily cause fatal injuries. He can make multiple at a time, but their intelligence drops substantially with each. The ability is especially powerful in confined spaces or places with little light and plenty of large objects, such as forests & dark alleys. Unfortunately, in open fields, it is practically useless as an offensive tool.
[br][/br][br][/br]
The shadows can meld into walls and are completely silent unless otherwise commanded, hence they are also rather useful as spies and scouts. Apparitions made for the purpose of spying can't be too dense as they would become noticeable, therefore, it is impossible to use them in fights. Each apparition can last anywhere from an hour to a day depending on their strength. In terms of distance, the shadows can go as far as a kilometer radius away from Dymitr but will dissipate once they leave this range.
[br][/br][br][/br]
The Judas Kiss does extend to placing the gathered shadows in recently deceased beings, giving Dymitr control of those bodies for a short period of time, but he has yet to have many opportunities to practise this due to the understandable lack of dead bodies around him. He has never tried to insert the shadows into another living being, fearing that he might get caught doing it.
[br][/br]

[/div]

[/div]





[div class="content content03"]

[div class=scroll]

[div class=title]bio[/div]

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/2a/fe/6c/2afe6c6b9ca95539487b192fe661f70b.jpg');"][/div]

[div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/8f/70/2a/8f702a243eba76206669d8a469c46df9.jpg');"][/div]

[/div]

[div class=tag]history[/div] childhood, growing up

[br][/br]

[div class=tag]relationships[/div] friends, family, enemies

[br][/br]

[/div]

[/div]





[div class="content content04"]

[div class=scroll]

[div class=title]miscellaneous[/div]

[div class=imgSmallContainer]

[div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/3a/12/ef/3a12efcc186c49c9bd8caf2da2cb5bd4.jpg');"][/div]

[div class=imgSmall style="background-image: url('https://i.pinimg.com/564x/70/da/65/70da65a577a38b9fe525b054adffde43.jpg');"][/div]

[/div]

[div class=tag]misc. facts[/div]

[br][/br]

xx → favourite song, zodiac sign, etc.

[br][/br]

xx → anything not listed in previous sections

[/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]

[div=font-size: 9px; text-align: center; opacity: 0.8;]coded by shady.[/div]
[/nobr]
 

Kenku

Full of terror
[nobr]
[class=variables]
--color: #b7cfda;
cursor: url('https://i.pinimg.com/originals/7f/49/f7/7f49f7e10a9ff4d69b6742c39a454f34.jpg'), 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.gifer.com/86nZ.gif');
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]Eris[/div]
[div class=textHome]Innocence died screaming, Honey ask me I should know.[/div]
[/div]

[div class="content content01"]
[div class=scroll]
[div class=title]basics[/div]
[div class=tag]name[/div] Mallory W. Halishaw
[br][/br]
[div class=tag]nicknames[/div] Mal, Lori
[br][/br]
[div class=tag]age[/div] 18
[br][/br]
[div class=tag]gender[/div] Female
[br][/br]
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/b1/a8/f1/b1a8f19c737b622cb7591863b0b943b9.jpg');"][/div]
[div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/f4/97/83/f49783b9b6976eec09998a0cecd382de.jpg');"][/div]
[/div]
[div class=title]appearance[/div]
[div class=tag]height[/div] five foot, five inches.
[br][/br]
[div class=tag]appearance[/div] Dark wavy hair that becomes curly when when air dried, fair skin, blue eyes. Oval shaped face with a nice smile, she dresses how she pleases and always wears makeup.
[br][/br]
[/div]
[/div]


[div class="content content02"]
[div class=scroll]
[div class=title]Description[/div]
[div class=tag]quote[/div] "The mind hates it when things don’t match up, so it bends over backwards to trick itself into thinking it all makes sense."
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/a1/ed/ca/a1edca193acb0c200dc4dfc3694c931f.jpg');"][/div]
[div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/49/26/2f/49262ff43af3cbc7d950b51c035c0246.jpg');"][/div]
[/div]
[div class=tag]personality[/div] Mallory likes doing things her own way and on her own time. Doesn't take well to be ordered around, but can play the act if she needed to. She's an extrovert who can strike a conversation with most people, she goes with her gut instinct on how to feel about people which means she judges most of them harshly. Mallory can be considered an anarchist in some ways; she hates authority, is distrustful of almost everyone, and firmly believes in someone exacting their own justices.
[br][/br]
[/div]
[/div]


[div class="content content03"]
[div class=scroll]
[div class=title]ablilities[/div]
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://i.pinimg.com/originals/ca/61/98/ca6198c03787e1b64999536be0c3d86f.jpg');"][/div]
[div class=imgSmall style="background-image: url('http://66.media.tumblr.com/f34712e571655eab6e6219407a53d1db/tumblr_n2lxzmGUmW1r8j5cno1_1280.jpg');"][/div]
[/div]
[div class=tag]natural abilities [/div] People smart, lock picking, moving stealthily, great poker face, can pickpocket.
[br][/br]
[div class=tag]supernatural abilities [/div] Hallucinations: Mallory can cause other people to have hallucinations, not to be confused with illusion, once she chooses a target she can cause them to hear and see anything she chooses. The more people she has to affect the less she can do, for example if she was distracting a group of ten the most she could do would make them all hear a voice or fight in a different direction. Mallory can’t read minds, meaning most of the stuff she makes them feel are her own creations. The longer she has to work on one or two people the more affective it is, mostly in part to their own paranoia and sleep deprivation making them more on edge. The hallucinations include all the senses except touch. It doesn’t work the same for everyone, those that have a stronger mind and no guilt are hardly phased. Those with something to hide though, they always watch the shadows even before Mallory begins.
[br][/br]
[/div]
[/div]


[div class="content content04"]
[div class=scroll]
[div class=title]bio[/div]
[div class=tag]history[/div] Mallory was born to an average middle class couple, a couple who hated each other and married because it was expected of them. They had Mallory for the same reason and expected her to do her part in keeping up the image of a perfect daughter. For years Mallory did just that, she played the role of a perfect child. Her grades were good, she played the violin, and manners were instilled early. However Mallory always felt something was off, her parents barely looked at her even when she made an A. They never came to a recital and the house was empty more than it was occupied, when she was ten she realized that they were just pretending. Pretending to love her, pretending to love each other, pretending that they didn't sleep with anyone that looked at them the right way, pretending that they didn't drink themselves to a mess on the few days one of them was home. After that Mallory stopped pretending. She got in fights when someone set her off, grades were hardly a concern anymore, and she began to hate people who hid behind masks with a passion. She was skipping school the day she got into the accident, when she discovered her new abilities she set out to test them on those who deserved it.
[div class=imgSmallContainer]
[div class=imgSmall style="background-image: url('https://3.bp.blogspot.com/-m8wV3_L_Lo8/XIkHEp0pEcI/AAAAAAAAG40/oU8BzYsYpSwAx8DinX-KUVbnPiKNRd--QCK4BGAYYCw/s1600/Kaya-scodelario-skins-season-1.jpg');"][/div]
[div class=imgSmall style="background-image: url('https://media.giphy.com/media/9Zy2qyCh9FHvG/giphy.gif');"][/div]
[/div]
[div class=tag]relationships[/div] Parents- Strained at best, they rarely talk and have made it apparent they don't approve of anything their daughter does.
[br][/br]
[div class=tag]misc. facts[/div]
[br][/br]
  • xx Still plays the violin, enjoys it and has improved
  • Will listen to any genre as long as it has a nice beat
  • Likes teaching kids swear words
  • An Aries
  • Will try any drug once, except meth. She still has standards.
[br][/br]
xx
[/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]
[div=font-size: 9px; text-align: center; opacity: 0.8;]coded by shady.[/div]
[/nobr]
 
Last edited:

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top