• This section is for roleplays only.
    ALL interest checks/recruiting threads must go in the Recruit Here section.

    Please remember to credit artists when using works not your own.

Fandom Fairy Tail cs

Main
Here

Nornslayer

sugar is my wife and morg is the other mistress
SIGN UP INFO
Please make sure to read the main thread and verify with me in discord that you can begin character creation before you post here! If you have multiple characters please use this code:
Code:
[tabs]
[tab=character name]
form code in here
[/tab]
[tab=character name]
form code in here
[/tab]
[comment]add for as many as you need[/comment]
[tabs]

FORM
Code:
[comment]
Designed and coded by Nano.
Please do not remove the credits or claim the code as your own work.

[font=Changa One].[/font]
[font=Abel].[/font][/comment][comment]

// accents

[/comment][border=0; padding: 0;
     --bgcolor: #111111;
     --accent: #a9000d;
     --grey: #666666;
     --text: #fefefe;
     --mainimg: url('https://i.imgur.com/G5eIzVj.jpg') center/cover no-repeat;
     --profileicon: url('https://i.imgur.com/ePTJWE9.jpg') center/cover no-repeat;

     width: 100%;
     font-size: initial;
][border=0px; margin: 0 auto; padding: 20px; width: calc(100% - 40px); max-width: 700px; background: var(--bgcolor); font-size: initial; position: relative; overflow: hidden;][comment]

// [triangle] red border + bg image //

[/comment][border=0px; top: -1px; left: -1px; padding: 0; width: 400px; height: 400px; clip-path: polygon(0 0, 0% 100%, 100% 0); background: var(--accent); position: absolute; z-index: 1; pointer-events: none;][border=0px; padding: 0; width: 380px; height: 380px; clip-path: polygon(0 0, 0% 100%, 100% 0); background: var(--mainimg);][/border][/border][comment]

// start of content //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-left: -5px; padding: 0; width: calc(100% + 5px); position: relative;][comment]

// start of left side (quote) //

[/comment][border=0px; margin-left: 5px; padding: 0; flex: 1; width: 100%; min-width: 150px; min-height: 450px; position: relative; overflow: hidden; z-index: 2;][border=0px; bottom: 20px; padding: 0; width: 100%; position: absolute;][border=0px; margin: 0 auto 10px; padding: 0; width: 50px; height: 5px; background: var(--accent);][/border][comment]

// quote //

[/comment][border=0px; padding: 0; width: 100%; font-family: 'Changa One', cursive; font-size: 1.8em; line-height: 115%; color: var(--text); text-align: center;]some kind of quote or blurb goes here, but try to keep it relatively short[/border][border=0px; margin: 12px auto 0; padding: 0; width: 50px; height: 5px; background: var(--accent);][/border][/border][/border][comment]

// start of right side //

[/comment][border=0px; margin-left: 5px; padding: 0; flex: 2; width: 100%; min-width: 250px;][border=0px; border-right: 5px solid var(--accent); padding: 2px 5px 5px 0; width: calc(100% - 10px); position: relative; z-index: 2;][comment]

// name + title //

[/comment][border=0px; padding: 0; font-family: 'Changa One', cursive; font-size: 2.2em; line-height: 100%; color: var(--text); text-align: right; text-transform: capitalize;]Name Here[/border][border=0px; margin-top: -3px; padding: 0; font-family: 'Abel', sans-serif; font-size: 1.0em; line-height: 100%; color: var(--accent); font-weight: 700; text-align: right; text-transform: lowercase;]type of magic[/border][/border][comment]

// start of tabs + CS details //

[/comment][border=0px; margin-top: 10px; margin-left: -10px; padding: 0; width: calc(100% + 10px); height: 70vh; min-height: 450px; max-height: 500px; position: relative;][border=0px; display: flex; flex-flow: row wrap; left: 20px; margin-left: -10px; padding: 0; width: 240px; height: 24px; position: absolute; z-index: 2; pointer-events: none;][border=0px; margin-left: 10px; padding: 0; flex: 1; width: 50px; height: 24px; font-family: 'Changa One', cursive; font-size: 18px; line-height: 23px; color: var(--text); text-align: center;]001[/border][border=0px; margin-left: 10px; padding: 0; flex: 1; width: 50px; height: 24px; font-family: 'Changa One', cursive; font-size: 18px; line-height: 23px; color: var(--text); text-align: center;]002[/border][border=0px; margin-left: 10px; padding: 0; flex: 1; width: 50px; height: 24px; font-family: 'Changa One', cursive; font-size: 18px; line-height: 23px; color: var(--text); text-align: center;]003[/border][border=0px; margin-left: 10px; padding: 0; flex: 1; width: 50px; height: 24px; font-family: 'Changa One', cursive; font-size: 18px; line-height: 23px; color: var(--text); text-align: center;]004[/border][/border][border=0px; padding: 0; width: 100%; height: 70vh; min-height: 450px; max-height: 500px; background: var(--bgcolor); position: absolute; pointer-events: none; ][/border][tabs]


[comment]tab one[/comment]
[tab=.][border=0px; left: 20px; top: 0; padding: 0; width: 50px; height: 24px; font-family: 'Changa One', cursive; font-size: 18px; line-height: 23px; color: var(--accent); text-align: center; position: absolute; z-index: 3; cursor: default;]001[/border][border=0px; left: 15px; top: 20px; padding: 0; width: calc(100% + 2px); height: calc(70vh - 20px); min-height: 420px; max-height: 470px; overflow: hidden; position: absolute; z-index: 2;][border=0px; padding: 0; padding-right: 18px; width: 100%; height: calc(70vh - 20px); min-height: 420px; max-height: 470px; overflow-y: scroll;][comment]

