Feb 16, 2019 1:59:44 GMT
Post by zeshin on Feb 16, 2019 1:59:44 GMT
[nospaces][googlefont=Montserrat+Alternates:300|Montserrat:200,300|Roboto:400,400i,700|Source+Sans+Pro:700]
[newclass=.GROUP_NAME_HERE .ncpHeader:after, .GROUP_NAME_HERE .ncpBody h1:before, .GROUP_NAME_HERE .ncpBody h1:after, .GROUP_NAME_HERE .ncpOverview::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpOverview::-webkit-scrollbar-track, .GROUP_NAME_HERE .ncpPBox::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpPBox::-webkit-scrollbar-track, .GROUP_NAME_HERE .ncpPList div::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpPList div::-webkit-scrollbar-track, .GROUP_NAME_HERE .ncpBiographyText::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpBiographyText::-webkit-scrollbar-track] background-color:#7B5BB3!important; [/newclass]
[newclass=.GROUP_NAME_HERE .ncpFooter b, .GROUP_NAME_HERE .ncpBody h1, .GROUP_NAME_HERE .ncpOverview div div, .GROUP_NAME_HERE .ncpOverview span, .GROUP_NAME_HERE .ncpPBox b, .GROUP_NAME_HERE .ncpBiographyText b, .GROUP_NAME_HERE .ncpHeader h2 b, .GROUP_NAME_HERE .ncpPList div b, .GROUP_NAME_HERE .ncpContainer .PT_table .PT_tabs_selected_hover, .GROUP_NAME_HERE .ncpContainer .PT_table .PT_tabs_selected, .GROUP_NAME_HERE .ncpContainer .PT_table .PT_tabs_hover] color:#7B5BB3!important; [/newclass]
[newclass=.GROUP_NAME_HERE .ncpBiography h1, .GROUP_NAME_HERE .ncpBiographyText i, .GROUP_NAME_HERE .ncpPBox i] border-color:#7B5BB3!important; [/newclass]
[newclass=.ncpContainer] width:500px; height:750px; background-color:#eee; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); margin:10px; position:relative; [/newclass]
[newclass=.ncpCredit] font:bold 7px roboto; margin-left:450px; margin-top:-10px;[/newclass]
[newclass=.ncpCredit a] font:bold 7px roboto!important; [/newclass]
[newclass=.ncpHeader] width:500px; height:200px; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.ncpHeader:after] content:''; position:absolute; top:0px; left:0px; width:500px; height:200px; background-color:#aaa; opacity:.75; [/newclass]
[newclass=.ncpBigIMG] width:500px; height:200px; position:absolute; background:url(https://image.ibb.co/iJXGU9/image.png); filter:grayscale(100%) contrast(125%); [/newclass]
[newclass=.ncpIcon] position:relative; left:25px; z-index:1; [/newclass]
[newclass=.ncpIcon img] width:100px; height:100px; background-color:#fafafa; padding:5px; border:10px solid #333; border-radius:100%; [/newclass]
[newclass=.ncpHeaderDetails] display:flex; width:255px; margin-top:10px; flex-flow:row wrap; position:relative; left:-80px; z-index:1; [/newclass]
[newclass=.ncpHeader h1] margin:0px; display:block; word-wrap:break-word; overflow-wrap:break-word; text-align:left; font:200 35px/32px montserrat; text-transform:lowercase; color:#fafafa; [/newclass]
[newclass=.ncpHeader h2] margin:10px 0px 0px 0px; background-color:#fafafa; font:700 8px source sans pro; text-transform:uppercase; color:#aaa; padding:5px 10px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); text-align:justify; [/newclass]
[newclass=.ncpHeader h2 b] color:#aaa; font:700 8px source sans pro; [/newclass]
[newclass=.ncpFooter] background-color:#333; height:50px; padding:0px 25px; display:flex; justify-content:space-between; align-items:center; color:#888; font:700 10px roboto; text-transform:uppercase; [/newclass]
[newclass=.ncpFooter b] color:#aaa;font:700 10px roboto; [/newclass]
[newclass=.ncpBody] width:500px; height:500px; display:block; position:relative; [/newclass]
[newclass=.ncpBody h1] width:calc(100% - 50px); height:30px; margin:10px 25px; position:relative; z-index:2; display:flex; align-self:flex-start; flex-flow:row nowrap; align-items:center; color:#aaa; font:200 30px/30px montserrat; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpBody h1:before] content: ''; height: 1px; flex-grow: 1; margin-right: 10px; background-color: #aaa; border: 1px solid #fafafa; [/newclass]
[newclass=.ncpBody h1:after] content: ''; height: 1px; flex-grow: 1; margin-left: 10px; background-color: #aaa; border: 1px solid #fafafa; [/newclass]
[newclass=.ncpOverview] height:425px; overflow:auto; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; position:relative; [/newclass]
[newclass=.ncpOverview div] width:240px; height:75px; flex-shrink:0; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; position:relative; [/newclass]
[newclass=.ncpOverview h2] margin:0px; position:relative; z-index:1; padding:0px 0px 0px 0px; font:300 25px montserrat alternates; color:#aaa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpOverview div div] width:auto; height:auto; position:relative; z-index:1; font:700 12px roboto; color:#aaa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpOverview span] position:absolute; font-size:75px; top:0px; right:50px; color:#aaa; opacity:.25; [/newclass]
[newclass=.ncpOverview::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpOverview::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpOverview::-webkit-scrollbar-track] border:2px solid #eee; background-color:#aaa; [/newclass]
[newclass=.ncpPersonality] width:450px; padding:0px 25px 25px 25px; height:425px; display:flex; flex-flow:row wrap; justify-content:space-between; [/newclass]
[newclass=.ncpPList] width:212.5px; align-self:flex-start; text-align:justify; font:400 12px roboto; color:#aaa; [/newclass]
[newclass=.ncpPList h2] margin:0px; height:25px; overflow:hidden; position:relative; align-self:flex-end; text-align:center; font:300 25px/25px montserrat alternates; color:#aaa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpPList div] border:20px solid #fafafa; padding:0px; height:80px; overflow:auto; background-color:#fafafa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; position:relative; text-align:left; text-transform:lowercase; [/newclass]
[newclass=.ncpPList div b] color:#aaa; font-weight:900; [/newclass]
[newclass=.ncpPList div b:before] content:'#'; margin-right:5px; [/newclass]
[newclass=.ncpPBox] width:100%; align-self:flex-end; height:155px; padding:0px 10px 0px 0px; border:50px solid #fafafa; overflow:auto; background-color:#fafafa; text-align:justify; font:400 11px/14px roboto; color:#aaa; [/newclass]
[newclass=.ncpPBox b]font:700 11px/14px roboto; color:#aaa; text-shadow:-1px -1px 0 #fdfdfd, 1px -1px 0 #fdfdfd, -1px 1px 0 #fdfdfd, 1px 1px 0 #fdfdfd;[/newclass]
[newclass=.ncpPBox i]border-bottom: 1px solid #aaa; font:400 11px/14px roboto; font-style:italic; color: #bfbfbf; [/newclass]
[newclass=.ncpPBox::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpPBox:last-child::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpPBox:last-child::-webkit-scrollbar-track] border:2px solid #fafafa; background-color:#aaa; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar-track] border:2px solid #fafafa; background-color:#aaa; [/newclass]
[newclass=.ncpBiography] width:450px; height:423px; padding:2px 25px 25px 25px; [/newclass]
[newclass=.ncpBiographyText] border:50px solid #fafafa; padding-right:10px; height:323px; overflow:auto; background-color:#fafafa; text-align:justify; font:400 11px/16px roboto; color:#aaa; [/newclass]
[newclass=.ncpBiographyText b]font:700 11px/14px roboto; color:#aaa; text-shadow:-1px -1px 0 #fdfdfd, 1px -1px 0 #fdfdfd, -1px 1px 0 #fdfdfd, 1px 1px 0 #fdfdfd;[/newclass]
[newclass=.ncpBiographyText i]border-bottom: 1px solid #aaa; font:400 11px/14px roboto; font-style:italic; color: #bfbfbf; [/newclass]
[newclass=.ncpBiography h1] margin:0px; width:100%; height:auto; padding-bottom:5px; font:300 15px/15px montserrat; color:#ccc!important; text-transform:lowercase; border-bottom:1px solid #aaa; [/newclass]
[newclass=.ncpBiography h1:before, .ncpBiography h1:after] display:none; [/newclass]
[newclass=.ncpBiography h2] height:auto; width:100%; text-align:right; display:block; margin:5px 0px; text-shadow:none; color:#ccc; font:700 8px/8px source sans pro; text-transform:uppercase; [/newclass]
[newclass=.ncpBiographyText::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpBiographyText::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpBiographyText::-webkit-scrollbar-track] border:2px solid #fafafa; background-color:#aaa; [/newclass]
[newclass=.ncpTab] width:40px; height:40px; position:absolute; display:flex; align-items:center; justify-content:center; background-color:#eee; border-radius:100%; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.5); cursor:pointer; [/newclass]
[newclass=.ncpTab span] font-size:16px; [/newclass]
[newclass=.ncpContainer table td]padding:0px!important;[/newclass]
[newclass=.ncpContainer .PT_Tabs_holder]background-color:transparent; margin-top:-180px; margin-left:430px;[/newclass]
[newclass=.ncpContainer .PT_table]width:100%!important; border:0px!important; background-color:transparent!important;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs]color:#aaa; background-color:transparent;position:absolute; z-index:9; border:0px; transition:.25s ease;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs_hover]color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs_selected]color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs_selected_hover]color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease;[/newclass]
[attr="class","BEAST"]
[attr="class","ncpContainer"]
[PTabbedContent]
[PTab=
[/PTab={margin-top:-20px; width:500px; height:500px; background-color:#eee; }]
[PTab=
[/PTab={margin-top:-20px; height:500px; width:500px; background-color:#eee; }]
[PTab=
[/PTab={margin-top:-20px; height:500px; width:500px; background-color:#eee; }]
[/PTabbedContent={height:500px; background-color:#aaa; }]
[attr="class","ncpHeader"]
[attr="class","ncpBigIMG"]
[attr="class","ncpIcon"]
[attr="class","ncpHeaderDetails"]
zeshin
touken ranbu kogitsunemaru
[PTabbedContent]
[PTab=
[attr="class","ncpTab"][attr="class","th th-push-pin-o"]
][attr="class","ncpBody"]
overview
[attr="class","ncpOverview"]
zesh/random names
[attr="class","th th-chat-bubbles"]
436 YEARS
[attr="class","th th-calendar-1-o"]
it/they/them
[attr="class","th th-bubble-heart-o"]
pansexual
[attr="class","th th-heart-1-o"]
Leo
[attr="class","th th-constellation-o"]
wanderer
[attr="class","th th-briefcase-o"]
nicknames
zesh/random names
age
436 YEARS
pronouns
it/they/them
sexuality
pansexual
zodiac
Leo
occupation
wanderer
[/PTab={margin-top:-20px; width:500px; height:500px; background-color:#eee; }]
[PTab=
[attr="class","ncpTab"][attr="class","th th-user-o"]
][attr="class","ncpBody"]
personality
[attr="class","ncpPersonality"]
[attr="class","ncpPList"]
alcohol[break]
sunsets [break]
flowers [break]
food[break]
sleeping[break]
baths
likes
alcohol[break]
sunsets [break]
flowers [break]
food[break]
sleeping[break]
baths
[attr="class","ncpPList"]
strangers[break]
fighting [break]
dogs[break]
loud noises[break]
being physically restricted[break]
work
dislikes
strangers[break]
fighting [break]
dogs[break]
loud noises[break]
being physically restricted[break]
work
[attr="class","ncpPBox"]
zeshin is a rather relaxed individual for the most part. he is often found laying around, perhaps in a garden surrounded by colourful and perfumed flowers - if not a nice warm bath. not often will zeshin be found in a city, even less so one of the bigger ones as he tends to avoid them at all costs due to disliking almost anyone new he meets.[break][break]
for the sake of confusion, zeshin sticks to a male appearance and is called a man, him, he by pretty much anyone he meets (and when I write him). Truth be told however, he doesn't remember what he was born as, as a female or a male, after all these centuries he can't tell which genitals he is most comfortable with as he has had a lot of practice in keeping a form other than what he was born with. what he has almost perfected is the male you often see with white hair - but being as lazy as he is, he keeps his ears, eyes, fangs and claws which makes the form very easy to keep. [break][break]
he is able to take on the form of women and other men, able to mock the human physique flawlessly for a couple days without tiring, but after a couple days it will wain. his shadow will tell his true form first, showing a fox like beast, and then his eyes will turn, followed by his ears and claws until he turns back into the male he is accustomed to, or a fox. With this ability of his, he has often bedded men, women, and everyone who has shown interest in him no matter what appearance he takes on. despite his distaste for strangers, he enjoys sexual activities when he meets someone he is interested in.[break][break]
Despite not liking many individuals, the individuals he does like take time to develop, and once he befriends someone, he is loyal to them for life. If their lives are at risk, he will happily risk his own to save theirs - but for a stranger he will leave them to die in a heartbeat, making him not a hero, nor villain in nature. He will often come off as callous, unfriendly and cruel; especially since he adores playing tricks on individuals if given the opportunity. [break][break]
Through his long years he has learned to master swordsmanship and hand to hand combat (he normally choses to evade more than anything until they tire out, but he is quite skilled at offensive battle too) and will use the katana he carries around with him if absolutely necessary. He is adamant on keeping it clean and sharp if will check on it on a daily basis.
zeshin is a rather relaxed individual for the most part. he is often found laying around, perhaps in a garden surrounded by colourful and perfumed flowers - if not a nice warm bath. not often will zeshin be found in a city, even less so one of the bigger ones as he tends to avoid them at all costs due to disliking almost anyone new he meets.[break][break]
for the sake of confusion, zeshin sticks to a male appearance and is called a man, him, he by pretty much anyone he meets (and when I write him). Truth be told however, he doesn't remember what he was born as, as a female or a male, after all these centuries he can't tell which genitals he is most comfortable with as he has had a lot of practice in keeping a form other than what he was born with. what he has almost perfected is the male you often see with white hair - but being as lazy as he is, he keeps his ears, eyes, fangs and claws which makes the form very easy to keep. [break][break]
he is able to take on the form of women and other men, able to mock the human physique flawlessly for a couple days without tiring, but after a couple days it will wain. his shadow will tell his true form first, showing a fox like beast, and then his eyes will turn, followed by his ears and claws until he turns back into the male he is accustomed to, or a fox. With this ability of his, he has often bedded men, women, and everyone who has shown interest in him no matter what appearance he takes on. despite his distaste for strangers, he enjoys sexual activities when he meets someone he is interested in.[break][break]
Despite not liking many individuals, the individuals he does like take time to develop, and once he befriends someone, he is loyal to them for life. If their lives are at risk, he will happily risk his own to save theirs - but for a stranger he will leave them to die in a heartbeat, making him not a hero, nor villain in nature. He will often come off as callous, unfriendly and cruel; especially since he adores playing tricks on individuals if given the opportunity. [break][break]
Through his long years he has learned to master swordsmanship and hand to hand combat (he normally choses to evade more than anything until they tire out, but he is quite skilled at offensive battle too) and will use the katana he carries around with him if absolutely necessary. He is adamant on keeping it clean and sharp if will check on it on a daily basis.
[/PTab={margin-top:-20px; height:500px; width:500px; background-color:#eee; }]
[PTab=
[attr="class","ncpTab"][attr="class","th th-pencil"]
][attr="class","ncpBody"]
KITSUNE
[attr="class","ncpBiography"]
[attr="class","ncpBiographyText"]
Zeshin despite his laziness, is extremely good at his transformation ability - but the easiest one for him to keep is the one you will normally see; the long white hair, golden eyes, fangs, slit eyes and the fox like ears that are normally turned down to blend in with his hair. He has gotten very good at the female form and is often enough found to be guised as a female for a couple days just for fun.[break][break]
His illusions are usually a fox fire. Where individuals will believe they or their environment is on fire, that it is unbelievably hot, and he will use this to scare away most opponents because of his dislike for fighting. He can do other illusions as well, such as things to frighten whomever if he knows what frightens them (or takes a random guess), make someone think he is paying for whatever, or create an illusion of himself - but those things will only last for a little while or until he distances himself enough.[break][break]
He has all the senses of a fox. Incredible sight at night and in bright light thanks to his slitted pupils, his hearing is acute (which makes loud noises almost unbearable) and a very keen sense of smell (which can disorientate him if its too strong). He has the ability to leap fourteen feet in height easily, which makes climbing come naturally to him. He is stronger than the average human, but not quite as strong as a werewolf in sheer strength. Thanks to his years and what he is, Zeshin has incredible reflexes and reaction time. [break][break]
The form he was born in is the size of a red fox with pure white fur, there's nothing quite special to look at until he opens his mouth and starts speaking as normal - though he still has his native tongue and can vocalize as any other fox. Communicating with his kind is difficult as he has gotten quite rusty with communicating with them. On the other hand, his Kitsune form is quite the sight to see. Standing at the maximum height a Kitsune can be, he is a five foot tall fox with fur as white as snow, example. [break][break]
Unlike most Kitsune who are beautiful in all their forms, Zeshin is rather intimidating in his Kitsune form. Bulky with an intimidating bite, thick claws, piercing eyes, and nine long tails, he certainly can strike fear in most who lay eyes on his true nature.
out of my head Of my heart, and my mind
Cause you can run But you can't hide I'm gonna make you mine
Zeshin despite his laziness, is extremely good at his transformation ability - but the easiest one for him to keep is the one you will normally see; the long white hair, golden eyes, fangs, slit eyes and the fox like ears that are normally turned down to blend in with his hair. He has gotten very good at the female form and is often enough found to be guised as a female for a couple days just for fun.[break][break]
His illusions are usually a fox fire. Where individuals will believe they or their environment is on fire, that it is unbelievably hot, and he will use this to scare away most opponents because of his dislike for fighting. He can do other illusions as well, such as things to frighten whomever if he knows what frightens them (or takes a random guess), make someone think he is paying for whatever, or create an illusion of himself - but those things will only last for a little while or until he distances himself enough.[break][break]
He has all the senses of a fox. Incredible sight at night and in bright light thanks to his slitted pupils, his hearing is acute (which makes loud noises almost unbearable) and a very keen sense of smell (which can disorientate him if its too strong). He has the ability to leap fourteen feet in height easily, which makes climbing come naturally to him. He is stronger than the average human, but not quite as strong as a werewolf in sheer strength. Thanks to his years and what he is, Zeshin has incredible reflexes and reaction time. [break][break]
The form he was born in is the size of a red fox with pure white fur, there's nothing quite special to look at until he opens his mouth and starts speaking as normal - though he still has his native tongue and can vocalize as any other fox. Communicating with his kind is difficult as he has gotten quite rusty with communicating with them. On the other hand, his Kitsune form is quite the sight to see. Standing at the maximum height a Kitsune can be, he is a five foot tall fox with fur as white as snow, example. [break][break]
Unlike most Kitsune who are beautiful in all their forms, Zeshin is rather intimidating in his Kitsune form. Bulky with an intimidating bite, thick claws, piercing eyes, and nine long tails, he certainly can strike fear in most who lay eyes on his true nature.
[/PTab={margin-top:-20px; height:500px; width:500px; background-color:#eee; }]
[/PTabbedContent={height:500px; background-color:#aaa; }]
[attr="class","ncpFooter"]
played by Noki
i am 25
please use she/her
character count 03
played by Noki
i am 25
please use she/her
character count 03
[attr="class","ncpCredit"]SELKIE
[newclass=.GROUP_NAME_HERE .ncpHeader:after, .GROUP_NAME_HERE .ncpBody h1:before, .GROUP_NAME_HERE .ncpBody h1:after, .GROUP_NAME_HERE .ncpOverview::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpOverview::-webkit-scrollbar-track, .GROUP_NAME_HERE .ncpPBox::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpPBox::-webkit-scrollbar-track, .GROUP_NAME_HERE .ncpPList div::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpPList div::-webkit-scrollbar-track, .GROUP_NAME_HERE .ncpBiographyText::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpBiographyText::-webkit-scrollbar-track] background-color:#7B5BB3!important; [/newclass]
[newclass=.GROUP_NAME_HERE .ncpFooter b, .GROUP_NAME_HERE .ncpBody h1, .GROUP_NAME_HERE .ncpOverview div div, .GROUP_NAME_HERE .ncpOverview span, .GROUP_NAME_HERE .ncpPBox b, .GROUP_NAME_HERE .ncpBiographyText b, .GROUP_NAME_HERE .ncpHeader h2 b, .GROUP_NAME_HERE .ncpPList div b, .GROUP_NAME_HERE .ncpContainer .PT_table .PT_tabs_selected_hover, .GROUP_NAME_HERE .ncpContainer .PT_table .PT_tabs_selected, .GROUP_NAME_HERE .ncpContainer .PT_table .PT_tabs_hover] color:#7B5BB3!important; [/newclass]
[newclass=.GROUP_NAME_HERE .ncpBiography h1, .GROUP_NAME_HERE .ncpBiographyText i, .GROUP_NAME_HERE .ncpPBox i] border-color:#7B5BB3!important; [/newclass]
[newclass=.ncpContainer] width:500px; height:750px; background-color:#eee; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); margin:10px; position:relative; [/newclass]
[newclass=.ncpCredit] font:bold 7px roboto; margin-left:450px; margin-top:-10px;[/newclass]
[newclass=.ncpCredit a] font:bold 7px roboto!important; [/newclass]
[newclass=.ncpHeader] width:500px; height:200px; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.ncpHeader:after] content:''; position:absolute; top:0px; left:0px; width:500px; height:200px; background-color:#aaa; opacity:.75; [/newclass]
[newclass=.ncpBigIMG] width:500px; height:200px; position:absolute; background:url(https://image.ibb.co/iJXGU9/image.png); filter:grayscale(100%) contrast(125%); [/newclass]
[newclass=.ncpIcon] position:relative; left:25px; z-index:1; [/newclass]
[newclass=.ncpIcon img] width:100px; height:100px; background-color:#fafafa; padding:5px; border:10px solid #333; border-radius:100%; [/newclass]
[newclass=.ncpHeaderDetails] display:flex; width:255px; margin-top:10px; flex-flow:row wrap; position:relative; left:-80px; z-index:1; [/newclass]
[newclass=.ncpHeader h1] margin:0px; display:block; word-wrap:break-word; overflow-wrap:break-word; text-align:left; font:200 35px/32px montserrat; text-transform:lowercase; color:#fafafa; [/newclass]
[newclass=.ncpHeader h2] margin:10px 0px 0px 0px; background-color:#fafafa; font:700 8px source sans pro; text-transform:uppercase; color:#aaa; padding:5px 10px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); text-align:justify; [/newclass]
[newclass=.ncpHeader h2 b] color:#aaa; font:700 8px source sans pro; [/newclass]
[newclass=.ncpFooter] background-color:#333; height:50px; padding:0px 25px; display:flex; justify-content:space-between; align-items:center; color:#888; font:700 10px roboto; text-transform:uppercase; [/newclass]
[newclass=.ncpFooter b] color:#aaa;font:700 10px roboto; [/newclass]
[newclass=.ncpBody] width:500px; height:500px; display:block; position:relative; [/newclass]
[newclass=.ncpBody h1] width:calc(100% - 50px); height:30px; margin:10px 25px; position:relative; z-index:2; display:flex; align-self:flex-start; flex-flow:row nowrap; align-items:center; color:#aaa; font:200 30px/30px montserrat; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpBody h1:before] content: ''; height: 1px; flex-grow: 1; margin-right: 10px; background-color: #aaa; border: 1px solid #fafafa; [/newclass]
[newclass=.ncpBody h1:after] content: ''; height: 1px; flex-grow: 1; margin-left: 10px; background-color: #aaa; border: 1px solid #fafafa; [/newclass]
[newclass=.ncpOverview] height:425px; overflow:auto; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; position:relative; [/newclass]
[newclass=.ncpOverview div] width:240px; height:75px; flex-shrink:0; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; position:relative; [/newclass]
[newclass=.ncpOverview h2] margin:0px; position:relative; z-index:1; padding:0px 0px 0px 0px; font:300 25px montserrat alternates; color:#aaa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpOverview div div] width:auto; height:auto; position:relative; z-index:1; font:700 12px roboto; color:#aaa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpOverview span] position:absolute; font-size:75px; top:0px; right:50px; color:#aaa; opacity:.25; [/newclass]
[newclass=.ncpOverview::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpOverview::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpOverview::-webkit-scrollbar-track] border:2px solid #eee; background-color:#aaa; [/newclass]
[newclass=.ncpPersonality] width:450px; padding:0px 25px 25px 25px; height:425px; display:flex; flex-flow:row wrap; justify-content:space-between; [/newclass]
[newclass=.ncpPList] width:212.5px; align-self:flex-start; text-align:justify; font:400 12px roboto; color:#aaa; [/newclass]
[newclass=.ncpPList h2] margin:0px; height:25px; overflow:hidden; position:relative; align-self:flex-end; text-align:center; font:300 25px/25px montserrat alternates; color:#aaa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpPList div] border:20px solid #fafafa; padding:0px; height:80px; overflow:auto; background-color:#fafafa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; position:relative; text-align:left; text-transform:lowercase; [/newclass]
[newclass=.ncpPList div b] color:#aaa; font-weight:900; [/newclass]
[newclass=.ncpPList div b:before] content:'#'; margin-right:5px; [/newclass]
[newclass=.ncpPBox] width:100%; align-self:flex-end; height:155px; padding:0px 10px 0px 0px; border:50px solid #fafafa; overflow:auto; background-color:#fafafa; text-align:justify; font:400 11px/14px roboto; color:#aaa; [/newclass]
[newclass=.ncpPBox b]font:700 11px/14px roboto; color:#aaa; text-shadow:-1px -1px 0 #fdfdfd, 1px -1px 0 #fdfdfd, -1px 1px 0 #fdfdfd, 1px 1px 0 #fdfdfd;[/newclass]
[newclass=.ncpPBox i]border-bottom: 1px solid #aaa; font:400 11px/14px roboto; font-style:italic; color: #bfbfbf; [/newclass]
[newclass=.ncpPBox::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpPBox:last-child::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpPBox:last-child::-webkit-scrollbar-track] border:2px solid #fafafa; background-color:#aaa; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar-track] border:2px solid #fafafa; background-color:#aaa; [/newclass]
[newclass=.ncpBiography] width:450px; height:423px; padding:2px 25px 25px 25px; [/newclass]
[newclass=.ncpBiographyText] border:50px solid #fafafa; padding-right:10px; height:323px; overflow:auto; background-color:#fafafa; text-align:justify; font:400 11px/16px roboto; color:#aaa; [/newclass]
[newclass=.ncpBiographyText b]font:700 11px/14px roboto; color:#aaa; text-shadow:-1px -1px 0 #fdfdfd, 1px -1px 0 #fdfdfd, -1px 1px 0 #fdfdfd, 1px 1px 0 #fdfdfd;[/newclass]
[newclass=.ncpBiographyText i]border-bottom: 1px solid #aaa; font:400 11px/14px roboto; font-style:italic; color: #bfbfbf; [/newclass]
[newclass=.ncpBiography h1] margin:0px; width:100%; height:auto; padding-bottom:5px; font:300 15px/15px montserrat; color:#ccc!important; text-transform:lowercase; border-bottom:1px solid #aaa; [/newclass]
[newclass=.ncpBiography h1:before, .ncpBiography h1:after] display:none; [/newclass]
[newclass=.ncpBiography h2] height:auto; width:100%; text-align:right; display:block; margin:5px 0px; text-shadow:none; color:#ccc; font:700 8px/8px source sans pro; text-transform:uppercase; [/newclass]
[newclass=.ncpBiographyText::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpBiographyText::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpBiographyText::-webkit-scrollbar-track] border:2px solid #fafafa; background-color:#aaa; [/newclass]
[newclass=.ncpTab] width:40px; height:40px; position:absolute; display:flex; align-items:center; justify-content:center; background-color:#eee; border-radius:100%; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.5); cursor:pointer; [/newclass]
[newclass=.ncpTab span] font-size:16px; [/newclass]
[newclass=.ncpContainer table td]padding:0px!important;[/newclass]
[newclass=.ncpContainer .PT_Tabs_holder]background-color:transparent; margin-top:-180px; margin-left:430px;[/newclass]
[newclass=.ncpContainer .PT_table]width:100%!important; border:0px!important; background-color:transparent!important;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs]color:#aaa; background-color:transparent;position:absolute; z-index:9; border:0px; transition:.25s ease;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs_hover]color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs_selected]color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs_selected_hover]color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease;[/newclass]