Fantasy Kolan and The Guild Wars Sign Up

[AgWordSmith]

[class=BG2] background-color:#ece7dc; color:black; border-bottom:5px SOLID #102f7e; border-left:5px SOLID #102f7e; border-right:5px SOLID #35a22f ; border-top:5px SOLID #35a22f ; padding:5px; font-familyldenburg; Text-align:center; [/class] [class=BGborder2] border-top:2px SOLID #102f7e; border-right:2px SOLID #102f7e; border-left:2px SOLID #35a22f ; border-bottom:2px SOLID #35a22f ; padding:10px; [/class] [class=Title2] flex-grow: 2; border-bottom: solid 3px #321000; border-top: solid 3px #321000; border-radius:5px; background-color: #321000; color: white; font-size: 25px; line-height: 2; text-align:center; font-familyldenburg; letter-spacing:3px; text-transform: uppercase; [/class] [class=Tborder2] border-top: 1px SOLID #b23902; border-bottom: 1px SOLID #b23902; border-radius:5px; padding:7px; margin:5px 0px 5px 0px; [/class] [class=Left2] margin-left:20px; pointer-events:none; opacity:0.8; width:70%; height:50px; line-height:0px; background:url(https://cdn.discordapp.com/attachments/535146287876538379/542872167637843981/Guild_commitee-01.png); background-size:100% 100%; [/class] [class=Right2] pointer-events:none; margin-right:20px; opacity:0.8; width:70%; height:50px; line-height:0px; float:right; background:url(https://cdn.discordapp.com/attachments/535146287876538379/542872167637843981/Guild_commitee-01.png); background-size:100% 100%; [/class] [class=Container] width:85%; margin:auto; [/class] [class=Flexbox] display: flex; flex-wrap:wrap; flex-direction: row; justify-content: space-between; align-items:flex-start; [/class] [class=WolfBox] padding:5px; background-color:#35a22f; width:44%; color:#f8cc2d; [/class] [class=WolfBorder] border: 1px SOLID #f8cc2d; padding:5px; [/class] [class=RavenBox] padding:5px; background-color:#102f7e; width:44%; color:silver; [/class] [class=RavenBorder] border: 1px SOLID silver; padding:5px; [/class] [class=Pic] width:20%; line-height:0px; margin:auto; [/class] [div class=BG2][div class=BGborder2][div class=Title2][div class=Tborder2]

[div class=Left2][/div]

Guild Application

[div class=Right2][/div]

[/div][/div]
Rules and Character Lore: Kolan and The Guild Wars

For Empahsis:

DO NOT CREATE ANGELS OR DEMONS
ONLY ONE OC PER GUILD PER PERSON

Sheets are approved by a like
Once approved go to the
Raven Armory or the Wolf Armory
Though you may post in the ICs as soon as you're approved as well!

Optional Cs Codes:
If you do not use the code just specify which guild you are applying for and keep the same fields from these codes
Or honestly just ask and I can put your cs into the code for you!

Spoiler: Raven Guild Code

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are Black, White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=BG] background-color: #ece7dc; color:black; font-familyldenburg; padding: 10px 20px 10px 20px; text-align:center; font-size:20px; //The back ground and default text// [/class] [class=TitleContainer] display: flex; flex-direction: row; justify-content: space-between; align-items:center; //allows the title ends to work// [/class] [class=Title] flex-grow: 2; border-bottom: solid 3px #102f7e; border-top: solid 3px #102f7e; border-radius:5px; background-color: #102f7e; color: silver; font-size: 25px; line-height: 2; text-align:center; font-familyldenburg; letter-spacing:3px; text-transform: uppercase; //the big fancy title// [/class] [class=Tborder] border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; border-radius:5px; padding:7px; margin:5px 0px 5px 0px; //the little borders inside the title// [/class] [class=Ribbon1] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-left: solid 20px #ece7dc; border-right: solid 20px #142551; //the left triangles to make it look like a ribbon// [/class] [class=Ribbon2] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-right: solid 30px #ece7dc; border-left: solid 20px #142551; //the right triangles to make it look like a ribbon// [/class] [class=Left] margin-left:20px; pointer-events:none; opacity:0.8; width:55px; height:45px; line-height:0px; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; //crest on the left of the title// [/class] [class=Right] pointer-events:none; margin-right:20px; opacity:0.8; width:55px; height:45px; line-height:0px; float:right; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; //crest on the right of the title// [/class] [class=FlagBar] height:15px; width:85%; min-width:210px; border:2px SOLID #142551; border-radius:5px; background-color:#142551; margin:auto; //the bar on the top of the flags// [/class] [class=Flag] background-color:#102f7e; width:80%; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; margin:auto; padding:3px 3px 50px 3px; //the flag that contains the images// [/class] [class=FlagEnd] width:81%; margin:auto; line-height:0px; border-left:1px SOLID #102f7e; border-right:1px SOLID #102f7e; //allows the flag end pic to fit// [/class] [class=IMG] pointer-events:none; line-height:0px; width:70%; margin:20px auto; border-radius:20px; overflow:hidden; //The character images// [/class] [class=hidden] display:none; //keeps hidden things hidden// [/class] [class=ButtonContainer] display: flex; flex-wrap:wrap; flex-direction: row; justify-content:center; align-items:center; //allows the buttons to be on one line together instead of one line for each// [/class] [class=Button] color: silver; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; padding:4px; margin: 20px 10px 0px 10px; cursor:pointer; //The buttons in the flag// [/class] [class name=Button state=hover] color: grey; border-top: 1px SOLID grey; border-bottom: 1px SOLID grey; //what the button looks like when the mouse is over it// [/class] [class=ButtonClick] color: grey; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID grey; border-bottom: 1px SOLID grey; padding:4px; margin: 20px 10px 0px 10px; //what the button looks like after it's clicked also to show which picture is currently selected// [/class] [script class=Button on=click] //This allows the buttons to work, if you want to add a button //you have to add a line of code for it here //the text in the " " has to match the text in the buttons to work //to add more Images just keep adding the class IMG# and add 1 number up // if (eq "${link}" "Opt 3") (show IMG3) //like so hide IMG removeClass ButtonClick Button addClass ButtonClick set link (getText) if (eq "${link}" "Appearance") (show DEFAULT) if (eq "${link}" "Opt 2") (show IMG2) if (eq "${link}" "Weapon") (show WEAPON) if (eq "${link}" "Weapon 2") (show WEAPON2) if (eq "${link}" "Armor") (show ARMOR) [/script] [class=Details] font-familyldenburg; font-size:20px; color:silver; background-color:#102f7e; width:200px; margin:auto; padding:5px; cursor:pointer; //the litle flag for the details// [/class] [class=DetailsBottom] width:0%; margin:auto; margin-bottom:30px; border-top: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; //the triangle for the bottom of the details flag// [/class] [class=Space] width:80%; margin:auto; //manages space// [/class] [class=DetailsClose] width:0%; margin:auto; border-Bottom: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; [/class] [script class=Details on=click] //this is what makes the details flag stuff work// set link (getText) if (eq "${link}" "Details") (slideDown 500 Deets) if (eq "${link}" "Details") (slideUp 500 Open) if (eq "${link}" "Details") (slideDown 500 Close) if (eq "${link}" "Close") (slideUp 500 Deets) if (eq "${link}" "Close") (slideDown 500 Open) if (eq "${link}" "Close") (slideUp 500 Close) [/script] [class=Stamp] pointer-events:none; line-height:0px; width:10%; margin:10px auto; overflow:hidden; //the guild committee seal of approval// [/class] [div class=BG] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title][div class=Tborder]

[div class=Left][/div]

RAVEN GUILD APPLICATION

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div]

[div class=FlagBar][/div] [div class=Flag] [div class="IMG DEFAULT"]

[/div] [div class="hidden IMG IMG2 "]

[/div] [div class="hidden IMG WEAPON"]

[/div] [div class="hidden IMG WEAPON2"]

[/div] [div class="hidden IMG ARMOR"]

[/div] [div class=ButtonContainer] [div class=Button]Appearance[/div] [div class=Button]Opt 2[/div] [div class=Button]Weapon[/div] [div class=Button]Weapon 2[/div] [div class=Button]Armor[/div] [/div] [/div] [Div class=FlagEnd]

[/div]

[div class=Space]
Name:

True Age:

Appearance Age:

Gender:

Species:

Class: (Base Class; Subclass)

Distinguishing features:

Preferred weapon(s): (Two types)

Preferred Type(s) of Magic: (Top four types maximum)
[/div]

[div class=FlagBar][/div] [div class="Open"][div class=Details]Details[/div] [div class=DetailsBottom][/div] [/div] [div class="Deets Space hidden" style="Padding: 20px 0px 20px 0px;"] Skills:


Personality:


History:

(include where they came from and how they end up in Kolan if they are not from there)
[/div] [div class="Close hidden"] [div class=DetailsClose style="margin-top:20px;"][/div] [div class=Details]Close[/div] [div class=FlagBar][/div] [/div]
[div class=Space] Views on the Hekaspectrum:


Reason for joining the Raven Guild:
[/div]
[div class=Stamp]

[/div] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title style="font-size:20px;line-height:2.5;"][div class=Tborder]

[div class=Left][/div]

Official Document of the Kolan Guild Committee

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div] [/div]

[nobr]
[comment][font=oldenburg]Do Not Remove, if you want to change/add fonts change/add it here[/font][/comment]

[Class=Notes]
// Forward slashes are comments //
//and do no show up in the final design,//
// these are to help you find everything easily//
//and explain some code as well. //
// These comments must be with in a class or script tags//
//  in order to be hidden, from what I know//

// Long URls are images//
// # followed by letter and numbers are Hex codes//
// or color codes.//
//The only named colors are Black, White and Silver//

// This code does not show breaks unless is shows the [br][/br] code//
// When typing responses to rps, be aware that when you press enter//
// it will not show that you did. You'll have to use the [br][/br] tags//

//the font is called Oldenburg, if you wish to change it look for that and replace it//
[/class]


[class=BG]
background-color: #ece7dc;
color:black;
font-family:Oldenburg;
padding: 10px 20px 10px 20px;
text-align:center;
font-size:20px;

//The back ground and default text//
[/class]

[class=TitleContainer]
display: flex;
flex-direction: row;
justify-content: space-between;
align-items:center;

//allows the title ends to work//
[/class]

[class=Title]
flex-grow: 2;
border-bottom: solid 3px #102f7e;
border-top: solid 3px #102f7e;
border-radius:5px;
background-color: #102f7e;
color: silver;
font-size: 25px;
line-height: 2;
text-align:center;
font-family:Oldenburg;
letter-spacing:3px;
text-transform: uppercase;

//the big fancy title//
[/class]

[class=Tborder]
border-top: 1px SOLID silver;
border-bottom: 1px SOLID silver;
border-radius:5px;
padding:7px;
margin:5px 0px 5px 0px;

//the little borders inside the title//
[/class]

[class=Ribbon1]
border-bottom: solid 35px #142551;
border-top: solid 35px #142551;
border-left: solid 20px #ece7dc;
border-right: solid 20px #142551;

//the left triangles to make it look like a ribbon//
[/class]

[class=Ribbon2]
border-bottom: solid 35px #142551;
border-top: solid 35px #142551;
border-right: solid 30px #ece7dc;
border-left: solid 20px #142551;

//the right triangles to make it look like a ribbon//
[/class]

[class=Left]
margin-left:20px;
pointer-events:none;
opacity:0.8;
width:55px;
height:45px;
line-height:0px;
background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png);
background-size:100% 100%;

//crest on the left of the title//
[/class]

[class=Right]
pointer-events:none;
margin-right:20px;
opacity:0.8;
width:55px;
height:45px;
line-height:0px;
float:right;
background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png);
background-size:100% 100%;

//crest on the right of the title//
[/class]

[class=FlagBar]
height:15px;
width:85%;
min-width:210px;
border:2px SOLID #142551;
border-radius:5px;
background-color:#142551;
margin:auto;

//the bar on the top of the flags//
[/class]

[class=Flag]
background-color:#102f7e;
width:80%;
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
color:silver;
margin:auto;
padding:3px 3px 50px 3px;

//the flag that contains the images//
[/class]

[class=FlagEnd]
width:81%;
margin:auto;
line-height:0px;
border-left:1px SOLID #102f7e;
border-right:1px SOLID #102f7e;

//allows the flag end pic to fit//
[/class]

[class=IMG]
pointer-events:none;
line-height:0px;
width:70%;
margin:20px auto;
border-radius:20px;
overflow:hidden;

//The character images//
[/class]

[class=hidden]
display:none;

//keeps hidden things hidden//
[/class]

[class=ButtonContainer]
display: flex;
flex-wrap:wrap;
flex-direction: row;
justify-content:center;
align-items:center;

//allows the buttons to be on one line together
instead of one line for each//
[/class]

[class=Button]
color: silver;
line-height: 1.5;
text-align:center;
font-family:Oldenburg;
border-top: 1px SOLID silver;
border-bottom: 1px SOLID silver;
padding:4px;
margin: 20px 10px 0px 10px;
cursor:pointer;

//The buttons in the flag//
[/class]

[class name=Button state=hover]
color: grey;
border-top: 1px SOLID Grey;
border-bottom: 1px SOLID Grey;

//what the button looks like when the mouse is over it//
[/class]

[class=ButtonClick]
color: grey;
line-height: 1.5;
text-align:center;
font-family:Oldenburg;
border-top: 1px SOLID Grey;
border-bottom: 1px SOLID Grey;
padding:4px;
margin: 20px 10px 0px 10px;

//what the button looks like after it's clicked
also to show which picture is currently selected//
[/class]

[script class=Button on=click]
//This allows the buttons to work, if you want to add a button
//you have to add a line of code for it here
//the text in the " " has to match the text in the buttons to work
//to add more Images just keep adding the class IMG# and add 1 number up
//  if (eq "${link}" "Opt 3") (show IMG3)
//like so

   hide IMG
   removeClass ButtonClick Button
   addClass ButtonClick
set link (getText)
    if (eq "${link}" "Appearance") (show DEFAULT)
    if (eq "${link}" "Opt 2") (show IMG2)
    if (eq "${link}" "Weapon") (show WEAPON)
    if (eq "${link}" "Weapon 2") (show WEAPON2)
    if (eq "${link}" "Armor") (show ARMOR)
[/script]


[class=Details]
font-family:Oldenburg;
font-size:20px;
color:silver;
background-color:#102f7e;
width:200px;
margin:auto;
padding:5px;
cursor:pointer;

//the litle flag for the details//
[/class]

[class=DetailsBottom]
width:0%;
margin:auto;
margin-bottom:30px;
border-top: 30px solid #102f7e;
border-Left: 105px solid transparent;
border-Right: 105px solid transparent;

//the triangle for the bottom of the details flag//
[/class]

[class=Space]
width:80%;
margin:auto;

//manages space//
[/class]

[class=DetailsClose]
width:0%;
margin:auto;
border-Bottom: 30px solid #102f7e;
border-Left: 105px solid transparent;
border-Right: 105px solid transparent;
[/class]

[script class=Details on=click]
//this is what makes the details flag stuff work//

set link (getText)
    if (eq "${link}" "Details") (slideDown 500 Deets)
    if (eq "${link}" "Details") (slideUp 500  Open)
    if (eq "${link}" "Details") (slideDown 500  Close)

    if (eq "${link}" "Close") (slideUp 500 Deets)
    if (eq "${link}" "Close") (slideDown 500 Open)
    if (eq "${link}" "Close") (slideUp 500  Close)
[/script]

[class=Stamp]
pointer-events:none;
line-height:0px;
width:10%;
margin:10px auto;
overflow:hidden;

//the guild committee seal of approval//
[/class]


[div class=BG]
[div class=TitleContainer]
[div class=Ribbon1][/div]
[div class=Title][div class=Tborder]
[row][column=span1]
[div class=Left][/div]
[/column][column=span6]
RAVEN GUILD APPLICATION
[/column][column=span1]
[div class=Right][/div]
[/column][/row]
[/div][/div]
[div class=Ribbon2][/div]
[/div]
[br][/br][br][/br]
[row][column=span3]

[div class=FlagBar][/div]

[div class=Flag]

[comment] if you want to add an image here just make sure t add a IMG# (one number up) here: class="IMG IMG3"
and be sure to follow the instructions above to add the buttons correctly
be sure to copy and paste another button below and be sure to keep the same name there as it is in the button code way above
[/comment]


[div class="IMG DEFAULT"]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595380742322913299/placeholder.jpg[/IMG]
[/div]

[div class="hidden IMG IMG2 "]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595381159312097280/placeholder-600x400.png[/IMG]
[/div]


[div class="hidden IMG WEAPON"]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595380742322913299/placeholder.jpg[/IMG]
[/div]

[div class="hidden IMG WEAPON2"]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595381159312097280/placeholder-600x400.png[/IMG]
[/div]


[div class="hidden IMG ARMOR"]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595380742322913299/placeholder.jpg[/IMG]
[/div]

[div class=ButtonContainer]
[div class=Button]Appearance[/div]
[div class=Button]Opt 2[/div]
[div class=Button]Weapon[/div]
[div class=Button]Weapon 2[/div]
[div class=Button]Armor[/div]

[/div]
[/div]
[Div class=FlagEnd]
[img]https://cdn.discordapp.com/attachments/535146287876538379/593647813657755648/flag.png[/img]
[/div]

[/column][column=span5]
[div class=Space]
[br][/br]
[B]Name: [/B]
[br][/br]
[br][/br]
[B]True Age: [/B]
[br][/br]
[br][/br]
[B]Appearance Age: [/B]
[br][/br]
[br][/br]
[B]Gender: [/B]
[br][/br]
[br][/br]
[B]Species: [/B]
[br][/br]
[br][/br]
[B]Class: [/B] (Base Class; Subclass)
[br][/br]
[br][/br]
[B]Distinguishing features: [/B]
[br][/br]
[br][/br]
[B]Preferred weapon(s): [/B] (Two types)
[br][/br]
[br][/br]
[B]Preferred Type(s) of Magic: [/B] (Top four types maximum)
[br][/br]
[/div]
[/column]
[/row]
[br][/br][br][/br]

[div class=FlagBar][/div]
[div class="Open"][div class=Details]Details[/div]
[div class=DetailsBottom][/div]
[/div]
[div class="Deets Space hidden" style="Padding: 20px 0px 20px 0px;"]

[b]Skills:[/b][br][/br]

[br][/br]
[br][/br]
[b]Personality:[/b][br][/br]

[br][/br]
[br][/br]
[b]History:[/b][br][/br]
[br][/br](include where they came from and how they end up in Kolan if they are not from there)

[br][/br]
[/div]
[div class="Close hidden"]
[div class=DetailsClose style="margin-top:20px;"][/div]
[div class=Details]Close[/div]
[div class=FlagBar][/div]
[/div]
[br][/br]
[div class=Space]
[b]Views on the Hekaspectrum:[/b][br][/br]

[br][/br][br][/br]
[b]Reason for joining the Raven Guild:[/b][br][/br]

[/div]
[br][/br]
[div class=Stamp]
[img]https://vignette.wikia.nocookie.net/animal-jam-clans-1/images/8/85/Flourish-horizontal-symbol-fancy-page-break-page-break-clip-art-640_320.png/revision/latest?cb=20170410033005[/img]
[/div]

[div class=TitleContainer]
[div class=Ribbon1][/div]
[div class=Title style="font-size:20px;line-height:2.5;"][div class=Tborder]
[row][column=span1]
[div class=Left][/div]
[/column][column=span6]
Official Document of the Kolan Guild Committee
[/column][column=span1]
[div class=Right][/div]
[/column][/row]
[/div][/div]
[div class=Ribbon2][/div]
[/div]



[/div]
[/nobr]

Spoiler: Wolf Guild Code

[class=BG1] background-color: #ece7dc; color:black; font-familyldenburg; padding: 10px 20px 10px 20px; text-align:center; font-size:20px; //The back ground and default text// [/class] [class=TitleContainer1] display: flex; flex-direction: row; justify-content: space-between; align-items:center; //allows the title ends to work// [/class] [class=Title1] flex-grow: 2; border-bottom: solid 3px #35a22f; border-top: solid 3px #35a22f; border-radius:5px; background-color: #35a22f; color: #f8cc2d; font-size: 25px; line-height: 2; text-align:center; font-familyldenburg; letter-spacing:3px; text-transform: uppercase; //the big fancy title// [/class] [class=Tborder1] border-top: 1px SOLID #f8cc2d; border-bottom: 1px SOLID #f8cc2d; border-radius:5px; padding:7px; margin:5px 0px 5px 0px; //the little borders inside the title// [/class] [class=Ribbon11] border-bottom: solid 35px #094c06; border-top: solid 35px #094c06; border-left: solid 20px #ece7dc; border-right: solid 20px #094c06; //the left triangles to make it look like a ribbon// [/class] [class=Ribbon21] border-bottom: solid 35px #094c06; border-top: solid 35px #094c06; border-right: solid 30px #ece7dc; border-left: solid 20px #094c06; //the right triangles to make it look like a ribbon// [/class] [class=Left1] margin-left:20px; pointer-events:none; opacity:0.8; width:35px; height:50px; line-height:0px; background:url(https://cdn.discordapp.com/attachments/535146287876538379/595369868136808466/Gold_Wolf_Left.png); background-size:100% 100%; //crest on the left of the title// [/class] [class=Right1] pointer-events:none; margin-right:20px; opacity:0.8; width:35px; height:50px; line-height:0px; float:right; background:url(https://cdn.discordapp.com/attachments/535146287876538379/595369754554925069/Gold_Wolf.png); background-size:100% 100%; //crest on the right of the title// [/class] [class=FlagBar1] height:15px; width:85%; min-width:210px; border:2px SOLID #094c06; border-radius:5px; background-color:#094c06; margin:auto; //the bar on the top of the flags// [/class] [class=Flag1] background-color:#35a22f; width:80%; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; margin:auto; padding:3px 3px 50px 3px; //the flag that contains the images// [/class] [class=FlagEnd1] width:81%; margin:auto; line-height:0px; border-left:1px SOLID #35a22f; border-right:1px SOLID #35a22f; //allows the flag end pic to fit// [/class] [class=IMG1] pointer-events:none; line-height:0px; width:70%; margin:20px auto; border-radius:20px; overflow:hidden; //The character images// [/class] [class=hidden1] display:none; //keeps hidden things hidden// [/class] [class=ButtonContainerA] display: flex; flex-wrap:wrap; flex-direction: row; justify-content:center; align-items:center; //allows the buttons to be on one line together instead of one line for each// [/class] [class=ButtonA] color: #f8cc2d; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID #f8cc2d; border-bottom: 1px SOLID #f8cc2d; padding:4px; margin: 20px 10px 0px 10px; cursor:pointer; //The buttons in the flag// [/class] [class name=ButtonA state=hover] color: #c39b0e; border-top: 1px SOLID #c39b0e; border-bottom: 1px SOLID #c39b0e; //what the button looks like when the mouse is over it// [/class] [class=ButtonClickA] color: #c39b0e; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID #c39b0e; border-bottom: 1px SOLID #c39b0e; padding:4px; margin: 20px 10px 0px 10px; //what the button looks like after it's clicked also to show which picture is currently selected// [/class] [script class=ButtonA on=click] //This allows the buttons to work, if you want to add a button //you have to add a line of code for it here //the text in the " " has to match the text in the buttons to work //to add more Images just keep adding the class IMG# and add 1 number up // if (eq "${link}" "Opt 3") (show IMG3) //like so hide IMG1 removeClass ButtonClickA ButtonA addClass ButtonClickA set link (getText) if (eq "${link}" "Appearance") (show DEFAULT1) if (eq "${link}" "Opt 2") (show IMG21) if (eq "${link}" "Weapon") (show WEAPON1) if (eq "${link}" "Weapon 2") (show WEAPON21) if (eq "${link}" "Armor") (show ARMOR1) [/script] [class=Details1] font-familyldenburg; font-size:20px; color:#f8cc2d; background-color:#35a22f; width:200px; margin:auto; padding:5px; cursor:pointer; //the litle flag for the details// [/class] [class=DetailsBottom1] width:0%; margin:auto; margin-bottom:30px; border-top: 30px solid #35a22f; border-Left: 105px solid transparent; border-Right: 105px solid transparent; //the triangle for the bottom of the details flag// [/class] [class=Space1] width:80%; margin:auto; //manages space// [/class] [class=DetailsClose1] width:0%; margin:auto; border-Bottom: 30px solid #35a22f; border-Left: 105px solid transparent; border-Right: 105px solid transparent; [/class] [script class=Details1 on=click] //this is what makes the details flag stuff work// set link (getText) if (eq "${link}" "Details") (slideDown 500 Deets1) if (eq "${link}" "Details") (slideUp 500 Open1) if (eq "${link}" "Details") (slideDown 500 Close1) if (eq "${link}" "Close") (slideUp 500 Deets1) if (eq "${link}" "Close") (slideDown 500 Open1) if (eq "${link}" "Close") (slideUp 500 Close1) [/script] [class=Stamp1] pointer-events:none; line-height:0px; width:10%; margin:10px auto; overflow:hidden; //the guild committee seal of approval// [/class] [div class=BG1] [div class=TitleContainer1] [div class=Ribbon11][/div] [div class=Title1][div class=Tborder1]

[div class=Left1][/div]

WOLF GUILD APPLICATION

[div class=Right1][/div]

[/div][/div] [div class=Ribbon21][/div] [/div]

[div class=FlagBar1][/div] [div class=Flag1] [div class="IMG1 DEFAULT1"]

[/div] [div class="hidden1 IMG1 IMG21 "]

[/div] [div class="hidden1 IMG1 WEAPON1"]

[/div] [div class="hidden1 IMG1 WEAPON21"]

[/div] [div class="hidden1 IMG1 ARMOR1"]

