Character Template

« Prev
1
Next »

ABOUT The Problem

Affiliation Staff

Fame 999,999,999,999B

Rank Legendary

Beli 999.999.999.999B

Exp 999,999,999,999

The Problem IS OFFLINE

Administrator

12 POSTS + Gang Shit

The Problem

Character Template

Dec 28, 2015 10:47:55 GMT

QUOTE

This is a no spaces code. As such in order for a line break, you would need to post [*break] where you want the line break (without the * of course). A line break looks something like this:[break][break]

words go here[break]
then the line break makes the next sentence go here[break][break]

Now for a paragraph break, one would need to type [*break][*break] what a paragraph break looks like is this:[break][break]

words go here[break][break]

then the paragraph break makes the next sentence go here[break][break]

I do not mind a big block of text so if you do not wish to do that then it's fine you don't have to. Besides that, all you need to know is that the application changes accent color based on the group that you are applying for. How to change it is pretty simple, right at the top of the coding you will see something that says Group_Name_Here just change that to your group name. It will be one of the following:[break][break]

Pirate[break]
Marine[break]
Bounty_Hunter[break]
Revolutionary[break]
Other[break]
NPC[break][break]

You can also just leave it as is and keep the profile Greyscale. In order to get the code copy and paste from Here[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 from series

[PTabbedContent]

[PTab=

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

]

[attr="class","ncpBody"]

Overview

[attr="class","ncpOverview"]

Alias

N/A

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

Age

N/A

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

Rank

N/A

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

Fame

N/A

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

Race

N/A

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

Affiliation

N/A

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

]

[attr="class","ncpBody"]

Personality

[attr="class","ncpPersonality"]

[attr="class","ncpPList"]

likes

For[break]
Every[break]
Like[break]
You[break]
Have

[attr="class","ncpPList"]

dislikes

There[break]
Should[break]
Be[break]
a[break]
Dislike

[attr="class","ncpPBox"]

In Deatail

Optional

Appearance

Can just be Picture

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

History

Optional for anyone, not using a limited position but not doing means no SA or Haki or DF

