nina cried power

posted Dec 6, 2018 17:17:22 GMT -6 in nina cried power

[googlefont=Roboto:400,600,700|Raleway:200|Roboto+Condensed:400,700]

[attr="class","selk-ninacriedpower"]

[attr="class","abc-selk-contain"]

nina cried power

[attr="class","abc-selk-rules"]

[attr="class","abc-selk-body"]

[attr="class","abc-selk-text"]

the matching application for the MN set! LOOK at all those fucking newclasses, good lord. you know it's good when i have to write template notes in a list --[break][break]

1. you can edit/add/subtract sections in the overview tab -- just keep it an even number. try not to go under 4 sections, or over 10. [break]
2. this template supports color-coding the application for different member groups! just duplicate & rename all the group_name_here classes accordingly. members will have to manually edit the first div class in order for said color coding to take effect, so make sure to mention it in your application guide.[break]
3. the header image is 500 by 200 pixels and is overlaid with the accent color automatically. the icon is, of course, 100 by 100 pixels.[break]
4. this will, obviously, require the ptabs plugin to be installed on your forum. you must also have version 2.1.0 of the style tag extension installed -- not 2.2.0, the latest version!!! otherwise, the styling on this will be broken. [break][break]

the self-contained code is available here, however i would very highly recommend following the installation guide below instead.

[attr="class","abc-selk-hash"]
[HASH]lightapplication [HASH]sitenecessity [HASH]application [HASH]bigimage [HASH]scroll [HASH]icon [HASH]tabbed [HASH]honeybeeicons [HASH]montserrat [HASH]montserratalternates [HASH]sourcesanspro [HASH]roboto [HASH]abcsofcode

[attr="class","abc-selk-colorpickers"]

[attr="class","abc-selk-color"]

#7B5BB3

[attr="class","selk-code"]

edit as much as you want!
don't touch the credits!
i'd love to see how you use it!

[attr="class","abc-selk-link"]
[attr="class","lnr lnr-lock"]

[newclass=.selk-ninacriedpower .abc-selk-contain h1, .selk-ninacriedpower .abc-selk-hash a, .selk-ninacriedpower .abc-selk-rules h2]color:#7B5BB3!important;[/newclass]
[newclass=.selk-ninacriedpower .abc-selk-link]background-color:#7B5BB3!important;[/newclass]
[newclass=.abc-selk-contain, .selk-code] --abc-selk-accent:#CCCCCC; [/newclass]
[newclass=.abc-selk-contain] width:500px; padding:25px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; background-color:#eee; display:flex; flex-flow:row wrap; justify-content:space-between; position:relative; overflow:hidden; [/newclass]
[newclass=.abc-selk-contain h1] margin:0px; width:100%; display:flex; flex-flow:row wrap; align-items:center; font:200 32px/32px Raleway; color:var(--abc-selk-accent); [/newclass]
[newclass=.abc-selk-contain h1:after] content:''; width:10px; height:1px; background-color:#ccc; flex-grow:2; margin-left:25px; [/newclass]
[newclass=.abc-selk-contain h1:before] content:'A-B-'; color:#ccc; [/newclass]
[newclass=.abc-selk-body] width:350px; border-radius:5px; color:#aaa; font:400 11px roboto; text-align:justify; margin-top:25px; [/newclass]
[newclass=.abc-selk-text] background-color:#fafafa; padding:25px; border-radius:5px; [/newclass]
[newclass=.abc-selk-hash] margin:25px 0px; text-align:left; [/newclass]
[newclass=.abc-selk-hash a] display:inline-block; height:10px; padding:5px 7px; margin:0px 3px 5px 0px; color:var(--abc-selk-accent); background-color:#ddd; border-radius:2px; text-transform:uppercase; font:600 10px/10px roboto; [/newclass]
[newclass=.abc-selk-colorpickers] width:309px; display:flex; flex-flow:row wrap; align-items:flex-start; [/newclass]
[newclass=.abc-selk-color] display:flex; flex-flow:row nowrap; width:309px; [/newclass]
[newclass=.abc-selk-color div] height:10px; display:inline-block; margin-right:5px; background-color:#ccc; [/newclass]
[newclass=.abc-selk-color span] height:10px; width:0px; display:flex; font:600 9px/10px Roboto; color:#ccc; [/newclass]
[newclass=.abc-selk-var] width:340px; font:400 10px/13px roboto; margin-top:25px; padding-right:10px; height:25px; overflow:auto; [/newclass]
[newclass=.abc-selk-var::-webkit-scrollbar] width:5px; border:0px; [/newclass]
[newclass=.abc-selk-var::-webkit-scrollbar-thumb] background-color:#999; border:0px; [/newclass]
[newclass=.abc-selk-var::-webkit-scrollbar-track] background-color:#ddd; border:0px; [/newclass]
[newclass=.abc-selk-rules] margin:25px 0px 0px 0px; text-align:left; width:125px; display:flex; justify-content:flex-start; align-self:stretch; flex-flow:column nowrap; border-right:1px solid #ddd; [/newclass]
[newclass=.abc-selk-rules img] width:100px; height:100px; border-radius:5px; [/newclass]
[newclass=.selk-code] background-color:#eee; width:500px; padding:25px; -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top:-25px; position:relative; overflow:hidden; [/newclass]
[newclass=.selk-code div] margin:0px!important; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; [/newclass]
[newclass=.selk-code div span] display:inline-block; font:700 9px roboto; color:#333; text-transform:uppercase; background-color:#ddd; margin:0px 5px 25px 0px; padding:5px 8px; border-radius:3px; [/newclass]
[newclass=.selk-code code] display:block; width:400px!important; height:100px!important;overflow:auto!important; padding:25px!important; text-align:justify; border-radius:5px; font:11px roboto; color:#aaa; background-color:#f7f7f7; border:0px!important; [/newclass]
[newclass=.selk-code .code_tag_toggle]margin-top:25px; border:0px!important; color:#333!important; font:700 9px/9px roboto!important; padding:5px 10px!important; border-radius:3px!important;[/newclass]
[newclass=.abc-selk-link] position:absolute; bottom:0px; right:0px; height:45px; width:45px!important; background-color:var(--abc-selk-accent); display:flex!important; align-items:center!important; justify-content:center!important; border-radius:0px; [/newclass]
[newclass=.abc-selk-link i] font-size:20px; color:#fafafa; [/newclass][break][break]

[nospaces][googlefont=Montserrat+Alternates:300|Montserrat:200,300|Roboto:400,400i,700|Source+Sans+Pro:700]

[attr="class","GROUP_NAME_HERE"]

[attr="class","ncpContainer"]

[attr="class","ncpHeader"]

[attr="class","ncpBigIMG"]

[attr="class","ncpIcon"]

[attr="class","ncpHeaderDetails"]

name surname

FACE CLAIM character from series

[PTabbedContent]

[PTab=

[attr="class","ncpTab"][attr="class","th th-push-pin-o"]

]

[attr="class","ncpBody"]

overview

[attr="class","ncpOverview"]

nicknames

write about it

[attr="class","th th-chat-bubbles"]

age

write about it

[attr="class","th th-calendar-2-o"]

pronouns

write about it

[attr="class","th th-bubble-heart-o"]

sexuality

write about it

[attr="class","th th-heart-1-o"]

zodiac

write about it

[attr="class","th th-constellation-o"]

occupation

write about it

[attr="class","th th-briefcase-o"]

[/PTab={margin-top:-20px; width:500px; height:500px; background-color:#eee; }]

[PTab=

[attr="class","ncpTab"][attr="class","th th-user-3-o"]

]

[attr="class","ncpBody"]

personality

[attr="class","ncpPersonality"]

[attr="class","ncpPList"]

likes

Seeger cried power [break]
Marvin cried power [break]
James cried power [break]
Lennon cried power [break]
Patti cried power

[attr="class","ncpPList"]

dislikes

B.B. cried power [break]
Joni cried power [break]
Nina cried power [break]
Billie, power [break]
Dylan, power [break]
Woody, power

[attr="class","ncpPBox"]

it's not the waking, it's the rising. it is the grounding of a foot uncompromising. it's not forgoing of the lie, it's not the opening of eyes, it's not the waking, it's the rising. it's not the shade, we should be past it. it's the light and it's the obstacle that casts it. it's the heat that drives the light, it's the fire it ignites, it's not the waking, it's the rising. it's not the song, it’s the singing, it's the heaven of the human spirit ringing. it is the bringing of the line, it is the baring of the rhyme, it's not the waking, it's the rising. and i could cry power, power, power. nina cried power, billie cried power, mavis cried power. and i could cry power, power, power, power. curtis cried power, patti cried power, nina cried power. [break][break]

it's not the wall but what's behind it. oh, the fear of fellow man, his mere assignment. and everything that we're denied by keeping the divide, it's not the waking, it's the rising. and i could cry power, power, oh, power. nina cried power, lennon cried power, james brown cried power. and i could cry power, power, power, power, lord, b.b. cried power, joni cried power, nina cried power. and i could cry power! power has been cried by those stronger than me, straight into the face that tells you to "rattle your chains if you love being free." i could cry power, and power is my love when my love reaches to me. james brown cried power, seeger cried power, marvin cried power. james cried power, lennon cried power, patti cried power. billie, power, dylan, power, woody, power, nina cried power.

[/PTab={margin-top:-20px; height:500px; width:500px; background-color:#eee; }]

[PTab=

[attr="class","ncpTab"][attr="class","th th-pencil"]

]

[attr="class","ncpBody"]

biography

[attr="class","ncpBiography"]

[attr="class","ncpBiographyText"]

it's not the waking, it's the rising

IT IS THE GROUNDING OF A FOOT UNCOMPROMISING

it's not the waking, it's the rising. it is the grounding of a foot uncompromising. it's not forgoing of the lie, it's not the opening of eyes, it's not the waking, it's the rising. it's not the shade, we should be past it. it's the light and it's the obstacle that casts it. it's the heat that drives the light, it's the fire it ignites, it's not the waking, it's the rising. it's not the song, it’s the singing, it's the heaven of the human spirit ringing. it is the bringing of the line, it is the baring of the rhyme, it's not the waking, it's the rising. and i could cry power, power, power. nina cried power, billie cried power, mavis cried power. and i could cry power, power, power, power. curtis cried power, patti cried power, nina cried power. [break][break]

it's not the wall but what's behind it. oh, the fear of fellow man, his mere assignment. and everything that we're denied by keeping the divide, it's not the waking, it's the rising. and i could cry power, power, oh, power. nina cried power, lennon cried power, james brown cried power. and i could cry power, power, power, power, lord, b.b. cried power, joni cried power, nina cried power. and i could cry power! power has been cried by those stronger than me, straight into the face that tells you to "rattle your chains if you love being free." [break][break]

i could cry power, and power is my love when my love reaches to me. james brown cried power, seeger cried power, marvin cried power. james cried power, lennon cried power, patti cried power. billie, power, dylan, power, woody, power, nina cried power.

[/PTab={margin-top:-20px; height:500px; width:500px; background-color:#eee; }]
[/PTabbedContent={height:500px; background-color:#aaa; }]

[attr="class","ncpFooter"]

played by selkie

i am 18

please use she/he/they

character count 00

[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]

[newclass=.th]speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot");src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/504hc3yd80hv4ux/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/2f5jbp3v8tjk5hf/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/nyfekn9fqo1wid2/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-chat-bubbles:before]content:'\e418';font-family:"honeybee";[/newclass]
[newclass=.th-calendar-2-o:before]content:'\e02e';font-family:"honeybee";[/newclass]
[newclass=.th-brain:before]content:'\e904';font-family:"honeybee";[/newclass]
[newclass=.th-heart-1-o:before]content:'\e155';font-family:"honeybee";[/newclass]
[newclass=.th-constellation-o:before]content:'\e41e';font-family:"honeybee";[/newclass]
[newclass=.th-briefcase-o:before]content:'\e009';font-family:"honeybee";[/newclass]
[newclass=.th-push-pin-o:before]content:'\e2c1';font-family:"honeybee";[/newclass]
[newclass=.th-user-3-o:before]content:'\e398';font-family:"honeybee";[/newclass]
[newclass=.th-pencil:before]content:'\e274';font-family:"honeybee";[/newclass]

posted Dec 6, 2018 17:58:18 GMT -6 in nina cried power

step one: paste the following directly under <head> in the layout templates section.
[googlefont=Roboto:400,600,700|Raleway:200|Roboto+Condensed:400,700]

[attr="class","selk-code"]

<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700|Montserrat:200,400|Montserrat+Alternates:300|Open+Sans:400|Source+Sans+Pro:700" rel="stylesheet">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

step two: paste the following at the bottom of your stylesheet.

[attr="class","selk-code"]

/* GROUP COLORS */
.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; }
.GROUP_NAME_HERE .ncpBiography h1, .GROUP_NAME_HERE .ncpBiographyText i, .GROUP_NAME_HERE .ncpPBox i { border-color:#7B5BB3!important; }

/* HEADER SECTION */
.ncpHeader { width:500px; height:200px; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:space-between; }
.ncpHeader:after { content:''; position:absolute; top:0px; left:0px; width:500px; height:200px; background-color:#aaa; opacity:.75; }
.ncpBigIMG { width:500px; height:200px; position:absolute; background:url(https://image.ibb.co/iJXGU9/image.png); filter:grayscale(100%) contrast(125%); }
.ncpIcon { position:relative; left:25px; z-index:1; }
.ncpIcon img { width:100px; height:100px; background-color:#fafafa; padding:5px; border:10px solid #333; border-radius:100%; }
.ncpHeaderDetails { display:flex; width:255px; margin-top:10px; flex-flow:row wrap; position:relative; left:-80px; z-index:1; }
.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; }
.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; }
.ncpHeader h2 b { color:#aaa; font:700 8px source sans pro; } 
.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; }
.ncpFooter b { color:#aaa;font:700 10px roboto; }

/* GENERAL TEMPLATE */
.ncpContainer { width:500px; height:750px; background-color:#eee; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); margin:10px; position:relative; }
.ncpCredit { font:bold 7px roboto; margin-left:450px; margin-top:-10px; }
.ncpCredit a { font:bold 7px roboto!important; }
.ncpBody { width:500px; height:500px; display:block; position:relative; }
.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; }
.ncpBody h1:before { content: ''; height: 1px; flex-grow: 1; margin-right: 10px; background-color: #aaa; border: 1px solid #fafafa; }
.ncpBody h1:after { content: ''; height: 1px; flex-grow: 1; margin-left: 10px; background-color: #aaa; border: 1px solid #fafafa; }

/* OVERVIEW SECTION */
.ncpOverview { height:425px; overflow:auto; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; position:relative; }
.ncpOverview div { width:240px; height:75px; flex-shrink:0; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; position:relative; }
.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; }
.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; }
.ncpOverview span { position:absolute; font-size:75px; top:0px; right:50px; color:#aaa; opacity:.25; }
.ncpOverview::-webkit-scrollbar { width:5px; }
.ncpOverview::-webkit-scrollbar-thumb { border:0px; background-color:#aaa; }
.ncpOverview::-webkit-scrollbar-track { border:2px solid #eee; background-color:#aaa; }

/* PERSONALITY SECTION */
.ncpPersonality { width:450px; padding:0px 25px 25px 25px; height:425px; display:flex; flex-flow:row wrap; justify-content:space-between; }
.ncpPList { width:212.5px; align-self:flex-start; text-align:justify; font:400 12px roboto; color:#aaa; }
.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; }
.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; }
.ncpPList div b { color:#aaa; font-weight:900; }
.ncpPList div b:before { content:'#'; margin-right:5px; }
.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; }
.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; }
.ncpPBox i {border-bottom: 1px solid #aaa; font:400 11px/14px roboto; font-style:italic; color: #bfbfbf; }
.ncpPBox::-webkit-scrollbar { width:5px; }
.ncpPBox:last-child::-webkit-scrollbar-thumb { border:0px; background-color:#aaa; }
.ncpPBox:last-child::-webkit-scrollbar-track { border:2px solid #fafafa; background-color:#aaa; }
.ncpPList div::-webkit-scrollbar { width:5px; }
.ncpPList div::-webkit-scrollbar { width:5px; }
.ncpPList div::-webkit-scrollbar-thumb { border:0px; background-color:#aaa; }
.ncpPList div::-webkit-scrollbar-track { border:2px solid #fafafa; background-color:#aaa; }

/* BIOGRAPHY SECTION */
.ncpBiography { width:450px; height:423px; padding:2px 25px 25px 25px; }
.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; }
.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; }
.ncpBiographyText i {border-bottom: 1px solid #aaa; font:400 11px/14px roboto; font-style:italic; color: #bfbfbf; }
.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; }
.ncpBiography h1:before, .ncpBiography h1:after { display:none; }
.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; }
.ncpBiographyText::-webkit-scrollbar { width:5px; }
.ncpBiographyText::-webkit-scrollbar-thumb { border:0px; background-color:#aaa; }
.ncpBiographyText::-webkit-scrollbar-track { border:2px solid #fafafa; background-color:#aaa; }

/* APPLICATION TABS */
.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; }
.ncpTab span { font-size:16px; }
.ncpContainer table td {padding:0px!important; }
.ncpContainer .PT_Tabs_holder {background-color:transparent; margin-top:-180px; margin-left:430px; }
.ncpContainer .PT_table {width:100%!important; border:0px!important; background-color:transparent!important; }
.ncpContainer .PT_table .PT_tabs {color:#aaa; background-color:transparent;position:absolute; z-index:9; border:0px; transition:.25s ease; }
.ncpContainer .PT_table .PT_tabs_hover {color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease; }
.ncpContainer .PT_table .PT_tabs_selected {color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease; }
.ncpContainer .PT_table .PT_tabs_selected_hover {color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease; }

step three: use the code found here as your application template!