[/div] [div class=ButtonContainerA] [div class=ButtonA]Appearance[/div] [div class=ButtonA]Opt 2[/div] [div class=ButtonA]Weapon[/div] [div class=ButtonA]Weapon 2[/div] [div class=ButtonA]Armor[/div] [/div] [/div] [Div class=FlagEnd1]

[/div]

[div class=Space1]
Name:

True Age:

Appearance Age:

Gender:

Species:

Class: (Base Class; Subclass)

Distinguishing features:

Preferred weapon(s): (Two types)

Preferred Type(s) of Magic: (Top four types maximum)
[/div]

[div class=FlagBar1][/div] [div class="Open1"][div class=Details1]Details[/div] [div class=DetailsBottom1][/div] [/div] [div class="Deets1 Space1 hidden1" style="Padding: 20px 0px 20px 0px;"] Skills:

Personality:

History:
(include where they came from and how they end up in Kolan if they are not from there)
[/div] [div class="Close1 hidden1"] [div class=DetailsClose1 style="margin-top:20px;"][/div] [div class=Details1]Close[/div] [div class=FlagBar1][/div] [/div]
[div class=Space1] Views on the Hekaspectrum:

Reason for joining the Raven Guild: [/div]
[div class=Stamp1]

[/div] [div class=TitleContainer1] [div class=Ribbon11][/div] [div class=Title1 style="font-size:20px;line-height:2.5;"][div class=Tborder1]

[div class=Left1][/div]

Official Document of the Kolan Guild Committee

[div class=Right1][/div]

[/div][/div] [div class=Ribbon21][/div] [/div] [/div]

[nobr]
[comment][font=oldenburg]Do Not Remove, if you want to change/add fonts change/add it here[/font][/comment]

[Class=Notes]
// Forward slashes are comments //
//and do no show up in the final design,//
// these are to help you find everything easily//
//and explain some code as well. //

// These comments must be with in a class or script tags//
//  in order to be hidden, from what I know//

// Long URls are images//
// # followed by letter and numbers are Hex codes//
// or color codes.//
//The only named colors are Black and White //

// This code does not show breaks unless is shows the [br][/br] code//
// When typing responses to rps, be aware that when you press enter//
// it will not show that you did. You'll have to use the [br][/br] tags//
//the font is called Oldenburg, if you wish to change it look for that and replace it//

[/class]

[class=BG]
background-color: #ece7dc;
color:black;
font-family:Oldenburg;
padding: 10px 20px 10px 20px;
text-align:center;
font-size:20px;

//The back ground and default text//
[/class]

[class=TitleContainer]
display: flex;
flex-direction: row;
justify-content: space-between;
align-items:center;

//allows the title ends to work//
[/class]

[class=Title]
flex-grow: 2;
border-bottom: solid 3px #35a22f;
border-top: solid 3px #35a22f;
border-radius:5px;
background-color: #35a22f;
color: #f8cc2d;
font-size: 25px;
line-height: 2;
text-align:center;
font-family:Oldenburg;
letter-spacing:3px;
text-transform: uppercase;

//the big fancy title//
[/class]

[class=Tborder]
border-top: 1px SOLID #f8cc2d;
border-bottom: 1px SOLID #f8cc2d;
border-radius:5px;
padding:7px;
margin:5px 0px 5px 0px;

//the little borders inside the title//
[/class]

[class=Ribbon1]
border-bottom: solid 35px #094c06;
border-top: solid 35px #094c06;
border-left: solid 20px #ece7dc;
border-right: solid 20px #094c06;

//the left triangles to make it look like a ribbon//
[/class]

[class=Ribbon2]
border-bottom: solid 35px #094c06;
border-top: solid 35px #094c06;
border-right: solid 30px #ece7dc;
border-left: solid 20px #094c06;

//the right triangles to make it look like a ribbon//
[/class]

[class=Left]
margin-left:20px;
pointer-events:none;
opacity:0.8;
width:35px;
height:50px;
line-height:0px;
background:url(https://cdn.discordapp.com/attachments/535146287876538379/595369868136808466/Gold_Wolf_Left.png);
background-size:100% 100%;

//crest on the left of the title//
[/class]

[class=Right]
pointer-events:none;
margin-right:20px;
opacity:0.8;
width:35px;
height:50px;
line-height:0px;
float:right;
background:url(https://cdn.discordapp.com/attachments/535146287876538379/595369754554925069/Gold_Wolf.png);
background-size:100% 100%;

//crest on the right of the title//
[/class]

[class=FlagBar]
height:15px;
width:85%;
min-width:210px;
border:2px SOLID #094c06;
border-radius:5px;
background-color:#094c06;
margin:auto;

//the bar on the top of the flags//
[/class]

[class=Flag]
background-color:#35a22f;
width:80%;
font-family: Oldenburg;
Font-size: 85%;
Text-align:center;
color:silver;
margin:auto;
padding:3px 3px 50px 3px;

//the flag that contains the images//
[/class]

[class=FlagEnd]
width:81%;
margin:auto;
line-height:0px;
border-left:1px SOLID #35a22f;
border-right:1px SOLID #35a22f;

//allows the flag end pic to fit//
[/class]

[class=IMG]
pointer-events:none;
line-height:0px;
width:70%;
margin:20px auto;
border-radius:20px;
overflow:hidden;

//The character images//
[/class]

[class=hidden]
display:none;

//keeps hidden things hidden//
[/class]

[class=ButtonContainer]
display: flex;
flex-wrap:wrap;
flex-direction: row;
justify-content:center;
align-items:center;

//allows the buttons to be on one line together
instead of one line for each//
[/class]

[class=Button]
color: #f8cc2d;
line-height: 1.5;
text-align:center;
font-family:Oldenburg;
border-top: 1px SOLID #f8cc2d;
border-bottom: 1px SOLID #f8cc2d;
padding:4px;
margin: 20px 10px 0px 10px;
cursor:pointer;

//The buttons in the flag//
[/class]

[class name=Button state=hover]
color: #c39b0e;
border-top: 1px SOLID #c39b0e;
border-bottom: 1px SOLID #c39b0e;

//what the button looks like when the mouse is over it//
[/class]

[class=ButtonClick]
color: #c39b0e;
line-height: 1.5;
text-align:center;
font-family:Oldenburg;
border-top: 1px SOLID #c39b0e;
border-bottom: 1px SOLID #c39b0e;
padding:4px;
margin: 20px 10px 0px 10px;

//what the button looks like after it's clicked
also to show which picture is currently selected//
[/class]

[script class=Button on=click]
//This allows the buttons to work, if you want to add a button
//you have to add a line of code for it here
//the text in the " " has to match the text in the buttons to work
//to add more Images just keep adding the class IMG# and add 1 number up
//  if (eq "${link}" "Opt 3") (show IMG3)
//like so

   hide IMG
   removeClass ButtonClick Button
   addClass ButtonClick
set link (getText)
    if (eq "${link}" "Appearance") (show DEFAULT)
    if (eq "${link}" "Opt 2") (show IMG2)
    if (eq "${link}" "Weapon") (show WEAPON)
    if (eq "${link}" "Weapon 2") (show WEAPON2)
    if (eq "${link}" "Armor") (show ARMOR)
[/script]


[class=Details]
font-family:Oldenburg;
font-size:20px;
color:#f8cc2d;
background-color:#35a22f;
width:200px;
margin:auto;
padding:5px;
cursor:pointer;

//the litle flag for the details//
[/class]

[class=DetailsBottom]
width:0%;
margin:auto;
margin-bottom:30px;
border-top: 30px solid #35a22f;
border-Left: 105px solid transparent;
border-Right: 105px solid transparent;

//the triangle for the bottom of the details flag//
[/class]

[class=Space]
width:80%;
margin:auto;

//manages space//
[/class]

[class=DetailsClose]
width:0%;
margin:auto;
border-Bottom: 30px solid #35a22f;
border-Left: 105px solid transparent;
border-Right: 105px solid transparent;
[/class]

[script class=Details on=click]
//this is what makes the details flag stuff work//

set link (getText)
    if (eq "${link}" "Details") (slideDown 500 Deets)
    if (eq "${link}" "Details") (slideUp 500  Open)
    if (eq "${link}" "Details") (slideDown 500  Close)

    if (eq "${link}" "Close") (slideUp 500 Deets)
    if (eq "${link}" "Close") (slideDown 500 Open)
    if (eq "${link}" "Close") (slideUp 500  Close)
[/script]

[class=Stamp]
pointer-events:none;
line-height:0px;
width:10%;
margin:10px auto;
overflow:hidden;

//the guild committee seal of approval//
[/class]


[div class=BG]
[div class=TitleContainer]
[div class=Ribbon1][/div]
[div class=Title][div class=Tborder]
[row][column=span1]
[div class=Left][/div]
[/column][column=span6]
WOLF GUILD APPLICATION
[/column][column=span1]
[div class=Right][/div]
[/column][/row]
[/div][/div]
[div class=Ribbon2][/div]
[/div]
[br][/br][br][/br]
[row][column=span3]

[div class=FlagBar][/div]

[div class=Flag]

[comment] if you want to add an image here just make sure t add a IMG# (one number up) here: class="IMG IMG3"
and be sure to follow the instructions above to add the buttons correctly
be sure to copy and paste another button below and be sure to keep the same name there as it is in the button code way above
[/comment]


[div class="IMG DEFAULT"]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595380742322913299/placeholder.jpg[/IMG]
[/div]

[div class="hidden IMG IMG2 "]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595381159312097280/placeholder-600x400.png[/IMG]
[/div]


[div class="hidden IMG WEAPON"]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595380742322913299/placeholder.jpg[/IMG]
[/div]

[div class="hidden IMG WEAPON2"]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595381159312097280/placeholder-600x400.png[/IMG]
[/div]


[div class="hidden IMG ARMOR"]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595380742322913299/placeholder.jpg[/IMG]
[/div]


[div class=ButtonContainer]
[div class=Button]Appearance[/div]
[div class=Button]Opt 2[/div]
[div class=Button]Weapon[/div]
[div class=Button]Weapon 2[/div]
[div class=Button]Armor[/div]

[/div]
[/div]
[Div class=FlagEnd]
[IMG]https://cdn.discordapp.com/attachments/535146287876538379/595799560866103317/flag2.png[/IMG]
[/div]

[/column][column=span5]
[div class=Space]
[br][/br]
[B]Name: [/B]
[br][/br]
[br][/br]
[B]True Age: [/B]
[br][/br]
[br][/br]
[B]Appearance Age: [/B]
[br][/br]
[br][/br]
[B]Gender: [/B]
[br][/br]
[br][/br]
[B]Species: [/B]
[br][/br]
[br][/br]
[B]Class: [/B] (Base Class; Subclass)
[br][/br]
[br][/br]
[B]Distinguishing features: [/B]
[br][/br]
[br][/br]
[B]Preferred weapon(s): [/B] (Two types)
[br][/br]
[br][/br]
[B]Preferred Type(s) of Magic: [/B] (Top four types maximum)
[br][/br]
[/div]
[/column]
[/row]
[br][/br][br][/br]

[div class=FlagBar][/div]
[div class="Open"][div class=Details]Details[/div]
[div class=DetailsBottom][/div]
[/div]
[div class="Deets Space hidden" style="Padding: 20px 0px 20px 0px;"]

[B]Skills:[/B]

[br][/br][br][/br]
[B]Personality:[/B]

[br][/br][br][/br]
[B]History:[/B]
[br][/br](include where they came from and how they end up in Kolan if they are not from there)

[br][/br]
[/div]
[div class="Close hidden"]
[div class=DetailsClose style="margin-top:20px;"][/div]
[div class=Details]Close[/div]
[div class=FlagBar][/div]
[/div]
[br][/br]
[div class=Space]
[B]Views on the Hekaspectrum:[/B]

[br][/br][br][/br]
[B]Reason for joining the Raven Guild:[/B]

[/div]
[br][/br]
[div class=Stamp]
[IMG]https://vignette.wikia.nocookie.net/animal-jam-clans-1/images/8/85/Flourish-horizontal-symbol-fancy-page-break-page-break-clip-art-640_320.png/revision/latest?cb=20170410033005[/IMG]
[/div]

[div class=TitleContainer]
[div class=Ribbon1][/div]
[div class=Title style="font-size:20px;line-height:2.5;"][div class=Tborder]
[row][column=span1]
[div class=Left][/div]
[/column][column=span6]
Official Document of the Kolan Guild Committee
[/column][column=span1]
[div class=Right][/div]
[/column][/row]
[/div][/div]
[div class=Ribbon2][/div]
[/div]



[/div]
[/nobr]

Character Roster:

[Div class=Container][Div class=Flexbox] [div class=WolfBox][div class=WolfBorder][div class=Pic]

[/div] Jayson Velian shadowz1995
Dura Galesh AgWordSmith
Cassiel Fyrune Fenris
Jean Beaucant Jean Beaucant
Rhasa Elenion Aura
Zedrys Hollows LazyDaze
Lynn DapperCat
___
___
___
___
___
___

[/div][/div] [div class=RavenBox] [div class=RavenBorder] [div class=Pic style="padding:5px;"]

[/div]
Calla Rose AgWordSmith
Roland Eltrask AI10100
Henry Sask shadowz1995
Arleth Minaith'khlar Roleplay Skittle
Parfa Dawnpaw Zer0
Helios Katsuya
Azael Valefiore Phayne
Maria animegirl20
Yuuka Kazami Clausewitz Halcyon
___
___
___
___

[/div][/div] [/div][/div]

[/div][/div]

 

[AgWordSmith]

[class=BG] background-color: #ece7dc; color:black; font-familyldenburg; padding: 10px 20px 10px 20px; text-align:center; font-size:20px; [/class] [class=TitleContainer] display: flex; flex-direction: row; justify-content: space-between; align-items:center; [/class] [class=Title] flex-grow: 2; border-bottom: solid 3px #102f7e; border-top: solid 3px #102f7e; border-radius:5px; background-color: #102f7e; color: Silver; font-size: 25px; line-height: 2; text-align:center; font-familyldenburg; letter-spacing:3px; text-transform: uppercase; [/class] [class=Tborder] border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; border-radius:5px; padding:7px; margin:5px 0px 5px 0px; [/class] [class=Ribbon1] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-left: solid 20px #ece7dc; border-right: solid 20px #142551; [/class] [class=Ribbon2] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-right: solid 30px #ece7dc; border-left: solid 20px #142551; [/class] [class=LRaven] margin-left:20px; pointer-events:none; opacity:0.8; width:55px; height:45px; line-height:0px; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; [/class] [class=RRaven] pointer-events:none; margin-right:20px; opacity:0.8; width:55px; height:45px; line-height:0px; float:right; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; [/class] [class=FlagBar] height:15px; width:85%; min-width:210px; border:2px SOLID #08163b; border-radius:5px; background-color:#08163b; margin:auto; [/class] [class=Flag] background-color:#102f7e; width:80%; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; margin:auto; padding:3px 3px 50px 3px; [/class] [class=FlagEnd] width:81%; margin:auto; border-left: 2px SOLID #102f7e; line-height:0px; [/class] [class=IMG] pointer-events:none; line-height:0px; width:70%; margin:20px auto; border-radius:20px; overflow:hidden; [/class] [class=hidden] display:none; [/class] [class=ButtonContainer] display: flex; flex-wrap:wrap; flex-direction: row; justify-content:center; align-items:center; [/class] [class=Button] color: Silver; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; padding:4px; margin: 20px 10px 0px 10px; cursor:pointer; [/class] [class name=Button state=hover] color: grey; border-top: 1px SOLID grey; border-bottom: 1px SOLID grey; [/class] [class=ButtonClick] color: grey; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID grey; border-bottom: 1px SOLID grey; padding:4px; margin: 20px 10px 0px 10px; [/class] [script class=Button on=click] hide IMG removeClass ButtonClick Button addClass ButtonClick set link (getText) if (eq "${link}" "Appearance") (show DEFAULT) if (eq "${link}" "Fae") (show IMG2) if (eq "${link}" "Fae Glow") (show IMG3) if (eq "${link}" "Alt Fae Glow") (show IMG4) if (eq "${link}" "Sword") (show WEAPON) if (eq "${link}" "Armor") (show ARMOR) [/script] [class=Details] font-familyldenburg; font-size:20px; color:silver; background-color:#102f7e; width:200px; margin:auto; padding:5px; cursor:pointer; [/class] [class=DetailsBottom] width:0%; margin:auto; margin-bottom:30px; border-top: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; [/class] [class=DetailsClose] width:0%; margin:auto; border-Bottom: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; [/class] [class=Space] width:80%; margin:auto; //manages space// [/class] [script class=Details on=click] set link (getText) if (eq "${link}" "Details") (slideDown 500 Deets) if (eq "${link}" "Details") (slideUp 500 Open) if (eq "${link}" "Details") (slideDown 500 Close) if (eq "${link}" "Close") (slideUp 500 Deets) if (eq "${link}" "Close") (slideDown 500 Open) if (eq "${link}" "Close") (slideUp 500 Close) [/script] [class=Stamp] pointer-events:none; line-height:0px; width:10%; margin:10px auto; overflow:hidden; [/class] [div class=BG] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title][div class=Tborder]

[div class=LRaven][/div]

RAVEN GUILD APPLICATION

[div class=RRaven][/div]

[/div][/div] [div class=Ribbon2][/div] [/div]

[div class=FlagBar][/div] [div class=Flag] [div class="IMG DEFAULT"]

[/div] [div class="hidden IMG IMG2 "]

[/div] [div class="hidden IMG IMG3"]

[/div] [div class="hidden IMG IMG4"]

[/div] [div class="hidden IMG WEAPON" style="width:50%;"]

[/div] [div class="hidden IMG ARMOR"]

[/div] [div class=ButtonContainer] [div class=Button]Appearance[/div] [div class=Button]Fae[/div] [div class=Button]Fae Glow[/div] [div class=Button]Alt Fae Glow[/div] [div class=Button]Sword[/div] [div class=Button]Armor[/div] [/div] [/div] [Div class=FlagEnd]

[/div]

[div class=Space]
Name: Calla Rose

True Age: 674

Appearance Age: 25

Gender: Female

Species: Fae

Class: Mage; Necromancer specialty

Distinguishing features: A nasty scar covering most of her left cheek

Preferred weapon(s): Long Swords; Staffs

Preferred Type(s) of Magic: Fire, Crystal, Necromancy and shape-shifting spells
[/div]

[div class=FlagBar][/div] [div class="Open"][div class=Details]Details[/div] [div class=DetailsBottom][/div] [/div] [div class="Deets Space hidden" style="Padding: 20px 0px 20px 0px;"] Skills:
Skilled Swordswoman, highly skilled necromancer and fire mage, very skilled in a few fighting styles and surprisingly good at sewing. (That was a weird year for her) She is a fast thinker and has quick reflexes. Strategy and stealth is her forte.

Personality:
A somewhat reserved person. She likes to keep her business her business but does maintain an attitude of politeness. She's a good leader, always having a great game plan and executing them with precision and accuracy. Calla is a stickler for order and organization. She loves routine, or to see routine in the unscheduled. The Fae walks with an air of grace and will hardly shout or yell but she cam project her voice very well with out the tone of yelling. Her voice is a bit and this can be creepy when one can see the anger in her eyes. In fact it takes a lot of her self control to bite back her rage but The Goddesses forbid if she let it out. With the guild Calla has been practicing being a bit more nice to people and did vow to be fair in the decisions of her guild and anything quarrel would go one between her members. She believes in fairness and values knowledge. If she's not working on something one can find her with a book in a quiet place.

History:
Calla grew up in the Fae kingdom, at least this incarnation did. It wasn't until a year ago that she was told about her Lapse Rebirth Sentence. The punishment was enacted 118 years ago and after she emerged from her carnation the infant was given to a couple to raise under the careful eye of the Council. Both of her dad's loved her dearly and raised her as their own. She was an only child and a lonely child. People would stay clear of her for reason's unknown, her house was under lock down during her metamorphosis and the instant her someone found out about her dabbling in necromancy, and being rather good at it she was jailed, despite the practice becoming legal at the time. After being let out of jail. 70 years old at the time, Calla set to move out of the Fae kingdom. After a tearful goodbye and a promise to constantly write to them Calla set out on her own. For the next 30 years she traveled the world and became a rather frequent visitor of the Ninivan Library t further her personal studies.

She has no previous memories of the 556 years of life she lived before this current incarnation and doesn't care for finding out. At least that what she tells people, even if the curiously and sense of loss at so many years of life does weigh on her mind often. Four years ago Calla came into the initially regretful company of an Orc, and a year later an Elf, a Human had joined the group and later on even a vampire. The odd group traveled about, taking on random tasks for those in need and soon petition to become a guild of their own. After being constantly denied the group went on to continue their unofficial guild and went on unofficially questing. That is until the Orc was captured and put on trial for his crimes in Orsinim, never to be heard from again, the Human was called upon by the rebels in Gloryce And took her leave to help free her people. Calla and the Elf two had to separate, they had become rather close on their adventures, but he had to return to Legionatis for the Fight of Princes and she stayed in Niniva, promising a place for him to return to and a change in the heart of the king.

Two years passed and finally the King of Kolan lifted the ban at her next petition, agreeing only if she posed at as human to the public so as to not stir up anything. The Raven Guild was built in Niniva and Calla Rose had fulfilled her promise. Agreeing to disguise herself as human after her recent "death" to gain the trust of the people, because she knew full well her own kind didn't have and didn't deserve that sort of trust and place of any power in a historical moment like this. Constantly using shape-shifting she has kept the guise up easily especially since her body was completely new now, her first death after the lapse rebirth. In her memory this was incarnation number two and she was going to use it to bring about a change in the world. However subtle it would be.
[/div] [div class="Close hidden"] [div class=DetailsClose style="margin-top:20px;"][/div] [div class=Details]Close[/div] [div class=FlagBar][/div] [/div]
[div class=Space] Views on the Hekaspectrum:
Couldn't care less but old prejudices come to light in times of weakness. Its hard to get rid of the social constructs integrated into her since childhood, but she tries her best.

Reason for joining the Raven Guild:
She wanted to fulfill a promise to a friend, and was rather pissed she wasn't able to make on before hand.It was mostly because she couldn't that she made it to prove that she could. [/div]
[div class=Stamp]

[/div] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title style="font-size:20px;"][div class=Tborder]

[div class=LRaven][/div]

Official Document of the Kolan Guild Committee

[div class=RRaven][/div]

[/div][/div] [div class=Ribbon2][/div] [/div] [/div]

 

[AI10100]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=title] border-bottom: solid 2px #102f7e; border-top: solid 2px #102f7e; background-color: #102f7e; color: Silver; font-size: 200%; line-height: 1; text-align:center; margin: 10px auto; width: 100%; padding: 5px; font-familyldenburg; //The Title; "Raven Guild Application"// [/class] [class=LeftRaven] margin-left:20px; pointer-events:none; opacity:0.8; width:25%; line-height:0px; //The Raven Symbol on the left// [/class] [class=RightRaven] pointer-events:none; margin-right:20px; opacity:0.8; width:25%; line-height:0px; float:right; //The Raven Symbol on the right// [/class] [class=hidden] display:none; //Keeps hidden things hidden// [/class] [class=Button] background-color: #102f7e; color: Silver; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //What the buttons by the pictures and the "Details" button look like// [/class] [class name=ButtonClick] background-color: #081b4d; color: Silver; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //what the button looks like when clicked// [/class] [class name=Button state=hover] background-color: #081b4d; cursor:pointer; color:white; //what the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] //This links all the images to their corresponding buttons// //If you change the name of a Button it will have to be changed here as well// //but only the name within the " "// //That's to make it easier on you when you change the names so the script will work// // with out you having to meticulous go through each line and change things around// removeClass ButtonClick Button addClass ButtonClick set link (getText) if (eq "${link}" "Appearances") (hide B1) if (eq "${link}" "Appearances") (show B2) //If you only have 1 picture you would like to use// // Change (show B2) to (show Default)// //Delete the entire line above that one// //you do not have to remove anything else!// //So ignore anything that says Option// //just don't mess with those ones// if (eq "${link}" "Armor") (show Armor) if (eq "${link}" "Armor") (hide Weapon) if (eq "${link}" "Armor") (hide Weapon2) if (eq "${link}" "Armor") (hide Option1) if (eq "${link}" "Armor") (hide Option2) if (eq "${link}" "Armor") (hide Option3) if (eq "${link}" "Armor") (hide Default) if (eq "${link}" "Deadshot") (show Weapon) if (eq "${link}" "Deadshot") (hide Armor) if (eq "${link}" "Deadshot") (hide Weapon2) if (eq "${link}" "Deadshot") (hide Default) if (eq "${link}" "Deadshot") (hide Option1) if (eq "${link}" "Deadshot") (hide Option2) if (eq "${link}" "Deadshot") (hide Option3) if (eq "${link}" "Ivelnal") (show Weapon2) if (eq "${link}" "Ivelnal") (hide Armor) if (eq "${link}" "Ivelnal") (hide Weapon) if (eq "${link}" "Ivelnal") (hide Default) if (eq "${link}" "Ivelnal") (hide Option1) if (eq "${link}" "Ivelnal") (hide Option2) if (eq "${link}" "Ivelnal") (hide Option3) if (eq "${link}" "Raven Form") (show Option1) if (eq "${link}" "Raven Form") (hide Option2) if (eq "${link}" "Raven Form") (hide Option3) if (eq "${link}" "Raven Form") (hide Default) if (eq "${link}" "Raven Form") (hide Armor) if (eq "${link}" "Raven Form") (hide Weapon) if (eq "${link}" "Raven Form") (hide Weapon2) if (eq "${link}" "Option 2") (show Option2) if (eq "${link}" "Option 2") (hide Option1) if (eq "${link}" "Option 2") (hide Option3) if (eq "${link}" "Option 2") (hide Default) if (eq "${link}" "Option 2") (hide Armor) if (eq "${link}" "Option 2") (hide Weapon) if (eq "${link}" "Option 2") (hide Weapon2) if (eq "${link}" "Griffin Form") (show Option3) if (eq "${link}" "Griffin Form") (hide Option1) if (eq "${link}" "Griffin Form") (hide Option2) if (eq "${link}" "Griffin Form") (hide Default) if (eq "${link}" "Griffin Form") (hide Armor) if (eq "${link}" "Griffin Form") (hide Weapon) if (eq "${link}" "Griffin Form") (hide Weapon2) if (eq "${link}" "Original") (show Default) if (eq "${link}" "Original") (hide Option1) if (eq "${link}" "Original") (hide Option2) if (eq "${link}" "Original") (hide Option3) if (eq "${link}" "Original") (hide Armor) if (eq "${link}" "Original") (hide Weapon) if (eq "${link}" "Original") (hide Weapon2) if (eq "${link}" "Return") (hide B2) if (eq "${link}" "Return") (show B1) if (eq "${link}" "Details") (show Deets) if (eq "${link}" "Close") (hide Deets) [/script]

