BELIAL.
wanna bewitch you in the moonlight
[class name="majorContainer" minWidth="500px"]
width:500px;
background:#fff;
margin:auto;
border:1px solid #f1f1f1;
padding:50px;
--accent:#555
[/class]
[class name="majorContainer" maxWidth="499px"]
width:250px;
background:#fff;
margin:auto;
border:1px solid #f1f1f1;
padding:50px;
--accent:#555
[/class]
[class name="colorChange"]
--accent:#9D0F0D
[/class]
[div class="majorContainer"]
[div class="titleText"]BAD THINGS
[div class="quoteContainer"]
[div style="font-size:10px"]a southern gothic/supernatural roleplay[/div]
[/div]
[/div]
[div style="padding:10px;border:1px solid #f1f1f1"]
[div class="imageHover"]
[div class="goBack"]goiback[/div]
[div class="flexright"]
[div class="infobox"]
[div class="pageContainers"]
[div class="tabContainers"]
[div class="tabStyle taba"]plot[/div]
[div class="tabStyle tabb"]rules[/div]
[div class="tabStyle tabc"]characters[/div]
[div class="tabStyle tabd"]misc[/div]
[div class="goBackMobile"]goiback[/div]
[/div]
[div class="containerPages pageOne"]
[div class="basicInfo"]
[div class="basicInfoText"]
Deep in the darkened banks of Louisiana, straight across from the new overpass connecting the modern world to derelict traditionalism is the small town of Mallaus (MAL-AY-US); hardly worth a second glance or a weekend visit. The people that live in Mallaus are hard-working, principled Americans with blood just about coursing to the beat of the Star Spangled Banner.
If you’re born in Mallaus, you die in Mallaus. Families go back generation upon generation, shacking up in the same plantations or homes since the civil war. Change is rare to come to Mallaus, and often grimaced at by the older residents. The town is split into two these days: half the place is really coming along, something new every month or so added on; and the other half is stubborn and rooted, noses up to the idea of anybody new coming to Mallaus.
If you’re born in Mallaus, you die in Mallaus.
But there’s something about this town. The locals hardly notice it and visitors don’t look hard enough to see it— but something is there. This strange element is brought to light in 2016 when everyone’s fears came true.
Vampires. Bold, ancient creatures with enough numbers to support themselves have bled from the woodwork and announced themselves to society. Coming out of the coffin, as it’s put. The world was rattled, to put it lightly.
Not the only bits of supernatural at play, Mallaus is one of the first towns to sign a legislature allowing integration of Vampires. It feels like a test trial of sorts, but why on earth a small and rural town was picked first over thousands of cities is beyond anyone.
So here we are, at the precipice of change. Worlds are shifted and people are forced to confront their very morality and traditions. All in the tiny, worth nothing town of Mallaus, Louisiana.
Where do you stand?
[/div]
[/div]
[/div]
[div class="containerPages pageTwo"]
[div class="basicInfo"]
[div class="basicInfoText"]
RULES & EXPECTATIONS
- As a general rule of thumb, I'm all about communication and working together. If there's a dispute between players, I'd like if everyone could talk it out before insults start slinging. We're all here to have fun, and we want to make this experience the best for ourselves and everyone else. In terms of communication, if something comes up I'd like some sort of heads up if you'll be absent. I get email updates on RpN as well as having a discord, so there's no way you can't get to me about anything. If someone is having trouble with another player, either solve it between yourselves or let me know privately. Again, I'm all about running things smoothly and I have everyone's best intentions at heart. I'm not a tyrant.
- In terms of activity, I'd prefer at least a post a week from people. I get that life happens, and I'm more than willing to make accommodations for people if they talk to me, but I'd like for this to not die within a week from inactivity. As well, it's rude to ghost when you're interacting with someone because they end up stuck. If you're prone to ghosting, I'd appreciate if you found another roleplay.
- For posting, I would like decent, quality posts over novels or short bursts of a paragraph or less. We should all push to expand our creative minds. I'm also all about giving other players something to work with. It's hard to post or make posts when the person you're talking to is giving you squat.
- The plot of this rp is fairly loose, mostly because I'm willing to work with whatever and develop whatever with y'all. If you have any plot point ideas, or event ideas, feel free to tag me in the OOC or PM me! I'd love to hear ideas. However, if something is too far fetched... we may have to adjust it a bit... or a lot... or I may have to say no. I'm not antagonistic, but I'm all for quality over shock factor or something centrally rooted to your character.
- This goes for character development as well. I'm not opposed, but we'll have a talk if you want some Nephilim or a vampire with magical powers.
Character sheets will be located on a separate thread. I'll list here the specific roles that people can take and the number of people that can be in that role.
(you're not locked down to only taking these roles. these are just leadership roles that people can fill if they please. I'll add people as they enter as well. Feel free to make up roles and come up with your own races within reason. I'll add anyone and anything new.)
The number next to the title refers to the number of people that can have that role. No number means infinite:
HUMANS:
(1) Sheriff of Mallaus: Harrison Gautherie (
BELIAL.
)
BELIAL.
)(2) Deputy of Mallaus:
Civilians: Tariya Parker (
R
Rock And Roll Boy
)
VAMPIRES:
(1) Vampire Sheriff of Louisiana, Area 9 (near, including and around Mallaus) : Chione Aten (
erzulie
)
erzulie
)
Vampires:
WEREWOLVES:
(2) Packmaster:
(1) Lone wolves:
WITCHES:
(1) Coven leader:
(3) Coven members: Billie Graeme (
nuas
)
nuas
)
(2) Unaffiliated witches: Mercedes Zabielski (
apolla
)
apolla
)
OTHERS:
(One per species, remember)
[/div]
[/div]
[/div]
[div class="containerPages pageFour"]
[div class="basicInfo"]
[div class="basicInfoText"]
xxx
[/div]
[/div]
[/div]
[/div]
[/div]
[/div]
[/div]
[/div]
[div style="max-width:500px;margin:auto;width:100%;font-size:8px;text-transform:uppercase;opacity:0.6;text-align:right"]cheers, lamb[/div]
[class name="titleText" minWidth="500px"]
font-size:5em;
color:var(--accent);
transition:1s;
[/class]
[class name="titleText" maxWidth="499px"]
font-size:4em;
color:var(--accent);
transition:1s;
[/class]
[class name="quoteContainer" minWidth="500px"]
margin-top:-0.9em;
margin-left:3em;
background:#fff;
color:#555;
text-transform:uppercase;
position:absolute;
z-index:1;
letter-spacing:0.5px;
padding:5px;
[/class]
[class name="quoteContainer" maxWidth="499px"]
margin-top:-0.9em;
background:#fff;
color:#555;
text-transform:uppercase;
position:absolute;
z-index:1;
padding:5px;
[/class]
[class name="imageHover" minWidth="500px"]
width:100%;
height:300px;
background:url(https://sm1.narvii.com/6674/a126c6520226e108084bc7e97a6c30f448f22110_00.jpg);
background-position:center;
background-size:150%;
transition:0.5s ease all;
filter:grayscale(100%);
overflow:hidden;
display:flex;
transition-duration:1s;
cursor:crosshair;
[/class]
[class name="imageHover" maxWidth="499px"]
width:100%;
height:300px;
background:url(https://sm1.narvii.com/6674/a126c6520226e108084bc7e97a6c30f448f22110_00.jpg);
background-position:center;
background-size:cover;
transition:0.5s ease all;
filter:grayscale(100%);
overflow:hidden;
display:flex;
transition-duration:1s;
cursor:crosshair;
[/class]
[class name="goBack" minWidth="500px"]
margin-left:calc(50% - 50px);
color:#fff;
text-transform:uppercase;
font-size:10px;
margin-top:285px;
font-weight:bold;
transition:1s;
opacity:0;
[/class]
[class name="goBack" maxWidth="499px"]
display:none
[/class]
[class name="goBackMobile" minWidth="500px"]
display:none
[/class]
[class name="goBackMobile" maxWidth="499px"]
color:#555;
text-transform:uppercase;
font-size:10px;
font-weight:bold;
transition:1s;
opacity:1;
padding:5px;
cursor:pointer;
[/class]
[class name="flexright" minWidth="500px"]
width:250px;
height:100%;
transition-duration:1s;
margin-left:calc(50% + 10px);
[/class]
[class name="flexright" maxWidth="499px"]
width:250px;
height:100%;
transition-duration:1s;
margin-left:100%;
[/class]
[class="infobox"]
width:250px;
height:100%;
background:#fff;
overflow:hidden;
cursor:auto;
[/class]
[class name="pageContainers"]
width:calc(100% - 25px);
padding:0px 0px 0px 10px;
height:100%;
overflow:hidden;
[/class]
[class name="containerPages"]
font-size:11px;
text-align:justify;
color:#555;
height:265px;
overflow:auto;
width:220px;
padding-right:17px;
padding-left:3px;
[/class]
[class name="tabContainers"]
display:flex;
margin-bottom:7px;
height:22px;
[/class]
[class name="tabStyle"]
font-size:10px;
text-transform:uppercase;
color:#555;
font-weight:bold;
padding:5px;
transition:0.1s;
cursor:pointer;
[/class]
[class name="basicInfo"]
padding:6px;
border:1px solid #f1f1f1;
display:flex;
justify-content:space-between;
margin-bottom:5px;
[/class]
[class name="basicInfoLabel"]
font-size:9.5px;
text-transform:uppercase;
color:#fff;
font-weight:bold;
padding:2px 5px 2px 5px;
background:var(--accent);
[/class]
[class name="basicInfoText"]
font-size:11px;
color:#555;
[/class]
[class name="personContainer"]
display:flex;
width:100%;
font-size:9.5px;
margin-top:5px;
[/class]
[class name="personFlex"]
width:100px;
flex-grow:1;
padding:5px;
[/class]
[class name="personWrap"]
display:flex;
flex-wrap:wrap;
width:100%;
[/class]
[class name="traitLeftContainer"]
width:calc(50% - 15px);
margin:5px;
[/class]
[class name="traitName"]
text-transform:uppercase;
font-weight:bold;
margin-bottom:-5px;
color:#000;
[/class]
[class name="traitMeterOut"]
border:1px solid var(--accent);
width:100%;
height:5px;
border-radius:5px;
padding:1px;
margin-bottom:5px;
[/class]
[class name="traitMeter"]
background:var(--accent);
height:5px;
[/class]
[class name="likeDislike"]
background-color:#eeeeee;
color:#555;
text-transform:uppercase;
width:fit-content;
padding:2px 5px 2px 5px;
border-radius:5px;
margin:1px;
[/class]
[class name="imgContainers"]
display:flex;
width:223px;
flex-wrap:wrap;
pointer-events:none;
justify-content:space-between;
[/class]
[class name="imgBox"]
border:5px solid #fff;
box-shadow:1px 1px #ddd;
width:100px;
height:100px;
filter:saturate(200%);
[/class]
[class name="oocBox"]
width:100%;
padding-right:10px;
border-top:3px solid var(--accent);
margin-top:3px;
text-align:right;
text-transform:uppercase;
color:#555;
font-size:15px;
font-weight:bold;
[/class]
[class name="oocInfo"]
width:100%;
text-align:right;
[/class]
[class name="animate" minWidth="500px"]
animation-name:{post_id}imageAnimate;
animation-duration: 2s;
animation-fill-mode: forwards;
[/class]
[class name="animate" maxWidth="499px"]
animation-name:{post_id}mobileAnimate;
animation-duration: 2s;
animation-fill-mode: forwards;
[/class]
[class name="backAnimate" minWidth="500px"]
animation-name:{post_id}postAnimate;
animation-duration: 2s;
animation-fill-mode: forwards;
[/class]
[class name="backAnimate" maxWidth="499px"]
animation-name:{post_id}postMobile;
animation-duration: 2s;
animation-fill-mode: forwards;
[/class]
[class name="movers" minWidth="500px"]
margin-left:calc(0% + 5px);
transition-delay:1s;
[/class]
[class name="movers" maxWidth="499px"]
margin-left:calc(0% - 10px);
transition-delay:1s;
[/class]
[class name="opacityChange"]
opacity:1;
transition-delay:2s;
cursor: pointer;
[/class]
[script class="imageHover" on="mouseenter"]
addClass animate imageHover
removeClass backAnimate imageHover
addClass movers flexright
addClass opacityChange goBack
addClass colorChange majorContainer
[/script]
[script class="goBack" on="click"]
removeClass animate imageHover
addClass backAnimate imageHover
removeClass movers flexright
removeClass opacityChange goBack
removeClass colorChange majorContainer
[/script]
[script class="goBackMobile" on="click"]
removeClass animate imageHover
addClass backAnimate imageHover
removeClass movers flexright
removeClass opacityChange goBack
removeClass colorChange majorContainer
[/script]
[script class="containerPages"]
hide containerPages
show pageOne
removeClass tabSelect tabStyle
addClass tabSelect taba
[/script]
[class name="tabSelect"]
border-bottom:2px solid var(--accent);
margin-left:0px;
[/class]
[script class="taba" on="click"]
hide containerPages
show pageOne
removeClass tabSelect tabStyle
addClass tabSelect taba
[/script]
[script class="tabb" on="click"]
hide containerPages
show pageTwo
removeClass tabSelect tabStyle
addClass tabSelect tabb
[/script]
[script class="tabc" on="click"]
hide containerPages
show pageThree
removeClass tabSelect tabStyle
addClass tabSelect tabc
[/script]
[script class="tabd" on="click"]
hide containerPages
show pageFour
removeClass tabSelect tabStyle
addClass tabSelect tabd
[/script]
[animation=imageAnimate]
[keyframe=50]
background-size:130%;filter:grayscale(0%);background-position:center;
[/keyframe]
[keyframe=100]
background-size:130%;filter:grayscale(0%);background-position:center right;
[/keyframe]
[/animation]
[animation=postAnimate]
[keyframe=0]
background-size:130%;filter:grayscale(0%);background-position:center right;
[/keyframe]
[keyframe=50]
background-size:130%;filter:grayscale(0%);background-position:center;
[/keyframe]
[keyframe=100]
background-size:150%;filter:grayscale(100%);background-position:center;
[/keyframe]
[/animation]
[animation=mobileAnimate]
[keyframe=50]
filter:grayscale(0%);background-position:center;
[/keyframe]
[keyframe=100]
filter:grayscale(0%);background-position:center right;
[/keyframe]
[/animation]
[animation=postMobile]
[keyframe=0]
filter:grayscale(0%);background-position:center right;
[/keyframe]
[keyframe=50]
filter:grayscale(0%);background-position:center;
[/keyframe]
[keyframe=100]
filter:grayscale(100%);background-position:center;
[/keyframe]
[/animation]
[/div][div class="majorContainer"][/div]
Last edited:
