PROFESSOR APPLICATION!

PROFESSOR APPLICATION!

Joined: 25 Mar 2010, 07:30

01 Jan 2015, 19:29 #1

Thread Title: LAST, first middle
Description: CANON


{ avatar by ronald weasley of caution 2.0 }
Like

Joined: 25 Mar 2010, 07:30

01 Jan 2015, 19:38 #2

Code: Select all

&#91;dohtml&#93;<link href='http&#58;//fonts.googleapis.com/css?family=Playfair+Display+SC&#124;Rochester' rel='stylesheet' type='text/css'>
<style type="text/css">
.mappics {  
  opacity&#58; 0; 
  width&#58; 400px; 
  height&#58; 200px; 
  transition-duration&#58; 2.0s;  
  -moz-transition-duration&#58; 2.0s;  
  -webkit-transition-duration&#58; 2.0s;  
  -o-transition-duration&#58; 2.0s; 
  }
.mappics&#58;hover { opacity&#58; 0.9 }

.mappics2 { 
  width&#58; 340px; 
  height&#58; 240px; 
  background-color&#58; #E1E1E1; 
  padding&#58; 30px; 
  font&#58; normal normal normal 20px/100% 'Playfair Display SC';
  text-align&#58; center; 
  line-height&#58; 100%; 
  color&#58; #AFA990; 
  }
.mappics2 h1{
  font&#58; italic normal normal 50px/10% 'Rochester';
  text-shadow&#58; 1px 1px 0px #431320;
  color&#58; #8B9989;
  text-align&#58; center;
  margin-top&#58; 10px;
  text-decoration&#58; underline;
}
.mappics2 table {
 width&#58; 300px;
 height&#58; 100px;
 border&#58; 3px #431320 double;
 border-spacing&#58; 5px;
 padding&#58; 0px;
 position&#58; relative;
 left&#58; 22px;
 top&#58; 5px;
}
.mappics2 tr td {
 font&#58; normal normal normal 10px/100% 'Playfair Display SC';
 border&#58; 3px #431320 double;
 text-align&#58; center;
 width&#58; 100px;
 height&#58; 30px;
 color&#58; #241525;
}
#m-appcontainer {
 margin&#58; 30px auto;
 width&#58; 400px;
 height&#58; 430px;
 position&#58; relative;
 background-color&#58; #8B9989;
 border-right&#58; 1px #1E3238 double;
 border-left&#58; 1px #1E3238 double;
 border-bottom&#58; 1px #1E3238 double;
 box-shadow&#58; 1px 1px 1px #1E3238;
}


.m-apptab {
 float&#58; left;
}


.m-apptab label {
 font&#58; normal normal normal 15px/100% times;
 margin&#58; -5px 10px 0px 0px;
 display&#58; block;
 width&#58; 1px;
 height&#58; 1px;
 background&#58; #431320;
 padding&#58; 5px 5px;
 position&#58; relative;
 left&#58; 125px;
 top&#58; 15px;
 border-radius&#58; 50%;
 border&#58; 15px #431320 solid;
}


.m-apptab &#91;type=radio&#93; {
display&#58; none;  
}


.m-appcontent {
position&#58; absolute;
top&#58; 60px;
bottom&#58; 0px;
left&#58; 28px;
right&#58; 0px;
background&#58; white;
padding&#58; 20px;
border&#58; 1px solid #ccc;
width&#58; 300px;
height&#58; 300px;
border&#58; 3px #1E3238 solid;
outline&#58; 3px #1E3238 double;
outline-offset&#58; -10px;
}
.m-appcontent h2 {
  font&#58; normal normal 700 30px/100% 'Playfair Display SC';
  text-align&#58; center;
  color&#58; #241525;
  letter-spacing&#58; -1px;
  margin-top&#58; 6px;
}
.m-appcontent h3 {
  font-family&#58; 'Rochester';
  font-size&#58; 25px;
  text-align&#58; center;
  color&#58; #AFA990;
  text-shadow&#58; 1px 1px 0px #241525;
  margin-top&#58; -32px;
}
.m-appcontent h4 {
  font&#58; bold normal normal 20px/100% 'Playfair Display SC';
  text-decoration&#58; underline;
  color&#58; #431320;
  position&#58; relative;
  top&#58; -15px;
}
.m-appcontenttext {
  width&#58; 280px;
  height&#58; 200px;
  padding&#58; 10px;
  font-family&#58; 'times new roman';
  font-size&#58; 11px;
  line-height&#58; 90%;
  text-align&#58; justify;
  overflow&#58; auto;
  margin-top&#58; -15px;
}
.m-appcontenttext2 {
  width&#58; 280px;
  height&#58; 180px;
  padding&#58; 10px;
  font-family&#58; 'times new roman';
  font-size&#58; 11px;
  line-height&#58; 90%;
  text-align&#58; justify;
  overflow&#58; auto;
  margin-top&#58; -15px;
}
.m-appcontenttext table {
 width&#58; 200px;
 height&#58; 100px;
 padding&#58; 10px;
 margin-left&#58; 10px;
}
.m-appcontenttext tr td {
 border&#58; 3px #431320 dotted;
 position&#58; relative;
}

