[Raven] Maria
animegirl20
Ten Thousand Club
[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-family
ldenburg;
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][/div]
[div class=Ribbon2][/div]
[/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][/div]
[div class=Ribbon2][/div]
[/div]
[/div]
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-family
ldenburg;
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 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]
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 class=Left][/div]
Official Document of the Kolan Guild Committee
[div class=Right][/div]