[break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. [break][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

Combat Info

[break]

Devil Fruit: TBA [break]
Fruit Rank: Rookie-Legendary [break]
Fruit Description:[break]
Your devil fruit will start at most the same level of your character and can be developed ICly. For each new rank up one must register the new rank and must be accepted by staff before it can be trained for and put on a character. The same goes for devil fruit awakenings.[break][break]

Observation Haki Yes or No [break]
Haki Rank: Rookie-Legendary [break]
Haki Description:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

Armament Haki Yes or No [break]
Haki Rank: Rookie-Legendary [break]
Haki Description:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

Conqueror's Haki Yes or No [break]
Haki Rank: Rookie-Legendary [break]
Haki Description:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

INVENTORY: Everyone Starts with four ranked items and however many unranked items as you wish, The items can be any rank so long as the ranks do not repeat (the only rank that can repeat is Rookie). None of the items can be of higher rank than your character rank.[break][break]

00 | --[break]
00 | --[break]
00 | --[break]
00 | --[break][break]

SPECIAL ABILITIES: Like Items, the SA ranks cannot exceed your characters Rank and cannot repeat ranks, unless repeated rank is Rookie.[break][break]

Ability #1 [SA Rank][break]
Short description here.[break][break]

Ability #2 [SA Rank]][break]
Short description here.[break][break]

Techs

[break][break]

Legendary[break]
--[break]
--[break]
--[break][break]

Veteran[break]
--[break]
--[break]
--[break][break]

Advanced[break]
--[break]
--[break]
--[break][break]

Intermediate[break]
--[break]
--[break]
--[break][break]

Rookie[break]
--[break]
--[break]
--[break][break]

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

[attr="class","ncpFooter"]

Played By Discord Name

I Am Actual Age

Please Use she/he/they

Character Count 00

[attr="class","ncpCredit"]SELKIE

[newclass=.Pirate .ncpHeader:after, .Pirate .ncpBody h1:before, .Pirate .ncpBody h1:after, .Pirate .ncpOverview::-webkit-scrollbar-thumb, .Pirate .ncpOverview::-webkit-scrollbar-track, .Pirate .ncpPBox::-webkit-scrollbar-thumb, .Pirate .ncpPBox::-webkit-scrollbar-track, .Pirate .ncpPList div::-webkit-scrollbar-thumb, .Pirate .ncpPList div::-webkit-scrollbar-track, .Pirate .ncpBiographyText::-webkit-scrollbar-thumb, .Pirate .ncpBiographyText::-webkit-scrollbar-track] background-color:#812075!important; [/newclass]

[newclass=.Pirate .ncpFooter b, .Pirate .ncpBody h1, .Pirate .ncpOverview div div, .Pirate .ncpOverview span, .Pirate .ncpPBox b, .Pirate .ncpBiographyText b, .Pirate .ncpHeader h2 b, .Pirate .ncpPList div b, .Pirate .ncpContainer .PT_table .PT_tabs_selected_hover, .Pirate .ncpContainer .PT_table .PT_tabs_selected, .Pirate .ncpContainer .PT_table .PT_tabs_hover] color:#812075!important; [/newclass]

[newclass=.Pirate .ncpBiography h1, .Pirate .ncpBiographyText i, .Pirate .ncpPBox i] border-color:#812075!important; [/newclass]

[newclass=.Marine .ncpHeader:after, .Marine .ncpBody h1:before, .Marine .ncpBody h1:after, .Marine .ncpOverview::-webkit-scrollbar-thumb, .Marine .ncpOverview::-webkit-scrollbar-track, .Marine .ncpPBox::-webkit-scrollbar-thumb, .Marine .ncpPBox::-webkit-scrollbar-track, .Marine .ncpPList div::-webkit-scrollbar-thumb, .Marine .ncpPList div::-webkit-scrollbar-track, .Marine .ncpBiographyText::-webkit-scrollbar-thumb, .Marine .ncpBiographyText::-webkit-scrollbar-track] background-color:#204d81!important; [/newclass]

[newclass=.Marine .ncpFooter b, .Marine .ncpBody h1, .Marine .ncpOverview div div, .Marine .ncpOverview span, .Marine .ncpPBox b, .Marine .ncpBiographyText b, .Marine .ncpHeader h2 b, .Marine .ncpPList div b, .Marine .ncpContainer .PT_table .PT_tabs_selected_hover, .Marine .ncpContainer .PT_table .PT_tabs_selected, .Marine .ncpContainer .PT_table .PT_tabs_hover] color:#204d81!important; [/newclass]

[newclass=.Marine .ncpBiography h1, .Marine .ncpBiographyText i, .Marine .ncpPBox i] border-color:#204d81!important; [/newclass]

[newclass=.Revolutionary .ncpHeader:after, .Revolutionary .ncpBody h1:before, .Revolutionary .ncpBody h1:after, .Revolutionary .ncpOverview::-webkit-scrollbar-thumb, .Revolutionary .ncpOverview::-webkit-scrollbar-track, .Revolutionary .ncpPBox::-webkit-scrollbar-thumb, .Revolutionary .ncpPBox::-webkit-scrollbar-track, .Revolutionary .ncpPList div::-webkit-scrollbar-thumb, .Revolutionary .ncpPList div::-webkit-scrollbar-track, .Revolutionary .ncpBiographyText::-webkit-scrollbar-thumb, .Revolutionary .ncpBiographyText::-webkit-scrollbar-track] background-color:#d47a01!important; [/newclass]

[newclass=.Revolutionary .ncpFooter b, .Revolutionary .ncpBody h1, .Revolutionary .ncpOverview div div, .Revolutionary .ncpOverview span, .Revolutionary .ncpPBox b, .Revolutionary .ncpBiographyText b, .Revolutionary .ncpHeader h2 b, .Revolutionary .ncpPList div b, .Revolutionary .ncpContainer .PT_table .PT_tabs_selected_hover, .Revolutionary .ncpContainer .PT_table .PT_tabs_selected, .Revolutionary .ncpContainer .PT_table .PT_tabs_hover] color:#d47a01!important; [/newclass]

[newclass=.Revolutionary .ncpBiography h1, .Revolutionary .ncpBiographyText i, .Revolutionary .ncpPBox i] border-color:#d47a01!important; [/newclass]

[newclass=.Bounty_Hunter .ncpHeader:after, .Bounty_Hunter .ncpBody h1:before, .Bounty_Hunter .ncpBody h1:after, .Bounty_Hunter .ncpOverview::-webkit-scrollbar-thumb, .Bounty_Hunter .ncpOverview::-webkit-scrollbar-track, .Bounty_Hunter .ncpPBox::-webkit-scrollbar-thumb, .Bounty_Hunter .ncpPBox::-webkit-scrollbar-track, .Bounty_Hunter .ncpPList div::-webkit-scrollbar-thumb, .Bounty_Hunter .ncpPList div::-webkit-scrollbar-track, .Bounty_Hunter .ncpBiographyText::-webkit-scrollbar-thumb, .Bounty_Hunter .ncpBiographyText::-webkit-scrollbar-track] background-color:#815a20!important; [/newclass]

[newclass=.Bounty_Hunter .ncpFooter b, .Bounty_Hunter .ncpBody h1, .Bounty_Hunter .ncpOverview div div, .Bounty_Hunter .ncpOverview span, .Bounty_Hunter .ncpPBox b, .Bounty_Hunter .ncpBiographyText b, .Bounty_Hunter .ncpHeader h2 b, .Bounty_Hunter .ncpPList div b, .Bounty_Hunter .ncpContainer .PT_table .PT_tabs_selected_hover, .Bounty_Hunter .ncpContainer .PT_table .PT_tabs_selected, .Bounty_Hunter .ncpContainer .PT_table .PT_tabs_hover] color:#815a20!important; [/newclass]

[newclass=.Bounty_Hunter .ncpBiography h1, .Bounty_Hunter .ncpBiographyText i, .Bounty_Hunter .ncpPBox i] border-color:#815a20!important; [/newclass]

[newclass=.Other .ncpHeader:after, .Other .ncpBody h1:before, .Other .ncpBody h1:after, .Other .ncpOverview::-webkit-scrollbar-thumb, .Other .ncpOverview::-webkit-scrollbar-track, .Other .ncpPBox::-webkit-scrollbar-thumb, .Other .ncpPBox::-webkit-scrollbar-track, .Other .ncpPList div::-webkit-scrollbar-thumb, .Other .ncpPList div::-webkit-scrollbar-track, .Other .ncpBiographyText::-webkit-scrollbar-thumb, .Other .ncpBiographyText::-webkit-scrollbar-track] background-color:#f0f025!important; [/newclass]

[newclass=.Other .ncpFooter b, .Other .ncpBody h1, .Other .ncpOverview div div, .Other .ncpOverview span, .Other .ncpPBox b, .Other .ncpBiographyText b, .Other .ncpHeader h2 b, .Other .ncpPList div b, .Other .ncpContainer .PT_table .PT_tabs_selected_hover, .Other .ncpContainer .PT_table .PT_tabs_selected, .Other .ncpContainer .PT_table .PT_tabs_hover] color:#f0f025!important; [/newclass]

[newclass=.Other .ncpBiography h1, .Other .ncpBiographyText i, .Other .ncpPBox i] border-color:#f0f025!important; [/newclass]

[newclass=.NPC .ncpHeader:after, .NPC .ncpBody h1:before, .NPC .ncpBody h1:after, .NPC .ncpOverview::-webkit-scrollbar-thumb, .NPC .ncpOverview::-webkit-scrollbar-track, .NPC .ncpPBox::-webkit-scrollbar-thumb, .NPC .ncpPBox::-webkit-scrollbar-track, .NPC .ncpPList div::-webkit-scrollbar-thumb, .NPC .ncpPList div::-webkit-scrollbar-track, .NPC .ncpBiographyText::-webkit-scrollbar-thumb, .NPC .ncpBiographyText::-webkit-scrollbar-track] background-color:#000000!important; [/newclass]

[newclass=.NPC .ncpFooter b, .NPC .ncpBody h1, .NPC .ncpOverview div div, .NPC .ncpOverview span, .NPC .ncpPBox b, .NPC .ncpBiographyText b, .NPC .ncpHeader h2 b, .NPC .ncpPList div b, .NPC .ncpContainer .PT_table .PT_tabs_selected_hover, .NPC .ncpContainer .PT_table .PT_tabs_selected, .NPC .ncpContainer .PT_table .PT_tabs_hover] color:#000000!important; [/newclass]

[newclass=.NPC .ncpBiography h1, .NPC .ncpBiographyText i, .NPC .ncpPBox i] border-color:#000000!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]

ABOUT The Problem

Affiliation Staff

Fame 999,999,999,999B

Rank Legendary

Beli 999.999.999.999B

Exp 999,999,999,999

The Problem IS OFFLINE

Administrator

12 POSTS + Gang Shit

The Problem

Character Template

Jul 15, 2020 5:26:12 GMT

QUOTE

A non-tabbed not so code heavy app for those who have a hard time with code and those on mobile.[break][break]

Still no spaces so use the break codes, quote for code.[break][break]

---------Code Start----------[break][break]

[nospaces]

[attr="class","yalcont"]

[attr="class","yalimg"]

[attr="class","yalname"]First M. Last

age ??	Fame ??	Rank ??
Race ??	Affiliation ??	ALias ??

[attr="class","yalinfo"]

[attr="class","yalperson"]

Appearance

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

[attr="class","yalspace"]

[attr="class","yalperson"]

Personality

[attr="class","yalhistory"]

History

[attr="class","yalhistory"]

Combat Info

Devil Fruit: TBA[break]
Fruit Rank: Rookie-Legendary[break]
Fruit Description:[break]
Your devil fruit will start at most the same level of your character and can be developed ICly. For each new rank up one must register the new rank and be accepted by staff before it can be trained for and put on a character. The same goes for devil fruit awakenings.[break][break]

Observation Haki: Yes or No[break]
Haki Rank: Rookie-Legendary[break]
Haki Description:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

Armament Haki: Yes or No[break]
Haki Rank: Rookie-Legendary[break]
Haki Description:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

Conqueror's Haki: Yes or No[break]
Haki Rank: Rookie-Legendary[break]
Haki Description:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

INVENTORY: Everyone Starts with four ranked items and however many unranked items as you wish, The items can be any rank so long as the ranks do not repeat (the only rank that can repeat is Rookie). None of the items can be of higher rank than your character rank.[break][break]

00 | --[break]
00 | --[break]
00 | --[break]
00 | --[break][break]

SPECIAL ABILITIES: Like Items, the SA ranks cannot exceed your characters Rank and cannot repeat ranks, unless repeated rank is Rookie.[break][break]

Ability #1 [SA Rank][break]
Short description here.[break][break]

Ability #2 [SA Rank]][break]
Short description here.[break][break]

[attr="class","yalhistory"]

Techs

[break]
Legendary[break]
--[break]
--[break]
--[break][break]

Veteran[break]
--[break]
--[break]
--[break][break]

Advanced[break]
--[break]
--[break]
--[break][break]

Intermediate[break]
--[break]
--[break]
--[break][break]

Rookie[break]
--[break]
--[break]
--[break][break]

[attr="class","yalquote"]

Face Claim from Series

thx

[googlefont=Domine|Cedarville+Cursive]
[newclass=".yalcont"]--yal-accent:#314159;width:460px;min-height:200px;margin:0 auto;background-color:#cecece;font-family:domine;font-size:13px;padding:20px;border:2px solid var(--yal-accent);[/newclass][newclass=".yaltitle"]width:95%;background-color:var(--yal-accent);border:6px double #cecece;padding:3px;margin:5px auto;text-align:center;font-size:20px;line-height:25px;font-family:cedarville cursive;color:#cecece;[/newclass][newclass=".yalimg"]width:450px;margin:0 auto;height:150px;background-image:url(http://placehold.it/450x150);border:5px solid var(--yal-accent);[/newclass][newclass=".yalname"]font-size:40px;line-height:40px;text-align:center;bottom:-118px;position:relative;color:var(--yal-accent);[/newclass][newclass=".yaltrait"]text-align:center;color:black;line-height:14px;margin-bottom:5px;color:var(--yal-accent);[/newclass][newclass=".yalinfo"]width:90%;margin:0px auto;display:flex;flex-wrap:wrap;justify-content:center;background-color:rgba(255,255,255,0.3);padding:5px;line-height:15px;[/newclass][newclass=".yalinfo h2"]font-size:20px;font-weight:bold;margin:0;font-family:cedarville cursive;text-align:center;line-height:20px;color:var(--yal-accent);[/newclass][newclass=".yalperson"]padding:4px;margin:2px;width:190px;min-height:100px;text-align:justify;[/newclass][newclass=".yalspace"]width:3px;border-right:3px solid var(--yal-accent);border-left:3px solid var(--yal-accent);[/newclass][newclass=".yalhistory"]width:100%;padding:5px;text-align:justify;border-top:3px solid var(--yal-accent);[/newclass]

[nospaces]
[div][attr="class","yalcont"]
    [div][attr="class","yalimg"]
      [div][attr="class","yalname"]First M. Last[/div]
  [/div][table style="text-align:center;"][tbody][tr][td style="width:100px;padding:3px;background-color:#cecece;border:3px solid #E4E4E4;"][div style="border-bottom:1px dotted rgb(26, 101, 128);text-transform:uppercase;text-align:left;font-family:"font-size:11px;"][font color="#1a6580"]age[/font][/div][font color="#1a6580"]??[/font][/td][td style="width:100px;padding:3px;background-color:#cecece;border:3px solid #E4E4E4;"][div style="border-bottom:1px dotted rgb(26, 101, 128);text-transform:uppercase;text-align:left;font-family:"font-size:11px;"][font color="#1a6580"]Fame[/font][/div][font color="#1a6580"]??[/font][/td][td style="width:100px;padding:3px;background-color:#cecece;border:3px solid #E4E4E4;"][div style="border-bottom:1px dotted rgb(26, 101, 128);text-transform:uppercase;text-align:left;font-family:"font-size:11px;"][font color="#1a6580"]Rank[/font][/div][font color="#1a6580"]??[/font][/td][/tr][tr][td style="width:100px;padding:3px;background-color:#cecece;border:3px solid #E4E4E4;"][div style="border-bottom:1px dotted rgb(26, 101, 128);text-transform:uppercase;text-align:left;font-family:"font-size:11px;"][font color="#1a6580"]Race[/font][/div][font color="#1a6580"]??[/font][/td][td style="width:100px;padding:3px;background-color:#cecece;border:3px solid #E4E4E4;"][div style="border-bottom:1px dotted rgb(26, 101, 128);text-transform:uppercase;text-align:left;font-family:"font-size:11px;"][font color="#1a6580"]Affiliation[/font][/div][font color="#1a6580"]??[/font][/td][td style="width:100px;padding:3px;background-color:#cecece;border:3px solid #E4E4E4;"][div style="border-bottom:1px dotted rgb(26, 101, 128);text-transform:uppercase;text-align:left;font-family:"font-size:11px;"][font color="#1a6580"]ALias[/font][/div][font color="#1a6580"]??[/font][/td][/tr][/tbody][/table]
  [div][attr="class","yalinfo"]
    [div][attr="class","yalperson"]
      [h2]Appearance[/h2]
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
    [/div]
    [div][attr="class","yalspace"][/div]
    [div][attr="class","yalperson"]
      [h2]Personality[/h2]
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
    [/div]
    [div][attr="class","yalhistory"]
      [h2]History[/h2]
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
    [/div][div][attr="class","yalhistory"]
      [h2]Combat Info[/h2]
      [b]Devil Fruit[/b]: TBA[break]
[b]Fruit Rank[/b]: Rookie-Legendary[break]
[b]Fruit Description[/b]:[break]
Your devil fruit will start at most the same level of your character and can be developed ICly. For each new rank up one must register the new rank and be accepted by staff before it can be trained for and put on a character. The same goes for devil fruit awakenings.[break][break]

[b]Observation Haki[/b]: Yes or No[break]
[b]Haki Rank[/b]: Rookie-Legendary[break]
[b]Haki Description[/b]:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

[b]Armament Haki[/b]: Yes or No[break]
[b]Haki Rank[/b]: Rookie-Legendary[break]
[b]Haki Description[/b]:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

[b]Conqueror's Haki[/b]: Yes or No[break]
[b]Haki Rank: Rookie[/b]-Legendary[break]
[b]Haki Description[/b]:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

[b]INVENTORY[/b]: Everyone Starts with four ranked items and however many unranked items as you wish, The items can be any rank so long as the ranks do not repeat (the only rank that can repeat is Rookie). None of the items can be of higher rank than your character rank.[break][break]

00 | --[break]
00 | --[break]
00 | --[break]
00 | --[break][break]

[b]SPECIAL ABILITIES[/b]: Like Items, the SA ranks cannot exceed your characters Rank and cannot repeat ranks, unless repeated rank is Rookie.[break][break]

[i][u][b]Ability #1[/b] [SA Rank][/u][/i][break]
Short description here.[break][break]

[i][u][b]Ability #2[/b] [SA Rank]][/u][/i][break]
Short description here.[break][break]
    [/div][div][attr="class","yalhistory"]
      [h2]Techs[/h2][break]
      [b]Legendary[/b][break]
--[break]
--[break]
--[break][break]

[b]Veteran[/b][break]
--[break]
--[break]
--[break][break]

[b]Advanced[/b][break]
--[break]
--[break]
--[break][break]

[b]Intermediate[/b][break]
--[break]
--[break]
--[break][break]

[b]Rookie[/b][break]
--[break]
--[break]
--[break][break]

    [/div]
  [/div]
  [div][attr="class","yalquote"][div align="center"][b]Face Claim[/b] from Series[/div][/div]
[/div]
[div style="width:550px;text-align:center;margin:0 auto;opacity:0.75;font-size:10px;"][a href="http://pixel-perfect.boards.net/user/1151"]thx[/a][/div]
[googlefont=Domine|Cedarville+Cursive]
[newclass=".yalcont"]--yal-accent:#314159;width:460px;min-height:200px;margin:0 auto;background-color:#cecece;font-family:domine;font-size:13px;padding:20px;border:2px solid var(--yal-accent);[/newclass][newclass=".yaltitle"]width:95%;background-color:var(--yal-accent);border:6px double #cecece;padding:3px;margin:5px auto;text-align:center;font-size:20px;line-height:25px;font-family:cedarville cursive;color:#cecece;[/newclass][newclass=".yalimg"]width:450px;margin:0 auto;height:150px;background-image:url(http://placehold.it/450x150);border:5px solid var(--yal-accent);[/newclass][newclass=".yalname"]font-size:40px;line-height:40px;text-align:center;bottom:-118px;position:relative;color:var(--yal-accent);[/newclass][newclass=".yaltrait"]text-align:center;color:black;line-height:14px;margin-bottom:5px;color:var(--yal-accent);[/newclass][newclass=".yalinfo"]width:90%;margin:0px auto;display:flex;flex-wrap:wrap;justify-content:center;background-color:rgba(255,255,255,0.3);padding:5px;line-height:15px;[/newclass][newclass=".yalinfo h2"]font-size:20px;font-weight:bold;margin:0;font-family:cedarville cursive;text-align:center;line-height:20px;color:var(--yal-accent);[/newclass][newclass=".yalperson"]padding:4px;margin:2px;width:190px;min-height:100px;text-align:justify;[/newclass][newclass=".yalspace"]width:3px;border-right:3px solid var(--yal-accent);border-left:3px solid var(--yal-accent);[/newclass][newclass=".yalhistory"]width:100%;padding:5px;text-align:justify;border-top:3px solid var(--yal-accent);[/newclass]