Application template

[Blue]

[nospaces]

[attr="class","outerbox rules"]

[attr="class","innerbox"]

Guidelines

[attr="class","section flex"]

[attr="class","labeltext"]

01

[attr="class","maintext"]
Please fill out all appropriate fields properly and to the best of your ability.

[attr="class","section flex"]

[attr="class","labeltext"]

02

[attr="class","maintext"]The image is 390x390 but will automatically be blown up or cropped proportionally to fit.

[attr="class","section flex"]

[attr="class","labeltext"]

03

[attr="class","maintext"]If you find yourself having any issues with the application form, directly contact Blue on Discord with your problem.

made by gimmick

[googlefont=DM Serif Display:400,700][googlefont=Open Sans:400,700]
[newclass=.outerbox]margin: 10px auto 0; max-width: 600px; border: 0px solid var(--accent); border-top: 20px solid var(--accent); border-bottom: 8px solid var(--accent); background: #f9f9f9; font: 400 12px/16px 'Open Sans'; color: #888aa0; --accent: #c1b9a8; text-align: justify [/newclass]
[newclass=.outerbox .innerbox] padding: 30px 130px 20px 40px; border: 2px solid var(--accent); border-left: 0; border-right: 0; border-bottom: 0; margin: 4px 0;[/newclass]
[newclass=.outerbox .section]width: 100%; margin-bottom: 24px; [/newclass]
[newclass=.outerbox .flex]display: flex; [/newclass]
[newclass=.outerbox .labeltext]min-width: 30px; display: block;[/newclass]
[newclass=.outerbox .maintext] display: block;[/newclass]
[newclass=.outerbox br+br] content: ' '; padding: 0 0 10px; display: block; [/newclass]
[newclass=.outerbox h1,.outerbox h2] margin: 0; font-family: 'DM Serif Display'; color: var(--accent); line-height: 1em; [/newclass]
[newclass=.outerbox h1] font-size: 40px; margin-bottom: 44px; [/newclass]
[newclass=.outerbox h2] font-size: 28px; margin-bottom: 12px;[/newclass]
[newclass=.outerbox.rules .labeltext] min-width: 68px; [/newclass]

QUOTE EVERYTHING BELOW THIS LINE

---

[nospaces]

[attr="class","colorgel"]
[PTabbedContent]

[PTab=Cover]

[attr="class","box cover"]

[attr="class","colorbox"]

[attr="class","covertext"]

NAME HERE

age

pronouns

occupation

species

[attr="class","imgbox"]

[/PTab]



[PTab=About]

[attr="class","box content"]

[attr="class","gridbox"]

BACKGROUND

Miscellanious

Gemstone information, magical abilities, and/or general inventory goes here.

Personality

Personality information goes here. Tell us about your character, what are they like? 

History

We want to know your past, so we can expect your future here on the site. Tell us what has happened up till now with your character, but don't worry about too much detail. Just give us a good summary.

[/PTab]


[PTab=OOC]

[attr="class","box ooc"]

Face claim

character from source

Played by

player name

Contact

pm/discord

[attr="class","imgbox"]

[/PTab]



[/PTabbedContent={background-color:transparent;padding:0px!important;border:0px!important;margin-left:0px;margin-top: 0px; height: 545px;}]

made by gimmick

[googlefont=Raleway:400,500,700]
[newclass=".colorgel"]color: rgba(0,0,0,.85); width:390px; height:545px; margin: 0 auto 20px; text-align: left; position: relative; --typeface: 'Raleway', sans-serif; --animate: all .25s ease; font: 400 10px/14px 'Raleway', sans-serif; --bgcolor: #f3f3f3; --accent: #c1b9a8; --image: url(https://i.ibb.co/60pJyzG/Phos-app-background1.png)[/newclass]

[newclass=".colorgel .PT_Tabs_holder td"]font: 500 10px/10px var(--typeface); position:absolute; bottom: 21px; z-index:200; background: transparent; opacity: .75; color: var(--accent); text-align: left; width: auto; margin: 0; -webkit-transition: all 1s ease; -moz-transition: var(--animate); -o-transition: var(--animate); cursor:pointer;[/newclass]
[newclass=".colorgel .PT_table .PT_tabs_selected "]font-weight: 700; opacity: 1; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate); background: transparent[/newclass]
[newclass=".colorgel .PT_table .PT_tabs_hover "] opacity: 1; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate); background: transparent[/newclass]
[newclass=".colorgel .PT_table .PT_tabs_selected_hover "]opacity: 1; font-weight: 500; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate); background: transparent[/newclass]

