witchingly
Junior Member
[class=background]
position: relative;
background-color: #f7f7f7;
border: 1px solid #EAECE7;
max-width: 700px;
height: 544px;
padding: 18px;
cursor: url(https://i.imgur.com/X2LfhKo.png), auto !important;
margin: auto;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
[/class]
[class=backgroundtwo]
position: relative;
max-width: 450px;
background-color: #fcfcfc;
border: 1px solid #E2E2E2;
height: 552px;
margin-left: -6px;
margin-top: -5px;
[/class]
[class=banner]
background: url(https://i.pinimg.com/564x/80/d4/b0/80d4b084f4ce7c072aeefab312a0fec3.jpg) no-repeat;
background-size: cover;
background-position: 50% 50%;
height: 150px;
border-bottom: 1px solid #F5F5F6;
[/class]
[class=picture]
width: 250px;
height: 551px;
position: relative;
display: inline-block;
webkit-filter: grayscale(10%);
filter: grayscale(10%);
background: url('https://i.pinimg.com/564x/84/df/b1/84dfb1ef91b7b37a2a5ad34eace7bbc6.jpg');
background-size: cover;
background-position: 50% 50%;
border: 1px solid #E2E2E2;
[/class]
[class name=picture state=hover]
transition: 1s ease-in-out;
filter: grayscale(10%);
webkit-filter: grayscale(10%);
-webkit-transition-timing-function: 1s ease-in-out;
background: url('https://i.pinimg.com/564x/84/df/b1/84dfb1ef91b7b37a2a5ad34eace7bbc6.jpg');
background-size: cover;
background-position: 50% 50%;
width: 250px;
height: 551px;
border: 1px solid #E2E2E2;
[/class]
[class=picturetext]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(0,0,0,0.1);
color: white;
z-index: 2;
[/class]
[class name=picturetext state=hover]
opacity: 1;
[/class]
[class=tabone]
position: absolute;
display: inline-block;
margin: auto;
background-color: #c99e81;
border: 1px solid #F5F5F6;
transform: rotate(135deg);
width: 30px;
height: 30px;
margin-left: 205px;
margin-top: -47px;
[/class]
[class=tabtwo]
position: absolute;
display: inline-block;
margin: auto;
background-color: #c99e81;
border: 1px solid #F5F5F6;
transform: rotate(135deg);
width: 30px;
height: 30px;
margin-left: 233px;
margin-top: -17px;
[/class]
[class=tabthree]
position: absolute;
display: inline-block;
margin: auto;
background-color: #c99e81;
border: 1px solid #F5F5F6;
transform: rotate(135deg);
width: 30px;
height: 30px;
margin-left: 205px;
margin-top: 8px
[/class]
[class=tabfour]
position: absolute;
display: inline-block;
margin: auto;
background-color: #c99e81;
border: 1px solid #F5F5F6;
transform: rotate(135deg);
width: 30px;
height: 30px;
margin-left: 178px;
margin-top: -17px;
[/class]
[class=tab]
position: absolute;
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform 0s ease-in-out;
[/class]
[class name=tab state=hover]
transition: .8s;
background-color: #b0866a;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
[/class]
[class=textcontainer]
font-size: 13px;
line-height: 18px;
color: #888888;
padding: 10px;
text-align: justify;
[/class]
[class=textheader]
text-align: center;
font-size: 18px;
text-transform: uppercase;
[/class]
[class=textinfo]
background-color: #c99e81;
display: inline-block;
padding: 2px;
color: white;
margin-top: 5px
[/class]
[script class=tab on=click]
hide tabsContent
set currentTab (getText)
if (eq ${currentTab} one) (show tabsContentone)
if (eq ${currentTab} two) (show tabsContenttwo)
if (eq ${currentTab} three) (show tabsContentthree)
if (eq ${currentTab} four) (show tabsContentfour)
[/script]
[div class=background][div class=backgroundtwo][div class=banner][/div]
[div class="tab tabone"]
you've seen movies about it. you've read stories about it. maybe some of you always wondered if any of it was real. could people have super powers?
the answer is yes. the only reason it's been kept hidden from the world is because of an organisation known as C.L.A.R.I.S. technically, claris is a school that's been around for decades and it serves to help young people with powers they can't explain and didn't ask for. learning to control these powers and keep them under wraps was of utmost importance, and that was what claris aimed to achieve. so far they've been successful, but with good always comes evil.
humans can get their powers one of two ways: either they are born with it (which is not necessarily hereditary) or they are given their powers through a set of clinical trials run by an organisation known as S.H.A.R.D. shard, also known as the super human advanced research department was built much before claris was built, and only as a result of finding humans naturally born with special abilities. there were a set of people who hoped to try to achieve the same artificially. some experiments went terribly wrong, and shard created a superhuman army that even they couldn't control.
it was then that a man assembled a small team of known enhanced individuals to take them down. emerging from the battle successful, the remaining shard scientists went into hiding, their creations now destroyed. claris was soon formed to help the other naturally born enhanced individuals and with some help, everything that happened in history was written down as a story. a myth. to this day, nobody can tell for sure if it was all real except those with abilities, because they've got the proof.
shard has since resurfaced, beginning trials once more. they were slightly more successful, but claris continues to take down their bases every chance they get. those left at shard for experimentation are taken in by claris so that they may learn to control their powers and, in the future, hopefully join claris to eradicate shard once and for all.
but each time a shard facility is closed down, a new one opens up, and there's no proper record of how many there actually are.
plans are in motion, more plans are being formed, and time is running out. it might not be so easy to keep this a secret from the world anymore.
[div class=textinfo]so what is CLARIS?[/div]
claris is a school that was started by a man named leopold in the late 19th century. also known as count leopold's academy for radioactively infected superhumans (leopold didn't bother trying to sugarcoat the name), the school houses only enhanced individuals, both born naturally and those given their powers through shard.
the academy (which most prefer to refer to as claris instead of its full name) is situated far from any kind of city or town, atop a hill and surrounded by greenery. the gothic castle was once the home of count leopold, but he chose to offer it up to those who needed it more. the many rooms have been turned to dorms and the halls into classrooms. though enhanced individuals are quite rare, the school is usually bustling with an untamed energy. this is a place for people to be free, be themselves, and not have to worry too much about hurting people with what they're capable of.
so, if you were contacted, it means you've got something special in you, which means there's only one more thing to say.
welcome to claris. [/div][/div][/div][/div] [div class="tabsContent tabsContenttwo" style="display: none;"]
so! i've been itching to do a roleplay revolving around an academy for enhanced individuals (which is of course heavily influenced by marvel). i want this to have many characters, but at the same time, i want to limit the group to a few people. things can often get out of hand when there are too many, which is why i'll only be accepting three people for this group. it will not be first come, first serve. instead, you'll have to do a small audition of sorts, right here! you can read more about that on the next tab.
[div class=textinfo]number two[/div]
please keep in mind while applying that you will be required to make a minimum of two characters (one of each gender). later in the roleplay, we will be given the choice to bring in more. though having more than two characters is not a requirement, it is definitely encouraged!
[div class=textinfo]number three[/div]
this will be a literate roleplay — meaning i will be accepting people capable of writing with proper grammar, punctuation, spelling and sentence structure. i don't like putting a limitation in terms of paragraphs or word limits since those tend to vary, but i most definitely expect more than a paragraph or two worth of writing per character.
[div class=textinfo]number four[/div]
we will be using real face claims for this, and please try to find age appropriate ones. the age range for characters is 20 - 26.
[div class=textinfo]number five[/div]
please abide by all rpnation rules and regulations.
[div class=textinfo]number six[/div]
this roleplay will include topics relating to violence, cursing, alcohol consumption and gore so i would advise you not to apply if these themes make you uncomfortable!
[div class=textinfo]number seven[/div]
i'm still getting used to discord but since it's popular for ooc, i will be making a server once people have been accepted.
[div class=textinfo]number eight[/div]
in-character activity is required at least once or twice a week! the more a story drags, the more likely it is for people to drop out, and i'd really like to avoid that.
[div class=textinfo]number nine[/div]
this story will focus a lot on character and relationship development so please maintain a friendly environment! discussing character relationships is extremely important. [/div][/div][/div][/div] [div class="tabsContent tabsContentthree" style="display: none;"]
each power is classified into one of four categories:
[div class=textinfo]the strengths[/div]
there is a strength scale that goes from 1 - 4, with 1 being very powerful and in control of abilities and 4 being quite volatile and unpredictable. this number will be assigned to you once your character has been created and will be part of your character's unique identification in claris. more will be explained upon acceptance. [/div][/div][/div][/div] [div class="tabsContent tabsContentfour" style="display: none;"][/div][/div][/div]
one
[/div]
[div class="tab tabtwo"]two
[/div]
[div class="tab tabthree"]three
[/div]
[div class="tab tabfour"]four
[/div]
[div class="tabsContent tabsContentone"] you've seen movies about it. you've read stories about it. maybe some of you always wondered if any of it was real. could people have super powers?
the answer is yes. the only reason it's been kept hidden from the world is because of an organisation known as C.L.A.R.I.S. technically, claris is a school that's been around for decades and it serves to help young people with powers they can't explain and didn't ask for. learning to control these powers and keep them under wraps was of utmost importance, and that was what claris aimed to achieve. so far they've been successful, but with good always comes evil.
humans can get their powers one of two ways: either they are born with it (which is not necessarily hereditary) or they are given their powers through a set of clinical trials run by an organisation known as S.H.A.R.D. shard, also known as the super human advanced research department was built much before claris was built, and only as a result of finding humans naturally born with special abilities. there were a set of people who hoped to try to achieve the same artificially. some experiments went terribly wrong, and shard created a superhuman army that even they couldn't control.
it was then that a man assembled a small team of known enhanced individuals to take them down. emerging from the battle successful, the remaining shard scientists went into hiding, their creations now destroyed. claris was soon formed to help the other naturally born enhanced individuals and with some help, everything that happened in history was written down as a story. a myth. to this day, nobody can tell for sure if it was all real except those with abilities, because they've got the proof.
shard has since resurfaced, beginning trials once more. they were slightly more successful, but claris continues to take down their bases every chance they get. those left at shard for experimentation are taken in by claris so that they may learn to control their powers and, in the future, hopefully join claris to eradicate shard once and for all.
but each time a shard facility is closed down, a new one opens up, and there's no proper record of how many there actually are.
plans are in motion, more plans are being formed, and time is running out. it might not be so easy to keep this a secret from the world anymore.
[div class=textinfo]so what is CLARIS?[/div]
claris is a school that was started by a man named leopold in the late 19th century. also known as count leopold's academy for radioactively infected superhumans (leopold didn't bother trying to sugarcoat the name), the school houses only enhanced individuals, both born naturally and those given their powers through shard.
the academy (which most prefer to refer to as claris instead of its full name) is situated far from any kind of city or town, atop a hill and surrounded by greenery. the gothic castle was once the home of count leopold, but he chose to offer it up to those who needed it more. the many rooms have been turned to dorms and the halls into classrooms. though enhanced individuals are quite rare, the school is usually bustling with an untamed energy. this is a place for people to be free, be themselves, and not have to worry too much about hurting people with what they're capable of.
so, if you were contacted, it means you've got something special in you, which means there's only one more thing to say.
welcome to claris. [/div][/div][/div][/div] [div class="tabsContent tabsContenttwo" style="display: none;"]
so! i've been itching to do a roleplay revolving around an academy for enhanced individuals (which is of course heavily influenced by marvel). i want this to have many characters, but at the same time, i want to limit the group to a few people. things can often get out of hand when there are too many, which is why i'll only be accepting three people for this group. it will not be first come, first serve. instead, you'll have to do a small audition of sorts, right here! you can read more about that on the next tab.
[div class=textinfo]number two[/div]
please keep in mind while applying that you will be required to make a minimum of two characters (one of each gender). later in the roleplay, we will be given the choice to bring in more. though having more than two characters is not a requirement, it is definitely encouraged!
[div class=textinfo]number three[/div]
this will be a literate roleplay — meaning i will be accepting people capable of writing with proper grammar, punctuation, spelling and sentence structure. i don't like putting a limitation in terms of paragraphs or word limits since those tend to vary, but i most definitely expect more than a paragraph or two worth of writing per character.
[div class=textinfo]number four[/div]
we will be using real face claims for this, and please try to find age appropriate ones. the age range for characters is 20 - 26.
[div class=textinfo]number five[/div]
please abide by all rpnation rules and regulations.
[div class=textinfo]number six[/div]
this roleplay will include topics relating to violence, cursing, alcohol consumption and gore so i would advise you not to apply if these themes make you uncomfortable!
[div class=textinfo]number seven[/div]
i'm still getting used to discord but since it's popular for ooc, i will be making a server once people have been accepted.
[div class=textinfo]number eight[/div]
in-character activity is required at least once or twice a week! the more a story drags, the more likely it is for people to drop out, and i'd really like to avoid that.
[div class=textinfo]number nine[/div]
this story will focus a lot on character and relationship development so please maintain a friendly environment! discussing character relationships is extremely important. [/div][/div][/div][/div] [div class="tabsContent tabsContentthree" style="display: none;"]
each power is classified into one of four categories:
— elemental : powers that create or manipulate any of the elements (ex: fire manipulation, ice manipulation, darkness manipulation, etc.).
— locomotive : powers that enable the user to travel from one place to another easily. (ex: flight, teleportation, intangibility, etc.).
— psionic : powers that require the use of the user's mind to do something (ex: telekinesis, precognition, technopathy, etc.).
— transformative : powers that enhance the body's natural abilities in some way or another (ex: shapeshifting, super strength, sonic scream, etc.)
each character will be assigned a single letter based on their power classification (E, L, P, or T) and this, combined with power strength, will determine their unique identification in claris.
[div class=textinfo]the strengths[/div]
there is a strength scale that goes from 1 - 4, with 1 being very powerful and in control of abilities and 4 being quite volatile and unpredictable. this number will be assigned to you once your character has been created and will be part of your character's unique identification in claris. more will be explained upon acceptance. [/div][/div][/div][/div] [div class="tabsContent tabsContentfour" style="display: none;"][/div][/div][/div]
[div class=picture]
[div class=picturetext]
[/div][/div][/div][/div]❛ quote here ❜
codedbycrucially | hover photo and click diamonds