[div class=title]

[div class=LeftRaven]

Raven Guild Application​

[div class=RightRaven]

[/div]

[/div] [class=Notes] //Below are the buttons// //TO REMOVE BUTTONS// //Find the button you wish to remove// //delete it's line of code// //That's it!// //You can ignore anything that has it's name on it// //you do not have to delete any of that, it will remain hidden// //INSTRUCTION ON HOW TO HAVE ONLY ONE APPEARANCE IMAGE IS IN THE SCRIPT CODE ABOVE// //UNDER if (eq "${link}" "Appearances") (show B2)// //TO ADD BUTTONS// //Copy and Paste one of the button codes// //If its an appearance picture that you want to add Copy and paste a button with B2 in it// //If its anything else, Copy the Buttons with B1 in it// //Next change the name of the button to what you want it to be// //Go down to where all the codes are for the pictures and copy and paste one of them// //Change its name within the Class="Name hidden" part. KEEP THE HIDDEN THERE IF ITS THERE// //Now go up to the script code// //Copy and paste on of the chunks of code that all have the same name within the " "// //Change the name within the " " to the EXACT name you changed your new button to// //Change the part in the second set of parenthesis to (show What you named your PICTURE, the EXACT word )// //Make sure that the rest of the parenthesis that say hide include everything else// //If you do not specify to hide a certain picture, then if that picture/button is selected it will show up under your new picture// //when its selected// [/class]

[div class=Button]

Appearances

[div class="Button B1"]

Armor

[div class="Button B1"]

Deadshot

[/div] [div class="Button B1"]

Ivelnal

[/div] [div class="Button B2 hidden"]

Raven Form

[/div] [div class="Button B2 hidden"]

Griffin Form

[/div] [div class="Button B2 hidden"]

Original

[/div] [div class="Button B2 hidden"]

Return

[/div] [/div]

[class=Notes] //These are the codes for each picture// //To replace the place holder// //Paste your URL inplace of the place holder URL within the Background:url parenthesis// //To add/remove a picture// //Instructions to do so are in the notes aboce the Button Codes// //In order to add/remove a picture you will have to add/remove their button// //The only picture not hidden is the default one, this will be the first picture to load when the page shows up// //this should be how your OC looks normally// [/class] [div class=Default style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://i.pinimg.com/236x/e0/1e/4d/e01e4dcba5727b3bfd5d100893168a90.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Option1 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://img00.deviantart.net/f827/i/2012/014/a/6/the_raven_and_the_ribbon_by_mistywren-d4mcq98.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(http://lwvnaperville.org/wp-content/uploads/2017/06/placeholder.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option3 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://img00.deviantart.net/1570/i/2008/182/9/8/griffin_by_pyroenigma.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Armor hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://img00.deviantart.net/de59/i/2012/106/7/e/bounty_hunter_by_anchikusyou-d4wcqoh.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://i.pinimg.com/originals/d2/ab/39/d2ab39d3d7c0e83e0e12bf6f23665cdf.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://i.ebayimg.com/images/g/3QwAAOSwZ8ZW7IcS/s-l300.jpg) no-repeat;background-size:100% 100%;"] [/div]

[class=Notes] //Below you can start filling out the Cs// //Please add text after the [/B]// //Other wise the text will be bold// [/class]

Name: Roland Eltrask

True Age: 31

Appearance Age: 31

Gender: Male

Species: Shifter

Class: Archer ; Sharpshooter

Distinguishing features: His eyes are seemingly raven-like in appearance - golden and sharp. He has a cross shaped scar on his right cheek.

Preferred weapon(s): Bow and Arrow, Long Knives

Preferred Type(s) of Magic: Shapeshifting, Barrier spells, Illusions
​

[div class=Button]

Details

[/div] [div class="Deets hidden"] Skills:
Being a shifter, he's a natural at shapeshifting magic. He is quite the master at archery - priding himself as one of the few who rarely misses a shot. He's rather average when it comes to close quarter combat so he tends to try and avoid those. He's skilled in defensive magic - barriers and illusions were his fields of study mostly because of his choice of weaponry. However, he is only around the intermediate level of these magic and is only enough to defend himself for a while before being exhausted.

Personality:
At first glance, Roland can come across as easygoing or even a bit of an airhead - despite his appearance. When not on a mission, you'd be surprised with how many times he can get lost without a proper guide or map. After all, he doesn't have much of a sense of direction when he's not focused on a very serious mission. He's quite open about himself and tends to joke, a lot. While he does show respect to others, he is mostly seen casually conversing with everyone. He tends to laugh off insults hurtled towards him and doesn't seem to take things to heart. You would think that he would be the brutish type of character who would have no problem tangling with the big guys, and he could if provoked enough. He seems to easily get along with others as he doesn't discriminate.

Once he's undergoing a mission, he seems to change completely. He becomes dead serious and does not seem to hesitate in complying with what he has to do. He's said to be a coldblooded killer - but he knows that he's doing this because of his duty as a guild member. He follows orders to the letter and is especially loyal to his guildmates and most especially their leader. He may be casual most of the time during breaks, but his respect towards people is clearly shown when on the battlefield. He follows those who he deems are actually good strategists - and there are no short number of those in the Raven Guild - and takes the helm if he really needs to.

History:
There isn't much to tell about Roland's past and what happened in it. He tends to think it is not interesting as opposed to everyone else's story. Growing up on Hybridios usually meant you would grow up to be kind, helpful and respectful. Roland is exactly that. His parents who were both human shifters who moved to Hybridios after discovering their natural magical talents and made their home there. When Roland was born, they had already established their relations with everyone else which then meant that they considered so many their family, even though they were not related by blood. Both being avian shifters, they naturally fell under the avian leadership, even though it was just a councilman. His parents are often the ones who take to the skies to hunt for food for those who are less fortunate - those who have disabilities - and impart what they get to those inhabitants.

Roland was always taught to be kind and fair. And he is so. For the first twenty years of his life, he was simply in Hybridios doing whatever he can to help the others. However, in the meantime, he was dabbling in other types of magic - but mostly defensive magic. His parents refused to let him learn offensive types of spells and he really didn't mind. With two other forms, he didn't really need that much, he thought to himself. He never thought of leaving home up until he began hearing rumors about someone causing a stir of trouble near the borders of Hybridios. It wasn't anything serious, just some orcs crossing over to head to the elemental nation. However, his first encounter with someone who wasn't a native of Hybridios happened during this time. After getting in a particularly intereting talk with an orc and how he recounted the various things he had seen all over Nera and that he should visit Orsinium some time to learn more about them if he's really curious. After this encounter, Roland set off on a journey around Nera.

Hilariously enough, on his way to Orsinium, he found himself crossing more borders than he should have as he landed in the Witch Lands and the Dark Lands but he quickly went off when he realized his mistake.. His stops actually took him to various places in the world but he seems to not even know where he is at the moment. His first stop was actually in Orsinium itself - but an uninhabited part so he took flight once more to see if he could get to the city proper. But then when he crossed the Arcane Sea, he mistakenly landed on Gloryce where he found himself in jail for a year because he crossed the border he shouldn't have. He was released thanks to the help of someone inside understanding his predicament. They pointed him to the right direction but somehow ended up in Legionatis. Here, he met an elf who instructed him in the art of archery and dual wielding knives after he told his story. Apparently, the elf was an outcast who wandered from place to place in Legionatis by himself. He lost sight of what he was going to do and stayed there for a good long time with this elf, surprisingly finding himself a natural at the art of archery. After years of staying there, the elf questioned his motives for leaving his homeland once more and that was when Roland remembered his promise to the orc and then was given directions to Orsinium. He was gifted Ivelnal for a safe journey.

Surprisingly, he did make his way to Orsinium but he found out that his orc friend had died during a siege on the elemental country. Thinking he didn't have anything else to do in Orsinium, he decided to head back to Legionatis but found himself stumbling upon Kolan instead. Suddenly engulfed with the amount of activity in Kolan. That was when he heard of the Guilds. Interested, he ventured out to find them and wondered what kind of things they actually do. With a new goal in mind, he seemed even more motivated than ever.
[div class=Button]

Close

[/div] [/div] Views on the Hekaspectrum:
Roland doesn't care much about the Hekaspectrum which is mainly derived from being with other species on the lower and higher ends of the Hekaspectrum but not changing their behavior towards them because they all help each other anyway, so why bother?

Reason for joining the Raven Guild:
Roland was quite lost for a while until he stumbled upon the Raven's Guild. Finding an interest in their views, and the fact that their symbol was a raven, he decided to join. ​

[/div] [div class=title style="font-size:100%;line-height:2;"]

[div class=LeftRaven]

[/div]

Official Document of the Kolan Guild Committee​

[div class=RightRaven]

[/div]

[/div]

[/div]

 

[shadowz1995]

Raven Guild Application

Name: Henry Sask

True Age: 724

Appearance Age: 45

Gender: Male

Species: Vampire/ The Damned, Former Human

Class: Healer: Pyschic

Distinguishing features: Crimson eye color, salt & pepper hair/beard, tanned skin from his mortal life, large variety of scarring upon the body, minor scarring on face.
Preferred weapon(s): None

Preferred Type(s) of Magic: Henry is a dedicated purist to the pyschokinetic arts and while he knows about the basics of a wide variety of magic, he will usually only ever use his Psychic abilities.

Skills: Centuries of life as an undead creature gives a man enough time to learn a great number of things. The man has a wide variety of miscellaneous skills that he has accumulated such as playing instruments, survival (in the wild) techniques, cooking, cleaning, writing, fishing and many more. That being said, Mr. Sask has dedicated his entire life and un-life to three specific skills. Those skills are psychic abilities, medical practice (as in a physician's skills), and martial arts.

Henry is an intellectual and as such, the arts of telekinesis and everything it entailed greatly interested him. More so than anything the mundane (to him) arcane arts had to offer. The art of creating powerful kinetic barriers, reading minds, controlling minds, telekinetic barrages, and the like is an art he delved heavily into.

The man is also a well-versed and practiced physician. Much more so than any menders or herbalist. The art of healing without using magic. To that end, Henry spent lifetimes not only learning from various academies across the world but putting his skills to the test. Many beings died or were maimed beyond repair in his thirst to become a peerless physician but every failure granted the man a valuable lesson. Now, the man can mend anything from a maimed harpy's wings to a ghoul's broken jaw.

Many years were poured into perfecting his attunement with his physical body. Simply being mentally savvy was not enough to bring the man peace. He sought to train his body as hard as he trained his mind. During his scholarly travels across the lands, there was never a shortage of combat experts who loved to impart their skillsets. Whether that was willingly or otherwise. He learned everything he could from mentors and stole everything they would not willingly teach (techniques).

The combination of these three skill sets makes Henry a force to be reckoned with. Using physiological knowledge, vampiric abilities (strength, speed, reflexes, etc), and knowledge of a wide variety of martial arts made him a deadly adversary should someone cross him. This, augmented with self-made telekinetic techniques to further enhance his martial prowess and centuries of experience should dissuade most opponents. After all, he can mentally project how he will take you apart into the minds of his opponents and that usually stops a confrontation before it even begins.


Personality:
Henry's personality can be summed up as a driven monsoon of thirst for knowledge.

The man is capable of great feats of compassion and generosity. He often goes out of his way to be respectful and kind to complete strangers. Sometimes, even to people that truly don't deserve such kindness. He is capable of love, loyalty, honor, and will sometimes do it for nothing more than a thankful smile. Acts of altruism are far from uncommon with this hunter but the other side of the coin is also true.

Henry is as equally cruel and selfish as he is selfless. According to him, "It depends on the situation." He can be manipulative, malevolent, egoistic, and downright evil. He has harmed others and even killed for nothing more than gratification. For the simple reason that he felt they deserved to die and that HE had to be the one to deliver that death. He has abandoned people in need or went out of his way to bring misfortune upon those that truly don't deserve more grief. Whether it was out of necessity or a simply because he was in a bad mood, no one can really tell.

The vampire has never claimed to be a good person nor has he ever admitted to being a bad one.

There was once a time in the past where Mr. Sask's compassion and patience knew no bounds. But centuries of un-life have a way of changing a person. For better or for worse.

Henry can best be described as.... morally ambiguous.

History:
Most of Henry's childhood and mortal life was spent in Kolan and they are incredibly fond memories for the man. However, Henry's story does not truly begin until after he became an unwilling mercenary and shipped off to The Witch Lands on some crackpot mission to retrieve some artifact. The man had fallen into debt after making some promises he couldn't keep for the well-being of his family. A wife and three children. Two sons and a daughter. The amount needed was something he could not acquire in the short amount of time given to him and so, the man became desperate, turning to becoming a sell sword.

Needless to say, the mission went wrong. Horribly, horribly wrong. The artifact was never found, the company of mercenaries was slowly wiped out as the days went by, and Henry was no skilled fighter at the time. Just a good man who made stupid decisions for the sake of his family. He was one of the first to go down in the company and was ironically, the only survivor at the end of it all. He had been mortally wounded and taken captive by a small coven of vampires that had taken refuge in The Witch Lands. Being a rather handsome human male, the coven did not simply drain the man dry. Rather, they turned him into a thrall as they did with other attractive men and women that were defeated in the first few nights.

The vampires used them for food, entertainment, sex, and manpower. Days turned to weeks. Weeks turned to months. Months turned to years. The time Henry spent as a prisoner to the whims of the bloodsuckers is a complete blur. It was the only thing he could do just to keep some shred of sanity in that hellhole. If nothing, the man had a tremendous amount of will. Where others broke and were killed as a result, Henry remained strong, if only in spirit. This was an attractive quality. Attractive enough for the vampires to one day decide to add Sask to their ranks as a new undead vampire.

Several more years passed this way. Learning how to live as a vampire and forgoing his human tendencies. Of course, this was all an act until he gained enough strength to break away and escape. It took several more months to find a ship willing to take a vampire on board and finally journey back home.

However, the blur of years had taken their toll on the man. He was nothing like the man he was and neither was the home he had left behind. His old wife had long since moved on and grown grey with a different lover and his children were the age he was when he had stopped aging. They were relatively happy and while it tore his dead heart apart to see, it was also what gave him the strength to walk away without saying a word. The strength to turn away from his former human life and embrace his new vampiric one.

As the centuries went by, time lost its meaning.

Now, Henry simply wanders the lands, dedicating himself to his practices of psychic prowess, medicine, and martial arts. He spends his time just doing anything that catches his interest. Despite the decades, the world never ceased to be entertaining in some way.

Views on the Hekaspectrum: As a vastly old being, Henry always found the Hekaspectrum to be ludicrous. Yes, there were obvious advantages to being one of the more "blessed" races but by no means did that make the others as vastly inferior as some of the higher species believed themselves to be.


Reason for joining the Raven Guild: It seemed interesting.

 

[Roleplay Skittle]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=title] border-bottom: solid 2px #102f7e; border-top: solid 2px #102f7e; background-color: #102f7e; color: Silver; font-size: 200%; line-height: 1; text-align:center; margin: 10px auto; width: 100%; padding: 5px; font-familyldenburg; //The Title; "Raven Guild Application"// [/class] [class=LeftRaven] margin-left:20px; pointer-events:none; opacity:0.8; width:25%; line-height:0px; //The Raven Symbol on the left// [/class] [class=RightRaven] pointer-events:none; margin-right:20px; opacity:0.8; width:25%; line-height:0px; float:right; //The Raven Symbol on the right// [/class] [class=hidden] display:none; //Keeps hidden things hidden// [/class] [class=Button] background-color: #102f7e; color: Silver; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //What the buttons by the pictures and the "Details" button look like// [/class] [class name=ButtonClick] background-color: #081b4d; color: Silver; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //what the button looks like when clicked// [/class] [class name=Button state=hover] background-color: #081b4d; cursor:pointer; color:white; //what the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] //This links all the images to their corresponding buttons// //If you change the name of a Button it will have to be changed here as well// //but only the name within the " "// //That's to make it easier on you when you change the names so the script will work// // with out you having to meticulous go through each line and change things around// removeClass ButtonClick Button addClass ButtonClick set link (getText) if (eq "${link}" "Appearances") (hide B1) if (eq "${link}" "Appearances") (show B2) //If you only have 1 picture you would like to use// // Change (show B2) to (show Default)// //Delete the entire line above that one// //Paste this under it: if (eq "${link}" "Appearance") (hide Armor) if (eq "${link}" "Appearance") (hide Weapon) if (eq "${link}" "Appearance") (hide Weapon2) //Make sure to change the button to say just "Appearance"// //and change the script to say that as well,// //you do not have to remove anything else!// //So ignore anything that says Option// //just don't mess with those ones// if (eq "${link}" "Armor") (show Armor) if (eq "${link}" "Armor") (hide Mask) if (eq "${link}" "Armor") (hide Cloak) if (eq "${link}" "Armor") (hide Weapon) if (eq "${link}" "Armor") (hide Weapon2) if (eq "${link}" "Armor") (hide PantherForm) if (eq "${link}" "Armor") (hide RavenForm) if (eq "${link}" "Armor") (hide SnakeForm) if (eq "${link}" "Armor") (hide GriffinForm) if (eq "${link}" "Armor") (hide Default) if (eq "${link}" "Mask") (show Mask) if (eq "${link}" "Mask") (hide PantherForm) if (eq "${link}" "Mask") (hide RavenForm) if (eq "${link}" "Mask") (hide SnakeForm) if (eq "${link}" "Mask") (hide GriffinForm) if (eq "${link}" "Mask") (hide Armor) if (eq "${link}" "Mask") (hide Cloak) if (eq "${link}" "Mask") (hide Default) if (eq "${link}" "Mask") (hide Weapon) if (eq "${link}" "Mask") (hide Weapon2) if (eq "${link}" "Cloak") (show Cloak) if (eq "${link}" "Cloak") (hide PantherForm) if (eq "${link}" "Cloak") (hide RavenForm) if (eq "${link}" "Cloak") (hide SnakeForm) if (eq "${link}" "Cloak") (hide GriffinForm) if (eq "${link}" "Cloak") (hide Armor) if (eq "${link}" "Cloak") (hide Mask) if (eq "${link}" "Cloak") (hide Default) if (eq "${link}" "Cloak") (hide Weapon) if (eq "${link}" "Cloak") (hide Weapon2) if (eq "${link}" "Weapon") (show Weapon) if (eq "${link}" "Weapon") (hide Armor) if (eq "${link}" "Weapon") (hide Mask) if (eq "${link}" "Weapon") (hide Cloak) if (eq "${link}" "Weapon") (hide Weapon2) if (eq "${link}" "Weapon") (hide Default) if (eq "${link}" "Weapon") (hide PantherForm) if (eq "${link}" "Weapon") (hide RavenForm) if (eq "${link}" "Weapon") (hide SnakeForm) if (eq "${link}" "Weapon") (hide GriffinForm) if (eq "${link}" "Weapon 2") (show Weapon2) if (eq "${link}" "Weapon 2") (hide Armor) if (eq "${link}" "Weapon 2") (hide Mask) if (eq "${link}" "Weapon 2") (hide Cloak) if (eq "${link}" "Weapon 2") (hide Weapon) if (eq "${link}" "Weapon 2") (hide Default) if (eq "${link}" "Weapon 2") (hide PantherForm) if (eq "${link}" "Weapon 2") (hide RavenForm) if (eq "${link}" "Weapon 2") (hide SnakeForm) if (eq "${link}" "Weapon 2") (hide GriffinForm) if (eq "${link}" "Panther Form") (show PantherForm) if (eq "${link}" "Panther Form") (hide RavenForm) if (eq "${link}" "Panther Form") (hide SnakeForm) if (eq "${link}" "Panther Form") (hide GriffinForm) if (eq "${link}" "Panther Form") (hide Default) if (eq "${link}" "Panther Form") (hide Armor) if (eq "${link}" "Panther Form") (hide Mask) if (eq "${link}" "Panther Form") (hide Cloak) if (eq "${link}" "Panther Form") (hide Weapon) if (eq "${link}" "Panther Form") (hide Weapon2) if (eq "${link}" "Raven Form") (show RavenForm) if (eq "${link}" "Raven Form") (hide PantherForm) if (eq "${link}" "Raven Form") (hide SnakeForm) if (eq "${link}" "Raven Form") (hide GriffinForm) if (eq "${link}" "Raven Form") (hide Default) if (eq "${link}" "Raven Form") (hide Armor) if (eq "${link}" "Raven Form") (hide Mask) if (eq "${link}" "Raven Form") (hide Cloak) if (eq "${link}" "Raven Form") (hide Weapon) if (eq "${link}" "Raven Form") (hide Weapon2) if (eq "${link}" "Snake Form") (show SnakeForm) if (eq "${link}" "Snake Form") (hide PantherForm) if (eq "${link}" "Snake Form") (hide RavenForm) if (eq "${link}" "Snake Form") (hide GriffinForm) if (eq "${link}" "Snake Form") (hide Default) if (eq "${link}" "Snake Form") (hide Armor) if (eq "${link}" "Snake Form") (hide Mask) if (eq "${link}" "Snake Form") (hide Cloak) if (eq "${link}" "Snake Form") (hide Weapon) if (eq "${link}" "Snake Form") (hide Weapon2) if (eq "${link}" "Griffin Form") (show GriffinForm) if (eq "${link}" "Griffin Form") (hide PantherForm) if (eq "${link}" "Griffin Form") (hide RavenForm) if (eq "${link}" "Griffin Form") (hide SnakeForm) if (eq "${link}" "Griffin Form") (hide Default) if (eq "${link}" "Griffin Form") (hide Armor) if (eq "${link}" "Griffin Form") (hide Mask) if (eq "${link}" "Griffin Form") (hide Cloak) if (eq "${link}" "Griffin Form") (hide Weapon) if (eq "${link}" "Griffin Form") (hide Weapon2) if (eq "${link}" "Original") (show Default) if (eq "${link}" "Original") (hide PantherForm) if (eq "${link}" "Original") (hide RavenForm) if (eq "${link}" "Original") (hide SnakeForm) if (eq "${link}" "Original") (hide GriffinForm) if (eq "${link}" "Original") (hide Armor) if (eq "${link}" "Original") (hide Mask) if (eq "${link}" "Original") (hide Cloak) if (eq "${link}" "Original") (hide Weapon) if (eq "${link}" "Original") (hide Weapon2) if (eq "${link}" "Return") (hide B2) if (eq "${link}" "Return") (show B1) if (eq "${link}" "Details") (show Deets) if (eq "${link}" "Close") (hide Deets) [/script]

[div class=title]

[div class=LeftRaven]

Raven Guild Application​

[div class=RightRaven]

[/div]

[/div] [class=Notes] //Below are the buttons// //TO REMOVE BUTTONS// //Find the button you wish to remove// //delete it's line of code// //That's it!// //You can ignore anything that has it's name on it// //you do not have to delete any of that, it will remain hidden// //INSTRUCTION ON HOW TO HAVE ONLY ONE APPEARANCE IMAGE IS IN THE SCRIPT CODE ABOVE// //UNDER if (eq "${link}" "Appearances") (show B2)// //TO ADD BUTTONS// //Copy and Paste one of the button codes// //If its an appearance picture that you want to add Copy and paste a button with B2 in it// //If its anything else, Copy the Buttons with B1 in it// //Next change the name of the button to what you want it to be// //Go down to where all the codes are for the pictures and copy and paste one of them// //Change its name within the Class="Name hidden" part. KEEP THE HIDDEN THERE IF ITS THERE// //Now go up to the script code// //Copy and paste on of the chunks of code that all have the same name within the " "// //Change the name within the " " to the EXACT name you changed your new button to// //Change the part in the second set of parenthesis to (show What you named your PICTURE, the EXACT word )// //Make sure that the rest of the parenthesis that say hide include everything else// //If you do not specify to hide a certain picture, then if that picture/button is selected it will show up under your new picture// //when its selected// [/class]

[div class=Button]

Appearances

[div class="Button B1"]

Armor

[div class="Button B1"]

Mask

[/div] [div class="Button B1"]

Cloak

[/div] [div class="Button B1"]

Weapon

[/div] [div class="Button B1"]

Weapon 2

[/div] [div class="Button B2 hidden"]

Panther Form

[/div] [div class="Button B2 hidden"]

Raven Form

[/div] [div class="Button B2 hidden"]

Snake Form

[/div] [div class="Button B2 hidden"]

Griffin Form

[/div] [div class="Button B2 hidden"]

Original

[/div] [div class="Button B2 hidden"]

Return

[/div] [/div]

