Add Reply
New Topic
New Poll

 New Introduction Model, Tag as: Occupation | Group | FC
The Demon Doors
 Posted: Oct 19 2015, 08:33 PM
Quote
And they lived happily ever after. With little to no cannibalism.
Immortal
- Age -
Married
- relationship status -
Leaders of the Armada
- occupation -
The Admin Team is Offline


Note: Please make sure to label your app as a WIP if it's not completely finished when you first post. This helps staff figure out who has finished and is ready to be reviewed, and who's still working on the app.

Alignments are as follows: Lawful Good, Neutral Good, Chaotic Good. Lawful Neutral, True Neutral, Chaotic Neutral. Lawful Evil, Neutral Evil, Chaotic Evil. This reference is a helpful guide to those that aren't quite sure where their character may fit.

OOC Name. Contact info. Timezone.
First Last
Age (written out)
Alignment
Occupation
Sexuality
Marital Status
Group
Face Claim
Full Name or Nickname (whichever you like)
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. Remember to use <*p> when you finish a paragraph! (Just remove the * obviously)


CODE
[dohtml]<style type="text/css">.app-container { position: relative;  width: 300px; height: 450px; border-left: 180px solid #690101; 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: #3a1922; 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: #c8c1c3; font-style: italic; font-size: 13px; line-height: 1; text-transform: uppercase; }
.app-name { position: absolute; bottom: 30px; background-color: #690101; color: #c8c1c3; 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: #690101; 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: #C73B3B; width: 10px; height: 35px; }
[type=radio]:checked ~ label { background-color: #C73B3B; 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;">Basics</label>
<div class="app-intro">
<div class="app-intro3">Age (written out)</div>
<div class="app-intro3">Alignment</div>
<div class="app-intro3">Occupation</div>
<div class="app-intro3">Sexuality</div>
<div class="app-intro3">Marital Status</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">Full Name or Nickname (whichever you like)</div></td></table>
<div style="overflow: auto; height: 370px; 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. Remember to use <*p> when you finish a paragraph! (Just remove the * obviously)</div>
</div>
</div>

</div></div>
<div class="app-shimmer"><a href="http://shine.jcink.net/index.php?showuser=16439">▼ ShimmeringWitchy</a></div></center>[/dohtml]
PMEmail
^
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll


 


 


skin by bonbon. mini profile by ames of shine. hover descriptions macy @ shine. CUSTOM STATS BY JOEI @ SHINE. CFS Script by Black