While Inferni is undeniably cool, I don't think the 'Souls Assemblage account is supposed to have its color. ;)
http://i.imgur.com/ssf5G.png
I am only aware of this happening when viewing "unread posts," as it obviously shows up fine in the actual topic view.
[html]<div class="vessig">
<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="//wiki.soulsrpg.com/index.php?n=Players.Raze" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="ucp.php?i=pm&mode=compose&u=577" class="player-contact" title="CONTACT: PM Vicira"></a>
<a href="//wiki.soulsrpg.com/index.php?n=Players.RazeAdoptions" class="adoptables-available" title="ADOPTABLES available!"></a>
<a href="viewtopic.php?t=23974" target="_blank" title="POST LOG" class="post-log"></a>
<a href="#!" title="I prefer if you do NOT use graphical tables in our threads. Thanks!" class="no-tables"></a><br/>
<a href="//wiki.soulsrpg.com/index.php?n=Characters.Vesper" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="//imgur.com/a/X5Zf0" target="_blank" title="CHARACTER GALLERY & CREDITS" class="ic-gallery"></a>
<a href="#!" class="lupus-preference" title="LUPUS unless otherwise stated."></a>
<a href="#!" class="accompaniment" title="Typically accompanied by a raven or two."></a>
<a href="LINK" class="permanent-disability" title="Crippled right hind leg."></a><br/>
<a href="#!" class="skill-fighting" title="Fighter mastered in feral combat."></a>
<a href="#!" class="skill-generic" title="Experienced survivalist able to scout, hunt, and navigate."></a>
<a href="#!" class="skill-animals" title="Able to talk to, care for, and train ravens."></a>
</div>
</div>
</div>
<style>
@import url('/images/icons/postsig/signature-icons.css');
#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); }
</style>
<style type="text/css">
.vessig {
width:390px;
margin:0px auto;
background-image:url('https://cdnw.nickpic.host/osDfMd.png');
background-position:right center;
background-repeat:no-repeat;
height:200px;
}
.vessig .title {
margin:0px auto;
text-align:left;
padding:5px;
font-family:'Merriweather', serif;
font-size:11.8px;
letter-spacing:-.6px;
text-transform:lowercase;
opacity:0.7;
}
.vessig #signature-icon {margin:0px auto; text-align:center;}
.vessig .sigicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:50px 150px 2px 2px;
}
.vessig .packicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.vessig a {
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
border-radius:7px;
}
.vessig a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,400italic' rel='stylesheet' type='text/css'>
[/html]