[class=Notes] //These are the codes for each picture// //To replace the place holder// //Paste your URL inplace of the place holder URL within the Background:url parenthesis// //To add/remove a picture// //Instructions to do so are in the notes aboce the Button Codes// //In order to add/remove a picture you will have to add/remove their button// //The only picture not hidden is the default one, this will be the first picture to load when the page shows up// //this should be how your OC looks normally// [/class] [div class=Default style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/480520168724758538/14ddecf65ce9dfad1c3d200a637f25dc.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="PantherForm hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/480527844896669745/7a6880a4801227fa48754dd6cdd0b4ba--black-panther-tattoo-black-panther-animal.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="RavenForm hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/480529446860881921/16e96b9fbef3dc3e21fd274447c7b0df--raven-art-the-raven.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="SnakeForm hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/480533497237471243/75f59b9f5ee463d0ccfd85672cdbf10f--black-thunder-black-animals.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="GriffinForm hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/481109447003865111/0284c0cb491a0a829766e32d844949f0--gryphon-tattoo-gryphon-art.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Armor hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/481467169004060672/87378a77e39a0a7a200965c8b853e836.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Mask hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/481467146657071105/4073f987d32710f723b3e88215bb98ee.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Cloak hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/481466509554876416/945add8fbfcc6242bd7f7184f5a76d67.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/480753760214450176/arabian-scimitar-swords-set.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdn.discordapp.com/attachments/327102470063128576/480910923515691023/medieval-knight-dagger-1801.jpg) no-repeat;background-size:100% 100%;"] [/div]

[class=Notes] //Below you can start filling out the Cs// //Please add text after the [/B]// //Other wise the text will be bold// [/class]

Name: Arleth Sylori Minaith'khlar

True Age: 211

Appearance Age: Early thirties

Gender: Female

Species: Half-Fae Shifter (Human)

Class: Rogue; Assassin

Distinguishing features: Her eyes have an iridescent look to them making it difficult to tell what color they are at any given moment. The deep color of her black hair is the trait that stays with her when she is in any form.

Preferred weapon(s): Scimitar, Dagger

Preferred Type(s) of Magic: Shapshifting, Illusion
​

[div class=Button]

Details

[/div] [div class="Deets hidden"] Skills:
• While she is not the most accomplished tactician, she is rather adept at strategics
• Good at acting the opposite of whatever she feels though generally just remains neutral
• Proficient in climbing as well as in stealth maneuvers
• An accomplished Shifter, she tends to only regularly use five different forms (The Raven form being her natural Shifter form inherited from her mother)
• Having lived in the wilds for the majority of her first life-time, she has become an accomplished hunter and is capable of both catching prey and processing it.
• Despite not being particularly artistic, she is a cartography hobbyist and has a certain talent for it developed out of necessity
• While she doesn't take to it with the same passion as she does cartography, she is also a sometime flutist
• A very experienced herbalist and forager


Personality: Arleth could generally be considered rather aloof to other beings. She tends to be indifferent to the plights of "outsiders" because she has been taught that it is just not her business if it doesn't affect her directly. Of course this could lead others to believe she is antisocial, which is a misconception. However, Arleth is not typically the one to begin an introduction outside of a professional courtesy, but she is perfectly capable of socializing in a more casual setting though she might not be likely to exchange general pleasantries such as asking how someone is doing or really anything personal about them that isn't of immediate interest (such as if they have an injury she will ask if they need help but otherwise she doesn't appear to care, or she won't ask them about their relationship unless their significant other is standing right beside them). She can be taken as relatively serious and even stern at times, likely something inherited from her father, and it is rather difficult to amuse her as she seems more amused when left to her own devices and often irritated when those extracurricular are interrupted. It is difficult to find her just sitting still and daydreaming, she seems to always be doing something when she is awake even if that thing is just meditation, this lack of idleness is likely due to her upbringing because both of her parents consider doing nothing a waste of time despite one of them having all the time in the world.


History:
Conceived in the wilderness of The Witch Lands, Arleth never really knew how she came to be. Her mother never spoke of her father and if she ever asked, she was chastised for wasting her time wondering about something so inconsequential because the only thing that mattered was that she existed and it didn't matter how. Arleth's mother didn't show her affection, instead treating her more so as a peer. Her days were filled with lessons and experiments and it is safe to say that she didn't have a childhood. Her mother was a Witch and a Shifter and passed on her knowledge of Shifting to Arleth because she knew that her daughter would be naturally skilled in the magic.

Despite the rather hermetic lifestyle that she and her mother lived, there was not a complete lack of interaction with people that she would come to consider "outsiders." There were few denizens of The Witch Lands and their visits were sparse so it was unlikely that she ever saw the same visitors more than once. They would come for trade generally, never a social call and always business focused. Considering her upbringing was rather secluded and virtually devoid of any sort of parental affection, Arleth became rather distant when it came to interpersonal relations, all of her interactions came to be rather conservative except for the way she interacted with the multiple companion Ravens she has kept over time which are the only beings she has learned to show affection for despite her stance that they are only animals and so she gives them each the same name as they pass on and she replaces them.

This was Arleth's life for more than fifty years and it wasn't until her mother knew that her days were at an end that she finally divulged the secret of her daughter's paternal bloodline. It had never been a secret that Arleth was half Fae, of course her mother had never made an effort to hide the fact so by deduction Arleth knew that her father had to be a Fae, only she never knew anything else about him. Knowing that while she did not share the nearly immortal lifespan of her daughter, the Fae that sired her did and would be able to share his own wealth knowledge and thereby continue Arleth's growth in ways that her mother could only dream to. The urgency Arleth had felt as a child when it came to learning who her father was had long since faded and so this knowledge was easily set aside as she spent the rest of her mother's days with her. After her mother passed, Arleth left The Witch Lands and journeyed to those of the Fae where she would seek out her father.

All Arleth had to help her find her father was a name and because of that, it would be some time before she was able to track him down. Weeks passed before she found someone who recognized his name and that same individual informed her that it would likely be a while longer until she would actually have the pleasure of meeting him. Her mother had told her little about her father, giving only a name and telling her that it was likely that he dwelled in The Fae Kingdom given his species, the rest was up to her to find him. The acquaintance of her father was gracious to say the least, and offered Arleth work while she awaited the return of her sire. Not only did this Fae offer work, but they also deigned to tell Arleth little bits and pieces that they knew to be true about the man she sought.

It was years that Arleth spent in The Fae kingdom, waiting for her father to finally show himself rather than wandering off in search for him. She was told that he always returned and she had been in The Witch Wilds for so long that staying put didn't matter much to her because in any event she was still in a new place. She spent her time learning the culture of what could be considered her people. In a way it may have been a means of impressing her father when she was finally able to meet him. Perhaps it was his nature that made it so, but it took a decade for him to finally return to The Fae Kingdom and once he returned, Arleth was a bit stunned on account of his being one of the few people that she had ever seen more than once in her lifetime. She was even more stunned by the fact that he knew who she was to him easily and had known since he had first met her when she was nothing but a babe. Though his knowledge had little effect on how he had treated her the few times she had seen him while she lived with her mother and her mother never once let on to who he was.

It was evident after speaking with her father that he was well acquainted with how her education had progressed and seemed entirely prepared to pick up the mantle despite what her friend had told her about him being very surly most of the time and not particularly a people person. Though he seemed more interested in her knowledge of physical combat rather than anything else she had learned and his interest seemed well placed because while her mother had instructed her thoroughly in the art of shifting, aiding her in her ability to change into many alternative forms, she had not instructed her in the art of warfare as she relied heavily on her own magic rather than any physical prowess and therefore had no martial skill. Of course her father knew these things as he had known her mother for a very long time, but it didn't stop his concern that she needed less education of the mind and more education of her physical form, so this is where he took up the mantle of Arleth’s education.

Much like her mother, Arleth’s father showed her no affection and treated her as a comrade instead. It is not to say that he treated her with indifference, just there was no closeness and like with her mother, Arleth treated her father with respect but she was beyond the age of needing the attention a child would need and wasn't very upset by how her father interacted with her. She was well into adulthood and approaching old age, though her father encouraged her because he was quite certain that this life wouldn't be her last since he had been there to witness and guide her through her metamorphasis, so he taught her as much to strengthen her physical capabilities as he would have if she had been younger. He used the time he had with her during that life time to the utmost until eventually he simply let her rest, but still educated her mind. Eventually her life came to an end, though it was carried on in the way of the Fae and she was born anew, her father then continued on as he had been as though she had never passed.

Her life has basically been a ceaseless set of lessons, her father constantly coming up with new things she should learn and new tasks for her to accomplish. She goes about them dutifully, methodically even and she never turns down a request. She never thinks about having a choice because it doesn't bother her to do as she is asked on account of her own strange affection that she shows through respecting her father's word, it is the same affection that she showed her mother and both of her parents returned that by gifting her useful items or things that they knew she admired without her requesting them. It was this respect that led her to Kolan. She was meant to find a certain book at Ninva that her father requested information from, though she doubted it was any information for him but something that he decided she should know and wished that she go and find it rather than he just tell her and it was while she was at Kolan that the reinstatement of the guilds was brought to his attention. This information he passed onto Arleth, telling her that it would be best if she stayed and applied to the guild of her choosing and should she be accepted, to keep him apprised of how the competition proceeded.

[div class=Button]

Close

[/div] [/div] Views on the Hekaspectrum: Arleth has always been indifferent do everyone regardless of where they were placed on the Hekaspectrum. Although she was also raised to respect power for what it was no matter what form it came in.


Reason for joining the Raven Guild: Personally, Arleth had no interest in joining a guild. It was a requirement of her father that she join because after having been alive since before the guilds were banned, he was interested in knowing how the competition would pan out.
​

[/div] [div class=title style="font-size:100%;line-height:2;"]

[div class=LeftRaven]

[/div]

Official Document of the Kolan Guild Committee​

[div class=RightRaven]

[/div]

[/div]

[/div]

 

[Zer0]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=title] border-bottom: solid 2px #102f7e; border-top: solid 2px #102f7e; background-color: #102f7e; color: Silver; font-size: 200%; line-height: 1; text-align:center; margin: 10px auto; width: 100%; padding: 5px; font-familyldenburg; //The Title; "Raven Guild Application"// [/class] [class=LeftRaven] margin-left:20px; pointer-events:none; opacity:0.8; width:25%; line-height:0px; //The Raven Symbol on the left// [/class] [class=RightRaven] pointer-events:none; margin-right:20px; opacity:0.8; width:25%; line-height:0px; float:right; //The Raven Symbol on the right// [/class] [class=hidden] display:none; //Keeps hidden things hidden// [/class] [class=Button] background-color: #102f7e; color: Silver; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //What the buttons by the pictures and the "Details" button look like// [/class] [class name=ButtonClick] background-color: #081b4d; color: Silver; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //what the button looks like when clicked// [/class] [class name=Button state=hover] background-color: #081b4d; cursor:pointer; color:white; //what the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] //This links all the images to their corresponding buttons// //If you change the name of a Button it will have to be changed here as well// //but only the name within the " "// //That's to make it easier on you when you change the names so the script will work// // with out you having to meticulous go through each line and change things around// removeClass ButtonClick Button addClass ButtonClick set link (getText) if (eq "${link}" "Appearances") (hide B1) if (eq "${link}" "Appearances") (show B2) //If you only have 1 picture you would like to use// // Change (show B2) to (show Default)// //Delete the entire line above that one// //Paste this under it: if (eq "${link}" "Appearance") (hide Armor) if (eq "${link}" "Appearance") (hide Weapon) if (eq "${link}" "Appearance") (hide Weapon2) //Make sure to change the button to say just "Appearance"// //and change the script to say that as well,// //you do not have to remove anything else!// //So ignore anything that says Option// //just don't mess with those ones// if (eq "${link}" "Armor") (show Armor) if (eq "${link}" "Armor") (hide Weapon) if (eq "${link}" "Armor") (hide Weapon2) if (eq "${link}" "Armor") (hide Option1) if (eq "${link}" "Armor") (hide Option2) if (eq "${link}" "Armor") (hide Option3) if (eq "${link}" "Armor") (hide Default) if (eq "${link}" "Weapon") (show Weapon) if (eq "${link}" "Weapon") (hide Armor) if (eq "${link}" "Weapon") (hide Weapon2) if (eq "${link}" "Weapon") (hide Default) if (eq "${link}" "Weapon") (hide Option1) if (eq "${link}" "Weapon") (hide Option2) if (eq "${link}" "Weapon") (hide Option3) if (eq "${link}" "Weapon 2") (show Weapon2) if (eq "${link}" "Weapon 2") (hide Armor) if (eq "${link}" "Weapon 2") (hide Weapon) if (eq "${link}" "Weapon 2") (hide Default) if (eq "${link}" "Weapon 2") (hide Option1) if (eq "${link}" "Weapon 2") (hide Option2) if (eq "${link}" "Weapon 2") (hide Option3) if (eq "${link}" "Option 1") (show Option1) if (eq "${link}" "Option 1") (hide Option2) if (eq "${link}" "Option 1") (hide Option3) if (eq "${link}" "Option 1") (hide Default) if (eq "${link}" "Option 1") (hide Armor) if (eq "${link}" "Option 1") (hide Weapon) if (eq "${link}" "Option 1") (hide Weapon2) if (eq "${link}" "Option 2") (show Option2) if (eq "${link}" "Option 2") (hide Option1) if (eq "${link}" "Option 2") (hide Option3) if (eq "${link}" "Option 2") (hide Default) if (eq "${link}" "Option 2") (hide Armor) if (eq "${link}" "Option 2") (hide Weapon) if (eq "${link}" "Option 2") (hide Weapon2) if (eq "${link}" "Option 3") (show Option3) if (eq "${link}" "Option 3") (hide Option1) if (eq "${link}" "Option 3") (hide Option2) if (eq "${link}" "Option 3") (hide Default) if (eq "${link}" "Option 3") (hide Armor) if (eq "${link}" "Option 3") (hide Weapon) if (eq "${link}" "Option 3") (hide Weapon2) if (eq "${link}" "Original") (show Default) if (eq "${link}" "Original") (hide Option1) if (eq "${link}" "Original") (hide Option2) if (eq "${link}" "Original") (hide Option3) if (eq "${link}" "Original") (hide Armor) if (eq "${link}" "Original") (hide Weapon) if (eq "${link}" "Original") (hide Weapon2) if (eq "${link}" "Return") (hide B2) if (eq "${link}" "Return") (show B1) if (eq "${link}" "Details") (show Deets) if (eq "${link}" "Close") (hide Deets) [/script]

[div class=title]

[div class=LeftRaven]

Raven Guild Application​

[div class=RightRaven]

[/div]

[/div] [class=Notes] //Below are the buttons// //TO REMOVE BUTTONS// //Find the button you wish to remove// //delete it's line of code// //That's it!// //You can ignore anything that has it's name on it// //you do not have to delete any of that, it will remain hidden// //INSTRUCTION ON HOW TO HAVE ONLY ONE APPEARANCE IMAGE IS IN THE SCRIPT CODE ABOVE// //UNDER if (eq "${link}" "Appearances") (show B2)// //TO ADD BUTTONS// //Copy and Paste one of the button codes// //If its an appearance picture that you want to add Copy and paste a button with B2 in it// //If its anything else, Copy the Buttons with B1 in it// //Next change the name of the button to what you want it to be// //Go down to where all the codes are for the pictures and copy and paste one of them// //Change its name within the Class="Name hidden" part. KEEP THE HIDDEN THERE IF ITS THERE// //Now go up to the script code// //Copy and paste on of the chunks of code that all have the same name within the " "// //Change the name within the " " to the EXACT name you changed your new button to// //Change the part in the second set of parenthesis to (show What you named your PICTURE, the EXACT word )// //Make sure that the rest of the parenthesis that say hide include everything else// //If you do not specify to hide a certain picture, then if that picture/button is selected it will show up under your new picture// //when its selected// [/class]

[div class=Button]

Appearances

[div class="Button B1"]

Armor

[div class="Button B1"]

Weapon

[/div] [div class="Button B1"]

Weapon 2

[/div] [div class="Button B2 hidden"]

Option 1

[/div] [div class="Button B2 hidden"]

Option 2

[/div] [div class="Button B2 hidden"]

Option 3

[/div] [div class="Button B2 hidden"]

Original

[/div] [div class="Button B2 hidden"]

Return

[/div] [/div]

[class=Notes] //These are the codes for each picture// //To replace the place holder// //Paste your URL inplace of the place holder URL within the Background:url parenthesis// //To add/remove a picture// //Instructions to do so are in the notes aboce the Button Codes// //In order to add/remove a picture you will have to add/remove their button// //The only picture not hidden is the default one, this will be the first picture to load when the page shows up// //this should be how your OC looks normally// [/class] [div class=Default style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://cdnb.artstation.com/p/assets/images/images/002/486/591/large/min-kim-robert-kim-2016-p08.jpg?1462313638) no-repeat;background-size:100% 100%;"] [/div] [div class="Option1 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Option2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(http://lwvnaperville.org/wp-content/uploads/2017/06/placeholder.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option3 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Armor hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://i.neoseeker.com/ca/assassins_creed_iii_conceptart_FOwLI.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div]

[class=Notes] //Below you can start filling out the Cs// //Please add text after the [/B]// //Other wise the text will be bold//[/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR][/COLOR] [/class]

Name: Parfa Dawnpaw
​

​

True Age: 24
​

​

Appearance Age: 2 Doggy Years
​

​

Gender: Female
​

​

Species: Collie Chimera
​

​

Class: Archer; Ranger​

​

​

Distinguishing features: All of Parfa's paws are brown, except for her right that is gloved in a patch of white fur that streaks wispily across her forearm like the beams of the sun.
​

​

Preferred weapon(s): Bow & Unarmed​

​

​

Preferred Type(s) of Magic: (Divination, Healing, Travel, Communication )​

​

​

​

[div class=Button]

Details

[/div] [div class="Deets hidden"] Skills:
This Archer Collie's divination spells allow her to locate creatures, plants, or items if she has something of theirs, or a piece of them. The more important the belongings, or the more distinguishing the piece, the better she can find her quarry. She usually burns them and the fire and smoke that rises tells the story. Her Healing magic is in the food she cooks or potions she brews. Her traveling spells are enchantments that allow one to move across water, vertical surfaces, and ceilings, leap over hills, and featherfall. Parfa can summon an ethereal snowy owl named "Sasha" whose senses she could share and speak through her beak. She uses this little owl to communicate discreetly. If she wants to be really loud she can magnify her voice, her deafening howl reaching far like the boom of thunder. Sometimes, she uses this to play pranks and pretend a temple's goddess is speaking to its faithful.

Her non-magic skills are all about herding and taking care of sheep and surviving a nomadic life in the wilderness as a mother of twelve pups. You can betcha she can cook and knows how to make cheese and butter from sheep milk. She can spin wool, and knit clothes with beautiful sewn patterns of the stories and legends they share around the bonfire. When there are signs of game in their current area, the pack sends out a hunting party with their diviners to track deer. Their hide is very valuable for them as they can turn it into leather and the meat is a good break from sheep. Parfa doesn't know how to make leather, but she can skin and make smoked bacon out of the meat just fine.

Personality:
Parfa is deeply motivated by gold to pay off a loan she got from the Cornwall Merchant Guild. Her husband, their twelve pups, and their entire nomad pack has recently bought and settled in a large patch of good grazing land in Kolan through that loan to start a ranch, but have to make weekly payments or else the guild will take away the deed to the land. Because of this one would find in her a hard working and open spirit, willing to do odd and crazy jobs --- and maybe a little bit of illegal stuff as long as her husband doesn't find out about it.

When not gung ho about the gold, she's usually chill around guildmates, easily made to smile and wag her tail when she sees a familiar friendly face before moving in for a hug or head nuzzle even though you only met once. She is also wildly protective, very quick to investigate people she doesn't know and attack trespassers if she finds them where they shouldn't be, like 100m. from her pups. But when she sees you as part of her "pack" she is passionately loyal, your enemies are her enemies.

History:
Parfa's pack hail from Hybridios to the north steppe lands close to the mountains where long grass blanket the rolling hills. Her roving family camp in tepees of animal hide carpeted with furs and wool rugs. Sometimes merchants travel under their protection and trade for their wool fabric and sheep cheese for things a nomad life can't provide, such as good medicine, paper, and iron forged weapons.

Once a year, they travel around the land, heading first to the Dark Kingdom to honor an old alliance with gifts of smoked bacon and their most colorful and intricately sewn fabrics, before moving on across the great waters to visit other lands. Her pack had always loved Kolan and finally decided this year to settle down in a large pastureland they recently bought to start the Dawnpaw Ranch.

[div class=Button]

Close

[/div] [/div] Views on the Hekaspectrum:
Does not care, as long as you are a good person.

Reason for joining the Raven Guild:
Pay off a loan from the Cornwall Merchant Guild or else they'll take away the deed to her pack's recently bought pasture land.​

[/div] [div class=title style="font-size:100%;line-height:2;"]

[div class=LeftRaven]

[/div]

Official Document of the Kolan Guild Committee​

[div class=RightRaven]

[/div]

[/div]

[/div]

 

[Katsuya]

- RAVEN GUILD APPLICATION -


​

Spoiler: Dragon appearance

*His horn twisted and wrangling like entangled roots because it’s from him using plant/nature magic.
*He doesn’t use this form unless it’s needed in a dire situation.

​

..

Spoiler: Distinguished features

* He has a small claw scar on the left side of his brow. It came from settling a dispute.
* His ears are slightly pointed from scales crowning on the shell. Helios hides them with his hair.

Spoiler: Leather armor

Name: Helios
True age: 107 years old
Age appearance: Around the early 20’s
Gender: Male
Species: Draec
Class: Healer; Apothecary

Spoiler: Weapons

• Unarmed - He will claw, bite, or ram his enemies with his horn when he shifts.
• Homemade surprise bombs - only a hand full of these small orbs in his pouch (five really), they can be either sleeping bombs or explosive bomb. The sleeping bombs releases a gas that will cause the victim to fall asleep on the spot with a whiff. The explosive bombs release sparks on impact and burn the target. It’s a surprise because even he doesn’t know which one he tossed. Helios tends to mix them together in his room and just stuff them in his pouch randomly.

Spoiler: Magic

• Nature/Plant alignment - he tends to use this for growing herbs faster or to make a shield made of the ground with roots.
• Water alignment - while he would like to learn more about blood magic, the most he can do with water magic is water spouts, bubbles, and walk on the surface for a couple of minutes.
• Healing - he can close puncture wounds. It will take time if the puncture wound is large and he is susceptible to surprise attacks because he is too focused in doing his job of saving a life.
• Shifting - he changes his arms or legs into his dragon form whenever he fights, relying on his senses to dodge or to know when to strike. He rarely changes into his dragon form fully because he doesn’t trust others nor does he want to be seen that easily. Just in case hunters are around.

Spoiler: Skills

Inquisitive botanist, practicing nature/plant and water magic, learning healer, pro in self-defense, and master of surprises! Okay, no. He just likes to surprise people. For example, if a kid is crying, he’ll bloom a flower or create bubbles from water. With an enemy, a surprise bomb in their pockets. He also loves to read books, especially the romance ones because most of them doesn’t make sense to him and he wants to study them. He is decent in cooking, nothing fancy. Just enough to eat without gagging from the flavor.

Spoiler: Personality

.
Helios is a nerdy kid, muttering about his findings, and writing them in his falling apart book. His muttering can be very annoying and he wouldn’t stop until someone points it out to him. He is very simple to please; just give him a new plant species or tell him a fact he doesn’t know and he’ll ask you everything about it. He loves to socialize and know more about cultures. He is normally calm and open-minded with others’ views. He also likes to have fun when it’s possible and is not dangerous.

However, he doesn’t trust beings easily and will wonder if there’s a trap in any gift he receives until he inspects it. You’d think he would trust everyone with his open views of equality but thanks to his interactions with others (including his own kind), Helios subconsciously leans away. If anyone tries to hug him on the first month of knowing each other, he’ll freeze. If someone comes too close to his space, he’ll take a step back. It’s subtle, but his doubt in others is certainly there. Once he does trust someone, he would look out for them more, even stops being suspicious about anything they do.

Spoiler: History

A moment of his past:
Covered tiny feet crunched on the lava-made stones underneath the flat soles. A small figure in rich reds and yellow clothes continued to walk in that early morning, knowing exactly where to go. His straight greenish-black hair billowed whenever hot steams and gas shot out of the small lava pools. His home and kingdom’s shadow loomed over him as he walked further and further away.

This is a daily routine for the young Helios, walking away from his home and avoid the other kids in his age group; not wanting to hear how he failed at aligning with fire, lava, or lightning elements. His grandfather told him it’s because they don’t know better yet, to wait a couple of years and they will stop. The young boy doubted that nor is he willing to wait for his tormentors to leave him alone. So he rather walk away now.

A smile stretched across his face once he saw a familiar sight; subtle hints of grass and dirt. The air became cooler, fresher, and clean. Helios took a deep breathe as his walk slowly stopped under the first rows of tree groves, sighing in relief as he reconnected with his element. He touched the rough bark of the tree with a calluses covered hand as he sat down, taking his time to focus in the quiet space. Dracoviran is noisy, loud, and heavy. Legionatis’ forests is much more peaceful and it is here where he discovered his element alignments.

A piece of the present:
Helios gaped, standing in disbelief of the hustling and bustling port as the boarded ship behind him started to be tied closer to the wooden platform. His green eyes widened at the different beings, new and recognizable ones, coming together and buying seafood from the fish markets. He can hear sailors bellowing announcements, seagulls cawing, and the smell of the sea is interesting.

“W-wow!” Helios cried out in awe, causing sailors and shop keepers nearby to chuckle. He heard them say something about “fresh fish, freshly caught” but he didn’t question them. They are in a port, of course they would talk about fish being caught. Maybe he can taste raw fish instead of burnt flavor? Maybe he could-

“No, no. Must focus. Gotta find the Raven guild.” The young looking human muttered, making his way into the market space in search of said guild. “If Grandpa and Mrs. Applebottom is right, they should be around here.”

Spoiler: Views on the Hekaspectrum

He thinks it’s ridiculous but leaves whoever believes it alone. Everyone has their right to believe whatever they want, even when their beliefs goes against his own; that everyone is equal and their differences is to be respected. Doesn’t mean that he will take any name calling when his patience run out