&#91;type=radio&#93;&#58;checked ~ label {
background&#58; #AFA990;
z-index&#58; 2;
font-weight&#58; bold;
color&#58; #225E8F;
border&#58; 15px #1E3238 solid;
}


&#91;type=radio&#93;&#58;checked ~ label ~ .m-appcontent {
z-index&#58; 1;
}

.mlinks {
  text-align&#58; right;
  width&#58; 400px;
  font&#58; normal normal 700 10px/100% 'times new roman';
  text-decoration&#58; none;
  color&#58; #431320;
  margin-top&#58; -25px;
}
.mlinks a&#58;link,
.mlinks a&#58;active,
.mlinks a&#58;visited,
.mlinks a&#58;hover {
  font&#58; normal normal 700 10px/100% 'times new roman';
  text-decoration&#58; none;
  color&#58; #8B9989;
  text-transform&#58; uppercase;
}
</style>



<center><div style="box-shadow&#58; 1px 1px 1px #1E3238; border-right&#58; 1px #1E3238 double; border-left&#58; 1px #1E3238 double; border-top&#58; 1px #1E3238 double;margin-bottom&#58; -30px;width&#58; 400px; height&#58; 200px; background-image&#58; url&#40;400x200 IMAGE GOES HERE&#41;;">
  <div class="mappics">
  <div class="mappics2">
    <h1>First Middle Last</h1>
    <table class="mappics2"><tr><td>nickname</td>
      <td>name of class</td>
      <td>playby</td>
    </tr>
      <tr><td>## years old</td>
        <td>canon spirit</td>
        <td>sexuality</td>
      </tr>
    </table>
  </div>
  </div> 
  </div>

<div id="m-appcontainer">


<div class="m-apptab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1"></label>
<div class="m-appcontent">

<h2>life flows along</h2>
<h3><i>with a smile and a song</i></h3>

<div class="m-appcontenttext"> 

this is a freestyle application. please note that, however you choose to fill the application out, it must showcase your character's personality and tell us about their history. please remember to include where they are from - students come to nemare academy from around the world, so it's something we like to keep tabs on. keep in mind that nemare sends its letters and/or representatives to students when they are fourteen &#40;freshmen are fifteen&#41;. teacher ages may start from twenty-four.
</div>
</div>
</div>


<div class="m-apptab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2"></label>
<div class="m-appcontent">
<h2>all the people</h2>
<h3><i>go for broke and sing</i></h3>

<div class="m-appcontenttext">

what ability &#40;or abilities&#41; does your character have? these must relate to the canon - please explain how they if it isn't immediately obvious. some characters may not have powers at all. if your character's spirit is an animal, then they will be able to shapeshift into that animal, with a greater or lesser degree of skill.<p><br><br><br>
<h2>faith and trust</h2>
<h3><i>and a little bit of pixie dust</i></h3>
this is where you tell us about your character's similarities to their canon. this can be done in bullet points &#40;with a short explanation&#41; or in paragraph form, whichever you prefer.


</div>
<h4>insert codeword here.</h4>
</div>
</div>


<div class="m-apptab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3"></label>
<div class="m-appcontent">
<h2>about you</h2>
<h3><i>i wanna know, can you show me?</i></h3>

<div class="m-appcontenttext2">

tell us about you, the rper! it can be as long or as short as you like. you should also tell us how long you have been rping for, and where you heard about nemare academy. &#58;3
<br><br><br><br><br><br>
<p><h3>roleplay sample</h3><p>this is required only for your first character. the sample can be original or just something you've already posted somewhere else. as long as it obeys our posting rule &#40;i.e. it must be at least three paragraphs&#41;, you're good to go!
<p>if this is not your first character, please list your other characters here.
  
  
</div>
<h4>alias. age ##. timezone.</h4>
</div>
</div>
</div>
<div class="mlinks"><a href="http&#58;//link.com">&hearts; dino</a></div>

&#91;/dohtml&#93;
{ avatar by ronald weasley of caution 2.0 }
Like