// content box 1 - basic information //

[/comment][border=1px solid var(--grey); border-radius: 4px; margin-top: 9px; padding: 15px; width: calc(100% - 32px); background: var(--bgcolor); position: relative;][border=1px solid var(--grey); border-radius: 4px; display: inline-block; right: 20px; top: -10px; padding: 3px 10px 2px; background: var(--bgcolor); font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-transform: uppercase; position: absolute;]basics[/border][border=0px; display: flex; flex-flow: row-reverse wrap; margin-left: -15px; padding: 0; width: calc(100% + 15px);][border=0px; margin-left: 15px; padding: 0; flex: 1; width: 100%; min-width: 100px;][comment]

// profile image //

[/comment][border=0px; border-radius: 3px; margin-bottom: 15px; padding: 0; width: 100%; padding-top: 100%; background: var(--profileicon);][/border][/border][comment]

// stat bars //

[/comment][border=0px; margin-left: 15px; margin-bottom: 15px; padding: 0; flex: 2; width: 100%; min-width: 150px;][comment]

// stat one - change the 80% to whatever you want to change the stat bar //

[/comment][border=0px; padding: 0; padding-right: 5px; font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-align: right; text-transform: uppercase;]attack[/border][border=0px; margin-top: -1px; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0px; padding: 0; width: 80%; height: 7px; background: var(--accent);][/border][/border][comment]

// stat two - change the 60% to whatever you want to change the stat bar //

[/comment][border=0px; margin-top: 10px; padding: 0; padding-right: 5px; font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-align: right; text-transform: uppercase;]defense[/border][border=0px; margin-top: -1px; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0px; padding: 0; width: 60%; height: 7px; background: var(--accent);][/border][/border][comment]

// stat three - changed the 50% to whatever you want to change the stat bar //

[/comment][border=0px; margin-top: 10px; padding: 0; padding-right: 5px; font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-align: right; text-transform: uppercase;]speed[/border][border=0px; margin-top: -1px; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0px; padding: 0; width: 50%; height: 7px; background: var(--accent);][/border][/border][comment]

// stat four - change the 65% to whatever you want to change the stat bar //

[/comment][border=0px; margin-top: 10px; padding: 0; padding-right: 5px; font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-align: right; text-transform: uppercase;]stamina[/border][border=0px; margin-top: -1px; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0px; padding: 0; width: 65%; height: 7px; background: var(--accent);][/border][/border][comment]

// stat five - change the 35% to whatever you want to change the stat bar //

[/comment][border=0px; margin-top: 10px; padding: 0; padding-right: 5px; font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-align: right; text-transform: uppercase;]tactics[/border][border=0px; margin-top: -1px; padding: 0; width: 100%; height: 7px; background: var(--grey);][border=0px; padding: 0; width: 35%; height: 7px; background: var(--accent);][/border][/border][comment]

// end of stats //

[/comment][/border][/border][comment]

// basic profile //

[/comment][comment]

// question one //

[/comment][border=0px; display: flex; flex-flow: row wrap; padding: 0; width: 100%;][border=0px; display: flex; align-items: center; justify-content: center; padding: 7px 10px; flex: 1; width: 100%; min-width: 60px; background: var(--accent); font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--text); text-transform: lowercase;]name[/border][border=0px; display: flex; align-items: center; padding: 5px 10px; flex: 9; width: 100%; min-width: 100px; background: var(--grey); font-family: 'Abel', sans-serif; font-size: .9em; line-height: 100%; color: var(--text); text-align: left;]Firstname Surname[/border][/border][comment]

// question two //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 5px; padding: 0; width: 100%;][border=0px; display: flex; align-items: center; justify-content: center; padding: 7px 10px; flex: 1; width: 100%; min-width: 60px; background: var(--accent); font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--text); text-transform: lowercase;]gender[/border][border=0px; display: flex; align-items: center; padding: 5px 10px; flex: 9; width: 100%; min-width: 100px; background: var(--grey); font-family: 'Abel', sans-serif; font-size: .9em; line-height: 100%; color: var(--text);]Gender Here[/border][/border][comment]

// question three //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 5px; padding: 0; width: 100%;][border=0px; display: flex; align-items: center; justify-content: center; padding: 7px 10px; flex: 1; width: 100%; min-width: 60px; background: var(--accent); font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--text); text-transform: lowercase;]nickname[/border][border=0px; display: flex; align-items: center; padding: 5px 10px; flex: 9; width: 100%; min-width: 100px; background: var(--grey); font-family: 'Abel', sans-serif; font-size: .9em; line-height: 100%; color: var(--text);]Nickname here[/border][/border][comment]

// question four //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 5px; padding: 0; width: 100%;][border=0px; display: flex; align-items: center; justify-content: center; padding: 7px 10px; flex: 1; width: 100%; min-width: 60px; background: var(--accent); font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--text); text-transform: lowercase;]age[/border][border=0px; display: flex; align-items: center; padding: 5px 10px; flex: 9; width: 100%; min-width: 100px; background: var(--grey); font-family: 'Abel', sans-serif; font-size: .9em; line-height: 100%; color: var(--text); text-align: left;]Number (##)[/border][/border][comment]