Spoiler: Reason for joining Raven Guild

He wants to learn more about the outside world! He heard from his Grandfather and a random passenger on the ship he was on to Kolan that the Raven guild has a large library. He would like to read them all. Plus a job’s earnings and a nice place to stay? Sign him in!

AgWordSmith (Hello! Let me know if I should change anything!)

 

[Phayne]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are Black, White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=BG] background-color: #ece7dc; color:black; font-familyldenburg; padding: 10px 20px 10px 20px; text-align:center; font-size:20px; //The back ground and default text// [/class] [class=TitleContainer] display: flex; flex-direction: row; justify-content: space-between; align-items:center; //allows the title ends to work// [/class] [class=Title] flex-grow: 2; border-bottom: solid 3px #102f7e; border-top: solid 3px #102f7e; border-radius:5px; background-color: #102f7e; color: silver; font-size: 25px; line-height: 2; text-align:center; font-familyldenburg; letter-spacing:3px; text-transform: uppercase; //the big fancy title// [/class] [class=Tborder] border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; border-radius:5px; padding:7px; margin:5px 0px 5px 0px; //the little borders inside the title// [/class] [class=Ribbon1] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-left: solid 20px #ece7dc; border-right: solid 20px #142551; //the left triangles to make it look like a ribbon// [/class] [class=Ribbon2] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-right: solid 30px #ece7dc; border-left: solid 20px #142551; //the right triangles to make it look like a ribbon// [/class] [class=Left] margin-left:20px; pointer-events:none; opacity:0.8; width:55px; height:45px; line-height:0px; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; //crest on the left of the title// [/class] [class=Right] pointer-events:none; margin-right:20px; opacity:0.8; width:55px; height:45px; line-height:0px; float:right; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; //crest on the right of the title// [/class] [class=FlagBar] height:15px; width:85%; min-width:210px; border:2px SOLID #142551; border-radius:5px; background-color:#142551; margin:auto; //the bar on the top of the flags// [/class] [class=Flag] background-color:#102f7e; width:80%; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; margin:auto; padding:3px 3px 50px 3px; //the flag that contains the images// [/class] [class=FlagEnd] width:81%; margin:auto; line-height:0px; border-left:1px SOLID #102f7e; border-right:1px SOLID #102f7e; //allows the flag end pic to fit// [/class] [class=IMG] pointer-events:none; line-height:0px; width:70%; margin:20px auto; border-radius:20px; overflow:hidden; //The character images// [/class] [class=hidden] display:none; //keeps hidden things hidden// [/class] [class=ButtonContainer] display: flex; flex-wrap:wrap; flex-direction: row; justify-content:center; align-items:center; //allows the buttons to be on one line together instead of one line for each// [/class] [class=Button] color: silver; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; padding:4px; margin: 20px 10px 0px 10px; cursor:pointer; //The buttons in the flag// [/class] [class name=Button state=hover] color: grey; border-top: 1px SOLID Grey; border-bottom: 1px SOLID Grey; //what the button looks like when the mouse is over it// [/class] [class=ButtonClick] color: grey; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID Grey; border-bottom: 1px SOLID Grey; padding:4px; margin: 20px 10px 0px 10px; //what the button looks like after it's clicked also to show which picture is currently selected// [/class] [script class=Button on=click] //This allows the buttons to work, if you want to add a button //you have to add a line of code for it here //the text in the " " has to match the text in the buttons to work //to add more Images just keep adding the class IMG# and add 1 number up // if (eq "${link}" "Opt 3") (show IMG3) //like so hide IMG removeClass ButtonClick Button addClass ButtonClick set link (getText) if (eq "${link}" "Appearance") (show DEFAULT) if (eq "${link}" "Fae Glow") (show IMG2) if (eq "${link}" "Fae Glow Body") (show IMG3) if (eq "${link}" "Wings") (show IMG4) if (eq "${link}" "Weapon") (show WEAPON) if (eq "${link}" "Weapon 2") (show WEAPON2) if (eq "${link}" "Armor") (show ARMOR) [/script] [class=Details] font-familyldenburg; font-size:20px; color:silver; background-color:#102f7e; width:200px; margin:auto; padding:5px; cursor:pointer; //the litle flag for the details// [/class] [class=DetailsBottom] width:0%; margin:auto; margin-bottom:30px; border-top: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; //the triangle for the bottom of the details flag// [/class] [class=Space] width:80%; margin:auto; //manages space// [/class] [class=DetailsClose] width:0%; margin:auto; border-Bottom: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; [/class] [script class=Details on=click] //this is what makes the details flag stuff work// set link (getText) if (eq "${link}" "Details") (slideDown 500 Deets) if (eq "${link}" "Details") (slideUp 500 Open) if (eq "${link}" "Details") (slideDown 500 Close) if (eq "${link}" "Close") (slideUp 500 Deets) if (eq "${link}" "Close") (slideDown 500 Open) if (eq "${link}" "Close") (slideUp 500 Close) [/script] [class=Stamp] pointer-events:none; line-height:0px; width:10%; margin:10px auto; overflow:hidden; //the guild committee seal of approval// [/class] [div class=BG] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title][div class=Tborder]

[div class=Left][/div]

RAVEN GUILD APPLICATION

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div]

[div class=FlagBar][/div] [div class=Flag] [div class="IMG DEFAULT"]

[/div] [div class="hidden IMG IMG2 "]

[/div] [div class="hidden IMG IMG3 "]

[/div] [div class="hidden IMG IMG4 "]

[/div] [div class="hidden IMG WEAPON"]

[/div] [div class="hidden IMG WEAPON2"]

[/div] [div class="hidden IMG ARMOR"]

[/div] [div class=ButtonContainer] [div class=Button]Appearance[/div] [div class=Button]Fae Glow[/div] [div class=Button]Fae Glow Body[/div] [div class=Button]Wings[/div] [div class=Button]Weapon[/div] [div class=Button]Weapon 2[/div] [div class=Button]Armor[/div] [/div] [/div] [Div class=FlagEnd]

[/div]

[div class=Space]
Name: Azael Valefiore

True Age: 486

Appearance Age: 20

Gender: Male

Species: Fae

Class: Gunslinger - Dual Wielder

Distinguishing features: Snow white hair with a tuft of blue hair towards the central fron of his head. Slit like irises amidst his aqua colored eyes. Ear's pierced with 3 ring like earings on each lobe. Small sharp canines.

Preferred weapon(s): Dual Wield triple barrel pistols.

Preferred Type(s) of Magic: Arcane, Crystal, Shapeshifting, Illusion
[/div]

[div class=FlagBar][/div] [div class="Open"][div class=Details]Details[/div] [div class=DetailsBottom][/div] [/div] [div class="Deets Space hidden" style="Padding: 20px 0px 20px 0px;"] Skills:
- Crafting/Sculpting via the use of his control over crystal magic.
- Being Obnoxious
- Theatrical persona capable of playing the 'part' to fit with his illusions
- A highly precise shooter, Azael is confident in his abilities of accurately hitting his target.
- Gun Kata - The ability to master the fictional martial art that uses guns as weapons, known as gun kata. The user of this ability is capable of calculating the most precise angle for targeting an opponent and predicting where to be in order to avoid return fire by the enemy. [X]

Spoiler: Skills based on his Magic

- Camouflage via his shapeshifting abilities. Azael's control over his shapeshifting has often times left him being compared to Octopus's and Cuttlefish. Like the species of ocean dwelling Cephalopods, Azael is able to replicate their ability to freely change their chromatophores thus allowing him to basically blend into his immediate environment in a relatively short span of time.

- Eagle Eye: Altering the genetic construct of his eyes to replicate the telescopic vision of Eagles.

- Improvised Bullets / Arcane Shots via a combination of his control over crystals and Arcane fire. Azael can create 'bullets' out of crystal which he then fires through the barrel of his guns. Rather than gunfire, Azael uses the force of his arcane fire to fire the crystal bullet instead.

- Adept at creating convincing illusions

- Refraction: By crystalizing the translucent part of his wings, Azael can refract light in various directions.

Personality:
Whimsical / Playful
Whimsical to a fault, Azael can sometimes come across as being overly playful to the point that it can be rather irritating. An individual that always seems to make light of a dark situation and even dark of a light situation.

Capricous / Arbitrary
Azael has a capricous attribute to his character. Without warning he may switch from being the foolish joker to a cold hearted predator; his change often discernible by his eyes. Often times his hair covers his aqua colored pupils, but when he reveals his cold glare it has often been described as a predator staring down its prey. His changes in temperament and attitude often switch on a simple whim and can at times appear to be random and without reason.

Mischievious / Vexatious
The whimsical joker, Azael strives to be the center of attention even if it means acting the fool just to get one or two eyes on him. He will even go as far as to ridicule a person of note just to get a response from them. He can often times come across as annoying due to his mischievious nature, especially to those with little patience.

Disobedient / Anarchistic
Azael can have a strong opinion towards certain subjects and will often times act independently in order to meet them, even if its against the will of someone in authority. He operates in a grey area of society and seldom conforms to the governments established rules and laws. The only rules he cares for are those he sets himself.

Invasive
Azael will without hesitation get in your face. Your personal bubble does not mean anything to the grey haired boy. Be ready to be touched, prodded and climbed upon should he decide to do so.

Hedonistic / Self-Indulgent
Azael often times does thing purely for his own pleasure and amusement. Someone who does not see himself tied down by the rules, he merely acts on his instincts and does what excites him the most at the given time.

History:

A life full of adventure, Azael has witnessed the beauty of the world, such as his home capital of Chrisalie, the ever imposing magestry of the Tbjorniar Mountains, the violent and harsh volcanic region of Dracoviran juxtaposed by the Tbjornian Water states whose soothing air resonated well with the Fae. Having lived a long life already, Azael was there for the birth of Tigred, the newly established capital for Shifters and Chimera, tucked neatly away in the lush northern forest of Orsinium.. Yet with the exception of Chrisalie, Azael never really stayed in any of these locations for an extended period of time, as for whatever reason he would lose whatever whimsical interest it was that had initially drawn him to those various locations in the first place.

Having lived for several centuries already, it's fair to assume that Azael has played some kind of role during the Fae's war torn history; their constant conquests given reknewed vigor with every victory. For the most part this is true, a younger Azael eager to establish himself within the Fae hierarchical Society, an eye firmly honed in on a spot on the council of twelve. Eager to prove himself, eager to succeed; Azael threw himself into the midst of battle; keen to claim countless accolades that would in turn strengthen his own pursuit of his goals.

Alas to the surprise of many, Azael has been absent from the recent Fae-Orc war as well as the war of the elementals. Like the humans often say, with age comes wisdom and for Azael that came in the form of a realisation. Once blinded by the desire to ascend, Azael's eyes have opened to the truth of the Fae and the Unseelie Court, their corrupt ways completely destroying the allure he once had for the noteworthy position. If history were to be accepted at face value, then the Fae have already made one race extinct; would their greed and desire to expand lead to the extinction of others?. Azael held no desire towards becoming the Reaper to another species.

No longer gripped by the fire of ascension within the Fae society, Azael has become more attuned towards the rest of the worlds problems, the Fae keen to integrate himself more with the other species around the world, rather than just shutting himself away in Chrisalie. In particular, Azael has become somewhat infatuated with the human race; their dull and lack lustre appearance betraying the innate potential that they appear to possess. Dubbed as the 'blank slate' species, whose position in the middle of the Heckaspectrum reflects as such, Azael has become increasingly aware of what this species is capable of achieving. Specializing in neither esoteric or exoteric magic, their generic equal capacity to learn both is perhaps a new strength in itself, one waiting for the right moment in time to make its move. It is also to be noted that as a species, they seem highly adaptable to not just the changing circumstances around them, but towards the other species as well; their genetic make up allowing other species to intermix with the humans.

Most recently, the news of the guild ban being lifted in Kolan has drawn his attention towards the Archipeligo. Whilst the integration of many species within a guild is appealing, Azael secretly harbors the desire to re-establish the once feared power that the guilds of old were feared to have possessed. Perhaps this power would rival that of the current War mongering Unseelie court and put an end to it.
[/div] [div class="Close hidden"] [div class=DetailsClose style="margin-top:20px;"][/div] [div class=Details]Close[/div] [div class=FlagBar][/div] [/div]
[div class=Space] Views on the Hekaspectrum:
Azael like his race, may often times come across as being quite arrogant and pompous, more so towards those species beneath him. However, it is not so much the position on the Hekaspectrum that determines how he treats you, but rather the entire lifespan of the species. Humans for example, will often get the 'children' treatment from Azael, who firmly believes that their *blip* in existence does not warrant them a seat in the discussion of true adults.

Reason for joining the Raven Guild:
A whimsical attempt to integrate himself among the various species that roam the world and to better understand their differing cultures. Despite how he may treat most humans, Azael does hold an interest in their species, in particular their potential to achieve such feats despite being the 'blank slate' race and from a pure visible opinion, the weakest race. [/div]
[div class=Stamp]

[/div] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title style="font-size:20px;line-height:2.5;"][div class=Tborder]

[div class=Left][/div]

Official Document of the Kolan Guild Committee

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div] [/div]

 

[animegirl20]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are Black, White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=BG] background-color: #ece7dc; color:black; font-familyldenburg; padding: 10px 20px 10px 20px; text-align:center; font-size:20px; //The back ground and default text// [/class] [class=TitleContainer] display: flex; flex-direction: row; justify-content: space-between; align-items:center; //allows the title ends to work// [/class] [class=Title] flex-grow: 2; border-bottom: solid 3px #102f7e; border-top: solid 3px #102f7e; border-radius:5px; background-color: #102f7e; color: silver; font-size: 25px; line-height: 2; text-align:center; font-familyldenburg; letter-spacing:3px; text-transform: uppercase; //the big fancy title// [/class] [class=Tborder] border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; border-radius:5px; padding:7px; margin:5px 0px 5px 0px; //the little borders inside the title// [/class] [class=Ribbon1] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-left: solid 20px #ece7dc; border-right: solid 20px #142551; //the left triangles to make it look like a ribbon// [/class] [class=Ribbon2] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-right: solid 30px #ece7dc; border-left: solid 20px #142551; //the right triangles to make it look like a ribbon// [/class] [class=Left] margin-left:20px; pointer-events:none; opacity:0.8; width:55px; height:45px; line-height:0px; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; //crest on the left of the title// [/class] [class=Right] pointer-events:none; margin-right:20px; opacity:0.8; width:55px; height:45px; line-height:0px; float:right; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; //crest on the right of the title// [/class] [class=FlagBar] height:15px; width:85%; min-width:210px; border:2px SOLID #142551; border-radius:5px; background-color:#142551; margin:auto; //the bar on the top of the flags// [/class] [class=Flag] background-color:#102f7e; width:80%; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; margin:auto; padding:3px 3px 50px 3px; //the flag that contains the images// [/class] [class=FlagEnd] width:81%; margin:auto; line-height:0px; border-left:1px SOLID #102f7e; border-right:1px SOLID #102f7e; //allows the flag end pic to fit// [/class] [class=IMG] pointer-events:none; line-height:0px; width:70%; margin:20px auto; border-radius:20px; overflow:hidden; //The character images// [/class] [class=hidden] display:none; //keeps hidden things hidden// [/class] [class=ButtonContainer] display: flex; flex-wrap:wrap; flex-direction: row; justify-content:center; align-items:center; //allows the buttons to be on one line together instead of one line for each// [/class] [class=Button] color: silver; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; padding:4px; margin: 20px 10px 0px 10px; cursor:pointer; //The buttons in the flag// [/class] [class name=Button state=hover] color: grey; border-top: 1px SOLID Grey; border-bottom: 1px SOLID Grey; //what the button looks like when the mouse is over it// [/class] [class=ButtonClick] color: grey; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID Grey; border-bottom: 1px SOLID Grey; padding:4px; margin: 20px 10px 0px 10px; //what the button looks like after it's clicked also to show which picture is currently selected// [/class] [script class=Button on=click] //This allows the buttons to work, if you want to add a button //you have to add a line of code for it here //the text in the " " has to match the text in the buttons to work //to add more Images just keep adding the class IMG# and add 1 number up // if (eq "${link}" "Opt 3") (show IMG3) //like so hide IMG removeClass ButtonClick Button addClass ButtonClick set link (getText) if (eq "${link}" "Appearance") (show DEFAULT) if (eq "${link}" "Opt 2") (show IMG2) if (eq "${link}" "Weapon") (show WEAPON) if (eq "${link}" "Weapon 2") (show WEAPON2) if (eq "${link}" "Armor") (show ARMOR) [/script] [class=Details] font-familyldenburg; font-size:20px; color:silver; background-color:#102f7e; width:200px; margin:auto; padding:5px; cursor:pointer; //the litle flag for the details// [/class] [class=DetailsBottom] width:0%; margin:auto; margin-bottom:30px; border-top: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; //the triangle for the bottom of the details flag// [/class] [class=Space] width:80%; margin:auto; //manages space// [/class] [class=DetailsClose] width:0%; margin:auto; border-Bottom: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; [/class] [script class=Details on=click] //this is what makes the details flag stuff work// set link (getText) if (eq "${link}" "Details") (slideDown 500 Deets) if (eq "${link}" "Details") (slideUp 500 Open) if (eq "${link}" "Details") (slideDown 500 Close) if (eq "${link}" "Close") (slideUp 500 Deets) if (eq "${link}" "Close") (slideDown 500 Open) if (eq "${link}" "Close") (slideUp 500 Close) [/script] [class=Stamp] pointer-events:none; line-height:0px; width:10%; margin:10px auto; overflow:hidden; //the guild committee seal of approval// [/class] [div class=BG] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title][div class=Tborder]

[div class=Left][/div]

RAVEN GUILD APPLICATION

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div]

[div class=FlagBar][/div] [div class=Flag] [div class="IMG DEFAULT"]

[/div] [/div] [Div class=FlagEnd]

[/div]

[div class=Space]
Name: Maria

True Age: 18

Appearance Age: Early teens

Gender: Female

Species: Human

Class: Fighter

Distinguishing features: Short (4'7")

Preferred weapon: Sword

Preferred Type(s) of Magic: None
[/div]

[div class=FlagBar][/div] [div class="Open"][div class=Details]Details[/div] [div class=DetailsBottom][/div] [/div] [div class="Deets Space hidden" style="Padding: 20px 0px 20px 0px;"] Skills:
She is very skilled at hand to hand combat and swordsmanship. She also has some talent in singing and dancing.

Personality:
Maria is kind, cheerful, energetic and honest and has it easy to make friends. She always talks politely, no matter who she speaks to. She is diligent and brimming with curiosity. Once she sets her mind to a goal, she'll give it her all to achieve it. At times, she can also be somewhat air-headed, childish and clumsy, but she is also mature and can stay calm under pressure. She is also clever during fights and uses her abilities to her advantage.

History:
Maria lived in the orphanage growing up. She never knew who were parents were and why she was left there but it wasn't something that always plagued her mind. Growing up she always admired the knights and brave fighters. She wanted to learn herself but had no one to teach her. That was until one day she happened to come upon someone training in the woods on her way to town. An older man named Zac. They soon became friends and she asked if he could teach her to fight. "A short little thing like you wants to learn how to fight huh? Haha! Sure why not from here on out I'll be your master alright?" After agreeing to it she trained a lot. She was always eager though it wasn't easy. He never went easy on her either. He was surprised at how much natural talent she had so he pushed her even harder confident she could take it. As she got older they formed a bond and she started to see him more and more like the father she never had. They had great times together but unfortunately, those times couldn't last forever. Her master became very sick and wasn't getting better. Soon enough he died. After his death, Maria decided to leave the orphanage. She is 18 now and she really didn't have to stay there any longer unless she wanted to. She starting a new chapter in life and is ready for whatever comes next.

[/div] [div class="Close hidden"] [div class=DetailsClose style="margin-top:20px;"][/div] [div class=Details]Close[/div] [div class=FlagBar][/div] [/div]
[div class=Space] Views on the Hekaspectrum:
She really doesn't care about it or see the point in it all.

Reason for joining the Raven Guild:
Because it was the same guild her Master was in. [/div]
[div class=Stamp]

[/div] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title style="font-size:20px;line-height:2.5;"][div class=Tborder]

[div class=Left][/div]

Official Document of the Kolan Guild Committee

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div] [/div]

 

[Clausewitz Halcyon]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are Black, White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=BG] background-color: #ece7dc; color:black; font-familyldenburg; padding: 10px 20px 10px 20px; text-align:center; font-size:20px; //The back ground and default text// [/class] [class=TitleContainer] display: flex; flex-direction: row; justify-content: space-between; align-items:center; //allows the title ends to work// [/class] [class=Title] flex-grow: 2; border-bottom: solid 3px #102f7e; border-top: solid 3px #102f7e; border-radius:5px; background-color: #102f7e; color: silver; font-size: 25px; line-height: 2; text-align:center; font-familyldenburg; letter-spacing:3px; text-transform: uppercase; //the big fancy title// [/class] [class=Tborder] border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; border-radius:5px; padding:7px; margin:5px 0px 5px 0px; //the little borders inside the title// [/class] [class=Ribbon1] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-left: solid 20px #ece7dc; border-right: solid 20px #142551; //the left triangles to make it look like a ribbon// [/class] [class=Ribbon2] border-bottom: solid 35px #142551; border-top: solid 35px #142551; border-right: solid 30px #ece7dc; border-left: solid 20px #142551; //the right triangles to make it look like a ribbon// [/class] [class=Left] margin-left:20px; pointer-events:none; opacity:0.8; width:55px; height:45px; line-height:0px; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; //crest on the left of the title// [/class] [class=Right] pointer-events:none; margin-right:20px; opacity:0.8; width:55px; height:45px; line-height:0px; float:right; background:url(https://cdn.discordapp.com/attachments/359734207024463882/421698718442717205/White_Raven.png); background-size:100% 100%; //crest on the right of the title// [/class] [class=FlagBar] height:15px; width:85%; min-width:210px; border:2px SOLID #142551; border-radius:5px; background-color:#142551; margin:auto; //the bar on the top of the flags// [/class] [class=Flag] background-color:#102f7e; width:80%; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; margin:auto; padding:3px 3px 50px 3px; //the flag that contains the images// [/class] [class=FlagEnd] width:81%; margin:auto; line-height:0px; border-left:1px SOLID #102f7e; border-right:1px SOLID #102f7e; //allows the flag end pic to fit// [/class] [class=IMG] pointer-events:none; line-height:0px; width:70%; margin:20px auto; border-radius:20px; overflow:hidden; //The character images// [/class] [class=hidden] display:none; //keeps hidden things hidden// [/class] [class=ButtonContainer] display: flex; flex-wrap:wrap; flex-direction: row; justify-content:center; align-items:center; //allows the buttons to be on one line together instead of one line for each// [/class] [class=Button] color: silver; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID silver; border-bottom: 1px SOLID silver; padding:4px; margin: 20px 10px 0px 10px; cursor:pointer; //The buttons in the flag// [/class] [class name=Button state=hover] color: grey; border-top: 1px SOLID Grey; border-bottom: 1px SOLID Grey; //what the button looks like when the mouse is over it// [/class] [class=ButtonClick] color: grey; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID Grey; border-bottom: 1px SOLID Grey; padding:4px; margin: 20px 10px 0px 10px; //what the button looks like after it's clicked also to show which picture is currently selected// [/class] [script class=Button on=click] //This allows the buttons to work, if you want to add a button //you have to add a line of code for it here //the text in the " " has to match the text in the buttons to work //to add more Images just keep adding the class IMG# and add 1 number up // if (eq "${link}" "Opt 3") (show IMG3) //like so hide IMG removeClass ButtonClick Button addClass ButtonClick set link (getText) if (eq "${link}" "Normal Appearance") (show DEFAULT) if (eq "${link}" "Partial Natural Appearance") (show IMG2) if (eq "${link}" "Esoteric Foci: Vilethorn") (show WEAPON) if (eq "${link}" "Experimental Foci: Unwithering Flower") (show WEAPON2) if (eq "${link}" "Clothes?") (show ARMOR) [/script] [class=Details] font-familyldenburg; font-size:20px; color:silver; background-color:#102f7e; width:200px; margin:auto; padding:5px; cursor:pointer; //the litle flag for the details// [/class] [class=DetailsBottom] width:0%; margin:auto; margin-bottom:30px; border-top: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; //the triangle for the bottom of the details flag// [/class] [class=Space] width:80%; margin:auto; //manages space// [/class] [class=DetailsClose] width:0%; margin:auto; border-Bottom: 30px solid #102f7e; border-Left: 105px solid transparent; border-Right: 105px solid transparent; [/class] [script class=Details on=click] //this is what makes the details flag stuff work// set link (getText) if (eq "${link}" "Details") (slideDown 500 Deets) if (eq "${link}" "Details") (slideUp 500 Open) if (eq "${link}" "Details") (slideDown 500 Close) if (eq "${link}" "Close") (slideUp 500 Deets) if (eq "${link}" "Close") (slideDown 500 Open) if (eq "${link}" "Close") (slideUp 500 Close) [/script] [class=Stamp] pointer-events:none; line-height:0px; width:10%; margin:10px auto; overflow:hidden; //the guild committee seal of approval// [/class] [div class=BG] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title][div class=Tborder]

[div class=Left][/div]

RAVEN GUILD APPLICATION

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div]

[div class=FlagBar][/div] [div class=Flag] [div class="IMG DEFAULT"]

[/div] [div class="hidden IMG IMG2 "]

[/div] [div class="hidden IMG WEAPON"]

[/div] [div class="hidden IMG WEAPON2"]

[/div] [div class="hidden IMG ARMOR"]

