Escaping Our Shadows

Forum Rules Make an OOC Account When Registering


 
Add Reply
New Topic
New Poll

 Application
ADMIN · 140 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)




OOC Name. Contact info. Timezone.
First Last
Gender
Age (written out)
Birthday
Hometown
Group
Face Claim
First Last
Tell us as much or as little as you want about your character. Just make sure it's enough for us to understand what you want to do. Don't worry about length - if it gets too long a lovely sidebar will magically appear.



CODE
[dohtml]<style type="text/css">.app-container { position: relative;  width: 300px; height: 450px; border-left: 180px solid #MEMBERGROUP; padding: 0px; font-family: 'Alice', serif; }
.tab { float: left; }
.app-container2 {position: relative; height: 450px; width: 300px;}
.tab label { display: block; width: 100px; cursor: pointer; background: #262324; color: #c8c1c3; padding: 10px; text-transform: uppercase; text-align: right; margin-left: -1px; position: absolute; top: 120px; left: -119px; }
.tab [type=radio] { display: none;  }
.app-ooc { min-width: 120px; max-width: 120px; padding: 10px; position: absolute; text-align: right; left: -145px; bottom: 20px; color: #969092; font-style: italic; font-size: 13px; line-height: 1; text-transform: uppercase; }
.app-name { position: absolute; bottom: 30px; background-color: #MEMBERGROUP; color: #969092; padding: 15px; text-transform: uppercase; text-align: center; width: 210px; font-size: 19px; left: 30px; opacity: 0; }
.app-intro { position: absolute; width: 220px; opacity: 0; top: 110px; margin-left: 35px; }
.app-intro3 { background-color: #MEMBERGROUP; color: #c8c1c3; padding: 4px; text-transform: uppercase; text-align: center; width: 220px; font-size: 12px; margin-bottom: 3px; }
.app-freestyle { opacity: 0; position: absolute; top: 5px; left: 5px; right: 5px; color: #1b0309; background-color: rgba(255,255,255,.7); padding: 4px; font-size: 14px; line-height: .9; letter-spacing: 1px; height: 430px; text-align: justify; }
.app-title { text-transform: uppercase; text-align: left; font-size: 20px; font-style: italic; }
.app-bar { background-color: #MEMBERGROUP; width: 10px; height: 35px; }
[type=radio]:checked ~ label { background-color: #848383; color: #c8c1c3; z-index: 2; }
[type=radio]:checked ~ label ~ .app-freestyle { z-index: 1; opacity: 1; }
[type=radio]:checked ~ .app-name { z-index: 1; opacity: 1; }
[type=radio]:checked ~ .app-intro { z-index: 1; opacity: 1; }
.app-shimmer { width: 480px; text-align: right; margin-top: -4px; font-size: 11px; text-transform: lowercase; }</style>

<center><div class="app-container" style="background: url(http://placehold.it/300x450);"><div class="app-container2">

<div class="app-ooc">
OOC Name. Contact info. Timezone.
</div>

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">Cover</label>
<div class="app-name">
First Last
</div>
</div>

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="margin-top: 50px;">Intro</label>
<div class="app-intro">
<div class="app-intro3">Gender</div>
<div class="app-intro3">Age (written out)</div>
<div class="app-intro3">Birthday</div>
<div class="app-intro3">Hometown</div>
<div class="app-intro3">Group</div>
<div class="app-intro3">Face Claim</div>
</div>
</div>

<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3" style="margin-top: 100px;">Freestyle</label>
<div class="app-freestyle">
<table><td><div class="app-bar"></div></td><td><div class="app-title">First Last</div></td></table>
<div style="overflow: auto; height: 385px; margin-top: 5px;">Tell us as much or as little as you want about your character. Just make sure it's enough for us to understand what you want to do. Don't worry about length - if it gets too long a lovely sidebar will magically appear.</div>
</div>
</div>

</div></div>
<div class="app-shimmer"><a href="http://shine.jcink.net/index.php?showuser=16439">▼ ShimmeringWitchy</a></div></center>[/dohtml]
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