// question five //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 5px; padding: 0; width: 100%;][border=0px; display: flex; align-items: center; justify-content: center; padding: 7px 10px; flex: 1; width: 100%; min-width: 60px; background: var(--accent); font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--text); text-transform: lowercase;]sexuality[/border][border=0px; display: flex; align-items: center; padding: 5px 10px; flex: 9; width: 100%; min-width: 100px; background: var(--grey); font-family: 'Abel', sans-serif; font-size: .9em; line-height: 100%; color: var(--text); text-align: left;]sexuality here[/border][/border][comment]

// question six //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 5px; padding: 0; width: 100%;][border=0px; display: flex; align-items: center; justify-content: center; padding: 7px 10px; flex: 1; width: 100%; min-width: 60px; background: var(--accent); font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--text); text-transform: lowercase;]rank[/border][border=0px; display: flex; align-items: center; padding: 5px 10px; flex: 9; width: 100%; min-width: 100px; background: var(--grey); font-family: 'Abel', sans-serif; font-size: .9em; line-height: 100%; color: var(--text); text-align: left;]rank here[/border][/border][/border][comment]

// content box 2 - appearance //

[/comment][border=1px solid var(--grey); border-radius: 4px; margin-top: 29px; padding: 15px; width: calc(100% - 32px); background: var(--bgcolor); position: relative;][border=1px solid var(--grey); border-radius: 4px; display: inline-block; right: 20px; top: -10px; padding: 3px 10px 2px; background: var(--bgcolor); font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-transform: uppercase; position: absolute;]appearance[/border][comment]

// appearance basics //

[/comment][comment]

// question one //

[/comment][border=0px; display: flex; flex-flow: row wrap; padding: 0; width: 100%;][border=0px; display: flex; align-items: center; justify-content: center; padding: 7px 10px; flex: 1; width: 100%; min-width: 60px; background: var(--accent); font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--text); text-transform: lowercase;]height[/border][border=0px; display: flex; align-items: center; padding: 5px 10px; flex: 9; width: 100%; min-width: 100px; background: var(--grey); font-family: 'Abel', sans-serif; font-size: .9em; line-height: 100%; color: var(--text); text-align: left;]#'##" (###cm)[/border][/border][comment]

// question two //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 5px; padding: 0; width: 100%;][border=0px; display: flex; align-items: center; justify-content: center; padding: 7px 10px; flex: 1; width: 100%; min-width: 60px; background: var(--accent); font-family: 'Changa One', cursive; font-size: .8em; line-height: 100%; color: var(--text); text-transform: lowercase;]outfit style[/border][border=0px; display: flex; align-items: center; padding: 5px 10px; flex: 9; width: 100%; min-width: 100px; background: var(--grey); font-family: 'Abel', sans-serif; font-size: .9em; line-height: 100%; color: var(--text);]very short description[/border][/border][comment]

// appearance description //

[/comment][border=0px; margin-top: 15px; padding: 0; font-family: 'Abel', sans-serif; font-size: 1.0em; line-height: 125%; color: var(--text); text-align: justify;]brief description[/border][/border][comment]

// content box 3 - personality //

[/comment][border=1px solid var(--grey); border-radius: 4px; margin-top: 29px; padding: 15px; width: calc(100% - 32px); background: var(--bgcolor); position: relative;][border=1px solid var(--grey); border-radius: 4px; display: inline-block; right: 20px; top: -10px; padding: 3px 10px 2px; background: var(--bgcolor); font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-transform: uppercase; position: absolute;]personality[/border][comment]

// personality description //

[/comment][border=0px; padding: 0; font-family: 'Abel', sans-serif; font-size: 1.0em; line-height: 125%; color: var(--text); text-align: justify;]
✧ likes. —
✧ dislikes. —
✧ hobbies. —
✧ headcanons. —
✦ at least 20 please
[/border][/border][comment]//extra content boxes here//[/comment][/border][/border][/tab]


[comment]tab two[/comment]
[tab=.][border=0px; left: 80px; top: 0; padding: 0; width: 50px; height: 24px; font-family: 'Changa One', cursive; font-size: 18px; line-height: 23px; color: var(--accent); text-align: center; position: absolute; z-index: 3; cursor: default;]002[/border][border=0px; left: 15px; top: 20px; padding: 0; width: calc(100% + 2px); height: calc(70vh - 20px); min-height: 420px; max-height: 470px; overflow: hidden; position: absolute; z-index: 2;][border=0px; padding: 0; padding-right: 18px; width: 100%; height: calc(70vh - 20px); min-height: 420px; max-height: 470px; overflow-y: scroll;][comment]

// content box 4 - history //

[/comment][border=1px solid var(--grey); border-radius: 4px; margin-top: 9px; padding: 15px; width: calc(100% - 32px); background: var(--bgcolor); position: relative;][border=1px solid var(--grey); border-radius: 4px; display: inline-block; right: 20px; top: -10px; padding: 3px 10px 2px; background: var(--bgcolor); font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-transform: uppercase; position: absolute;]background[/border][comment]

// backstory //

