eyyliner
ミ✭
[div class=background][div class=second]
[div class=topimg]
[div class=back] BACKWARD [/div][/div] [div class=border][div class=opacitybg][/div] [div class=box][div class=over]overview[/div]
The year is 1987. In a major city of the United States, somewhere like Seattle, there is a group of people. Each person has a history—something unique about them that gave them the ability to see into another realm. Each character can somehow interact with ghosts, ghouls, and demons alike. Their job? To help—or fight—these spirits to return from whence they came. The problem that has arisen is fellow mediums have been disappearing. With each new month, another medium disappears. Whoever—or whatever—this mysterious foe is has been creeping closer and closer to their cozy home. Whatever is coming... your character must be prepared to fight to survive.
[div class=over]rules[/div]
[div class=num]1.[/div] Players may play between one to two characters.
[div class=num]2.[/div] Try to be active at least twice a week! Don't ditch if you can help it.
[div class=num]3.[/div] Acceptance will be semi-selective. Not looking for over ten players to join—they are meant to be living/working together so the characters can have a bit of a community amongst themselves.
[div class=over]links[/div]
[div class=bottomwords]“Whoever fights monsters should see to it
that in the process
he does not become a monster."
[/div][/div] [div class=line][div class=fimgb][div class=input] [div class=block][div class=inputwords] FORWARD [/div][/div][/div][/div][/div] [/div][/div] [div class=c]made by:
lavendre
[/div]
[script class=input on=click]
slideUp 2000 first
fadeIn 1000 second
[/script]
[script class=back on=click]
slideDown 2000 first
[/script]
[script class=input on=mouseenter]
addClass op inputwords
[/script]
[script class=input on=mouseleave]
removeClass op inputwords
[/script]
[class=background]height: 400px;
max-width: 600px;
boz-sixing: border-box;
margin: auto;
position: relative;
overflow: hidden;
border: 1px solid #f1f1f1
[/class]
[class=first]height: 100%;
width: 100%;
background: #CFCFCF;
opacity: 0.99;
position: relative;
top: -400px
[/class]
[class=second]height: 100%;
width: 100%;
background-image:url(https://i.pinimg.com/564x/af/04/2b/af042b41c426f2f1a6c0fd1415496457.jpg);
background-size:90%;
background-position: 0% 30%;
opacity: 1;
position: relative;
top: 0px
[/class]
[class=back]width:100%; height: 40px; padding: 20px 0px 0px 0px; margin: auto; font-weight: 700; letter-spacing: 1.5px; word-spacing: 1.5px; font-size: 13px; color: white; position: relative; top: 305px; text-align: center; text-transform: uppercase; cursor: pointer
[/class]
[class=line]height: 2px;
width: 100%;
background: white;
position: relative;
top: 130px
[/class]
[class=fimgb]position: relative;
top: -95px;
margin: auto;
clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); height: 180px; width: 180px; background: #fff; padding: 7px
[/class]
[class=input]cursor: pointer;
height: 180px;
width: 180px;
background-image: url(https://i.pinimg.com/564x/2f/fc/8f/2ffc8f01709a3a45abf18b9b8d0a71e2.jpg); background-size: 120%; background-position: 55% 100%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); filter: saturate(70%)
[/class]
[class=inputwords]height: 10px;
padding: 5px 5px 10px 5px;
width: 100%;
display: block;
background: #fff;
color: #444444;
position: relative;
top: 85px;
font-size: 10px;
font-family: 'Playfair Display', serif;
text-align: center;
transition: all .4s ease-in-out;
opacity: 0;
position: relative
[/class]
[class name=op]opacity: 1
[/class]
[class name=words]height:100px;
width: 100%;
font-size: 25px;
font-family: 'Playfair Display', serif;
position: absolute;
color: #444444;
top: 250px;
text-align: center;
letter-spacing: 4.5px;
text-transform: uppercase
[/class]
[class=topimg]height:100%;
width:100%;
filter: saturate(110%);
transition: all .5s ease-in-out;
position: relative;
top: 0px;
left: 0px
[/class]
[class name=topimg state=hover]filter: saturate(150%);
[/class]
[class=topwords]width:130px;
height: 7%;
border-bottom: 1px solid #94A12C;
font-size: 12px;
color: black;
position: relative;
top: 220px;
margin: auto;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
word-spacing: 1px;
letter-spacing: 1px;
[/class]
[class=bottomwords]height: 100%; width: 100%; font-size: 0.45em; text-transform: lowercase; text-align: center; font-style: oblique; top: -5px; line-height: 14px; letter-spacing: 0.2px; position: relative; top: 10px
[/class]
[class=border]height: 300px;
width: 345px;
position: relative;
margin:auto;
top: -371px;
left: 0px
[/class]
[class name=opacitybg]height: 289px;
width: 350px;
border: 1px solid white;
background: white;
opacity: 0.8;
margin: auto;
position: relative;
top: 5px
[/class]
[class=i]display: inline-block; font-size: 30px; font-style: italic
[/class]
[class=box]height: 80%; width: 90%; padding: 5px; font-size: 11px; font-family: 'Hind', sans-serif; margin: auto; position: relative; top: -265px; line-height:16px; word-spacing: -0px; overflow: auto; text-align: justify
[/class]
[class=over]height: 25px; padding: 10px 0px 0px 0px; width: 100%; background: #ACACAC; font-size: 10px; font-weight: 700; text-transform: uppercase; position: sticky; top: 0px; text-align: center; letter-spacing: 2px;
[/class]
[class=num]display: inline-block; font-size: 11px; font-weight: 700
[/class]
[class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px
[/class]
[div class=back] BACKWARD [/div][/div] [div class=border][div class=opacitybg][/div] [div class=box][div class=over]overview[/div]
The year is 1987. In a major city of the United States, somewhere like Seattle, there is a group of people. Each person has a history—something unique about them that gave them the ability to see into another realm. Each character can somehow interact with ghosts, ghouls, and demons alike. Their job? To help—or fight—these spirits to return from whence they came. The problem that has arisen is fellow mediums have been disappearing. With each new month, another medium disappears. Whoever—or whatever—this mysterious foe is has been creeping closer and closer to their cozy home. Whatever is coming... your character must be prepared to fight to survive.
[div class=over]rules[/div]
[div class=num]1.[/div] Players may play between one to two characters.
[div class=num]2.[/div] Try to be active at least twice a week! Don't ditch if you can help it.
[div class=num]3.[/div] Acceptance will be semi-selective. Not looking for over ten players to join—they are meant to be living/working together so the characters can have a bit of a community amongst themselves.
[div class=over]links[/div]
CHARACTERS - MAIN - OOC
[/div][/div][/div]
[div class=first]
[div class=words][div class=i]G[/div]olden Years
[div class=bottomwords]“Whoever fights monsters should see to it
that in the process
he does not become a monster."
[/div][/div] [div class=line][div class=fimgb][div class=input] [div class=block][div class=inputwords] FORWARD [/div][/div][/div][/div][/div] [/div][/div] [div class=c]made by:
lavendre
[/div]
[script class=input on=click]
slideUp 2000 first
fadeIn 1000 second
[/script]
[script class=back on=click]
slideDown 2000 first
[/script]
[script class=input on=mouseenter]
addClass op inputwords
[/script]
[script class=input on=mouseleave]
removeClass op inputwords
[/script]
[class=background]height: 400px;
max-width: 600px;
boz-sixing: border-box;
margin: auto;
position: relative;
overflow: hidden;
border: 1px solid #f1f1f1
[/class]
[class=first]height: 100%;
width: 100%;
background: #CFCFCF;
opacity: 0.99;
position: relative;
top: -400px
[/class]
[class=second]height: 100%;
width: 100%;
background-image:url(https://i.pinimg.com/564x/af/04/2b/af042b41c426f2f1a6c0fd1415496457.jpg);
background-size:90%;
background-position: 0% 30%;
opacity: 1;
position: relative;
top: 0px
[/class]
[class=back]width:100%; height: 40px; padding: 20px 0px 0px 0px; margin: auto; font-weight: 700; letter-spacing: 1.5px; word-spacing: 1.5px; font-size: 13px; color: white; position: relative; top: 305px; text-align: center; text-transform: uppercase; cursor: pointer
[/class]
[class=line]height: 2px;
width: 100%;
background: white;
position: relative;
top: 130px
[/class]
[class=fimgb]position: relative;
top: -95px;
margin: auto;
clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); height: 180px; width: 180px; background: #fff; padding: 7px
[/class]
[class=input]cursor: pointer;
height: 180px;
width: 180px;
background-image: url(https://i.pinimg.com/564x/2f/fc/8f/2ffc8f01709a3a45abf18b9b8d0a71e2.jpg); background-size: 120%; background-position: 55% 100%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); filter: saturate(70%)
[/class]
[class=inputwords]height: 10px;
padding: 5px 5px 10px 5px;
width: 100%;
display: block;
background: #fff;
color: #444444;
position: relative;
top: 85px;
font-size: 10px;
font-family: 'Playfair Display', serif;
text-align: center;
transition: all .4s ease-in-out;
opacity: 0;
position: relative
[/class]
[class name=op]opacity: 1
[/class]
[class name=words]height:100px;
width: 100%;
font-size: 25px;
font-family: 'Playfair Display', serif;
position: absolute;
color: #444444;
top: 250px;
text-align: center;
letter-spacing: 4.5px;
text-transform: uppercase
[/class]
[class=topimg]height:100%;
width:100%;
filter: saturate(110%);
transition: all .5s ease-in-out;
position: relative;
top: 0px;
left: 0px
[/class]
[class name=topimg state=hover]filter: saturate(150%);
[/class]
[class=topwords]width:130px;
height: 7%;
border-bottom: 1px solid #94A12C;
font-size: 12px;
color: black;
position: relative;
top: 220px;
margin: auto;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
word-spacing: 1px;
letter-spacing: 1px;
[/class]
[class=bottomwords]height: 100%; width: 100%; font-size: 0.45em; text-transform: lowercase; text-align: center; font-style: oblique; top: -5px; line-height: 14px; letter-spacing: 0.2px; position: relative; top: 10px
[/class]
[class=border]height: 300px;
width: 345px;
position: relative;
margin:auto;
top: -371px;
left: 0px
[/class]
[class name=opacitybg]height: 289px;
width: 350px;
border: 1px solid white;
background: white;
opacity: 0.8;
margin: auto;
position: relative;
top: 5px
[/class]
[class=i]display: inline-block; font-size: 30px; font-style: italic
[/class]
[class=box]height: 80%; width: 90%; padding: 5px; font-size: 11px; font-family: 'Hind', sans-serif; margin: auto; position: relative; top: -265px; line-height:16px; word-spacing: -0px; overflow: auto; text-align: justify
[/class]
[class=over]height: 25px; padding: 10px 0px 0px 0px; width: 100%; background: #ACACAC; font-size: 10px; font-weight: 700; text-transform: uppercase; position: sticky; top: 0px; text-align: center; letter-spacing: 2px;
[/class]
[class=num]display: inline-block; font-size: 11px; font-weight: 700
[/class]
[class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px
[/class]
Last edited:
