Add Reply
New Topic
New Poll

 Application
Quill
 Posted: Oct 31 2015, 09:52 PM
Quote
y/o & 302 posts
Awards: 4

Quill

Admin // plotter



Hello,

Please copy this form, fill it out with all your character details, and post it as a new thread in the pending forum. Be sure to mark it as WIP or Complete in the topic description. Thank you.
CODE


The application should look like this:

[dohtml]
<link href='http://fonts.googleapis.com/css?family=Wire+One|Geo|Russo+One|Economica' rel='stylesheet' type='text/css'>

<style type='text/css'>

#appheader {
width: 480px;
height:300px;
background: #999;
margin:0px auto;
}

#app_hover {
   width: 480px;
   height: 300px;
   position: relative;
   overflow: hidden;
}

#app_hover .app_inside {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
o-transition: all .5s ease-out;
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 480px;
   height: 300px;
}

#app_hover:hover .app_inside {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
o-transition: all .5s ease-out;
   top: -320px;
}

#app_container{
   height: 280px;
   width: 480px;
   padding: 30px 0px;
   background: #ddd;
   color: #111;  
   text-transform: uppercase;
   font-family: 'Exo', sans-serif;
   line-height: 100%;
   padding-top: 10px;  
   text-align: center;
   letter-spacing: 2px;
   border:1px solid #111;
}

.app_title{
   display:block;
   font: 18px "Economica";
   line-height:16px;
   background:  #4d0000;
   color:#ddd;
   padding:10px;
   margin:0px auto;
   border-bottom:1px solid #131611;
   text-transform:uppercase;
}

#app span{
   display:block;
   width:50%;
   float:right;
   text-align:right;

}

#app_name {
   margin-top:30px;
   padding:30px;
   font: 31px "wire one";
}
#app_details {    
   font-size:9px;
   margin:10px 20px;

}
#app_quote {
   text-transform:lowercase;
   font-style:italic;
   font-size:9px;
   margin:10px 40px;
}

#app {        
width:480px;
   padding: 10px 10px;
   background: #111;  
   margin:20px auto 0px auto;
}

#revo_cred {width:480px; margin: 0px auto 20px auto; font-size:8px; text-transform:uppercase; text-align:center; }
#revo_cred a {font-weight:bold; text-decoration:none;}

.app_info {
   background:#ddd;
   color:#111;
   padding:10px;
   height:200px;
   overflow:auto;    }

.accordion3 {
margin:0px auto;
width:480px;
background: #111;
font: 9px arial;
letter-spacing:1px;
}

.accordion3 ul {
list-style:none;
margin:0;
padding:0;
}
.accordion3 li {
margin:0;
padding:0;
}
.accordion3 [type=radio], .accordion [type=checkbox] {
display:none;
}
.accordion3 label {
   display:block;
   font: 18px "Economica";
   line-height:16px;
   background:  #4d0000;
   color:#ddd;
   cursor:pointer;
   text-transform:uppercase;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
}

.accordion3 ul li label:hover, .accordion3 [type=radio]:checked ~ label, .accordion3 [type=checkbox]:checked ~ label {
background:#b30000;
background-position: top right;
color:#fff; }


.accordion3 .content3 {
color:#555;
background:#ddd;
padding:0px 10px;
height:200px;
overflow:auto;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
text-align:justify;
font-size:10px;
}
.accordion3 .content3 .info{
   padding:10px;
}


.app_foot{
   display:block;
   font: 18px "Economica";
   line-height:16px;
   background: #4d0000;
   color:#ddd;
   padding:10px;
   margin:0px auto;
   text-align:center;
   text-transform:uppercase;

}

/* Vertical */
.vertical3 ul li {
overflow:hidden;
margin:0 0 1px;
}
.vertical3 ul li label {
padding:10px;
}
.vertical3 [type=radio]:checked ~ label, .vertical3 [type=checkbox]:checked ~ label {
border-bottom:0;
}
.vertical3 ul li label:hover {
}
.vertical3 ul li .content3 {
height:0px;
border-top:0;
}
.vertical3 [type=radio]:checked ~ label ~ .content3, .vertical3 [type=checkbox]:checked ~ label ~ .content3 {
height:300px;
}

</style>

<div id="app">

<div class="app_title">APPLY WITHIN

<span> MEMBERGROUP, FACE CLAIM</span></div>


<div id="appheader"><div id="app_hover"><div class="app_inside"><div id="app_img">

<img src="http://i1285.photobucket.com/albums/a586/Kay_Ziegler/replace%20with%20500%20x%20300%20fc%20image_zpsmcqcpgoq.jpg" width="500" height="300"/>

</div>
<div id="app_container">
<div id="app_name">

FIRST MIDDLE LAST</div>

<div id="app_details">

AGE | MEMBER GROUP | PLAY-BY/FACE CLAIM   <br/>
TRAIT ONE | TRAIT TWO | TRAIT THREE</div>

<div id="app_quote">"

A QUOTE WILL GO HERE.

"</div></div></div></div></div><div class="accordion3 vertical3">
<ul><li><input type="radio" id="radio-1" name="radio-accordion3" checked="checked"/><label for="radio-1">PERSONALITY/SKILLS/FAULTS/ETC</label><div class="content3"><div class="info">

At least 3 large paragraphs. Please include at least 3 likes, dislikes, strengths, weaknesses, abilities, too

</div></div></li><li><input type="radio" id="radio-2" name="radio-accordion3" /><label for="radio-2">HISTORY</label><div class="content3"><div class="info">

At least 3 paragraphs.

</div></div></li><li><input type="radio" id="radio-3" name="radio-accordion3" /><label for="radio-3">ROLE PLAY SAMPLE </label><div class="content3"><div class="info">

At least 3 good paragraphs in 3rd person, past tense, and in character you're applying to.

</div></div></li></ul></div><div class="app_foot ">ALIAS | AGE | TIMEZONE| FOUND US HOW? | RP EXPIRIENCE (IN YEARS)</div>
</div><div id="revo_cred">application template by <a href="http://rpg-directory.com/user-2680.html">revo. @ rpg-d</a></div>
[/dohtml]
PMEmail
^
Quill
 Posted: Oct 31 2015, 09:53 PM
Quote
y/o & 302 posts
Awards: 4

Quill

Admin // plotter



The application should look like this:

APPLY WITHIN MEMBERGROUP, FACE CLAIM
FIRST MIDDLE LAST
AGE | MEMBER GROUP | PLAY-BY/FACE CLAIM
TRAIT ONE | TRAIT TWO | TRAIT THREE
" A QUOTE WILL GO HERE. "
  • At least 3 large paragraphs. Please include at least 3 likes, dislikes, strengths, weaknesses, abilities, too
  • At least 3 paragraphs.
  • At least 3 good paragraphs in 3rd person, past tense, and in character you're applying to.
ALIAS | AGE | TIMEZONE| FOUND US HOW? | RP EXPIRIENCE (IN YEARS)
application template by revo. @ rpg-d
PMEmail
^
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll


 


 


Affiliates
Resources & Directories
Static II
Static
Scrolling
CONTENT FOR TAB 2 HERE
Toggle
CFS design by brax
. CFS Script by Black mini profile coded by tayter @ shine