[newclass=".colorgel .PT_Tabs_holder"]margin-left:40px [/newclass]
[newclass=".colorgel .PT_Tabs_holder td:nth-child(1)"]margin-left: 0 [/newclass]
[newclass=".colorgel .PT_Tabs_holder td:nth-child(2)"]margin-left: 45px [/newclass]
[newclass=".colorgel .PT_Tabs_holder td:nth-child(3)"]margin-left: 90px [/newclass]
[newclass=".colorgel table td"]padding: 0;[/newclass]

[newclass=".colorgel .PT_spots"]background-color: transparent; padding:0px!important; margin: 0 0 0 0; position:absolute; z-index:100; [/newclass]
[newclass=".colorgel .box"]height: 460px; padding: 20px 0 40px; background: var(--bgcolor); display: flex; box-shadow: 0px 2px 4px rgba(0,0,0,.5);[/newclass]
[newclass=".colorgel .box.cover"]align-items: center; justify-items: center; [/newclass]
[newclass=".colorgel .box.ooc"]align-items: center; justify-items: center; justify-content: space-between; [/newclass]
[newclass=".colorgel .box.content"]padding-left: 40px; padding-right: 40px; background: var(--bgcolor)[/newclass]
[newclass=".colorgel .colorbox"]display: flex; align-items: center; width: 170px; height: 455px; background: var(--accent); opacity: .9; padding: 0 20px; margin-left: 20px; position: absolute; z-index: 10; mix-blend-mode: hard-light;[/newclass]
[newclass=".colorgel .cover .imgbox"]width: 390px; height: 390px; overflow: hidden; margin: auto; mix-blend-mode: luminosity; z-index: 0; [/newclass]
[newclass=".colorgel .ooc .imgbox"]width: 160px; height: 390px; overflow: hidden; margin: 0; mix-blend-mode: luminosity; z-index: 0;[/newclass]
[newclass=".colorgel .imgbox > div"] background: var(--image); width: 100%; height: 100%; opacity: .8; background-position: right center; background-size: cover;[/newclass]
[newclass=".colorgel .imgbox:hover"]mix-blend-mode: normal;[/newclass]

[newclass=".colorgel .gridbox"]width: calc(100% - 20px); padding-right: 20px; margin-top: 10px; height: 450px; border-bottom: 0px dashed var(--accent); overflow: auto; [/newclass]
[newclass=".colorgel h1,.colorgel h2,.colorgel h3,.colorgel h6]color: var(--accent) [/newclass]
[newclass=".colorgel h1"]font: bold 27px/30px var(--typeface); border-top: 1px dashed white; border-bottom: 1px dashed white; padding: 12.5px 0 10px; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1.5px;[/newclass]
[newclass=".colorgel h2"]font: bold 15px/18px var(--typeface); text-transform: uppercase; letter-spacing: 1px; margin-top: 20px; padding: 5px 0 20px; [/newclass]
[newclass=".colorgel h3"]font: bold 10px/14px var(--typeface); text-transform: uppercase; letter-spacing: 1px;[/newclass]
[newclass=".colorgel .gridbox h3"]padding: 20px 0 5px; letter-spacing: 1px;[/newclass]
[newclass=".colorgel h2 + h3"] padding-top: 0 !important [/newclass]
[newclass=".colorgel .gridbox h2:first-child"]padding-top: 0; margin-top: 0; [/newclass]
[newclass=".colorgel .gridbox h3:first-child"]padding-top: 0; [/newclass]
[newclass=".colorgel h6"]font: 500 10px/14px var(--typeface); margin-top: 8px [/newclass]
[newclass=".colorgel .covertext h1,.colorgel .covertext h3]color: white [/newclass]
[newclass=".colorgel br.good"]padding-top: 4px; content: '\A \A'; white-space: pre-line; display: block;[/newclass]
[newclass=".colorgel ul"]margin-left: 13px;[/newclass]
[newclass=".colorgel .box a"]font: inherit; color: var(--accent); pointer; text-decoration: none; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate); [/newclass]
[newclass=".colorgel .box a:hover"]opacity: .75; -webkit-transition: var(--animate); -moz-transition: var(--animate); -o-transition: var(--animate);[/newclass]

[newclass=".colorgel ::-webkit-scrollbar"]-webkit-appearance: none; width: 3px; float: right[/newclass]
[newclass=".colorgel ::-webkit-scrollbar-thumb"]background: rgba(200,200,200,1); [/newclass]
[newclass=".colorgel ::-webkit-scrollbar-track"]background: rgba(0,0,0,.1); border: 1px solid var(--bgcolor);
[/newclass]