[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 [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=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-family

ldenburg;
//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-family

ldenburg;
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-family

ldenburg;
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}" "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}" "Normal Appereance") (show Option1)
if (eq "${link}" "Normal Appereance") (hide Option2)
if (eq "${link}" "Normal Appereance") (hide Option3)
if (eq "${link}" "Normal Appereance") (hide Default)
if (eq "${link}" "Normal Appereance") (hide Armor)
if (eq "${link}" "Normal Appereance") (hide Weapon)
if (eq "${link}" "Normal Appereance") (hide Weapon2)
if (eq "${link}" "Elemental form") (show Option2)
if (eq "${link}" "Elemental form") (hide Option1)
if (eq "${link}" "Elemental form") (hide Option3)
if (eq "${link}" "Elemental form") (hide Default)
if (eq "${link}" "Elemental form") (hide Armor)
if (eq "${link}" "Elemental form") (hide Weapon)
if (eq "${link}" "Elemental form") (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=padding: 0px 20px 0px 20px;]
[div class=title]
[div class=LeftRaven]
[/div]
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=padding: 20px;font-family

ldenburg;]
[div=width:100%;]
[div class=Button]
Appearances
[/div]
[div class="Button B1"]
Armor
[/div]
[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 #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="Option1 hidden" style="pointer-events:none;line-height:0px;border: 2px solid #102f7e;width:100%;height:450px;background:url(https://pre00.deviantart.net/78c7/th/pre/i/2015/361/c/7/undead_rider_portrait_04_by_zano-d9lq3h9.jpg) 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(http://lwvnaperville.org/wp-content/uploads/2017/06/placeholder.png) 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]
[/class]
Name:
[br][/br]
[br][/br]
True Age:
[br][/br]
[br][/br]
Appearance Age:
[br][/br]
[br][/br]
Gender:
[br][/br]
[br][/br]
Species:
[br][/br]
[br][/br]
Class: (Base Class; Subclass)
[br][/br]
[br][/br]
Distinguishing features:
[br][/br]
[br][/br]
Preferred weapon(s): (Two types)
[br][/br]
[br][/br]
Preferred Type(s) of Magic: (Top four types maximum)
[br][/br]
[br][/br]
[br][/br]
[div=border-bottom: solid 2px #102f7e;][/div]
[br][/br]
[div class=Button]Details
[/div]
[div class="Deets hidden"]
Skills: [br][/br]
[br][/br]
[br][/br]
Personality: [br][/br]
[br][/br]
[br][/br]
History: [br][/br]
(include where they came from and how they end up in Kolan if they are not from there)[br][/br]
[br][/br]
[div class=Button]Close
[/div]
[/div]
Views on the Hekaspectrum: [br][/br]
[br][/br]
[br][/br]
Reason for joining the Raven Guild: [br][/br]
[br][/br]
[br][/br]
[/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=line-height:0px;width:10%;margin:0px auto;]
[/div]
[/div]