natasha.
𝘧𝘭𝘰𝘳𝘦𝘴𝘤𝘦𝘯𝘤𝘦
[div class=variables][div class=container]
[div class=tabcontainer]
[div class=tabcontents]
[div class=tabtitle]
[div class="title1 slideleft"]
[div class=tag]two[/div] this is a reboot. i tried to run this before but it never quite got off the ground. i didn't do it application based last time but that's the system i'll be using this time so roles are not first come, first serve. after a deadline passes, the characters best suited to the roles will be picked.
[div class=tag]three[/div] roles are not gender locked however i will be picking characters to make sure there's an even gender ratio, so please keep that in mind while making your characters!
[div class=tag]four[/div] apart from what is mentioned for the roles on the next tab, everything is pretty much on the table but feel free to ask me if you have any questions and/or concerns.
[div class=tag]five[/div] an average of around 500 words per character, with weekly replies at the very least. more is always welcome, but any less and the rp might be on the verge of dying and i'd really like for that to not happen. this will also be long term so please do not apply if you don't think you'll be in this for the long haul! i don't intend for this to die after the first few posts since i have much planned for it.
[div class=tag]six[/div] realistic face claims only. our characters will all be in their 6th year when we begin so choose face claims accordingly!
[div class=tag]seven[/div] please express your interest below since i'll only post the cs thread if this gains enough interest. [/div] [/div] [div class="content3"]
they were born into magic. their great grandmother was among the most powerful witches in the world, and since their family follows the matriarch, her last name is well known by all, and thus the legacy is no stranger to anyone. they've always felt a little pressure to live up to their relative's expectations, but there are plenty of rumours that their grandfather went rogue a while ago, due to jealousy that his brother always outdid him. people say their grandfather is responsible for creating a whole new species with dark magic, and though nobody has seen the creature, there are some that say they lurk in the woods.
they aren't sure about their lineage since they were left at an orphanage since birth. there was always something different about them, and it became clear to them early on that they were capable of things that most kids weren't capable of. it scared them at first, and they did their best to hide it, till they were approached by a wizard and told they were born with magic. they're introduced to a whole new world where they begin to feel like they belong — but what they don't know is that they've been monitored since birth because their mother is a powerful witch with dark intentions. and she currently thinks her child is dead.
they have led a relatively normal life. they didn't come from any magical background, but they took to the world easily once introduced. what they don't know is that they've always been tied to something bigger: an ancient relic. the ring of merlin. apparently, they are a descendent, but everyone born before them was a squib. they are told that they've been destined to die shortly after the age of eighteen, unless they can find the ancient relic, which is said to prolong a life — among other things.
they come from a family of deatheaters. as a child, they were exposed to a lot of deatheater propoganda, but now, after the second wizarding war, things are different. their father is in azkaban, for his crimes, and they are left with their mother, who still holds the same belief about muggleborns and half-blood witches and wizards. they doesn't quite believe the same thing, but family is all they've ever known. they know that their mother is planning to restart the movement from the shadows, and they'll be expected to be loyal to that same ideology, but they aren't so sure they can live up to their family's expectations of them.
[/div]
[div class="content4"]
nickname/s
age
(in their sixth year so ideally 16) gender
sexuality
role
appearance (1 para description)
[div class=tag2]PERSONA[/div] virtues (3 with description)
vices (3 with description)
likes
dislikes
fears (2 minor, not related to boggart)
[div class=tag2]WIZARDING INFO[/div] house
species
blood status
wand
pet
best class (only one)
worst class (again, only one)
amortentia
boggart
patronus (yet to be learned, but put it in anyway)
animagus (like the marauders, they will all become animagi (except the orphan, if they choose to have been bitten by a werewolf) so put down what form you'd like them to take in the future)
quidditch (if they play)
[div class=tag2]BACKGROUND[/div] birth
early childhood
the acceptance letter
years 1, 2 & 3 at hogwarts
years 4 & 5 at hogwarts
present (just prior to the start of sixth year)
[div class=tag2]MISC[/div] important relationships (this part of optional. all of the main four will be friends when we begin but that doesn't need to factor into your sheets at the moment) [/div] [/div] [/div] [/div] [/div] [div class=main] [div class=tabs] [div class="tab selectedTab tab1"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div] [/div]
[div class=button]the chosen four[/div]
[/div]
[/div][/div]
[class=variables]
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;
--color: #eee;
[/class]
[class=tag]
color: var(--color);
font-weight: bold;
font-size: 13px;
font-family: Avenir;
text-transform: uppercase;
[/class]
[class=tag2]
color: var(--color);
font-size: 20px;
font-family: Abril Fatface;
text-transform: uppercase;
padding-left: 15px;
[/class]
[class=container]
max-width: 450px;
height: 650px;
background: #222;
margin: auto;
overflow: hidden;
filter: grayscale(100%);
[/class]
[class=tabcontainer]
height: 610px;
background: #222;
position: relative;
top: -610px;
box-sizing: border-box;
padding: 20px;
transition: 2s ease;
[/class]
[class=tabcontents]
height: 570px;
background: #222;
font-size: 12px;
line-height: 22px;
opacity: 0;
transition: 1s ease-in-out;
[/class]
[class=slidecontainer]
top: 0px;
transition: 2s ease;
[/class]
[class=main]
height: 680px;
background: #161616;
position: relative;
text-align: center;
bottom: 640px;
transition: 2s ease;
[/class]
[class=slidemain]
bottom: -10px;
transition: 2s ease;
[/class]
[class=tabs]
width: 100%;
height: 30px;
position: relative;
background: #161616;
display: flex;
flex-direction: row;
justify-content: space-evenly;
opacity: 0;
transition: 1s ease-in-out;
[/class]
[class=button]
display: inline-block;
box-sizing: border-box;
color: #eee;
font-size: 20px;
text-transform: uppercase;
font-family: Abril Fatface;
padding: 10px 20px 10px 20px;
position: relative;
top: 150px;
border: 1px solid #eee;
transition: 1s ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class name=button state=hover]
background: #eee;
color: #222;
transition: 1s ease-in-out;
[/class]
[class=tab]
height: 30px;
width: 30px;
position: relative;
top: 0px;
border-radius: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
background: #161616;
color: #666;
text-align: center;
font-size: 13px;
transition: 0.5s ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]
[class name=tab state=hover]
transform: scale(1.5);
top: -10px;
transition: 0.5s ease-in-out;
[/class]
[class=selectedTab]
transform: scale(1.5);
top: -10px;
color: var(--color);
transition: 0.5s ease-in-out;
[/class]
[class=tabtitle]
height: 70px;
position: relative;
overflow: hidden;
text-align: right;
background: #222;
transition: 1s ease-in-out;
[/class]
[class=title1]
height: 70px;
top: 0px;
right: -450px;
box-sizing: border-box;
background: #222;
position: relative;
transition: 1s ease-in-out;
[/class]
[class=title2]
height: 70px;
top: -70px;
right: -450px;
background: #222;
box-sizing: border-box;
position: relative;
transition: 1s ease-in-out;
[/class]
[class=title3]
height: 70px;
top: -140px;
right: -450px;
background: #222;
box-sizing: border-box;
position: relative;
transition: 1s ease-in-out;
[/class]
[class=title4]
height: 70px;
top: -210px;
right: -450px;
background: #222;
box-sizing: border-box;
position: relative;
transition: 1s ease-in-out;
[/class]
[class=slideleft]
right: 0px;
transition: 1s ease-in-out;
[/class]
[class=contents]
height: 500px;
background: #222;
font-size: 12px;
line-height: 22px;
color: #eee;
position: relative;
overflow: hidden;
transition: 1s ease-in-out;
[/class]
[class=content1]
height: 500px;
top: 0px;
left: -450px;
display: flex;
flex-direction: row;
justify-content: space-evenly;
background: #222;
box-sizing: border-box;
position: relative;
transition: 1s ease-in-out;
[/class]
[class=content2]
height: 500px;
top: -500px;
left: -450px;
display: flex;
flex-direction: row;
justify-content: space-evenly;
background: #222;
box-sizing: border-box;
padding: 0px 20px 0px 0px;
position: relative;
transition: 1s ease-in-out;
[/class]
[class=content3]
height: 500px;
top: -1000px;
left: -450px;
display: flex;
flex-direction: row;
justify-content: space-evenly;
background: #222;
box-sizing: border-box;
position: relative;
transition: 1s ease-in-out;
[/class]
[class=content4]
height: 500px;
top: -1500px;
left: -450px;
display: flex;
flex-direction: row;
justify-content: space-evenly;
background: #222;
box-sizing: border-box;
position: relative;
transition: 1s ease-in-out;
[/class]
[class=slideright]
left: 0px;
transition: 1s ease-in-out;
[/class]
[class=show]
opacity: 1;
z-index: 1;
transition-delay: 2s;
[/class]
[script class=button on=click]
if (eq ${open} 0) (addClass slidemain main)
if (eq ${open} 0) (addClass slidecontainer tabcontainer)
if (eq ${open} 0) (addClass show tabs)
if (eq ${open} 0) (addClass show tabcontents)
[/script]
[script class=tab5 on=click]
if (eq ${open} 0) (removeClass slidemain main)
if (eq ${open} 0) (removeClass slidecontainer tabcontainer)
if (eq ${open} 0) (removeClass show tabs)
if (eq ${open} 0) (removeClass show tabcontents)
[/script]
[script class=tab1 on=click]
addClass slideleft title1
removeClass slideleft title2
removeClass slideleft title3
removeClass slideleft title4
addClass slideright content1
removeClass slideright content2
removeClass slideright content3
removeClass slideright content4
addClass selectedTab tab1
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab4
[/script]
[script class=tab2 on=click]
addClass slideleft title2
removeClass slideleft title1
removeClass slideleft title3
removeClass slideleft title4
addClass slideright content2
removeClass slideright content1
removeClass slideright content3
removeClass slideright content4
addClass selectedTab tab2
removeClass selectedTab tab1
removeClass selectedTab tab3
removeClass selectedTab tab4
[/script]
[script class=tab3 on=click]
addClass slideleft title3
removeClass slideleft title2
removeClass slideleft title1
removeClass slideleft title4
addClass slideright content3
removeClass slideright content2
removeClass slideright content1
removeClass slideright content4
addClass selectedTab tab3
removeClass selectedTab tab2
removeClass selectedTab tab1
removeClass selectedTab tab4
[/script]
[script class=tab4 on=click]
addClass slideleft title4
removeClass slideleft title2
removeClass slideleft title3
removeClass slideleft title1
addClass slideright content4
removeClass slideright content2
removeClass slideright content3
removeClass slideright content1
addClass selectedTab tab4
removeClass selectedTab tab2
removeClass selectedTab tab3
removeClass selectedTab tab1
[/script]
premise
[/div]
[div class="title2"]
rules
[/div]
[div class="title3"]
roles
[/div]
[div class="title4"]
extras
[/div]
[/div]
[div class=contents]
[div class="content1 slideright"]
moony, wormtail, padfoot and prongs. a group of four, well known by many in the wizarding world.
history begins to repeat itself when a group of four students come together, despite their differences, to form yet another iconic group of friends, but during a different era.
unfortunately, with the good, comes the bad, and many rumours are spreading of a lost, but enchanted relic, a beast in the woods said to be created from dark magic, and the rise of dark wizards once again.
it's time for a new journey. one filled with the same amount of love and friendship as it is filled with betrayal and danger.
let's begin, shall we?
[/div]
[div class="content2"]
history begins to repeat itself when a group of four students come together, despite their differences, to form yet another iconic group of friends, but during a different era.
unfortunately, with the good, comes the bad, and many rumours are spreading of a lost, but enchanted relic, a beast in the woods said to be created from dark magic, and the rise of dark wizards once again.
it's time for a new journey. one filled with the same amount of love and friendship as it is filled with betrayal and danger.
let's begin, shall we?
so! as you've probably gathered, i'm interested in creating a small group rp set in the future harry potter universe, not long after the second wizarding war. here are a few things to keep in mind:
[div class=tag]one
all rpn rules and regulations apply!
[div class=tag]one
[div class=tag]two[/div] this is a reboot. i tried to run this before but it never quite got off the ground. i didn't do it application based last time but that's the system i'll be using this time so roles are not first come, first serve. after a deadline passes, the characters best suited to the roles will be picked.
[div class=tag]three[/div] roles are not gender locked however i will be picking characters to make sure there's an even gender ratio, so please keep that in mind while making your characters!
[div class=tag]four[/div] apart from what is mentioned for the roles on the next tab, everything is pretty much on the table but feel free to ask me if you have any questions and/or concerns.
[div class=tag]five[/div] an average of around 500 words per character, with weekly replies at the very least. more is always welcome, but any less and the rp might be on the verge of dying and i'd really like for that to not happen. this will also be long term so please do not apply if you don't think you'll be in this for the long haul! i don't intend for this to die after the first few posts since i have much planned for it.
[div class=tag]six[/div] realistic face claims only. our characters will all be in their 6th year when we begin so choose face claims accordingly!
[div class=tag]seven[/div] please express your interest below since i'll only post the cs thread if this gains enough interest. [/div] [/div] [div class="content3"]
the legacy
notes:
— pureblood / half-blood (can potentially be half-veela if going with the half-blood route. there is no muggle blood in this family though.)
— sorted into slytherin.
— role status: open.
the orphan
notes:
— pureblood (though unbeknownst to them. they cannot have any other kind of blood in their lineage, however they could have bitten by a werewolf in their youth)
— sorted into ravenclaw.
— role status: open.
the cursed
notes:
— half-blood (also with the 'true sight' or 'seer' abilities)
— sorted into gryffindor.
— role status: taken.
the destined
notes:
— pureblood (can also potentially possess legilimency)
— sorted into hufflepuff.
— role status: open.
[div class=tag2]GENERAL
full namenickname/s
age
(in their sixth year so ideally 16) gender
sexuality
role
appearance (1 para description)
[div class=tag2]PERSONA[/div] virtues (3 with description)
vices (3 with description)
likes
dislikes
fears (2 minor, not related to boggart)
[div class=tag2]WIZARDING INFO[/div] house
species
blood status
wand
pet
best class (only one)
worst class (again, only one)
amortentia
boggart
patronus (yet to be learned, but put it in anyway)
animagus (like the marauders, they will all become animagi (except the orphan, if they choose to have been bitten by a werewolf) so put down what form you'd like them to take in the future)
quidditch (if they play)
[div class=tag2]BACKGROUND[/div] birth
early childhood
the acceptance letter
years 1, 2 & 3 at hogwarts
years 4 & 5 at hogwarts
present (just prior to the start of sixth year)
[div class=tag2]MISC[/div] important relationships (this part of optional. all of the main four will be friends when we begin but that doesn't need to factor into your sheets at the moment) [/div] [/div] [/div] [/div] [/div] [div class=main] [div class=tabs] [div class="tab selectedTab tab1"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div] [/div]
Last edited:
blique;
color: var(--color-3);
[/class]
[class=appt]
text-align:justify;
margin-left:5%;
flex-grow: 1;
white-space: pre-wrap;
[/class]
[class=pers]
height:100%;
width:100%;
display:flex;
flex-flow: row wrap;
align-items: space-between;
[/class]
[class=pemp]
display:inline;
color: var(--color-3);
font-weight:bold;
letter-spacing:0.3px;
[/class]
[class=persheader]
height:35%;
background-color: transparent;
width:100%;
padding:5px;
box-sizing:border-box;
display:flex;
flex-flow: row nowrap;
[/class]
[class=persbox]
height:100%;
width:50%;
box-sizing:border-box;
display:flex;
flex-flow: row wrap;
margin-top:5px;
box-sizing: border-box;
padding-left:5px;
[/class]
[class=persh]
font-size:25px;
height:15px;
font-family: 'Abril Fatface', display;
color: var(--color-3);
width:100%;
letter-spacing:0.5px;
line-height:120%;
padding-left:5px;
box-sizing:border-box;
[/class]
[class=perst]
height:68%;
width:100%;
padding:5px;
padding-left:17px;
padding-right:17px;
box-sizing:border-box;
font-size:10px;
text-align:justify;
overflow:hidden;
color: var(--txt);
line-height:140%;
font-family: 'Karla', sans-serif;
[/class]
[class=persbody]
height:63%;
width:100%;
background-color: #fff;
padding:8px;
box-sizing:border-box;
text-align:justify;
overflow:hidden;
font-size: 10px;
font-family: 'Karla', sans-serif;
color: var(--txt);
[/class]
[class=hist]
height:100%;
width:100%;
display:flex;
flex-flow: row wrap;
padding:5px;
box-sizing:border-box;
align-items: space-between;
[/class]
[class=histh]
height:18%;
font-size:22px;
font-family: 'Abril Fatface', display;
color: var(--name);
letter-spacing:1px;
text-align:right;
line-height:150%;
[/class]
[class name=hscroll minWidth="580px"]
height:82%;
width:105%;
overflow-y:scroll;
padding-right:40px;
[/class]
[class name=hscroll maxWidth="579px"]
height:82%;
width:105%;
overflow-y:scroll;
padding-right:40px;
[/class]
[class=histbody]
height:62%;
width:100%;
background-color: #fff;
padding:10px;
box-sizing:border-box;
font-family: 'Karla', sans-serif;
font-size:10px;
text-align:justify;
color: var(--txt);
overflow:hidden;
line-height:150%;
[/class]
[class=histfoot]
height:38%;
width:100%;
padding:10px;
box-sizing:border-box;
overflow:hidden;
padding-bottom:0px;
font-size:10px;
font-family: 'Karla', sans-serif;
color: var(--txt);
[/class]
[class=miscchat]
width:100%;
display:flex;
flex-flow: row wrap;
margin-bottom:5px;
line-height:148%;
[/class]
[class=msgc1]
width:100%;
min-height:50%;
display:flex;
flex-flow: row nowrap;
align-items: flex-start;
margin-bottom:5px;
[/class]
[class=msgc2]
width:100%;
display:flex;
flex-flow: row-reverse nowrap;
align-items: flex-start;
margin-bottom:5px;
[/class]
[class=msgiconb1]
height:42px;
width:42px;
border-radius:50%;
border:1.5px solid var(--color-3);
padding:3px;
margin-top:3px;
[/class]
[class=msgiconb2]
height:42px;
width:42px;
border-radius:50%;
border:1.5px solid var(--color-2);
padding:3px;
margin-top:3px;
[/class]
[class=msgicon1]
height:100%;
width:100%;
border-radius:50%;
background: var(--contact);
background-size:100%;
[/class]
[class=msgicon2]
height:100%;
width:100%;
border-radius:50%;
background: var(--img-2);
background-size:100%;
[/class]
[class=msgname1]
width:100%;
font-size:11px;
font-weight:bold;
font-family: 'Karla', sans-serif;
letter-spacing:1px;
color: var(--color-3);
text-transform: uppercase;
margin-left:10px;
margin-bottom:3px;
[/class]
[class=msgname2]
width:100%;
font-size:11px;
font-weight:bold;
font-family: 'Karla', sans-serif;
letter-spacing:1px;
color: var(--color-2);
text-transform: uppercase;
margin-right:10px;
text-align:right;
margin-bottom:3px;
[/class]
[class=msgcc1]
width:80%;
align-self: flex-start;
display:flex;
flex-flow: row wrap;
[/class]
[class=msgcc2]
width:80%;
align-self: flex-start;
display:flex;
flex-flow: row wrap;
justify-content: flex-end;
[/class]
[class=msg1]
min-width:10%;
max-width:65%;
display:inline-block;
font-size:11px;
color: var(--txt);
font-family: 'Karla', sans-serif;
padding:3.5px;
border-radius:5px;
border-bottom-left-radius:0px;
background-color: var(--color-3);
margin-left:10px;
[/class]
[class=msg2]
min-width:10%;
max-width:65%;
display:inline-block;
font-size:11px;
color: var(--txt);
font-family: 'Karla', sans-serif;
padding:3.5px;
border-radius:5px;
border-bottom-right-radius:0px;
background-color: var(--color-2);
margin-right:10px;
[/class]
[class=rels]
height:100%;
width:100%;
padding:5px;
box-sizing:border-box;
display:flex;
flex-flow: row wrap;
padding-top:5px;
align-content:center;
font-family:'Karla', sans-serif;
font-size:10px;
color: var(--txt);
white-space: nowrap !important;
[/class]
[class=relsh]
font-size:28px !important;
width:100%;
font-family: 'Abril Fatface', display !important;
color: var(--color-3) !important;
letter-spacing: 1px;
position:relative;
top:5px;
box-sizing:border-box;
padding-left:10px;
text-align:right;
margin-bottom:0px;
[/class]
[class=relsc]
height:57%;
width:100%;
background-color:white;
margin:auto;
margin-top:10px;
box-sizing:border-box;
padding:10px;
overflow:hidden;
font-size:10px;
text-align:justify;
line-height:150%;
font-family: 'Karla', sans-serif;
color: var(--txt);
white-space: nowrap !important;
[/class]
[class=relsf]
height:18%;
width:100%;
margin-top:10px;
background: var(--img-3);
background-size:100%;
background-position: 50% 20%;
[/class]
[class=relsbox]
width:90%;
height:auto;
display:inline-block;
margin:auto;
margin-top:10px;
display:flex;
flex-flow: row wrap;
justify-content: space-between;
align-content: center;
margin-bottom:35px;
[/class]
[class=relsbody]
width: 63%;
height: auto;
display:flex;
flex-flow: row wrap;
justify-content: center;
align-content: center;
box-sizing:border-box;
padding-bottom:10px;
[/class]
[class=relsname]
font-size: 26px;
width:100%;
color: var(--color-1);
font-family: 'Cedarville Cursive', display;
text-align:right;
margin-bottom:15px;
[/class]
[class=relsdrop]
height:20px;
width:95%;
background-color: var(--color-3);
border-radius:2px;
margin-top: -10px;
transition:0.3s;
color: var(--txt);
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
font-family: 'Karla', sans-serif;
text-align:center;
line-height:150%;
[/class]
[class name=relsdrop state=hover]
background-color: var(--color-4);
color: #fff;
transition:0.3s;
cursor: pointer;
[/class]
[class=relstext]
height:80px;
width:90%;
background-color:white;
margin:auto;
margin-top: 5px;
display:none;
padding:5px;
box-sizing:border-box;
color: var(--txt);
font-size:9px;
text-align:justify;
font-family: 'Karla', sans-serif;
overflow:hidden;
line-height:134%;
[/class]
[script class=relsdrop on=click version="2"]
(= currentTab (index (split (getText) "#") 0 ))
(slideToggle 600 (+ currentTab "rs"))
[/script]
[class=rsscroll]
height:100%;
width:110%;
overflow-y:scroll;
padding-right:40px;
[/class]
[class=relsiconb]
height:75px;
width:75px;
border:2px solid var(--color-1);
padding:5px;
border-radius:50%;
transition:0.3s;
[/class]
[class name=relsiconb state=hover]
transform: scale(1.03);
transition:0.3s;
[/class]
[class=relsicon1]
height:100%;
width:100%;
border-radius:50%;
background: var(--rs-1);
background-size:100%;
[/class]
[class=relsicon2]
height:100%;
width:100%;
border-radius:50%;
background: var(--rs-2);
background-size:100%;
[/class]
[class=relsicon3]
height:100%;
width:100%;
border-radius:50%;
background: var(--rs-3);
background-size:100%;
[/class]