[/div] [div class=ButtonContainer] [div class=Button]Normal Appearance[/div] [div class=Button]Partial Natural Appearance[/div] [div class=Button]Esoteric Foci: Vilethorn[/div] [div class=Button]Experimental Foci: Unwithering Flower[/div] [div class=Button]Clothes?[/div] [/div] [/div] [Div class=FlagEnd]

[/div]

[div class=Space]
Name: Yuuka Kazami

True Age: 549

Appearance Age: 22

Gender: Woman, perhaps?

Species: Natural Elemental

Class: Mage; Natural Specialty

Distinguishing features: Hair as green as grass, with red eyes that seem too sharp, too bright to be normal. Yuuka's power is over flowers specifically, but within that is the times of plants that lead up to producing flowers. As such, some of her magic involves her taking on plant like forms in shapeshifts, such as having arms as thick and hard as tree trunks to defend herself. Her face is somewhat normal, but if one looks hard enough they'll see a degree of layering to it that is unnatural, hinting at her flower-like nature. Her hair, similarly, can shift and bend at will like vines, but usually look normal. Her attire is standard, although the plaid outfit tends to shift more than clothes should. Sometimes instead of stockings and sandals there are platform boots.

Preferred weapon(s): Yuuka's 'Vilethorn' is meant as a locus for ease of communication between her and the natural world. It is also useful for emergencies in the sea, where plants are few and far between and allows her to take on more of her flower aspect, mentioned above. While it has a sword-like appearance, the wand itself is not meant for direct hits, and can only maintain a few blows. However, it can take some of the esoteric plant energy to be more useful as a martial weapon, or extend like a vine. Her 'Unwithering Flower' is another wand, but much more experimental in use. It, unlike most esoteric magic, is capable of manipulating plant energy into, well, energy. Yuuka is so incompetent with this weapon as of now, she mainly uses it for show. What can she say, pink looks good with plaid. She doesn't show off this weapon often, and is secretive as to her actual usage with it.

Preferred Type(s) of Magic: Shapeshifting, Self-Healing, and Summoning are directly tied to her elemental flower nature. She is learning destructive magic secretly but is incompetent at the start.
To explain, as an elemental with affinity into plants and flowers, she can shapeshift into useful forms that relate to a plant, like arms of an oak, thorns of a rose, the poison of nightshade, and with it can self-heal using the sun against most attacks. This itself is not foolproof, and can be overcome with constant attacking, it's more of a recharge mechanism when not fully given into her aspect. Yuuka can grow plants extremely quickly and effectively, but also in limited circumstances summon them. The plants give her energy, especially when in full bloom, and so summoning can directly assist with the other types of magic. Destructive magic is a secret~
[/div]

[div class=FlagBar][/div] [div class="Open"][div class=Details]Details[/div] [div class=DetailsBottom][/div] [/div] [div class="Deets Space hidden" style="Padding: 20px 0px 20px 0px;"] Skills: Poisoncraft
Botany
Arranging things to be beautiful
Making things uncanny, and overtime downright frightening by shifting into her natural form subtly
Learning persuasion, as she's a little off putting by being odd


Personality: Yuuka is an aloof elemental, wholly obsessed with the beauty of her being. Due to this she's oftentimes strange, and uses a cant that is hard to understand, more focused on the rhythmic sounds that she says than actual understandability. While she's eager to tap into her full nature, Yuuka is convinced that she must do so 'when the moment is right', and will refuse to tap into her full power unless the moment is beautiful enough to be worth falling further away from sentience. She finds plants and flowers beautiful, but also finds human terror even more wonderful, and will be vain enough to use energy to arrange her more plant-like cells to look human-like, which may backfire on her. Yuuka is not arrogant (though she comes off as this), rather she's too focused on finding the beauty in things to always think about the strategic value behind her actions. She finds eating vegetables as disgusting as vegans find eating meat, and exclusively eats meat. She is also convinced that beings that are sentient retain their fear in their taste, but does not tell her allies or enemies about her, ah, dietary delicacies. Mysterious, aloof, and always somewhat creepy, Yuuka is best suited for missions involving a detachedness to social conventions.


History: Within the Water States and their obsession with beauty, there also lies a deep devotion to the Goddess, Gaia. Some nature elementals are even more obsessed with their goddess, but some find the connection a tad bit too close for comfort, and just a bit confusing. Yes, when the Goddess resembles you just enough, it can cause doubt to rest in one's mind. Yuuka, given a different communal name in her childhood (Atropa), resembled both the heliotropic nature of a sunflower while also being removed enough from society to be questionable to other families. She was elegant, yes, and beautiful, of course, but even as a younger person, her strange cant towed the line between discord and rhyme. This was already worrisome in the Water States, especially when decoding the verse led to someone who was firmly detached from the rest of society, with strange obsessions over the state of sentience before and after death, and other such eccentricities. Over time, she found the devotion to Gaia somewhat unnerving. Were they not also capable of growth? Humans who had turned into beings of such power, dragons native to the land, fae who live for so long like flowers, opening and closing their embrace each winter of their lives? And was she not over time approaching that beauty? Once this was understood, it became even more clear that something was wrong with this elemental, and after a trial of her peers, she was told to leave the city, but was given the 'mercy' of being able to live by herself in the countryside.

Yuuka made her way to the outer areas of the States. Here, she used her power over nature to slowly build her powers as a natural elemental, and occasionally luring in travelers for a meal at the cozy and wonderful cabin of a sweet woman. It should be stated that this was rare, as in, once every forty years or so. As disappearances grew, more suspicion was being brought upon those living further out. Still, it was hard to pinpoint her, because she was too youthful for her supposed age. Perhaps Yuuka did have a point, that sentience begets life when consumed, for there was no way her appearance should maintain itself at her age. Perhaps she was simply more canny with her usage of the natural plants than most. Still, at some point she realized that despite her ability to change identities and her small army of sunflowers and nightshades, she wouldn't be able to live for long enough if discovered. While her name was still forgotten, she made her way out to Kolan. Here, strange heretics like herself could get by, and while she finds other people annoying, the allure of knowledge, of the abilities to transcend her elemental self into a being of pure beauty to rival a Goddess led her to the Raven Guild.


[/div] [div class="Close hidden"] [div class=DetailsClose style="margin-top:20px;"][/div] [div class=Details]Close[/div] [div class=FlagBar][/div] [/div]
[div class=Space] Views on the Hekaspectrum: Yuuka finds beings in the middle of the spectrum to be the most pitiable. Dragons and Fae are beautiful creatures, capable of such power over reality. Born an elemental, she is a tad self-hating to her more human element, but overall finds that those who have such little capacity over the extremes of the spectrum to be unworthy of much time.


Reason for joining the Raven Guild: Knowledge. Yuuka is convinced that Gaia is or was a living creature to which one can achieve a similar power. She believes that by either consuming an endless amount of power, or achieving some 'apex', that she can transcend herself and become a being of greater cosmological importance. Seeing as the Raven Guild has many accomplished and competent people, they are the ones to join. Plus, they don't seem to care about the ethics as much as the Wolf Guild, so there's that.
[/div]
[div class=Stamp]

[/div] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title style="font-size:20px;line-height:2.5;"][div class=Tborder]

[div class=Left][/div]

Official Document of the Kolan Guild Committee

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div] [/div]

 

[DapperCat]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=title] border-bottom: solid 2px #35a22f ; border-top: solid 2px #35a22f ; background-color: #35a22f ; color: #f8cc2d; font-size: 200%; line-height: 1; text-align:center; margin: 10px auto; width: 100%; padding: 5px; font-familyldenburg; //The Title; "Wolf Guild Application"// [/class] [class=LeftWolf] pointer-events:none; opacity:0.8; width:25%; line-height:0px; //The Wolf Symbol on the left// [/class] [class=RightWolf] pointer-events:none; margin-right:0px; opacity:0.8; width:25%; line-height:0px; float:right; //The Wolf Symbol on the right// [/class] [class=hidden] display:none; //Keeps hidden things hidden// [/class] [class=Button] background-color: #35a22f ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //What the buttons by the pictures and the "Details" button look like// [/class] [class name=ButtonClick] background-color: #0e610a ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //what the button looks like when clicked// [/class] [class name=Button state=hover] background-color: #0e610a ; cursor:pointer; color:#f8cc2d; //what the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] removeClass ButtonClick Button addClass ButtonClick set link (getText) //This links all the images to their corresponding buttons// //If you change the name of a Button it will have to be changed here as well// //but only the name within the " "// //That's to make it easier on you when you change the names so the script will work// // with out you having to meticulous go through each line and change things around// if (eq "${link}" "Appearances") (hide B1) if (eq "${link}" "Appearances") (show B2) //If you only have 1 picture you would like to use// // Change (show B2) to (show Default)// //Delete the entire line above that one// //Paste this under it: if (eq "${link}" "Appearance") (hide Armor) if (eq "${link}" "Appearance") (hide Weapon) if (eq "${link}" "Appearance") (hide Weapon2) //Make sure to change the button to say just "Appearance"// //and change the script to say that as well,// //you do not have to remove anything else!// //So ignore anything that says Option// //just don't mess with those ones// if (eq "${link}" "Armor") (show Armor) if (eq "${link}" "Armor") (hide Weapon) if (eq "${link}" "Armor") (hide Weapon2) if (eq "${link}" "Armor") (hide Option1) if (eq "${link}" "Armor") (hide Option2) if (eq "${link}" "Armor") (hide Option3) if (eq "${link}" "Armor") (hide Default) if (eq "${link}" "Weapon") (show Weapon) if (eq "${link}" "Weapon") (hide Armor) if (eq "${link}" "Weapon") (hide Weapon2) if (eq "${link}" "Weapon") (hide Default) if (eq "${link}" "Weapon") (hide Option1) if (eq "${link}" "Weapon") (hide Option2) if (eq "${link}" "Weapon") (hide Option3) if (eq "${link}" "Weapon 2") (show Weapon2) if (eq "${link}" "Weapon 2") (hide Armor) if (eq "${link}" "Weapon 2") (hide Weapon) if (eq "${link}" "Weapon 2") (hide Default) if (eq "${link}" "Weapon 2") (hide Option1) if (eq "${link}" "Weapon 2") (hide Option2) if (eq "${link}" "Weapon 2") (hide Option3) if (eq "${link}" "Option 1") (show Option1) if (eq "${link}" "Option 1") (hide Option2) if (eq "${link}" "Option 1") (hide Option3) if (eq "${link}" "Option 1") (hide Default) if (eq "${link}" "Option 1") (hide Armor) if (eq "${link}" "Option 1") (hide Weapon) if (eq "${link}" "Option 1") (hide Weapon2) if (eq "${link}" "Option 2") (show Option2) if (eq "${link}" "Option 2") (hide Option1) if (eq "${link}" "Option 2") (hide Option3) if (eq "${link}" "Option 2") (hide Default) if (eq "${link}" "Option 2") (hide Armor) if (eq "${link}" "Option 2") (hide Weapon) if (eq "${link}" "Option 2") (hide Weapon2) if (eq "${link}" "Option 3") (show Option3) if (eq "${link}" "Option 3") (hide Option1) if (eq "${link}" "Option 3") (hide Option2) if (eq "${link}" "Option 3") (hide Default) if (eq "${link}" "Option 3") (hide Armor) if (eq "${link}" "Option 3") (hide Weapon) if (eq "${link}" "Option 3") (hide Weapon2) if (eq "${link}" "Original") (show Default) if (eq "${link}" "Original") (hide Option1) if (eq "${link}" "Original") (hide Option2) if (eq "${link}" "Original") (hide Option3) if (eq "${link}" "Original") (hide Armor) if (eq "${link}" "Original") (hide Weapon) if (eq "${link}" "Original") (hide Weapon2) if (eq "${link}" "Return") (hide B2) if (eq "${link}" "Return") (show B1) if (eq "${link}" "Details") (show Deets) if (eq "${link}" "Close") (hide Deets) [/script]

[div class=title]

[div class=LeftWolf]

Wolf Guild Application​

[div class=RightWolf]

[/div]

[/div] [class=Notes] //Below are the buttons// //TO REMOVE BUTTONS// //Find the button you wish to remove// //delete it's line of code// //That's it!// //You can ignore anything that has it's name on it// //you do not have to delete any of that, it will remain hidden// //INSTRUCTION ON HOW TO HAVE ONLY ONE APPEARANCE IMAGE IS IN THE SCRIPT CODE ABOVE// //UNDER if (eq "${link}" "Appearances") (show B2)// //TO ADD BUTTONS// //Copy and Paste one of the button codes// //If its an appearance picture that you want to add Copy and paste a button with B2 in it// //If its anything else, Copy the Buttons with B1 in it// //Next change the name of the button to what you want it to be// //Go down to where all the codes are for the pictures and copy and paste one of them// //Change its name within the Class="Name hidden" part. KEEP THE HIDDEN THERE IF ITS THERE// //Now go up to the script code// //Copy and paste on of the chunks of code that all have the same name within the " "// //Change the name within the " " to the EXACT name you changed your new button to// //Change the part in the second set of parenthesis to (show What you named your PICTURE, the EXACT word )// //Make sure that the rest of the parenthesis that say hide include everything else// //If you do not specify to hide a certain picture, then if that picture/button is selected it will show up under your new picture// //when its selected// [/class]

[div class=Button]

Appearances

[div class="Button B1"]

Armor

[div class="Button B1"]

Weapon

[/div] [div class="Button B1"]

Weapon 2

[/div] [div class="Button B2 hidden"]

Option 1

[/div] [div class="Button B2 hidden"]

Option 2

[/div] [div class="Button B2 hidden"]

Original

[/div] [div class="Button B2 hidden"]

Return

[/div] [/div]

[class=Notes] //These are the codes for each picture// //To replace the place holder// //Paste your URL inplace of the place holder URL within the Background:url parenthesis// //To add/remove a picture// //Instructions to do so are in the notes aboce the Button Codes// //In order to add/remove a picture you will have to add/remove their button// //The only picture not hidden is the default one, this will be the first picture to load when the page shows up// //this should be how your OC looks normally// [/class] [div class=Default style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:80%;height:328px;background:url(https://i.imgur.com/RX0Rq15.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option1 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:80%;height:328px;background:url(https://i.imgur.com/OUBGFRV.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:80%;height:328px;background:url(https://i.imgur.com/lcjlYAX.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option3 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:80%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Armor hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://i.imgur.com/XXdghAe.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://i.pinimg.com/originals/b5/cd/44/b5cd44f89265bc06542bcd862b35d468.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://assets.catawiki.nl/assets/2017/12/13/9/7/3/9734e499-b1f1-4f8b-8c9b-487660a6684f.jpg) no-repeat;background-size:100% 100%;"] [/div]

[class=Notes] //Below you can start filling out the Cs// //Please add text after the [/B]// //Other wise the text will be bold// [/class]

Name: Lynn

True Age: 9

Appearance Age: 42

Gender: Female

Species: Shifter - "White Ragdoll Domestic Cat"

Class: Mage (Caster)

Distinguishing features: Luscious fur and piercing yellow eyes. When human, thick red curls and a birthmark under her left eye.

Preferred weapon(s): Staves and Daggers.

Preferred Type(s) of Magic: Pyromancy, Polymorph, Geomancy, Shape-shifting.
​

[div class=Button]

Details

[/div] [div class="Deets hidden"] Skills:
Grooming herself, knitting and writing.

Personality:
Confident, Intelligent, Passionate, Intense, Arrogant, Demanding, Vindictive.

History:
Alongside humankind, the feline species has always been prevolent. Worshipped by the Egyptians, adored by their human partners and have had a larger hand in the progression of humankind than they let on. There were the cats that led a double-life, being a lap-cat and on the side having their own private life, and there were the ones that made their own civilisations. Due to the presence of magic, some of the felines and other animal-kind wished to blend in easier without an act. Thus with time, the feline shifters became a more and more common occurrence. Not nearly all animals are able to cloak themselves like a shifter, and thus catkind has had quite the amusement at some of the confused humans. Most of feline-kind were open shifters if they had the ability, but some remained hidden for various reasons. Lynn was a lap-cat and hidden shifter, born and raised, of a high pedigree and performed in plenty of shows earning her ribbons and trophees. Her father belonged to the same family, whilst her mother was hired to birth her and her siblings. But her laziness would grow to be too much of an annoyance to her father, a figure she highly respected, as he booted her from the family home and told he'd signed her up for something called the 'Wolf Guild'. He threw a map and a small bag in her face, leaving the poor cat to stand there in the chilly eve. She took the bag between her fangs, carried it across the street and got to her two changed feet, making way towards the marked location on the map...

[div class=Button]

Close

[/div] [/div] Views on the Hekaspectrum:
Everything should be below the feline race. They have existed beside humankind for centuries, and have outwitted and used them for just as long!

Reason for joining the Wolf Guild:
Her father told her she needed to taste adventure and to make a name for herself, or he would cut her off from her comfortable lap-cat lifestyle. ​

[/div] [div class=title style="font-size:100%;line-height:2;"]

[div class=LeftWolf]

[/div]

Official Document of the Kolan Guild Committee

[div class=RightWolf]

[/div]

[/div]

[/div]

 

[shadowz1995]

WOLF GUILD APPLICATION

Name: Jayson Velian

True Age: 117

Appearance Age: 25

Gender: Male

Species: Chimera (Bird Variant)

Class: Healer: Battle Cleric

Distinguishing features: Nigh flawless skin. Smooth, soft, and pale. Marred only by some moderately calloused hands and intense scarring across his eyes and various parts of his body.

Patches of soft feathers grown on his body on his forearms, thighs, shoulder blades (where his wings meet his back), and shins.

His eyes are completely opaque. Pale white with no iris or pupil.

Preferred weapon(s): Staff or Spear

Preferred Type(s) of Magic: Jayson is a dedicated healer and dedicated most of his time and efforts into the healing arts. With a wave of his hand and a few magically charged words, Jayson can heal friendlies and buff his allies with various effects.

Jayson also uses Aura Sense and Exoteric Detection.

Aura Sense allows him to feel the magic/aura of other beings and whether it is malovelent or not.

Exoteric Detection lets Jayson sense the natural magic that is present at all times in the world to get a sense of his surroundings.

Skills:

Polearm Expert- During his years in the Elemental War, Jayson became acquainted with a multitude of weapons but his default and preferred weapon is the staff. It not only useful as a weapon but also as a tool to navigate without using magic. Though, when there is fighting to be expected, Jayson switches to a personalized spear that allows him to deal lethal strikes to the enemy more effectively than a staff ever could.

Heightened Senses- Having his vision stripped away from him has done anything other than weaken Jayson. Granted, it took several years to adjust but once he did, his lack of sight only seemed to enhance his prowess. In both combat, locating injured troops in the chaos of the battlefield, and in daily life. There are certain luxuries he cannot enjoy anymore but the pros outweigh the cons in his opinion.

Agility/Speed- Jayson's strength and combat experience is nothing to be sniffed at but his years of dodging swords, arrows, spells, and goddess knows what else, while carrying or dragging another person with him, have made him incredibly nimble on his feet and in the air. Having extra weight on his shoulders barely puts a hamper in his step as he has had to carry fully armored soldiers out of hellish situations time and time again.

Personality:
Jayson has renown and is well known among the foot soldiers for two things. His near infinite disregard for his own well-being when it comes to the life of his brothers-in-arms and as one of the kindest souls in the main army.

Truly, Jayson's capacity for kindness knows no bounds and is only matched by the ferocity he displays when protecting his own. What he lacks in sight, he more than makes up for in heart. That being said, having a big heart only means it is a bigger and easier target for those with ill intentions. Jayson is no politician and his willingness to help others often ends up with him being the brunt end of a cruel joke. With his heightened sense of hearing, he can tell when a person is lying and still, he frequently believes that showing kindness and patience will eventually make people come around.

This does not mean he is naive. He has enough years under his belt to know that some people exist that are just beyond redemption. Beyond saving. But he still holds out the hope that everyone, even the most vile of people, have a little good in their hearts. As long as he believes that, he will always try to appeal to it.

For example, he frequently finds himself being harassed by Elves for the Exoteric nature of his magic and to this day, after all of his service in the military and the countless lives he has saved. It is to be expected. Luckily, his warm demeanor has won him many allies from many different races and he is never without a friend somewhere.

History:
Jayson was born and lived in a quiet town near the border of the Air Enclave and the Witchlands. There was never any real problems with the place. That was until the Elemental War broke out and Jayson was conscripted into the army. The town had been turned into a war zone time and time again as the scourge mounted full assaults on the kingdom. Jayson had lived a relatively normal life until that point. His father was strict but fair in his guidance. His mother was incredibly kind. He had 4 younger siblings who all looked up to him and relied on him to take care of them when mom was busy and dad was away.

The training was harsh. Being away from his precious family was even harsher. Forging bonds with his fellow soldiers-in-training only to have those bonds brutally severed when they got out on the field was the harshest thing imaginable.

Jayson's first real battle was a crushing defeat. The commander had underestimated the enemies numbers and it cost them a large bulk of their fresh recruits. The Enclave's armies were able to repel the assault but they sustained a staggering amount of casualties as a result. No one in their right mind could call it a victory. In particular, Jayson barely survived the fighting. He watched close friends get unceremoniously slaughtered by The enemy forces and suffered grievous wounds both physically and emotionally. The physical wounds were healed with magic but he wasn't as fortunate for the others.

Still, he was a soldier now. A soldier that could not bend nor break after having survived a single battle. No matter how horrendous the defeat, the enemy would not wait for them to grieve or despair. Again, they pressed down on Air Enclave and again, the army suffered heavy casualties during the fighting. Jayson can still remember clearly how the forests and valleys where the battles took place looked. The soil was scarlet and muddy. Slick with the blood of humans, elves, and elementals alike. The grass was black from dried lifeblood.

Still, Jayson survived. Still, he needed to push on. The war was not over.

As the months ticked by, Jayson transformed from mere healer to a battle cleric through the cruel fires of war. Yet, to everyone's surprise, the warm attitude he displayed months ago as a recruit never truly faded away. True, it was tempered and measured but the kind-hearted soul that was Jayson Velian still remained. The difference was that his old reluctance towards violence turned to conviction. His fear of death evolved into rage. His pain of lost kin turned to reckless abandon to save everyone he possibly could. His despair turned to courage. His courage turned to leadership and charisma.

Jayson was often called mad or insane for the absolute fervor for which he dived into situations that were near impossible to survive. Just to save the life of a common soldier. An expendable life for all intents and purposes. Yet, it made him a near hero among the commonfolk. That even if you were to fall in battle, Jayson Velian may be nearby and would weather death in all forms to save your pathetic life.

He trained himself vigorously with spear and staff and studied the healing arts with equal dedication. Normally, people would burn out at the rate he consumed knowledge but the thought of saving more lives than he already did proved to be a nigh infinite fuel source.

Everything he did, he did for the betterment of those chances. To raise the odds of saving lives and reduce the number casualties in the war. Every spell he learned and every strike he mastered was for his fellow soldiers.

Eventually, roughly after the year mark since his conscription, Jayson paid the price for his foolhardy courage and was critically wounded himself trying to save an Elven Ranger. The avian chimera was already injured when he dove in to save this ranger. Not only punctured by 2 arrows but had several deep sword cuts on his chest, back, and left shoulder. His wings were also badly burnt and rendered unusable. He was carrying the elf over his shoulders, retreating back to his allies before another arrow struck his leg and grounded him. Nothing could stop the small horde of goblins that fell upon the wounded pair and began slashing at them will small daggers. The elf and chimera fought back as much as their injured bodies could manage but neither could hold out. It was there that Jayson was robbed of his eyesight. A particularly nasty goblin decided to take things slow and tore multiple slashes across Jayson's face, blinding him.

It was actually winged chimera's screams of agony that prompted some soldiers to break formation and rush forward to his aid. It later turned out that the soldiers who risked everything to pull Jayson away were actually people he had saved, more than once in the past.

It is no exaggeration to say that Jayson survived by the very skin of his teeth. The clerics and enchanters were only barely able to save his life. But there was a certain wound he received that was too deep to heal. The one to his eyes.

Though, in a strange way, after a few years of adjustment, Jayson was sharper without his sense of sight. His other senses were heightened well beyond normal capacity. He resumed his active duty as a soldier despite warnings and trained intensely until he was not only as good as before but even better.

A decade had passed since the fighting had finally ended. He was considered a war hero among his men and tales of his unbridled courage and reckless abandon had spread among the soldiers for years. Those that didn't believe the stories of the spear wielding blind man, often found themselves being rescued by him.

Views on the Hekaspectrum: Jayson can personally "see" the difference between individuals who are higher on the spectrum as opposed to those who arent. He understands why people have their biases, even if he doesn't personally agree. Being a Exoteric caster in nature.


Reason for joining the Wolf Guild: With the war over, Jayson wandered around looking for different ways to help people

 

[AgWordSmith]

