Escaping Our Shadows

Forum Rules Make an OOC Account When Registering

Add Reply
New Topic
New Poll

ADMIN · 138 Posts
Posted on: Jan 21 2016, 11:21 AM
Played by Cryssie · 23 years · Admin · Overseer
"A Capricorn will always be by your side, until you fuck that up."

Member Group Hexes

Within this application code you will find a few hexes have been replaced with MEMBERGROUP please change these to the appropriate hex for your characters designated member group.

  • ANGEL:e6c319
  • BANSHEE:0bc627
  • DEMON:a59b9e
  • DRUID:40219d
  • HUMAN:0cad9e
  • HUNTER:116885
  • HYBRID:ee8510
  • KNIGHT:06232d
  • VAMPIRE:b60c19
  • WEREWOLF:1979e6
  • WITCH:077620
  • OTHER:e6c919 (If you do not see your characters species listed this will be your member group)

member group
This is where your freestyle app will go. This is what bold looks like. This is what italic looks like. There is a 300 word minimum on all applications. If a WIP app sits for five days without being modified it will be moved to the archives and the character and face claim will be reopened. If you post you app in WIP please inform an admin that you have finished so it may be looked over. AlsS look for the word MEMBERGROUP in the coding and place the proper hex code for your desired group. This app will scroll so have a blast creating your characters!
played by member

#nuttyapp { width: 522px; margin: 10px auto; position: relative; }
  .transfer { width: 500px; height: 410px; border: 10px solid transparent; outline: 2px solid #dedede; background: url(; overflow: hidden;}
  .transferl { width: 500px; height: 300px; border-bottom: 10px solid transparent; }
  .transferl img { width: 500px; height: 300px; }
  .wordsmith label[for=apples] { cursor: pointer;  position: absolute; top: 320px; z-index: 9; transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; }
  .wordybirdy { width: 460px; height: 100px; background: #MEMBERGROUP; padding: 0px 20px; text-align: center; color: #fff; text-shadow: 2px 2px #333; font: 45px/100px 'Dancing Script', cursive;}
  .wordsmith input[type=checkbox] { position: absolute; top: -9999px; left: -9999px; display: none;}
  .wordsmith input[type=checkbox]:checked ~ .totalcombat { top: -210px;}
  .wordsmith input[type=checkbox]:checked ~ label[for=apples] {  top: 10px; }
  .totalcombat {  height: 286px; width: 476px; padding: 10px; border: 2px solid #dedede; background: #f9f9f9; opacity: 1; transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; position: relative; top: 0; font: 12px/12px 'Raleway', sans-serif; text-align: justify; }
  .fatisimo { width: 100px; height: 100px; padding: 10px; border: 5px solid #dedede; }
  .fatisimo img { width: 100px; height: 100px; }
  .jupiter { width: 106px; padding: 5px 10px; border: 2px solid #ccc; margin-top: 5px; font: 10px/12px 'Raleway'; height: 12px; overflow: hidden; text-align: center;  background: #dedede; text-transform: uppercase; color: #333;}
  .rising { outline: 2px solid #dedede; border: 15px solid transparent; width: 276px; background: #f0f0f0; position: relative; top: -283px; height: 200px; left: 150px; color: #333; padding: 0px 5px; overflow: auto;}
  .rising::-webkit-scrollbar { width: 3px; }
  .rising::-webkit-scrollbar-thumb { background: #MEMBERGROUP; }
  .rising::-webkit-scrollbar-track { background: #MEMBERGROUP; border: 1px solid #f0f0f0; }
  .rising b { color: #MEMBERGROUP; }
  .rising i { color: #MEMBERGROUP; }
  .jupiterrising { width: 276px; padding: 0px 20px; text-align: center; position: relative; top: -283px; left: 150px; font: bold 35px/50px 'Dancing Script', cursive; color: #MEMBERGROUP; height: 50px; overflow: hidden; text-shadow: 1px 1px #333;}
.evviecreds { text-align: center; margin-top: 4px; text-transform: uppercase; }
 .evviecreds a { font: 10px/20px 'Raleway'; text-decoration: none;  }
<link href="|Raleway" rel="stylesheet">

<div id="nuttyapp">
<div class="transfer">
  <div class="transferl"> <img src=""></div>
<div class="wordsmith">
  <input type="checkbox" id="apples" />
    <div class="totalcombat">
      <div class="fatisimo"><img src=""></div>
      <div class="jupiter">AGE </div>
      <div class="jupiter">occupation</div>
      <div class="jupiter">member group</div>
      <div class="jupiter">trait</div>
      <div class="jupiter">trait</div>
      <div class="rising"> Type here
      <div class="jupiterrising">played by member</div>
  <label for="apples"> <div class="wordybirdy">first name last name</div></label>
<div class="evviecreds"><a href="">thanks evvie!</a></div>
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll



Code 8HH
Dangerous LiaisonsHogwarts For EternityA marvel infinity war rp
<% theaffs %>
skin by luna @ caution/shine. code script by jawn @ back to neverland