[/comment][border=0px; padding: 0; font-family: 'Abel', sans-serif; font-size: 1.0em; line-height: 125%; color: var(--text); text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer turpis lacus, tristique eget odio quis, viverra varius magna. Ut ullamcorper auctor nisl, luctus molestie felis ullamcorper sed. Donec nec nibh bibendum, pharetra nunc sed, placerat purus. Nulla a ligula lobortis, condimentum lacus eu, efficitur justo. Donec vitae volutpat odio, sed tincidunt enim. Suspendisse at ante sit amet libero blandit dapibus non in turpis. Vestibulum pharetra feugiat lacus a pulvinar. Nullam eget hendrerit dolor, vitae sagittis lacus. Vestibulum lacinia ex et lectus porta iaculis. Suspendisse interdum a nunc vitae egestas. Aliquam dignissim hendrerit leo sit amet sagittis. Vivamus eget ipsum vitae tellus facilisis aliquet. Mauris elementum eu diam id vestibulum.

Etiam eleifend metus nisi, ac laoreet nibh tincidunt id. In vel auctor magna, nec porta arcu. Morbi eget mattis justo. Fusce vitae auctor erat, at ullamcorper mauris. Ut pharetra vitae eros sed ornare. Quisque in malesuada elit. Nunc at malesuada turpis. Pellentesque at leo congue, faucibus lorem nec, mollis est.[/border][/border][comment]//extra content boxes here//[/comment][/border][/border][/tab]


[comment]tab three[/comment]
[tab=.][border=0px; left: 140px; top: 0; padding: 0; width: 50px; height: 24px; font-family: 'Changa One', cursive; font-size: 18px; line-height: 23px; color: var(--accent); text-align: center; position: absolute; z-index: 3; cursor: default;]003[/border][border=0px; left: 15px; top: 20px; padding: 0; width: calc(100% + 2px); height: calc(70vh - 20px); min-height: 420px; max-height: 470px; overflow: hidden; position: absolute; z-index: 2;][border=0px; padding: 0; padding-right: 18px; width: 100%; height: calc(70vh - 20px); min-height: 420px; max-height: 470px; overflow-y: scroll;][comment]

// content box 5 - powers/abilities //

[/comment][border=1px solid var(--grey); border-radius: 4px; margin-top: 9px; padding: 15px; width: calc(100% - 32px); background: var(--bgcolor); position: relative;][border=1px solid var(--grey); border-radius: 4px; display: inline-block; right: 20px; top: -10px; padding: 3px 10px 2px; background: var(--bgcolor); font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-transform: uppercase; position: absolute;]magic[/border][comment]

// power descriptions //

[/comment][border=0px; padding: 0; font-family: 'Abel', sans-serif; font-size: 1.0em; line-height: 125%; color: var(--text); text-align: justify;][comment]

// ability 1 //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-left: -15px; padding: 0; width: calc(100% + 15px);][border=0px; margin-left: 15px; padding: 0; flex: 1; width: 100%; min-width: 75px; color: var(--accent); font-weight: 700; text-align: left; text-transform: uppercase;]magic description[/border][border=0px; margin-left: 15px; padding: 0; flex: 5; width: 100%; min-width: 150px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer turpis lacus, tristique eget odio quis, viverra varius magna. Ut ullamcorper auctor nisl, luctus molestie felis ullamcorper sed. Donec nec nibh bibendum, pharetra nunc sed, placerat purus. Nulla a ligula lobortis, condimentum lacus eu, efficitur justo. Donec vitae volutpat odio, sed tincidunt enim. Suspendisse at ante sit amet libero blandit dapibus non in turpis. Vestibulum pharetra feugiat lacus a pulvinar. Nullam eget hendrerit dolor, vitae sagittis lacus. Vestibulum lacinia ex et lectus porta iaculis. Suspendisse interdum a nunc vitae egestas. Aliquam dignissim hendrerit leo sit amet sagittis. Vivamus eget ipsum vitae tellus facilisis aliquet. Mauris elementum eu diam id vestibulum.

Etiam eleifend metus nisi, ac laoreet nibh tincidunt id. In vel auctor magna, nec porta arcu. Morbi eget mattis justo. Fusce vitae auctor erat, at ullamcorper mauris. Ut pharetra vitae eros sed ornare. Quisque in malesuada elit. Nunc at malesuada turpis. Pellentesque at leo congue, faucibus lorem nec, mollis est.[/border][/border][comment]

// ability 2 //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 25px; margin-left: -15px; padding: 0; width: calc(100% + 15px);][border=0px; margin-left: 15px; padding: 0; flex: 1; width: 100%; min-width: 75px; color: var(--accent); font-weight: 700; text-align: left; text-transform: uppercase;]spells[/border][border=0px; margin-left: 15px; padding: 0; flex: 5; width: 100%; min-width: 150px;]no more than six specific spells and their description. if the wiki page for their magic has more than six, pick and choose the six you want.
✧ spell name —
✧ spell name —
✧ spell name —
✧ spell name —
✧ spell name —
✧ spell name —[/border][/border][comment]//extra abilities here//[/comment][/border][/border][comment]

// content box 5 - powers/abilities //

[/comment][border=1px solid var(--grey); border-radius: 4px; margin-top: 29px; padding: 15px; width: calc(100% - 32px); background: var(--bgcolor); position: relative;][border=1px solid var(--grey); border-radius: 4px; display: inline-block; right: 20px; top: -10px; padding: 3px 10px 2px; background: var(--bgcolor); font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-transform: uppercase; position: absolute;]extra[/border][comment]

// equipment descriptions //

[/comment][border=0px; padding: 0; font-family: 'Abel', sans-serif; font-size: 1.0em; line-height: 125%; color: var(--text); text-align: justify;][comment]

// equip 1 //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-left: -15px; padding: 0; width: calc(100% + 15px);][border=0px; margin-left: 15px; padding: 0; flex: 1; width: 100%; min-width: 75px; color: var(--accent); font-weight: 700; text-align: left; text-transform: uppercase;]Skills[/border][border=0px; margin-left: 15px; padding: 0; flex: 5; width: 100%; min-width: 150px;]4 skills unrelated to their magic, and explain how they learned it
✧ skill 1 —
✧ skill 2 —
✧ skill 3 —
✧ skill 4 —[/border][/border][comment]//extra weapons/equips here//[/comment][/border][/border][comment]//extra content boxes here//[/comment][/border][/border][/tab]


[comment]tab four[/comment]
[tab=.][border=0px; left: 200px; top: 0; padding: 0; width: 50px; height: 24px; font-family: 'Changa One', cursive; font-size: 18px; line-height: 23px; color: var(--accent); text-align: center; position: absolute; z-index: 3; cursor: default;]004[/border][border=0px; left: 15px; top: 20px; padding: 0; width: calc(100% + 2px); height: calc(70vh - 20px); min-height: 420px; max-height: 470px; overflow: hidden; position: absolute; z-index: 2;][border=0px; padding: 0; padding-right: 18px; width: 100%; height: calc(70vh - 20px); min-height: 420px; max-height: 470px; overflow-y: scroll;][comment]

// content box 7 - extras/notes //

[/comment][border=1px solid var(--grey); border-radius: 4px; margin-top: 9px; padding: 15px; width: calc(100% - 32px); background: var(--bgcolor); position: relative;][border=1px solid var(--grey); border-radius: 4px; display: inline-block; right: 20px; top: -10px; padding: 3px 10px 2px; background: var(--bgcolor); font-family: 'Abel', sans-serif; font-size: .8em; line-height: 100%; color: var(--accent); font-weight: 700; text-transform: uppercase; position: absolute;]weaknesses[/border][comment]

// extras //

[/comment][border=0px; padding: 0; font-family: 'Abel', sans-serif; font-size: 1.0em; line-height: 125%; color: var(--text); text-align: justify;][comment]

// weakness 1 //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 20px; margin-left: -5px; padding: 0; width: calc(100% + 5px);][border=0px; margin-left: 5px; padding: 0; flex: 1; width: 100%; min-width: 40px; color: var(--accent); font-weight: 700; text-align: left; text-transform: uppercase;]001.[/border][border=0px; margin-left: 5px; padding: 0; flex: 10; width: 100%; min-width: 150px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer turpis lacus, tristique eget odio quis, viverra varius magna. Ut ullamcorper auctor nisl, luctus molestie felis ullamcorper sed.[/border][/border][comment]

// weakness 2 //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 20px; margin-left: -5px; padding: 0; width: calc(100% + 5px);][border=0px; margin-left: 5px; padding: 0; flex: 1; width: 100%; min-width: 40px; color: var(--accent); font-weight: 700; text-align: left; text-transform: uppercase;]002.[/border][border=0px; margin-left: 5px; padding: 0; flex: 10; width: 100%; min-width: 150px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer turpis lacus, tristique eget odio quis, viverra varius magna. Ut ullamcorper auctor nisl, luctus molestie felis ullamcorper sed.[/border][/border][comment]

// weakness 3 //

[/comment][border=0px; display: flex; flex-flow: row wrap; margin-top: 20px; margin-left: -5px; padding: 0; width: calc(100% + 5px);][border=0px; margin-left: 5px; padding: 0; flex: 1; width: 100%; min-width: 40px; color: var(--accent); font-weight: 700; text-align: left; text-transform: uppercase;]003.[/border][border=0px; margin-left: 5px; padding: 0; flex: 10; width: 100%; min-width: 150px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer turpis lacus, tristique eget odio quis, viverra varius magna. Ut ullamcorper auctor nisl, luctus molestie felis ullamcorper sed.[/border][/border][comment] // extra notes here //[/comment][/border][/border][comment]//extra content boxes here//[/comment][/border][/border][/tab]

[/tabs][/border][/border][/border][border=0px; right: -1px; bottom: -1px; padding: 0; width: 150px; height: 150px; clip-path: polygon(100% 0, 0% 100%, 100% 100%); background: var(--accent); position: absolute; z-index: 1; pointer-events: none;][/border][/border][comment]//end of code//[/comment][border=0px; margin: 5px auto 0; padding: 0; width: 100%; max-width: 700px; font-size: .6em; text-align: center; text-transform: uppercase; opacity: .7;]code by [USER=20950]@Nano[/USER][/border][/border]

SIDE CHARACTER FORM
Code:
[comment]
Designed and coded by Nano.
Please do not remove the credits or claim the code as your own work.

[font=Poppins].[/font]
[font=Roboto Slab].[/font]
[font=Roboto].[/font]
[/comment][comment]

// accents //

[/comment][border=0; padding: 0;
     --black: #2a2a2a;
     --white: #fefefe;
     --accent: #3143b3;
     --grey: #d4d4d4;
][border=0; margin: 50px auto; padding: 0; width: 100%; max-width: 600px; overflow: hidden; position: relative; font-size: initial;][comment]

// title + full name //

[/comment][border=0; padding: 25px 15px; width: calc(100% - 30px); background: var(--black);][border=0; padding: 0; font-family: 'Roboto Slab', serif; color: var(--white); line-height: 100%; font-size: 1.0em; text-align: right; text-transform: uppercase;]Role[/border][border=0; padding: 0; font-family: 'Poppins', sans-serif; color: var(--accent); line-height: 100%; font-size: 2.0em; font-weight: 700; text-align: right; text-transform: uppercase;]First Lastname[/border][/border][comment]

// main image //

[/comment][border=0; padding: 0; width: 100%; height: 300px; background: url('https://i.imgur.com/z4QsEgT.jpg') center/cover no-repeat;][/border][comment]

// black bar //

[/comment][border=0; padding: 0; width: 100%; height: 15px; background: var(--black);][/border][comment]

// start of content section //

[/comment][border=0; padding: 20px; width: calc(100% - 40px); background: var(--grey);][comment]

// proficon (emote/icon/w.e. you want) + quote box (try to keep it relatively short)

[/comment][border=0; display: flex; flex-flow: row wrap; margin-left: -20px; padding: 0; width: calc(100% + 20px);][border=0; margin-left: 20px; margin-bottom: 20px; padding: 15px; width: calc(100% - 30px); min-width: 100px; flex: 1; background: var(--white); pointer-events: none;][border=0; padding: 0; padding-top: 100%; width: 100%; background: url('https://i.imgur.com/n7OUpz4.jpg') center/cover no-repeat;][/border][/border][border=0; margin-left: 20px; margin-bottom: 20px; padding: 15px; width: calc(100% - 30px); min-width: 150px; height: 100px; flex: 4; background: var(--white);][border=0; display: flex; align-items: center; justify-content: center; padding: 0; width: 100%; height: 100px; overflow: hidden;][border=0; padding: 0; font-family: 'Roboto', sans-serif; color: var(--grey); line-height: 115%; font-size: 0.8em; text-align: justify; text-transform: uppercase;]very short quote.[/border][/border][/border][/border][comment]

// end of proficon // start of IC text //

[/comment][border=2px solid var(--white); box-sizing: border-box; padding: 10px; width: 100%; position: relative;][border=0; top: -3px; left: 25px; right: 25px; padding: 0; width: calc(100% - 50px); height: 4px; background: var(--grey); position: absolute;][/border][border=0; bottom: -3px; left: 25px; right: 25px; padding: 0; width: calc(100% - 50px); height: 4px; background: var(--grey); position: absolute;][/border][border=0; padding: 0; font-family: 'Roboto', sans-serif; color: var(--white); line-height: 125%; font-size: 0.9em; text-align: justify;]
name. —
age. —
magic. —
purpose. — why were they created as a side character??
relationship with the guild. — how do they feel about the guild?? please describe it
hcs. — at least 5
★
★
★
★
★
[comment]

[/comment][/border][/border][/border][comment]

// end of contents // black bar + visible credit (please don't remove)

[/comment][border=0; padding: 15px 0; width: 100%; background: var(--black); color: var(--white); font-size: 0.6em; text-align: center; text-transform: uppercase;]Code By Nano[comment][USER=20950]@Nano[/USER] [/comment][/border][/border][/border]
 
Last edited:

  • I want you all to myself
    Your metaphorical gin and juice
    Mazikeen Whiskey
    heavenly body magic
    001
    002
    003
    004
    • 001
      basics
      attack
      defense
      speed
      stamina
      tactics
      name
      Mazikeen Amora Whiskey
      gender
      female
      nickname
      Maz, Mazi, auntie, alcoholic, MAZIKEEN PUT DOWN THE BARREL OF WINE
      age
      24
      sexuality
      pansexual + demiromantic
      rank
      A class
      appearance
      height
      6'1"
      outfit style
      skimpier the better, typically in what looks a lot like a amor bikini set.
      A tall goddess with long wavy purple hair and a curvy body.
      personality

      ✧ likes. — wine, vodka, whiskey, gin, rum, drinking, being drunk, flirting, sexy times, fighting, innuendos
      ✧ dislikes. — bringing up her past, her booze being confiscated, anyone besides herself messing with her team
      ✧ hobbies. — collecting and then drinking rare and expensive wines and other liquor
      ✧ headcanons. —
      ✦ very very flirty
      ✦ pet names for everyone
      ✦ unless she hates you and then its derogatory

    code by @Nano

 
Last edited:

  • do good and good will come to you.
    Rhea Harlow
    Requip Magic
    001
    002
    003
    004
    • 001
      basics
      attack
      defense
      speed
      stamina
      tactics
      name
      Rhea Harlow
      gender
      Female
      nickname
      None
      age
      19
      sexuality
      bisexual demiromantic
      rank
      d-class
      appearance
      height
      5'09" (175cm)
      outfit style
      typically wears pants and form fitting top. she likes layers and her red scarf (a gift from asher). she doesn't dress to impress and her clothing is simple and worn in. everyday wear
      rhea is a very toned individual, you can see her muscles by just looking at her. she has very long blonde hair thats almost always in a braid. her body is a bit more boxed shaped and her eyes are a bright crystal blue. she is taller than the average girl so that makes her stick out.
      personality

      ✧ likes. — writing letters, brawling, working out, winning, spaghetti, traveling, origami, the colors blue and yellow, being around good company, warm weather.
      ✧ dislikes. — heights, people who prey on innocent/defenseless, mrs. rita, chocolate, cold weather, sand in her bed, cats.
      ✧ hobbies. — writing letters, working out, making origami figures, and she tends to make a habit of getting into fights.
      ✧ headcanons. —
      — very boisterous
      — if you see her, you're bound to hear her
      — pretty emotional girl and that can drive the strength or weakness of her abilities
      — not one to pick fights but loves a good tussle
      — and a good challenge, she loves to duel
      — puts herself in harms way if it means helping/saving her friends (long time habit from her time in the orphanage)
      — lots of little scars from abuse in the past and then even more from her training and getting into scuffles
      — she swears she doesnt look for fights they just kinda happen
      — absolutely terrified of heights
      — will cause her to freeze up and freak out
      — sometimes can be very bad at reading social cues
      — and therefore say something at the wrong time
      — dyslexic and a poor reader
      — this is an insecurity of her's
      — doesn't take kindly to being belittled
      — writes to the kids from the orphanage she grew up with all the time. considers them her siblings/family.
      — the four she grew up with are reiko (21), juni (21), terra (20), and asher (18)
      — grew up being the one to look out for others so she isn't used to people looking out for her
      — tough cookie to crack
      — doesn't know when to quit (sometimes. there are moments where even she knows she needs to back down though they are few and far between)
      — ^ this mainly applies to verbal altercations though
      — "oh why did i open my big fat mouth"
      — to make things up to people she makes them little origami figures
      — loves to travel and in the year before she stumbled across fairy tail she went all over the place
      — writes to her master as well but not as frequently as he was the one to encourage her to live life without being bound to him
      — keeps all the letters she received from him and her siblings in a special small chest
      — she only has two types of armor right now and a small array of weapons
      — hates chocolate
      — prefers warmer weather over cooler weather
      — her hair is braided almost 24/7
      — dislikes cats (got clawed up by one in an alley once so has has a distaste for them ever since)
      — doesn't own super nice clothes. all of her stuff is worn in and might have some tears
      — "Nothing me and my trusty sword can't handle!"
      proceeds to get smacked into a wall
      — "ouch..."
      — really fast eater
      — gets bored really easily
      — will get her fairy tail tattoo in yellow and it will be on her chest above her left breast
      — asher and her are probably the closest of the orphanage bunch
      — writes to him the most and he gifted her the red scarf she wears
      — she never has that scarf off her person unless she is bathing, even then it sits next to her
      — the letters she writes to him dont ever get sent but have their own special chest she puts them in
      — asher passed away a few months back, he was sick.
      — somedays his death hits her harder than others and she avoids people and spends her time alone
    code by @Nano

 
Last edited:

  • Are you done yet? Or are you just going to keep punching the air?
    Percy Nautico
    air magic
    001
    002
    003
    004
    • 001
      basics
      attack
      defense
      speed
      stamina
      tactics
      name
      Percy Nautico
      gender
      Male
      nickname
      Perc
      age
      21
      sexuality
      Heterosexual
      rank
      B-class
      appearance
      height
      6'0" (182.88cm)
      outfit style
      He wears black skinny jeans with bague booties and a off white shirt. To finish it off he wears a longblue jacket and grey scarf around his neck. Everyday fit
      He is a tall slim boy with a fit body that is very evident. He has flowy brown hair that he keeps down 99% of the time. However when up it is in a man bun with the sides shaved. His jawline is sharp and his eyes are an icy blue and a monolid shape. His fairy tail emblem is grey and can be seen on his left shoulder blade.
      personality

      ✧ likes. — Strategy and plans, noodles, watching people rush at him only for him to swat them away with the wind, storms, chocolate, heights
      ✧ dislikes. — Boats/open water, rule breakers, and people who just do things without thinking, fish, mushrooms
      ✧ hobbies. — working out (mainly running), playing chess in between adventures,
      ✧ headcanons. —
      ✦ Not one to ever start a fight or really get into one at the guildhall
      ✦ But every now and again he joins in
      ✦ When not on a quest he vibes in the hall playing chess and people watching
      ✦ Loves watching storms and the beauty of lightning
      ✦ Very protective over the ones he cares about
      ✦ Would jump in front of an attack for someone
      ✦ Hurt someone he cares about and rampage mode
      ✦ "Oh you just messed up.." all calm but scary like
      ✦ Runs every morning to the top of this hill and watches the sunrise over Magnolia
      ✦ Not one to break the guild rules
      ✦ Wears a light blue beaded bracelet from his mom he never takes off
      ✦ Would keep anything you gave forever if he cares about you
      ✦ Was taught to observe someone before attacking to find their weaknesses and uses them against them
      ✦ Really good memory and will call you out on stuff if caught in a lie
      ✦ "Well actually just three days ago you said this so, why are you lying now?"
      ✦ Really bad at flirting
      ✦ Can make a mean egg omelet
      ✦ Other than that his cooking is so bad not even a homeless dog would eat it
      ✦ Highkey will scream and jump on a counter if he sees a mouse
      ✦ Tries his best not to be too destructive on adventures but it is fairy tail soo
      ✦ Will always be there for his friends
      ✦ The type to hate someone or fight someone because their friend hates them
      ✦ Never drinks so if he did he would be drunk in like 2 drinks and slurr
      ✦ Can fall asleep anywhere
      ✦ However its a light sleep and he wakes up easily
      ✦ So if someone like goes to touch him he would grab their hand
      ✦ Loves berries snacks on them whenever traveling
      ✦ Rumor around the guild is he actually has eyes at the back of his head because he sees everything
      ✦ Sees everyone in the guild as his family since he grew up with a lot of them
      ✦ Terrified of the ocean and boating ever since his parents died
      ✦ If he has to when traveling he will be in sweats the entire time
    code by @Nano


 
Last edited:
.
.[/comment]
Life is just one big adventure that will never end.
Blight Luxstone
White dragon slayer
001
002
003
004
  • 001
    basics
    attack
    defense
    speed
    stamina
    tactics
    name
    Blight Luxstone
    gender
    Male
    nickname
    Eclipse
    age
    20
    sexuality
    Heterosexual
    rank
    a - class
    appearance
    height
    6'0" (180 cm)
    outfit style
    He usually wears a black coat with a white shirt on the inside that has a black fairy tail logo on it. He wears white trousers which have a scaly pattern and white boots. His light blue Fairy Tail tattoo is located on the back of his right hand.
    The number one thing that Blight cares about in the world is exploration and adventure due to Melphir, his mother, telling him many stories of people going on adventures for glory and riches. However, the reason why Blight likes to go on adventures is mostly for fun.
    personality

    ✧ likes. — adventuring, sleeping, reading books, going on quests, fighting other dragon slayers, tea, jokes/puns, solitude from time to time, Melphir
    ✧ dislikes. — hot weather, rude people, getting hurt, moving vehicles, bugs/insects, sore losers, cheaters, idiots, fruits and vegetables, noisy people
    ✧ hobbies. — reading, fighting, playing board games, camping
    ✧ headcanons. —
    ✦ pranks people from time to time
    ✦ loyal to those he likes
    ✦ mysteriously disappears from time to time
    ✦ sees himself as a realist
    ✦ is a decent cook
    ✦ sometimes has very extreme/crazy ideas
    ✦ can eat spicy foods easily
    ✦ somewhat sadistic but never admits it
    ✦ sometimes helps people for money
    ✦ can't swim
    ✦ If he pronounces the name of someone/something wrong he usually keeps on using the wrong pronunciation since he usually prefers it over the correct one
    ✦ theorises a lot
    ✦ has a short attention span on things/topics that bore him
    ✦ rarely wishes to risk his life on something
    ✦ sleeps in often
    ✦ somewhat competitive
    ✦ likes to test the limit of things (e.g. what dragon slayers can eat, how far can you hit someone with magic, etc) and these experiments tend to get out of hand
    ✦ his curiosity usually leads to him being put into dangerous situations
    ✦ has severe motion sickness
    ✦ likes making his own food but he usually doesn't make food for other people
    ✦ 'If it ain't broke don't fix it.'
code by @Nano
 
Mecha of Science, give me the beans.
Viktor Schmidt
Takeover: Machina Soul
001
002
003
004
  • 001
    basics
    attack
    defense
    speed
    stamina
    tactics
    name
    Viktor Schmidt
    gender
    Male
    nickname
    Greedy Bastard, "Raw Me"
    age
    24
    sexuality
    Heterosexual
    rank
    B-Class
    appearance
    height
    6'02" (188cm)
    outfit style
    Nothing he's wearing fits him properly and is all stained with oil and other various substances. Wears and oversized coat and has no sense of style so nothing matches.
    Lanky and rather tall but looks shorter due to poor posture. Very light hair is always unkempt in public, tied up if he's in his lab. He has a metal prosthetic arm powered with a fuel Lacrima.
    personality

    ✧ likes. — Technology, Unique Magic, Dedicated People, Silence, and Noodles.
    ✧ dislikes. — Distractions when working, anybody messing with his projects, and having tasks dumped on him out of nowhere.
    ✧ hobbies. — Experimenting (he considers it his primary job), Researching his fellow Guildmates' magic, Auctions, and Distilling Alcohol
    ✧ headcanons. —
    ✦ His work is more important than you or whatever you're doing
    ✦ If an organ isn't vital then why worry about losing it
    ✦ Magic on the other hand is as important as living
    ✦ Will test his magic on random appliances just to see what he can do with it
    ✦ Treats the Guild Members as pests but they're growing on him
    ✦ Has to be dragged out of his lab to do anything
    ✦ Will only turn down a job if it's blatantly illegal (and going to get him in trouble because of it)
    ✦ If he asks for help with an experiment, do not accept
    ✦ Impossible to convince he's wrong without clear evidence
    ✦ Has a doctorate but should really never be considered a doctor
    ✦ The only person he's truly subservient to is his old teacher
    ✦ Nobody enters his workspace without permission
    ✦ Does not understand human emotions
    ✦ Will eat that bug for five dollars
    ✦ Never learned to cook by choice
    ✦ Head is full of ideas there's no room for common sense
    ✦ Still has habits from time with the Magic Council
    ✦ Morals? Who needs em
    ✦ Honestly could rise a rank in the guild if it didn't mean more responsibility
    ✦ High risk means high reward

code by @Nano
 
Last edited:
Is that all you've got?!
EIRIDI FENQUEN
lightning dragon slayer
001
002
003
004
  • 001
    basics
    attack
    defense
    speed
    stamina
    tactics
    name
    Eiridi Fenquen
    gender
    Female
    nickname
    Didi, Diddy, Ri
    age
    18
    sexuality
    demisexual + heteroromantic
    rank
    d rank
    appearance
    height
    5'3" (160.02cm)
    outfit style
    very short description
    brief description
    personality

    ✧ likes. —
    ✧ dislikes. —
    ✧ hobbies. —
    ✧ headcanons. —
    ✦ at least 20 please
code by @Nano
 
Last edited:

Users who are viewing this thread

Back
Top