[html]<div class="aerSig" id="Aeron">
<div class="name">Everyone started out a little insane
But we learn pretty quick how to fake it for the game</div>
<div class="signature-split"></div>
<div class="group signature-wrap">
<div class="buttons">
<a href="http://wiki.soulsrpg.com/index.php?n=Packs.Anathema" target="_blank"><img src="http://anathema.soulsrpg.com/public/images/pride/anathema_88x31a.png"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Innya" target="_blank"><img src="http://anathema.soulsrpg.com/public/images/Adoptables%20Ad%20Buttons/innya_button.png"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.LysergBeno%eet" target="_blank"><img src="http://anathema.soulsrpg.com/public/images/Adoptables%20Ad%20Buttons/lyserg_button.png"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Packs.InferniAdoptable#adoptables"><img src="http://i.imgur.com/Dm6S2AS.png"></a>
</div>
<div class="links" id="signature-icons">
<a href="http://soulsrpg.com/forum/memberlist.php?mode=viewprofile&un=Aeron%20Ganesa" title="CONTACT" class="player-contact"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Marie" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="#!" class="reply-slow" title="REPLY SPEED: SLOW"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.AeronGanesa" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="#" class="optime-preference" title="OPTIME unless otherwise stated"></a>
<a href="#!" class="skill-stealth" title="Character is skilled in stealth."></a>
<a href="#!" class="skill-fighting" title="Character is a skilled fighter."></a>
</div>
</div>
</div>
<style>@import url(<!-- m --><a class="postlink" href="http://fonts.googleapis.com/css?family=Libre+Baskerville">http://fonts.googleapis.com/css?family= ... askerville</a><!-- m -->);
@import url(<!-- m --><a class="postlink" href="http://sleepyglow.net/rp/icons/signature-icons.css">http://sleepyglow.net/rp/icons/signature-icons.css</a><!-- m -->);
.group:after {
content: "";
display: table;
clear: both;
}
.aerSig {
width:98%;
min-height:150px;
margin:0 auto;
padding-top:50px;
position:relative;
z-index:99;
text-align:left;
font-family:arial, helvetica, sans-serif;
font-size:14px;
line-height:16px;
}
.aerSig a { text-decoration: none; }
.aerSig .name {
font-size:13px;
line-height:1em;
padding-bottom:5px;
letter-spacing:0px;
word-spacing:0px;
text-transform:uppercase;
font-family: 'Libre Baskerville', 'times new roman', times, serif;
text-shadow:#fff 0 0 1px;
}
.aerSig .signature-split {
border-bottom:1px solid #000;
}
.aerSig .links {
border:1px solid transparent;
font-size:0;
line-height:1em;
margin-right:1px;
}
.aerSig .signature-wrap {
border:1px solid transparent;
}
.aerSig .signature-wrap a {
display:inline-block;
position:relative;
margin:0;
opacity:.35;
filter:alpha(opacity=35%);
transition:200ms linear all;
-moz-transition:200ms linear all;
}
.aerSig .signature-wrap a:hover,
.aerSig .signature-wrap a:focus,
.aerSig .signature-wrap a:active
{
opacity:1;
filter:alpha(opacity=100%);
}
.aerSig .signature-wrap a:hover:after,
.aerSig .signature-wrap a:focus:after,
.aerSig .signature-wrap a:active:after {
content:' ';
display:block;
position:absolute;
bottom:-4px;
height:4px;
width:31px;
background-color:#f71717;
}
.aerSig .signature-wrap .buttons a:hover:after,
.aerSig .signature-wrap .buttons a:focus:after,
.aerSig .signature-wrap .buttons a:active:after {
width:88px;
left:1px;
}
.aerSig .buttons {
float:right;
text-align:right;
font-size:0;
line-height:1em;
}
.aerSig .buttons img { margin-left:1px; }
.aerSig .notes, .aerSig span.notes, .notes ul, .notes ul li {
font-size:12px;
font-weight:normal;
font-family:arial, helvetica, sans-serif;
line-height:18px;
padding:0; margin:0;
position:relative;
z-index:999;
}
div.aerSig { background-repeat:no-repeat; background-position:t0%; padding-top: 100px }
/*ACTIVE*/
div#Aeron { background-image:url('http://i.imgur.com/sWXNqE0.png'); }</style>[/html]