[class=BG] background-color: #ece7dc; color:black; font-familyldenburg; padding: 10px 20px 10px 20px; text-align:center; font-size:20px; //The back ground and default text// [/class] [class=TitleContainer] display: flex; flex-direction: row; justify-content: space-between; align-items:center; //allows the title ends to work// [/class] [class=Title] flex-grow: 2; border-bottom: solid 3px #35a22f; border-top: solid 3px #35a22f; border-radius:5px; background-color: #35a22f; color: #f8cc2d; font-size: 25px; line-height: 2; text-align:center; font-familyldenburg; letter-spacing:3px; text-transform: uppercase; //the big fancy title// [/class] [class=Tborder] border-top: 1px SOLID #f8cc2d; border-bottom: 1px SOLID #f8cc2d; border-radius:5px; padding:7px; margin:5px 0px 5px 0px; //the little borders inside the title// [/class] [class=Ribbon1] border-bottom: solid 35px #094c06; border-top: solid 35px #094c06; border-left: solid 20px #ece7dc; border-right: solid 20px #094c06; //the left triangles to make it look like a ribbon// [/class] [class=Ribbon2] border-bottom: solid 35px #094c06; border-top: solid 35px #094c06; border-right: solid 30px #ece7dc; border-left: solid 20px #094c06; //the right triangles to make it look like a ribbon// [/class] [class=Left] margin-left:20px; pointer-events:none; opacity:0.8; width:35px; height:50px; line-height:0px; background:url(https://cdn.discordapp.com/attachments/535146287876538379/595369868136808466/Gold_Wolf_Left.png); background-size:100% 100%; //crest on the left of the title// [/class] [class=Right] pointer-events:none; margin-right:20px; opacity:0.8; width:35px; height:50px; line-height:0px; float:right; background:url(https://cdn.discordapp.com/attachments/535146287876538379/595369754554925069/Gold_Wolf.png); background-size:100% 100%; //crest on the right of the title// [/class] [class=FlagBar] height:15px; width:85%; min-width:210px; border:2px SOLID #094c06; border-radius:5px; background-color:#094c06; margin:auto; //the bar on the top of the flags// [/class] [class=Flag] background-color:#35a22f; width:80%; font-family: Oldenburg; Font-size: 85%; Text-align:center; color:silver; margin:auto; padding:3px 3px 50px 3px; //the flag that contains the images// [/class] [class=FlagEnd] width:81%; margin:auto; line-height:0px; border-left:1px SOLID #35a22f; border-right:1px SOLID #35a22f; //allows the flag end pic to fit// [/class] [class=IMG] pointer-events:none; line-height:0px; width:70%; margin:20px auto; border-radius:20px; overflow:hidden; //The character images// [/class] [class=hidden] display:none; //keeps hidden things hidden// [/class] [class=ButtonContainer] display: flex; flex-wrap:wrap; flex-direction: row; justify-content:center; align-items:center; //allows the buttons to be on one line together instead of one line for each// [/class] [class=Button] color: #f8cc2d; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID #f8cc2d; border-bottom: 1px SOLID #f8cc2d; padding:4px; margin: 20px 10px 0px 10px; cursor:pointer; //The buttons in the flag// [/class] [class name=Button state=hover] color: #c39b0e; border-top: 1px SOLID #c39b0e; border-bottom: 1px SOLID #c39b0e; //what the button looks like when the mouse is over it// [/class] [class=ButtonClick] color: #c39b0e; line-height: 1.5; text-align:center; font-familyldenburg; border-top: 1px SOLID #c39b0e; border-bottom: 1px SOLID #c39b0e; padding:4px; margin: 20px 10px 0px 10px; //what the button looks like after it's clicked also to show which picture is currently selected// [/class] [script class=Button on=click] //This allows the buttons to work, if you want to add a button //you have to add a line of code for it here //the text in the " " has to match the text in the buttons to work //to add more Images just keep adding the class IMG# and add 1 number up // if (eq "${link}" "Opt 3") (show IMG3) //like so hide IMG removeClass ButtonClick Button addClass ButtonClick set link (getText) if (eq "${link}" "Appearance") (show DEFAULT) if (eq "${link}" "Kusarigama") (show WEAPON) if (eq "${link}" "Bloody Knuckles") (show WEAPON2) if (eq "${link}" "Armor") (show ARMOR) [/script] [class=Details] font-familyldenburg; font-size:20px; color:#f8cc2d; background-color:#35a22f; width:200px; margin:auto; padding:5px; cursor:pointer; //the litle flag for the details// [/class] [class=DetailsBottom] width:0%; margin:auto; margin-bottom:30px; border-top: 30px solid #35a22f; border-Left: 105px solid transparent; border-Right: 105px solid transparent; //the triangle for the bottom of the details flag// [/class] [class=Space] width:80%; margin:auto; //manages space// [/class] [class=DetailsClose] width:0%; margin:auto; border-Bottom: 30px solid #35a22f; border-Left: 105px solid transparent; border-Right: 105px solid transparent; [/class] [script class=Details on=click] //this is what makes the details flag stuff work// set link (getText) if (eq "${link}" "Details") (slideDown 500 Deets) if (eq "${link}" "Details") (slideUp 500 Open) if (eq "${link}" "Details") (slideDown 500 Close) if (eq "${link}" "Close") (slideUp 500 Deets) if (eq "${link}" "Close") (slideDown 500 Open) if (eq "${link}" "Close") (slideUp 500 Close) [/script] [class=Stamp] pointer-events:none; line-height:0px; width:10%; margin:10px auto; overflow:hidden; //the guild committee seal of approval// [/class] [div class=BG] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title][div class=Tborder]

[div class=Left][/div]

WOLF GUILD APPLICATION

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div]

[div class=FlagBar][/div] [div class=Flag] [div class="IMG DEFAULT"]

[/div] [div class="hidden IMG WEAPON"]

[/div] [div class="hidden IMG WEAPON2"]

[/div] [div class="hidden IMG ARMOR"]

[/div] [div class=ButtonContainer] [div class=Button]Appearance[/div] [div class=Button]Kusarigama[/div] [div class=Button]Bloody Knuckles[/div] [div class=Button]Armor[/div] [/div] [/div] [Div class=FlagEnd]

[/div]

[div class=Space]
Name: Dura Galesh

True Age: 20

Appearance Age: 20

Gender: Female

Species: Orc

Class: Healer; Alchemist

Distinguishing features: Scars around shoulder and upper arm, Scar across nose and night eye, Colored stripes in hair

Preferred weapon(s): Kusarigama; Bloody Knuckles

Preferred Type(s) of Magic: Healing, Transmuting, Earth, Enchanting
[/div]

[div class=FlagBar][/div] [div class="Open"][div class=Details]Details[/div] [div class=DetailsBottom][/div] [/div] [div class="Deets Space hidden" style="Padding: 20px 0px 20px 0px;"] Skills:
A skilled alchemist and healer. She also knows how to handle herself well in a fight due to her times as a Fighter. Dura has become adept in enchanting most of the items she transmutes and knows how to transmute entire limbs and expertly connect them to the body ,with that she also knows a lot about the different types of bodies out there and their weak points. Improvising is one of her strong suits.

Personality:
Although rough around the edges Dura is a hard worker and fearless. She loves the thrill of a fight and feels like she's doing her part in keeping balance by taking the healing route when there are so many fighters. Also the idea of taking what is plentiful and turning it to things that are not so appeals to her as well. Dura has her own way of doing things. Especially when being nice she usually tries to just do helpful things and gets a bit rough and playful with her friends and those she likes. She's pretty strong and creative but a bit headstrong and reckless too.

History:
She grew up in the Orsinium Earth Territory within the newer Orc cities. There she was trained to be a fighter from a young age and spent most of her life fighting skirmishes against the elemental cities. Soon her sister joined the fight and together they were quite a pair. Until a really bad fight happened. Orcs were taking down the city walls of an elemental city where a group of Earth elemental lifted the wall and collapsed it over the orcs warriors. Her sister died and Dura was severely injured. Her wound took long time to heal due to the lack of healers in her home city.

During her time of mourning and healing she decided to fill the boredom and distract from her loss by studying under one of the few healers. After discovering a talent for alchemy and helping the healers after a another nasty battle Dura decided to stay an alchemist instead of returning to her previous warrior class. Reasoning that there was enough of those in the world and she would do her part by being a healer.

After that she made sure to find a replacement for her in the city and moved out to go learn more about her class and practice more freely instead of being constantly busy in the Earth territory. After some travel she came across a half elf and a rather rocky situation. After that perilous journey Kolan called to her. Originally traveling to the Country to visit the vast market places for more alchemical materials and weaponry until the decrees about the new guilds peeked her interest. She decided to stay and check it out.
[/div] [div class="Close hidden"] [div class=DetailsClose style="margin-top:20px;"][/div] [div class=Details]Close[/div] [div class=FlagBar][/div] [/div]
[div class=Space] Views on the Hekaspectrum:
She knows her place in the world, she knows how people view her and her kind. Its all just another part of the world's balance.

Reason for joining the Raven Guild:
It seemed like a good deal, free shelter and she gets to put her skills to use. [/div]
[div class=Stamp]

[/div] [div class=TitleContainer] [div class=Ribbon1][/div] [div class=Title style="font-size:20px;line-height:2.5;"][div class=Tborder]

[div class=Left][/div]

Official Document of the Kolan Guild Committee

[div class=Right][/div]

[/div][/div] [div class=Ribbon2][/div] [/div] [/div]

 

[Fenris]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=title] border-bottom: solid 2px #35a22f ; border-top: solid 2px #35a22f ; background-color: #35a22f ; color: #f8cc2d; font-size: 200%; line-height: 1; text-align:center; margin: 10px auto; width: 100%; padding: 5px; font-familyldenburg; //The Title; "Wolf Guild Application"// [/class] [class=LeftWolf] pointer-events:none; opacity:0.8; width:25%; line-height:0px; //The Wolf Symbol on the left// [/class] [class=RightWolf] pointer-events:none; margin-right:0px; opacity:0.8; width:25%; line-height:0px; float:right; //The Wolf Symbol on the right// [/class] [class=hidden] display:none; //Keeps hidden things hidden// [/class] [class=Button] background-color: #35a22f ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //What the buttons by the pictures and the "Details" button look like// [/class] [class name=ButtonClick] background-color: #0e610a ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //what the button looks like when clicked// [/class] [class name=Button state=hover] background-color: #0e610a ; cursor:pointer; color:#f8cc2d; //what the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] removeClass ButtonClick Button addClass ButtonClick set link (getText) //This links all the images to their corresponding buttons// //If you change the name of a Button it will have to be changed here as well// //but only the name within the " "// //That's to make it easier on you when you change the names so the script will work// // with out you having to meticulous go through each line and change things around// if (eq "${link}" "Appearances") (show Default) //If you only have 1 picture you would like to use// // Change (show B2) to (show Default)// //Delete the entire line above that one// //Paste this under it: if (eq "${link}" "Appearance") (hide Armor) if (eq "${link}" "Appearance") (hide Weapon) if (eq "${link}" "Appearance") (hide Weapon2) //Make sure to change the button to say just "Appearance"// //and change the script to say that as well,// //you do not have to remove anything else!// //So ignore anything that says Option// //just don't mess with those ones// if (eq "${link}" "Armor") (show Armor) if (eq "${link}" "Armor") (hide Weapon) if (eq "${link}" "Armor") (hide Weapon2) if (eq "${link}" "Armor") (hide Option1) if (eq "${link}" "Armor") (hide Option2) if (eq "${link}" "Armor") (hide Option3) if (eq "${link}" "Armor") (hide Default) if (eq "${link}" "Weapon") (show Weapon) if (eq "${link}" "Weapon") (hide Armor) if (eq "${link}" "Weapon") (hide Weapon2) if (eq "${link}" "Weapon") (hide Default) if (eq "${link}" "Weapon") (hide Option1) if (eq "${link}" "Weapon") (hide Option2) if (eq "${link}" "Weapon") (hide Option3) if (eq "${link}" "Weapon 2") (show Weapon2) if (eq "${link}" "Weapon 2") (hide Armor) if (eq "${link}" "Weapon 2") (hide Weapon) if (eq "${link}" "Weapon 2") (hide Default) if (eq "${link}" "Weapon 2") (hide Option1) if (eq "${link}" "Weapon 2") (hide Option2) if (eq "${link}" "Weapon 2") (hide Option3) if (eq "${link}" "Option 1") (show Option1) if (eq "${link}" "Option 1") (hide Option2) if (eq "${link}" "Option 1") (hide Option3) if (eq "${link}" "Option 1") (hide Default) if (eq "${link}" "Option 1") (hide Armor) if (eq "${link}" "Option 1") (hide Weapon) if (eq "${link}" "Option 1") (hide Weapon2) if (eq "${link}" "Option 2") (show Option2) if (eq "${link}" "Option 2") (hide Option1) if (eq "${link}" "Option 2") (hide Option3) if (eq "${link}" "Option 2") (hide Default) if (eq "${link}" "Option 2") (hide Armor) if (eq "${link}" "Option 2") (hide Weapon) if (eq "${link}" "Option 2") (hide Weapon2) if (eq "${link}" "Option 3") (show Option3) if (eq "${link}" "Option 3") (hide Option1) if (eq "${link}" "Option 3") (hide Option2) if (eq "${link}" "Option 3") (hide Default) if (eq "${link}" "Option 3") (hide Armor) if (eq "${link}" "Option 3") (hide Weapon) if (eq "${link}" "Option 3") (hide Weapon2) if (eq "${link}" "Original") (show Default) if (eq "${link}" "Original") (hide Option1) if (eq "${link}" "Original") (hide Option2) if (eq "${link}" "Original") (hide Option3) if (eq "${link}" "Original") (hide Armor) if (eq "${link}" "Original") (hide Weapon) if (eq "${link}" "Original") (hide Weapon2) if (eq "${link}" "Return") (hide B2) if (eq "${link}" "Return") (show B1) if (eq "${link}" "Details") (show Deets) if (eq "${link}" "Close") (hide Deets) [/script]

[div class=title]

[div class=LeftWolf]

Wolf Guild Application​

[div class=RightWolf]

[/div]

[/div] [class=Notes] //Below are the buttons// //TO REMOVE BUTTONS// //Find the button you wish to remove// //delete it's line of code// //That's it!// //You can ignore anything that has it's name on it// //you do not have to delete any of that, it will remain hidden// //INSTRUCTION ON HOW TO HAVE ONLY ONE APPEARANCE IMAGE IS IN THE SCRIPT CODE ABOVE// //UNDER if (eq "${link}" "Appearances") (show B2)// //TO ADD BUTTONS// //Copy and Paste one of the button codes// //If its an appearance picture that you want to add Copy and paste a button with B2 in it// //If its anything else, Copy the Buttons with B1 in it// //Next change the name of the button to what you want it to be// //Go down to where all the codes are for the pictures and copy and paste one of them// //Change its name within the Class="Name hidden" part. KEEP THE HIDDEN THERE IF ITS THERE// //Now go up to the script code// //Copy and paste on of the chunks of code that all have the same name within the " "// //Change the name within the " " to the EXACT name you changed your new button to// //Change the part in the second set of parenthesis to (show What you named your PICTURE, the EXACT word )// //Make sure that the rest of the parenthesis that say hide include everything else// //If you do not specify to hide a certain picture, then if that picture/button is selected it will show up under your new picture// //when its selected// [/class]

[div class=Button]

Appearances

[div class="Button B1"]

Armor

[div class="Button B1"]

Weapon

[/div] [div class="Button B1"]

Weapon 2

[/div] [div class="Button B2 hidden"]

Option 1

[/div] [div class="Button B2 hidden"]

Option 2

[/div] [div class="Button B2 hidden"]

Option 3

[/div] [div class="Button B2 hidden"]

Original

[/div] [div class="Button B2 hidden"]

Return

[/div] [/div]

[class=Notes] //These are the codes for each picture// //To replace the place holder// //Paste your URL inplace of the place holder URL within the Background:url parenthesis// //To add/remove a picture// //Instructions to do so are in the notes aboce the Button Codes// //In order to add/remove a picture you will have to add/remove their button// //The only picture not hidden is the default one, this will be the first picture to load when the page shows up// //this should be how your OC looks normally// [/class] [div class=Default style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://image.ibb.co/kK2HUH/Dark_Elf_Lineage_II_full_1314595.jpg)no-repeat;background-size:100% 100%;"] [/div] [div class="Option1 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Option2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(http://lwvnaperville.org/wp-content/uploads/2017/06/placeholder.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option3 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Armor hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://img00.deviantart.net/d22c/i/2016/046/6/d/druid_green___commission_by_h1fey-d9qp9qc.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://vignette.wikia.nocookie.net/elderscrolls/images/6/6e/Elvenbowskinned.png/revision/latest?cb=20120409211007) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://www.yourstoreonline.net/id1378061/name/small/bronze-snake-handle-extra-long-knife.jpg) no-repeat;background-size:100% 100%;"] [/div]

[class=Notes] //Below you can start filling out the Cs// //Please add text after the [/B]// //Other wise the text will be bold// [/class]

Name: Cassiel Fyrune​

​

True Age: 49 ​

​

Appearance Age: early 20's​

​

Gender: Male ​

​

Species: High Elf​

​

Class: Mage; Absorber​

​

Distinguishing features: Tattoo of interwoven roots (think Celtic knots) running down both arms and his back. ​

​

Preferred weapon(s): Hunting Bow and Dagger​

​

Preferred Type(s) of Magic: Defensive Spells, Clairvoyance, Growth and Sun based Magic​

​

​

​

[div class=Button]

Details

[/div] [div class="Deets hidden"] Skills:
Relying heavily on the blessings mother nature has gifted him with Cassiel is highly skilled at defensive spells and barriers. Wishing to avoid undue violence he has also learned to use these gifts to impair and subdue others rather than harm them. His curiosity has driven him to become formidable in the arts of clairvoyance, occasionally using his magical talents to stick his nose where it does not belong. Aside from the arcane, Cassiel is an acceptable hunter, able to at least fend for himself in the wild.

Personality:
Cassiel is a calm individual who prefers to carefully weigh his words and actions instead of rushing in headlong. Occasionally this gives him a distant and cold demeanor even if he is generally a kind soul harboring a healthy respect for all living beings. Perhaps due to this the elf harbors an aversion to violence trying to resolve most conflict without the use of swords or spells, yet he won't hesitate to make use of his natural gifts once things escalate beyond words.

History:
Born in the woodlands of Legionatis Cassiel enjoyed relative peace and comfort throughout his youth allowing him plenty of time to learn and refine his talents. From early on he was driven by a naturally inquisitive nature which drove him to explore the edges of the kingdom nestled in the treetops. Around his 14the cycle Cassiel was allowed to attend the Fight of Princes as spectator. A fascinating event not only for the valiant display of swordsmanship but because it allowed him to mingle with tribes of wood elves and their ashen skinned cousins, further feeding his curiosity.

Despite warning words from his closest kin Cassiel found himself enthralled, by a dark elf of all things, during his third attendance to the Fight of Princes. Head over heels he followed her back, even went as far as to cover his arms and back in a traditional design of interwoven roots popular with her tribe. However, over the next decade his infatuation faded, turning out to be perhaps no more than a rebellious phase or curiosity to experience a world beyond the Tirion. After going their separate ways Cassiel didn't have the stomach to return to his kin, perhaps a misplaced sense of pride guiding his steps.

Instead his feet lead him toward one of the secret colonies beyond the elven realm and then even further. With nothing but his curiosity to guide him the high elf ventured on, initially deciding to board a ship toward the Fae Kingdoms having decided to witness the sentient throne trees for himself. His fare however only covered the trip to a particularly seedy dock in Kolan where he first heard mention of the Wolf Guild. In short order Cassiel found himself offering his services as Record Keeper and librarian to the man known as John Doe. Intrigued by the idea of being able to meet members of various races and record their tales for later study. The Fae and their sentient guardians would not wither in the few years he intended to dally and indulge his ravenous curiosity.

[div class=Button]

Close

[/div] [/div] Views on the Hekaspectrum:
Those gifted by mother nature are entitled to a certain measure of respect and in return should shoulder a larger part of the burden in protecting her. While his travels have thought him that the Hekaspectrum is not absolute, he is likely to show those on the higher end more respect initially.

Reason for joining the Wolf Guild:
At the time it seemed like a fine way to sate his curiosity and meet members of various races with dozens of tales to read and record. Besides he'd heard the Wolf Guild was doing there part in keeping the order.

​

[/div] [div class=title style="font-size:100%;line-height:2;"]

[div class=LeftWolf]

[/div]

Official Document of the Kolan Guild Committee

[div class=RightWolf]

[/div]

[/div]

[/div]

​

 

[Jean Beaucant]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=title] border-bottom: solid 2px #35a22f ; border-top: solid 2px #35a22f ; background-color: #35a22f ; color: #f8cc2d; font-size: 200%; line-height: 1; text-align:center; margin: 10px auto; width: 100%; padding: 5px; font-familyldenburg; //The Title; "Wolf Guild Application"// [/class] [class=LeftWolf] pointer-events:none; opacity:0.8; width:25%; line-height:0px; //The Wolf Symbol on the left// [/class] [class=RightWolf] pointer-events:none; margin-right:0px; opacity:0.8; width:25%; line-height:0px; float:right; //The Wolf Symbol on the right// [/class] [class=hidden] display:none; //Keeps hidden things hidden// [/class] [class=Button] background-color: #35a22f ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //What the buttons by the pictures and the "Details" button look like// [/class] [class name=ButtonClick] background-color: #0e610a ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //what the button looks like when clicked// [/class] [class name=Button state=hover] background-color: #0e610a ; cursor:pointer; color:#f8cc2d; //what the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] removeClass ButtonClick Button addClass ButtonClick set link (getText) //This links all the images to their corresponding buttons// //If you change the name of a Button it will have to be changed here as well// //but only the name within the " "// //That's to make it easier on you when you change the names so the script will work// // with out you having to meticulous go through each line and change things around// if (eq "${link}" "Appearance") (show Default) if (eq "${link}" "Appearance") (hide Armor) if (eq "${link}" "Appearance") (hide Weapon) if (eq "${link}" "Appearance") (hide Weapon2) //If you only have 1 picture you would like to use// // Change (show B2) to (show Default)// //Delete the entire line above that one// //Paste this under it: if (eq "${link}" "Appearance") (hide Armor) if (eq "${link}" "Appearance") (hide Weapon) if (eq "${link}" "Appearance") (hide Weapon2) //Make sure to change the button to say just "Appearance"// //and change the script to say that as well,// //you do not have to remove anything else!// //So ignore anything that says Option// //just don't mess with those ones// if (eq "${link}" "Armor") (show Armor) if (eq "${link}" "Armor") (hide Weapon) if (eq "${link}" "Armor") (hide Weapon2) if (eq "${link}" "Armor") (hide Option1) if (eq "${link}" "Armor") (hide Option2) if (eq "${link}" "Armor") (hide Option3) if (eq "${link}" "Armor") (hide Default) if (eq "${link}" "Weapon") (show Weapon) if (eq "${link}" "Weapon") (hide Armor) if (eq "${link}" "Weapon") (hide Weapon2) if (eq "${link}" "Weapon") (hide Default) if (eq "${link}" "Weapon") (hide Option1) if (eq "${link}" "Weapon") (hide Option2) if (eq "${link}" "Weapon") (hide Option3) if (eq "${link}" "Weapon 2") (show Weapon2) if (eq "${link}" "Weapon 2") (hide Armor) if (eq "${link}" "Weapon 2") (hide Weapon) if (eq "${link}" "Weapon 2") (hide Default) if (eq "${link}" "Weapon 2") (hide Option1) if (eq "${link}" "Weapon 2") (hide Option2) if (eq "${link}" "Weapon 2") (hide Option3) if (eq "${link}" "Option 1") (show Option1) if (eq "${link}" "Option 1") (hide Option2) if (eq "${link}" "Option 1") (hide Option3) if (eq "${link}" "Option 1") (hide Default) if (eq "${link}" "Option 1") (hide Armor) if (eq "${link}" "Option 1") (hide Weapon) if (eq "${link}" "Option 1") (hide Weapon2) if (eq "${link}" "Option 2") (show Option2) if (eq "${link}" "Option 2") (hide Option1) if (eq "${link}" "Option 2") (hide Option3) if (eq "${link}" "Option 2") (hide Default) if (eq "${link}" "Option 2") (hide Armor) if (eq "${link}" "Option 2") (hide Weapon) if (eq "${link}" "Option 2") (hide Weapon2) if (eq "${link}" "Option 3") (show Option3) if (eq "${link}" "Option 3") (hide Option1) if (eq "${link}" "Option 3") (hide Option2) if (eq "${link}" "Option 3") (hide Default) if (eq "${link}" "Option 3") (hide Armor) if (eq "${link}" "Option 3") (hide Weapon) if (eq "${link}" "Option 3") (hide Weapon2) if (eq "${link}" "Original") (show Default) if (eq "${link}" "Original") (hide Option1) if (eq "${link}" "Original") (hide Option2) if (eq "${link}" "Original") (hide Option3) if (eq "${link}" "Original") (hide Armor) if (eq "${link}" "Original") (hide Weapon) if (eq "${link}" "Original") (hide Weapon2) if (eq "${link}" "Return") (hide B2) if (eq "${link}" "Return") (show B1) if (eq "${link}" "Details") (show Deets) if (eq "${link}" "Close") (hide Deets) [/script]

[div class=title]

[div class=LeftWolf]

Wolf Guild Application​

[div class=RightWolf]

[/div]

[/div] [class=Notes] //Below are the buttons// //TO REMOVE BUTTONS// //Find the button you wish to remove// //delete it's line of code// //That's it!// //You can ignore anything that has it's name on it// //you do not have to delete any of that, it will remain hidden// //INSTRUCTION ON HOW TO HAVE ONLY ONE APPEARANCE IMAGE IS IN THE SCRIPT CODE ABOVE// //UNDER if (eq "${link}" "Appearances") (show B2)// //TO ADD BUTTONS// //Copy and Paste one of the button codes// //If its an appearance picture that you want to add Copy and paste a button with B2 in it// //If its anything else, Copy the Buttons with B1 in it// //Next change the name of the button to what you want it to be// //Go down to where all the codes are for the pictures and copy and paste one of them// //Change its name within the Class="Name hidden" part. KEEP THE HIDDEN THERE IF ITS THERE// //Now go up to the script code// //Copy and paste on of the chunks of code that all have the same name within the " "// //Change the name within the " " to the EXACT name you changed your new button to// //Change the part in the second set of parenthesis to (show What you named your PICTURE, the EXACT word )// //Make sure that the rest of the parenthesis that say hide include everything else// //If you do not specify to hide a certain picture, then if that picture/button is selected it will show up under your new picture// //when its selected// [/class]

[div class=Button]

Appearances

[div class="Button B1"]

Armor

[div class="Button B1"]

Weapon

[/div] [div class="Button B1"]

Weapon 2

[/div] [div class="Button B2 hidden"]

Option 1

[/div] [div class="Button B2 hidden"]

Option 2

[/div] [div class="Button B2 hidden"]

Option 3

[/div] [div class="Button B2 hidden"]

Original

[/div] [div class="Button B2 hidden"]

Return

[/div] [/div]

[class=Notes] //These are the codes for each picture// //To replace the place holder// //Paste your URL inplace of the place holder URL within the Background:url parenthesis// //To add/remove a picture// //Instructions to do so are in the notes aboce the Button Codes// //In order to add/remove a picture you will have to add/remove their button// //The only picture not hidden is the default one, this will be the first picture to load when the page shows up// //this should be how your OC looks normally// [/class] [div class=Default style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://i.imgur.com/liNh7yW.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Option1 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Option2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(http://lwvnaperville.org/wp-content/uploads/2017/06/placeholder.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option3 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Armor hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://improveyourdrawings.com/wp-content/uploads/2019/01/IMG_1655-e1546884301904-914x812.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://www.picclickimg.com/00/s/NTAwWDUwMA==/z/USMAAOSwImRYDfnP/$/Medieval-Crusader-Chivalry-Knights-Long-Sword-w-Scab-_1.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://images-na.ssl-images-amazon.com/images/I/412bpzKcQZL._SX466_.jpg) no-repeat;background-size:100% 100%;"] [/div]

[class=Notes] //Below you can start filling out the Cs// //Please add text after the [/B]// //Other wise the text will be bold// [/class]

Name: Jean Beaucant

True Age: 27

Appearance Age: Early 20's

Gender: Male

Species: Human

Class: Fighter

Distinguishing features: Curly blonde hair

Preferred weapon(s): Sword

Preferred Type(s) of Magic: None
​

[div class=Button]

Details

[/div] [div class="Deets hidden"] Skills:
Swordsmanship is the only skill that Jean has, and he wields it with pride. Despite the innate human potential to learn and harness both esoteric and exoteric magic, Jean has shown an alarming lack of competency in both. Thus, during his tenure as a squire, he labored to become the best swordsman that he could possibly be. His combat style is more akin to fencing, where he uses leverage, footwork, and positioning in an attempt to throw his opponent off balance. He has mastered it to the point where it became as natural to him as breathing. It is due to his skill that he believes himself to be the greatest swordsman in all of Nera.

Personality:
Arrogant and prideful with a silver tongue to match, Jean is for all intents and purposes, a narcissistic man who believes himself superior to anyone and everyone no matter the race or gender. He turned his back on the Gods long ago, believing himself to be even superior to them - yet he does not commit blasphemy nor does he tolerate it. Those who are close to him - well, he has very, very few people who are close to him due to his abrasive personality, know him to be a smart-mouthed cynic with very little in the way of proper etiquette. The only person he treats with even a sliver of respect is his father. His morals and ethics are questionable at best, and at worst he has none of note. Before he gained the infamous title of "The Knight Who Left," he had a very sour reputation among knights in the Royal Castle that dated back to his tenure as a squire. The code of a knight means very little to him, as does chivalry. Jean only cares about three things: His sword, His armor, and His swordsmanship. All in all he is a representation of everything that a knight should not be.

History:
Jean was born to an extremely wealthy family of merchants. His father, Jeques Beaucant, lost the love of his life while birthing Jean. Ever since that day, Jeques treated Jean like an eyesore. Although Jeques held a particularly fond reputation as an extremely competent merchant, it was well known that his son was quite the rebel in the city of Gloryce. To instill discipline within his son, he sent him to squire under a knight in Kolan at the Royal Castle when he reached the age of fifteen. After working hard as a squire for ten years, Jean was finally knighted at the age of 26. However, due to reasons only known to him, he abandoned his post one faithful day to join the Wolf's Guild. His status as a knight was in jeopardy due to this act, but due to his father and by extension, his family's great wealth and influence, he managed to maintain his post. Henceforth he became known as "The Knight Who Left."

[div class=Button]

Close

[/div] [/div] Views on the Hekaspectrum:
He believes that all races and creatures are equally inferior to himself.

Reason for joining the Wolf Guild:
Known only to himself. ​

[/div] [div class=title style="font-size:100%;line-height:2;"]

[div class=LeftWolf]

[/div]

Official Document of the Kolan Guild Committee

[div class=RightWolf]

[/div]

[/div]

[/div]

 

[Elenion Aura]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=title] border-bottom: solid 2px #35a22f ; border-top: solid 2px #35a22f ; background-color: #35a22f ; color: #f8cc2d; font-size: 200%; line-height: 1; text-align:center; margin: 10px auto; width: 100%; padding: 5px; font-familyldenburg; //The Title; "Wolf Guild Application"// [/class] [class=LeftWolf] pointer-events:none; opacity:0.8; width:25%; line-height:0px; //The Wolf Symbol on the left// [/class] [class=RightWolf] pointer-events:none; margin-right:0px; opacity:0.8; width:25%; line-height:0px; float:right; //The Wolf Symbol on the right// [/class] [class=hidden] display:none; //Keeps hidden things hidden// [/class] [class=Button] background-color: #35a22f ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //What the buttons by the pictures and the "Details" button look like// [/class] [class name=ButtonClick] background-color: #0e610a ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //what the button looks like when clicked// [/class] [class name=Button state=hover] background-color: #0e610a ; cursor:pointer; color:#f8cc2d; //what the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] removeClass ButtonClick Button addClass ButtonClick set link (getText) //This links all the images to their corresponding buttons// //If you change the name of a Button it will have to be changed here as well// //but only the name within the " "// //That's to make it easier on you when you change the names so the script will work// // with out you having to meticulous go through each line and change things around// if (eq "${link}" "Appearance") (show Default) if (eq "${link}" "Appearance") (hide Armor) if (eq "${link}" "Appearance") (hide Weapon) if (eq "${link}" "Appearance") (hide Weapon2) //If you only have 1 picture you would like to use// // Change (show B2) to (show Default)// //Delete the entire line above that one// //Paste this under it: if (eq "${link}" "Appearance") (hide Armor) if (eq "${link}" "Appearance") (hide Weapon) if (eq "${link}" "Appearance") (hide Weapon2) //Make sure to change the button to say just "Appearance"// //and change the script to say that as well,// //you do not have to remove anything else!// //So ignore anything that says Option// //just don't mess with those ones// if (eq "${link}" "Armor") (show Armor) if (eq "${link}" "Armor") (hide Weapon) if (eq "${link}" "Armor") (hide Weapon2) if (eq "${link}" "Armor") (hide Option1) if (eq "${link}" "Armor") (hide Option2) if (eq "${link}" "Armor") (hide Option3) if (eq "${link}" "Armor") (hide Default) if (eq "${link}" "Weapon") (show Weapon) if (eq "${link}" "Weapon") (hide Armor) if (eq "${link}" "Weapon") (hide Weapon2) if (eq "${link}" "Weapon") (hide Default) if (eq "${link}" "Weapon") (hide Option1) if (eq "${link}" "Weapon") (hide Option2) if (eq "${link}" "Weapon") (hide Option3) if (eq "${link}" "Weapon 2") (show Weapon2) if (eq "${link}" "Weapon 2") (hide Armor) if (eq "${link}" "Weapon 2") (hide Weapon) if (eq "${link}" "Weapon 2") (hide Default) if (eq "${link}" "Weapon 2") (hide Option1) if (eq "${link}" "Weapon 2") (hide Option2) if (eq "${link}" "Weapon 2") (hide Option3) if (eq "${link}" "Option 1") (show Option1) if (eq "${link}" "Option 1") (hide Option2) if (eq "${link}" "Option 1") (hide Option3) if (eq "${link}" "Option 1") (hide Default) if (eq "${link}" "Option 1") (hide Armor) if (eq "${link}" "Option 1") (hide Weapon) if (eq "${link}" "Option 1") (hide Weapon2) if (eq "${link}" "Option 2") (show Option2) if (eq "${link}" "Option 2") (hide Option1) if (eq "${link}" "Option 2") (hide Option3) if (eq "${link}" "Option 2") (hide Default) if (eq "${link}" "Option 2") (hide Armor) if (eq "${link}" "Option 2") (hide Weapon) if (eq "${link}" "Option 2") (hide Weapon2) if (eq "${link}" "Option 3") (show Option3) if (eq "${link}" "Option 3") (hide Option1) if (eq "${link}" "Option 3") (hide Option2) if (eq "${link}" "Option 3") (hide Default) if (eq "${link}" "Option 3") (hide Armor) if (eq "${link}" "Option 3") (hide Weapon) if (eq "${link}" "Option 3") (hide Weapon2) if (eq "${link}" "Original") (show Default) if (eq "${link}" "Original") (hide Option1) if (eq "${link}" "Original") (hide Option2) if (eq "${link}" "Original") (hide Option3) if (eq "${link}" "Original") (hide Armor) if (eq "${link}" "Original") (hide Weapon) if (eq "${link}" "Original") (hide Weapon2) if (eq "${link}" "Return") (hide B2) if (eq "${link}" "Return") (show B1) if (eq "${link}" "Details") (show Deets) if (eq "${link}" "Close") (hide Deets) [/script]

[div class=title]

[div class=LeftWolf]

Wolf Guild Application​

[div class=RightWolf]

[/div]

[/div] [class=Notes] //Below are the buttons// //TO REMOVE BUTTONS// //Find the button you wish to remove// //delete it's line of code// //That's it!// //You can ignore anything that has it's name on it// //you do not have to delete any of that, it will remain hidden// //INSTRUCTION ON HOW TO HAVE ONLY ONE APPEARANCE IMAGE IS IN THE SCRIPT CODE ABOVE// //UNDER if (eq "${link}" "Appearances") (show B2)// //TO ADD BUTTONS// //Copy and Paste one of the button codes// //If its an appearance picture that you want to add Copy and paste a button with B2 in it// //If its anything else, Copy the Buttons with B1 in it// //Next change the name of the button to what you want it to be// //Go down to where all the codes are for the pictures and copy and paste one of them// //Change its name within the Class="Name hidden" part. KEEP THE HIDDEN THERE IF ITS THERE// //Now go up to the script code// //Copy and paste on of the chunks of code that all have the same name within the " "// //Change the name within the " " to the EXACT name you changed your new button to// //Change the part in the second set of parenthesis to (show What you named your PICTURE, the EXACT word )// //Make sure that the rest of the parenthesis that say hide include everything else// //If you do not specify to hide a certain picture, then if that picture/button is selected it will show up under your new picture// //when its selected// [/class]

[div class=Button]

Appearance

[div class="Button B1"]

Armor

[div class="Button B1"]

Weapon

[/div] [div class="Button B2 hidden"]

Option 1

[/div] [div class="Button B2 hidden"]

Option 2

[/div] [div class="Button B2 hidden"]

Option 3

[/div] [div class="Button B2 hidden"]

Original

[/div] [div class="Button B2 hidden"]

Return

[/div] [/div]

[class=Notes] //These are the codes for each picture// //To replace the place holder// //Paste your URL inplace of the place holder URL within the Background:url parenthesis// //To add/remove a picture// //Instructions to do so are in the notes aboce the Button Codes// //In order to add/remove a picture you will have to add/remove their button// //The only picture not hidden is the default one, this will be the first picture to load when the page shows up// //this should be how your OC looks normally// [/class] [div class=Default style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://pbs.twimg.com/media/D4yLFwQXkAAgz7L.jpg:large) no-repeat;background-size:100% 100%;"] [/div] [div class="Option1 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Option2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(http://lwvnaperville.org/wp-content/uploads/2017/06/placeholder.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option3 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Armor hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://cdnb.artstation.com/p/assets/images/images/001/567/301/large/junseok-kim-tryndamere-equipment-render.jpg?1448691670) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://cdnb.artstation.com/p/assets/images/images/002/371/679/large/david-sanchez-screen01.jpg?1562324428) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div]

[class=Notes] //Below you can start filling out the Cs// //Please add text after the [/B]// //Other wise the text will be bold// [/class]

Name: Rhasa

True Age: 25

Appearance Age: 25

Gender: Male

Species: Were-Shifter

Class: Warrior; Fighter

Distinguishing features: He is very muscular.

Preferred weapon(s): A very large sword, his fists

Preferred Type(s) of Magic: Battle Fury, Lycanthropy (untapped), Regenerative Healing
​

[div class=Button]

Details

[/div] [div class="Deets hidden"] Skills:
Rhasa is adept at fighting. He also enjoys singing and reciting poetry. Oddly enough.

Personality:
Introspective, at least, as far as his berserker brethren were concerned.

History:
Brash and formidable, Rhasa was raised amidst a world of hardship. Born to a fringe clan who claim the harsh bluffs of the Tbjorniar mountain range as their home, life was hard. Food was scarce. Resources, scarcer. The dwarves, safe and warm in their subterranean holes, spoiled themselves with riches untold. Unaware, uncaring, for the souls freezing and starving above ground. Hardship is an excellent teacher. Rhasa's clan became known for their prowess in battle, defending their humble homestead against the elements, the many beasts that roamed the mountains, and wandering raiders.

One night, while Rhasa was away from the camp, hunting, he attacked by a man. No, a beast. It was a bit of both, or neither. Or something in between. He wrestled with it up and down the mountain, its jaws, hungry, snapping at his flank, his face. When dawn arrived, Rhasa lay panting beside the beast, its body a ruin. Wounded, he dragged the creature back to his family's hut, but by the time he'd arrived, he found the place abandoned, and burning. With nothing left to keep him there, Rhasa made his way south, where word reached his ear of the formation of guilds.

[div class=Button]

Close

[/div] [/div] Views on the Hekaspectrum:
Neutral


Reason for joining the Wolf Guild:
To find a worthy opponent. Preferably many. Preferably all at once. To uncover the truth of his clan’s disappearance.
​

[/div] [div class=title style="font-size:100%;line-height:2;"]

[div class=LeftWolf]

[/div]

Official Document of the Kolan Guild Committee

[div class=RightWolf]

[/div]

[/div]

[/div]

 

[LazyDaze]

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// //The only named colors are White and Silver// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. You'll have to use the
tags// //the font is called Oldenburg, if you wish to change it look for that and replace it// [/class] [class=title] border-bottom: solid 2px #35a22f ; border-top: solid 2px #35a22f ; background-color: #35a22f ; color: #f8cc2d; font-size: 200%; line-height: 1; text-align:center; margin: 10px auto; width: 100%; padding: 5px; font-familyldenburg; //The Title; "Wolf Guild Application"// [/class] [class=LeftWolf] pointer-events:none; opacity:0.8; width:25%; line-height:0px; //The Wolf Symbol on the left// [/class] [class=RightWolf] pointer-events:none; margin-right:0px; opacity:0.8; width:25%; line-height:0px; float:right; //The Wolf Symbol on the right// [/class] [class=hidden] display:none; //Keeps hidden things hidden// [/class] [class=Button] background-color: #35a22f ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //What the buttons by the pictures and the "Details" button look like// [/class] [class name=ButtonClick] background-color: #0e610a ; color: #f8cc2d; line-height: 1; text-align:center; margin: 0px auto; margin-bottom:20px; padding: 5px; font-familyldenburg; width:100%; //what the button looks like when clicked// [/class] [class name=Button state=hover] background-color: #0e610a ; cursor:pointer; color:#f8cc2d; //what the button looks like when a mouse hovers over it// [/class] [script class=Button on=click] removeClass ButtonClick Button addClass ButtonClick set link (getText) //This links all the images to their corresponding buttons// //If you change the name of a Button it will have to be changed here as well// //but only the name within the " "// //That's to make it easier on you when you change the names so the script will work// // with out you having to meticulous go through each line and change things around// if (eq "${link}" "Appearances") (hide B1) if (eq "${link}" "Appearances") (show B2) //If you only have 1 picture you would like to use// // Change (show B2) to (show Default)// //Delete the entire line above that one// //Paste this under it: if (eq "${link}" "Appearance") (hide Armor) if (eq "${link}" "Appearance") (hide Weapon) if (eq "${link}" "Appearance") (hide Weapon2) //Make sure to change the button to say just "Appearance"// //and change the script to say that as well,// //you do not have to remove anything else!// //So ignore anything that says Option// //just don't mess with those ones// if (eq "${link}" "Armor") (show Armor) if (eq "${link}" "Armor") (hide Weapon) if (eq "${link}" "Armor") (hide Weapon2) if (eq "${link}" "Armor") (hide Option1) if (eq "${link}" "Armor") (hide Option2) if (eq "${link}" "Armor") (hide Option3) if (eq "${link}" "Armor") (hide Default) if (eq "${link}" "Weapon") (show Weapon) if (eq "${link}" "Weapon") (hide Armor) if (eq "${link}" "Weapon") (hide Weapon2) if (eq "${link}" "Weapon") (hide Default) if (eq "${link}" "Weapon") (hide Option1) if (eq "${link}" "Weapon") (hide Option2) if (eq "${link}" "Weapon") (hide Option3) if (eq "${link}" "Weapon 2") (show Weapon2) if (eq "${link}" "Weapon 2") (hide Armor) if (eq "${link}" "Weapon 2") (hide Weapon) if (eq "${link}" "Weapon 2") (hide Default) if (eq "${link}" "Weapon 2") (hide Option1) if (eq "${link}" "Weapon 2") (hide Option2) if (eq "${link}" "Weapon 2") (hide Option3) if (eq "${link}" "Option 1") (show Option1) if (eq "${link}" "Option 1") (hide Option2) if (eq "${link}" "Option 1") (hide Option3) if (eq "${link}" "Option 1") (hide Default) if (eq "${link}" "Option 1") (hide Armor) if (eq "${link}" "Option 1") (hide Weapon) if (eq "${link}" "Option 1") (hide Weapon2) if (eq "${link}" "Option 2") (show Option2) if (eq "${link}" "Option 2") (hide Option1) if (eq "${link}" "Option 2") (hide Option3) if (eq "${link}" "Option 2") (hide Default) if (eq "${link}" "Option 2") (hide Armor) if (eq "${link}" "Option 2") (hide Weapon) if (eq "${link}" "Option 2") (hide Weapon2) if (eq "${link}" "Option 3") (show Option3) if (eq "${link}" "Option 3") (hide Option1) if (eq "${link}" "Option 3") (hide Option2) if (eq "${link}" "Option 3") (hide Default) if (eq "${link}" "Option 3") (hide Armor) if (eq "${link}" "Option 3") (hide Weapon) if (eq "${link}" "Option 3") (hide Weapon2) if (eq "${link}" "Original") (show Default) if (eq "${link}" "Original") (hide Option1) if (eq "${link}" "Original") (hide Option2) if (eq "${link}" "Original") (hide Option3) if (eq "${link}" "Original") (hide Armor) if (eq "${link}" "Original") (hide Weapon) if (eq "${link}" "Original") (hide Weapon2) if (eq "${link}" "Return") (hide B2) if (eq "${link}" "Return") (show B1) if (eq "${link}" "Details") (show Deets) if (eq "${link}" "Close") (hide Deets) [/script]

[div class=title]

[div class=LeftWolf]

Wolf Guild Application​

[div class=RightWolf]

[/div]

[/div] [class=Notes] //Below are the buttons// //TO REMOVE BUTTONS// //Find the button you wish to remove// //delete it's line of code// //That's it!// //You can ignore anything that has it's name on it// //you do not have to delete any of that, it will remain hidden// //INSTRUCTION ON HOW TO HAVE ONLY ONE APPEARANCE IMAGE IS IN THE SCRIPT CODE ABOVE// //UNDER if (eq "${link}" "Appearances") (show B2)// //TO ADD BUTTONS// //Copy and Paste one of the button codes// //If its an appearance picture that you want to add Copy and paste a button with B2 in it// //If its anything else, Copy the Buttons with B1 in it// //Next change the name of the button to what you want it to be// //Go down to where all the codes are for the pictures and copy and paste one of them// //Change its name within the Class="Name hidden" part. KEEP THE HIDDEN THERE IF ITS THERE// //Now go up to the script code// //Copy and paste on of the chunks of code that all have the same name within the " "// //Change the name within the " " to the EXACT name you changed your new button to// //Change the part in the second set of parenthesis to (show What you named your PICTURE, the EXACT word )// //Make sure that the rest of the parenthesis that say hide include everything else// //If you do not specify to hide a certain picture, then if that picture/button is selected it will show up under your new picture// //when its selected// [/class]

[div class=Button]

Appearances

[div class="Button B1"]

Armor

[div class="Button B1"]

Weapon

[/div] [div class="Button B1"]

Weapon 2

[/div] [div class="Button B2 hidden"]

Option 1

[/div] [div class="Button B2 hidden"]

Option 2

[/div] [div class="Button B2 hidden"]

Option 3

[/div] [div class="Button B2 hidden"]

Original

[/div] [div class="Button B2 hidden"]

Return

[/div] [/div]

[class=Notes] //These are the codes for each picture// //To replace the place holder// //Paste your URL inplace of the place holder URL within the Background:url parenthesis// //To add/remove a picture// //Instructions to do so are in the notes aboce the Button Codes// //In order to add/remove a picture you will have to add/remove their button// //The only picture not hidden is the default one, this will be the first picture to load when the page shows up// //this should be how your OC looks normally// [/class] [div class=Default style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://i.pinimg.com/originals/7c/66/2f/7c662f48a05c7c5e587d4573f5c7ce6d.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Option1 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Option2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(http://lwvnaperville.org/wp-content/uploads/2017/06/placeholder.png) no-repeat;background-size:100% 100%;"] [/div] [div class="Option3 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Armor hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://i.pinimg.com/originals/77/22/22/7722228a69bd5d93271bc386070d852b.jpg) no-repeat;background-size:100% 100%;"] [/div] [div class="Weapon2 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #f8cc2d; width:100%;height:450px;background:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRYXH49TofAuXGPgtVTvlSVWKnZ1tIK1cSB9-gPebjR1ijCgJQ5Ig) no-repeat;background-size:100% 100%;"] [/div]

[class=Notes] //Below you can start filling out the Cs// //Please add text after the [/B]// //Other wise the text will be bold// [/class]

[/div]

Name: Zedrys Hollows

True Age:25

Appearance Age: 27

Gender:Male

Species:Human

Class: (Gun Slinger; Sharpshooter)

Distinguishing features: Eye Patch, Tatoos on right arm/chest

Preferred weapon(s): Sniper Rifle

Preferred Type(s) of Magic: Fire, Wind(Top four types maximum)
​

[div class=Button]

Details

​

[div class="Deets hidden"] Skills: Zedrys is adept at tracking, others or covering his own tracks. He is able to see at night better than the average human, and is able to function even after skipping a few days of sleep.
[/div][div class="Deets hidden"][/div][div class="Deets hidden"]

Personality: Zedrys is a thrill seeker known for walking along the shades of grey when it comes to morality. He enjoys the thrill of dangerous missions, with assassination's being his forte. Despite the blood he has on his hands, he is quite easy-going. He doesn't sweat the little things, and hardly worries too much, often allowing his problems to solve themselves. He has a straightforward approach to life, and for that reason he is also one of the more honest people you will meet. One of his most redeeming traits is his mental toughness. Most likely this is attributed to his easy-going nature, but he is rarely overwhelmed by any circumstance or situation. Most see him as a barbarian delinquent incapable of intelligent thought; however, while his decision making is questionable he often chooses to take a simplistic approach to life and can be very observant/intuitive.


History: Zedrys never knew his parents that well as he wasn't born into a particularly stable environment. His parents were loving, and caring; however, even at young age Zedrys knew they would be unable to continue to survive while taking care of him. There just wasn't enough resources to go around. To this day Zedrys is unsure if it was the right decision, but he ran away from home in order to learn how to survive on his own. Needless to say it was not very successful. Growing up having to do more than the average child was still no way to prepare for survival. Fate would smile on him as a Centaur found him on deaths do and took him in. This centaur would later become one of the most important figures in his life. The centaur allowed Zedrys to accompany him; however, Zedrys insisted that he teach him how to become a man. Because of this request the centaur made Zedrys agree to become self sufficient. This meant he had to find/kill his own food, build his own fires/shelter, and fight his own battles. While this was very difficult at first Zedrys was determined to become his own man and after a few years he was almost as skilled as his "master." It was never a father son relationship between the two, but eventually he was able to be seen as more of an equal. However, the time would come where the centaur would break his own rules. Zedrys had a bad run in with a group of thieves. To be more specific he stole from them. Although he thought he was in the clear, it would prove false when the thieves learned where his hideout was. By the time Zedrys had realized his mistake it was already too late. His enemies totaled to about 12 and although Zedrys had toughened up in the last 3 years he was still no match for 12 thieves. Certain of his death Zedrys could only remain frozen in fear as he was approached; however, his old master appeared to his surprised and took on the gang of thieves. He fought bravely and valiantly; in fact, only 3 were able to escape; however, they had been using poisioned tipped weapons and it they quickly took effect...he was going to die and it was his fault. The centaur only smiled, even when Zedrys questioned him for breaking his own rules to which he only replied..."because we were friends." From that point on Zedrys vowed to never run again. Briefly before joining the guild, Zedrys wandered Kalon helping out strays like himself in homage to his master. He was also searching for the surving bandits who had attacked him. He came across many different kinds of people during his journey until he eventually stumbled across the Wolf's guild. Feeling a strange connection to the guild and the "strays" that had gathered here, he decided to sign up.[/div]​

[/div][/div]

[div class="Deets hidden"]

[div class=Button]

Close

​

​

Views on the Hekaspectrum: It doesn't matter much once you're dead.


Reason for joining the Wolf Guild: Zedrys would say he is looking for bigger and better thrills. Joining a guild gives him an excuse to see the world and maybe this could serve as penitence for his inability to protect his master. In truth this might be the family he has secretly longed for.
​

[/div] [div class=title style="font-size:100%;line-height:2;"]

[div class=LeftWolf]

[/div]

Official Document of the Kolan Guild Committee

[div class=RightWolf]

[/div]

[/div]

[/div]