So this is weird
#1
So this is strange, for some reason my Signature and current table don't like each other. My signature appears when I'm posting without code/table and yet hides away when I am. Anyone know the reason?
[html]<div class="snazzysig1">
<div class="title">Gilmore Whiteheart</div>

<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="#" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#" class="apparel-accessories" title="Green cloak, silver necklace and large satchel"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.GilmoreWhiteheart" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Jazzy" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="viewtopic.php?t=14425" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" target="_blank" title="Gilmore is typically loud when he talks, and has some difficulty pronouncing things." class="foreign-language"></a>
<a href="#!" class="skill-hunting" title="Gilmore is experienced in hunting"></a>
<a href="#!" class="skill-fighting" title="Gilmore is skilled with a bow"></a>
<a href="#!" class="skill-scholar" title="Gilmore is literate, skilled in writing and sketching"></a>
<a href="#!" class="accompaniment" title="Gilmore is followed by the spirit of his late sister Lilia. She has no physical form. She exists to aid Gilmore through his problems, without the boy even knowing she's there."></a>
<a href="LINK" class="permanent-disability" title="Gilmore is DEAF. He can understand only through body language or written text."></a>
<a href="#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); }" class="permanent disability" title= "Gilmore is DEAF. He can understand only through body language or written text."></a>
</div>

<div class="packicons">
<a href="https://cdm.soulsrpg.com/"><img src="http://i.imgur.com/TBrx5.png"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Packs.CDMAdoptables"><img src="http://cdm.soulsrpg.com/public/adopts/cdmadopt.png"></a>
<a href="viewtopic.php?t=75"><img src="http://www.soulsrpg.com/images/pride/buttons/Souls_88x31_03.jpg" style="border:0px;" title="'Souls Pride!" /></a>
</div>
</div>
</div>

<style>@import url('/images/icons/postsig/signature-icons.css');</style>
<style type="text/css">
.snazzysig1 {
width:60%;
margin:0px auto;
}
.snazzysig1 .title {
margin:0px auto;
text-align:center;
padding:0px 5px 3px 5px;
border-bottom:1px solid rgba(0, 0, 0, 0.75);
font-family:'Garamond', serif;
font-size:18pt;
text-shadow:0px 0px 3px rgba(0, 0, 0, 0.75);
letter-spacing:2px;
word-spacing:4px;
text-transform:uppercase;
}
.snazzysig1 #signature-icon {margin:0px auto; text-align:center;}
.snazzysig1 .sigicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 .packicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 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;
}
.snazzysig1 a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
[/html]
  Reply
#2
And now it's hiding without the table? And yet sometimes it appears? Is it just being temperamental? Am I going mad?
[html]<div class="snazzysig1">
<div class="title">Gilmore Whiteheart</div>

<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="#" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#" class="apparel-accessories" title="Green cloak, silver necklace and large satchel"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.GilmoreWhiteheart" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Jazzy" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="viewtopic.php?t=14425" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" target="_blank" title="Gilmore is typically loud when he talks, and has some difficulty pronouncing things." class="foreign-language"></a>
<a href="#!" class="skill-hunting" title="Gilmore is experienced in hunting"></a>
<a href="#!" class="skill-fighting" title="Gilmore is skilled with a bow"></a>
<a href="#!" class="skill-scholar" title="Gilmore is literate, skilled in writing and sketching"></a>
<a href="#!" class="accompaniment" title="Gilmore is followed by the spirit of his late sister Lilia. She has no physical form. She exists to aid Gilmore through his problems, without the boy even knowing she's there."></a>
<a href="LINK" class="permanent-disability" title="Gilmore is DEAF. He can understand only through body language or written text."></a>
<a href="#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); }" class="permanent disability" title= "Gilmore is DEAF. He can understand only through body language or written text."></a>
</div>

<div class="packicons">
<a href="https://cdm.soulsrpg.com/"><img src="http://i.imgur.com/TBrx5.png"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Packs.CDMAdoptables"><img src="http://cdm.soulsrpg.com/public/adopts/cdmadopt.png"></a>
<a href="viewtopic.php?t=75"><img src="http://www.soulsrpg.com/images/pride/buttons/Souls_88x31_03.jpg" style="border:0px;" title="'Souls Pride!" /></a>
</div>
</div>
</div>

<style>@import url('/images/icons/postsig/signature-icons.css');</style>
<style type="text/css">
.snazzysig1 {
width:60%;
margin:0px auto;
}
.snazzysig1 .title {
margin:0px auto;
text-align:center;
padding:0px 5px 3px 5px;
border-bottom:1px solid rgba(0, 0, 0, 0.75);
font-family:'Garamond', serif;
font-size:18pt;
text-shadow:0px 0px 3px rgba(0, 0, 0, 0.75);
letter-spacing:2px;
word-spacing:4px;
text-transform:uppercase;
}
.snazzysig1 #signature-icon {margin:0px auto; text-align:center;}
.snazzysig1 .sigicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 .packicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 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;
}
.snazzysig1 a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
[/html]
  Reply
#3
Is there an example of this happening somewhere? I checked a couple of your threads and everything seems to be working as it should.
  Reply
#4
I wanna say that maybe you're missing a </div> (or a few) somewhere.... but like Lorraine said, I can't seem to find where the problematic tables you're referring to are :o

Is your computer slow by any chance? Maybe it's simply not loading onto the screen.
[html]
<div class="LithSig">
<img src="https://i.imgur.com/hlorMYI.png" style="height:350px; z-index:-1; margin:0px 0px -70px;">
<div class="buttonblock">
<a href="https://wiki.soulsrpg.com/index.php?n=Players.SammiieAdopts"><img src="http://pile.randimg.net/0/91/22980/Adoptable%20Buttons.png"></a>
<a href="http://salsola.soulsrpg.com/culture/joining"><img src="https://images2.imgbox.com/c7/02/KahZHq8m_o.png"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Packs.SalsolaAdoptables"><img src="http://i.imgur.com/6rQpoaQ.png"></a>
</div>
<div id="signature-icons" class="iconblock">
<a class="optime-preference" title="OPTIME unless otherwise stated."></a>

<a href="https://imgur.com/a/EDGTf" target="_blank" title="CHARACTER GALLERY &amp; CREDITS" class="ic-gallery"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.LithiaNapier" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>

<a class="character-typical-location" title="Typically found in the Northern Tides, but occasionally comes to Seabreeze Brink."></a>
<a class="apparel-accessories" title="Wears a leather skirt, purple or black crop top, and a ruby necklace (see Wiki!)"></a>
<a class="accompaniment" title="Lithia is often accompanied by her slave, Totem, unless otherwise stated"></a>
<a class="scent-warning" title="Disguises her scent with pine, dirt, and budding flowers."></a>
<a class="skill-fighting" title="Lithia is a skilled fighter, specializing in the use of short swords or daggers."></a>
<a class="skill-stealth" title="Skilled in stealth."></a>
<a class="skill-trade" title="Character is skilled in trade."></a>

</div>
</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
.LithSig {margin:0 auto; text-align:center; margin:0 auto; }
.LithSig .buttonblock { margin:0 auto; }
.LithSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:300ms ease-in all; -moz-transition:300ms linear all; }
.LithSig .buttonblock a:hover, .LithSig .buttonblock a:active, .LithSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.LithSig .iconblock { margin:0 auto; }
.LithSig .iconblock a { opacity:.75; filter:alpha(opacity=75%); transition:300ms ease-in all; -moz-transition:300ms linear all; }
.LithSig .iconblock a:hover, .LithSig .iconblock a:active, .LithSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; border-radius:50%; }
</style>
[/html]
  Reply
#5
<!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=46&t=36292">viewtopic.php?f=46&t=36292</a><!-- l -->


Part of it may be down to slow laptop. I’m using my mobile now and the signature is working more often. But in certain threads (like linked one above) I can’t seem to see it.
[html]<div class="snazzysig1">
<div class="title">Gilmore Whiteheart</div>

<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="#" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#" class="apparel-accessories" title="Green cloak, silver necklace and large satchel"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.GilmoreWhiteheart" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Jazzy" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="viewtopic.php?t=14425" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" target="_blank" title="Gilmore is typically loud when he talks, and has some difficulty pronouncing things." class="foreign-language"></a>
<a href="#!" class="skill-hunting" title="Gilmore is experienced in hunting"></a>
<a href="#!" class="skill-fighting" title="Gilmore is skilled with a bow"></a>
<a href="#!" class="skill-scholar" title="Gilmore is literate, skilled in writing and sketching"></a>
<a href="#!" class="accompaniment" title="Gilmore is followed by the spirit of his late sister Lilia. She has no physical form. She exists to aid Gilmore through his problems, without the boy even knowing she's there."></a>
<a href="LINK" class="permanent-disability" title="Gilmore is DEAF. He can understand only through body language or written text."></a>
<a href="#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); }" class="permanent disability" title= "Gilmore is DEAF. He can understand only through body language or written text."></a>
</div>

<div class="packicons">
<a href="https://cdm.soulsrpg.com/"><img src="http://i.imgur.com/TBrx5.png"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Packs.CDMAdoptables"><img src="http://cdm.soulsrpg.com/public/adopts/cdmadopt.png"></a>
<a href="viewtopic.php?t=75"><img src="http://www.soulsrpg.com/images/pride/buttons/Souls_88x31_03.jpg" style="border:0px;" title="'Souls Pride!" /></a>
</div>
</div>
</div>

<style>@import url('/images/icons/postsig/signature-icons.css');</style>
<style type="text/css">
.snazzysig1 {
width:60%;
margin:0px auto;
}
.snazzysig1 .title {
margin:0px auto;
text-align:center;
padding:0px 5px 3px 5px;
border-bottom:1px solid rgba(0, 0, 0, 0.75);
font-family:'Garamond', serif;
font-size:18pt;
text-shadow:0px 0px 3px rgba(0, 0, 0, 0.75);
letter-spacing:2px;
word-spacing:4px;
text-transform:uppercase;
}
.snazzysig1 #signature-icon {margin:0px auto; text-align:center;}
.snazzysig1 .sigicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 .packicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 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;
}
.snazzysig1 a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
[/html]
  Reply
#6
Like Sammiie, I initially thought this was a problem relating to extra or missing <div> or </div> tags... but that doesn't seem to be the case.

Oddly enough, when I put your entire signature into my profile, the same problem you're encountering happens on occasion. I'll have to look into it further.
  Reply
#7
You need to update the CSS import link. Smile

Replace this:
Code:
<style> @import url('http://sleepyglow.net/rp/icons/signature-icons.css'); </style>
With this:
Code:
<style>@import url('/images/icons/postsig/signature-icons.css');</style>
The old link no longer works. The reason that the icons load in some threads and not others is because others have the correct import link in their signature, so your signature is importing the icon CSS from their signatures. Smile
[html]<div class="vicisig">

<div class="bottom">
</div>
<div class="text">
their lips the secret kept, if <span class="if">in ashes</span> the fire-seed slept
</div>

</div>

<style>
@import url('https://soulsrpg.com/images/icons/postsig/signature-icons.css');
</style>
<style type="text/css">
.vicisig {
max-width:600px;
margin:0px auto;
}
.vicisig .bottom {
background-image:url('https://i.imgur.com/iwcd7Gm.png');
background-position:top center;
background-repeat:no-repeat;
background-size:460px;
height:190px;
border-bottom:1px solid;
padding-top:20px;}

.vicisig .text {
font-family:'Gaegu', cursive, serif;
font-size:23px;
text-align:center;
padding:5px;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Gaegu" rel="stylesheet">
[/html]
  Reply
#8
Ah ha! That's done it! Thanks Raze, Lorraine and Sammie, glad to know it was just coding and nothing crazy weird Big Grin <3
[html]<div class="snazzysig1">
<div class="title">Gilmore Whiteheart</div>

<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="#" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#" class="apparel-accessories" title="Green cloak, silver necklace and large satchel"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.GilmoreWhiteheart" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Jazzy" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="viewtopic.php?t=14425" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" target="_blank" title="Gilmore is typically loud when he talks, and has some difficulty pronouncing things." class="foreign-language"></a>
<a href="#!" class="skill-hunting" title="Gilmore is experienced in hunting"></a>
<a href="#!" class="skill-fighting" title="Gilmore is skilled with a bow"></a>
<a href="#!" class="skill-scholar" title="Gilmore is literate, skilled in writing and sketching"></a>
<a href="#!" class="accompaniment" title="Gilmore is followed by the spirit of his late sister Lilia. She has no physical form. She exists to aid Gilmore through his problems, without the boy even knowing she's there."></a>
<a href="LINK" class="permanent-disability" title="Gilmore is DEAF. He can understand only through body language or written text."></a>
<a href="#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); }" class="permanent disability" title= "Gilmore is DEAF. He can understand only through body language or written text."></a>
</div>

<div class="packicons">
<a href="https://cdm.soulsrpg.com/"><img src="http://i.imgur.com/TBrx5.png"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Packs.CDMAdoptables"><img src="http://cdm.soulsrpg.com/public/adopts/cdmadopt.png"></a>
<a href="viewtopic.php?t=75"><img src="http://www.soulsrpg.com/images/pride/buttons/Souls_88x31_03.jpg" style="border:0px;" title="'Souls Pride!" /></a>
</div>
</div>
</div>

<style>@import url('/images/icons/postsig/signature-icons.css');</style>
<style type="text/css">
.snazzysig1 {
width:60%;
margin:0px auto;
}
.snazzysig1 .title {
margin:0px auto;
text-align:center;
padding:0px 5px 3px 5px;
border-bottom:1px solid rgba(0, 0, 0, 0.75);
font-family:'Garamond', serif;
font-size:18pt;
text-shadow:0px 0px 3px rgba(0, 0, 0, 0.75);
letter-spacing:2px;
word-spacing:4px;
text-transform:uppercase;
}
.snazzysig1 #signature-icon {margin:0px auto; text-align:center;}
.snazzysig1 .sigicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 .packicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 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;
}
.snazzysig1 a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
[/html]
  Reply
#9
Hey Jazzy! I also noticed that you seem to be missing the disability icon! Here's the code for it!
Code:
#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); }
[html]
<div class="Avisig2"><div class="bottom"><div id="signature-icons" class="iconblock" style="padding-top:0px; margin:0px; float:left;"> <a href="http://wiki.soulsrpg.com/index.php?n=Players.Silverfrost" target="_blank" title="PLAYER WIKI" class="player-wiki"></a> <a href="http://wiki.soulsrpg.com/index.php?n=Players.SilverfrostAdoptions" class="adoptables-available" title="ADOPTABLES available!"></a> <a href="LINK" title="OPEN FOR THREADS!" class="open-for-threads"></a> <a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a> <a href="#!" title="I will roleplay LASKY." class="will-lasky"></a> <a href="#!" title="I will roleplay mature material." class="will-mature"></a><br>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Avinalora" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a> <a href="http://imgur.com/a/D2STM" target="_blank" title="CHARACTER GALLERY &amp; CREDITS" class="ic-gallery"></a> <a href="#!" class="secui-preference" title="Uses all forms equally equally. Refer to thread for details."></a> <a href="LINK" class="permanent-disability" title="Avinalora is nearly blind and has a lame leg"></a><a href="https://soulsrpg.com/forum/viewtopic.php?p=270615#p270615" target="_blank" title="POST LOG" class="post-log"></a><a href="#!" class="mature-character" title="Avinalora swears a lot. Sensitive viewers beware."></a><br><a href="#!" class="apparel-accessories" title="Avinalora can be seen in clothing a lot. Check thread for details"></a><a href="#!" class="references-okay" title="OOC references okay."></a>
<a href="#!" class="character-typical-location" title="Avinalora is typically found in Anathema or within 60 miles of the territory"></a>
<a href="#!" class="skill-medic" title="Avinalora is a skilled medic."></a>
<a href="#!" class="skill-scholar" title="Avinalora is skilled at reading and writing."></a><a href="#!" class="skill-animals" title="Avinalora is skilled with owls, cats, and corvids"></a></div>
<div class="buttonblock" style="margin:0px; float:left;padding-right:201px;"><center> <a href="http://wiki.soulsrpg.com"><img src="http://soulsrpg.com/images/pride/promo/wiki_88x31.png" style="border:0px;" title="Check out the 'Souls Wiki!" title="Check out the 'Souls Wiki!" /></a> <br><a href="http://anathema.soulsrpg.com/joining"><img src="http://anathema.soulsrpg.com/public/images/pride/anathema_88x31c.png" style="border:0px;" title="Join Anathema!"></a></center></div> </div> </div> <style> @import url('/images/icons/postsig/signature-icons.css'); @import url('http://sleepyglow.net/rp/icons/signature-icons.css'); </style> <style type="text/css">
#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); }
.Avisig2 {width:290px;margin:0px auto; background-image:url('https://i.imgur.com/Ja51G8X.png'); background-position:top right; background-repeat:no-repeat; background-size:288px; height:198px;padding-right:161px;}
.Avisig2 .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; } .Avisig2 .buttonblock a {opacity:.85; filter:alpha(opacity=80%); transition:200ms linear all; -moz-transition:200ms linear all;}
.Avisig2 .buttonblock {margin:5px;width:230px;float:left;padding-right:197px;}
.Avisig2 .buttonblock a:hover, .Avisig2 .buttonblock a:active, .Avisig2 .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.Avisig2 .iconblock { font-size:0; margin:0 auto;}
.Avisig2 .iconblock { font-size:0; margin:0 auto; }
.Avisig2 #signature-icons a:hover,
.Avisig2 #signature-icons a:focus,
.Avisig2 #signature-icons a:active {opacity:1;filter:alpha(opacity=100%);}
.Avisig2 .iconblock a { opacity:.65; filter:alpha(opacity=90%); transition:200ms linear all; -moz-transition:200ms linear all; border-radius: 50%; border: 1px solid grey; } .Avisig2 .iconblock a:hover, .Avisig2 .iconblock a:active, .Avisig2 .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000;border:#30712d 1px solid; }
</style> <link href='http://fonts.googleapis.com/css?family=Merriweather:400,400italic' rel='stylesheet' type='text/css'> [/html]
  Reply
#10
Thank you Silver! Although adding it still seems to turn it invisible. The Disability icon is there, but just not seen?

Edit: or at least not seen in some posts, example: <!-- l --><a class="postlink-local" href="https://soulsrpg.com/forum/viewtopic.php?f=5&t=36098">viewtopic.php?f=5&t=36098</a><!-- l -->
[html]<div class="snazzysig1">
<div class="title">Gilmore Whiteheart</div>

<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="#" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#" class="apparel-accessories" title="Green cloak, silver necklace and large satchel"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Characters.GilmoreWhiteheart" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Jazzy" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="viewtopic.php?t=14425" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" target="_blank" title="Gilmore is typically loud when he talks, and has some difficulty pronouncing things." class="foreign-language"></a>
<a href="#!" class="skill-hunting" title="Gilmore is experienced in hunting"></a>
<a href="#!" class="skill-fighting" title="Gilmore is skilled with a bow"></a>
<a href="#!" class="skill-scholar" title="Gilmore is literate, skilled in writing and sketching"></a>
<a href="#!" class="accompaniment" title="Gilmore is followed by the spirit of his late sister Lilia. She has no physical form. She exists to aid Gilmore through his problems, without the boy even knowing she's there."></a>
<a href="LINK" class="permanent-disability" title="Gilmore is DEAF. He can understand only through body language or written text."></a>
<a href="#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); }" class="permanent disability" title= "Gilmore is DEAF. He can understand only through body language or written text."></a>
</div>

<div class="packicons">
<a href="https://cdm.soulsrpg.com/"><img src="http://i.imgur.com/TBrx5.png"></a>
<a href="https://wiki.soulsrpg.com/index.php?n=Packs.CDMAdoptables"><img src="http://cdm.soulsrpg.com/public/adopts/cdmadopt.png"></a>
<a href="viewtopic.php?t=75"><img src="http://www.soulsrpg.com/images/pride/buttons/Souls_88x31_03.jpg" style="border:0px;" title="'Souls Pride!" /></a>
</div>
</div>
</div>

<style>@import url('/images/icons/postsig/signature-icons.css');</style>
<style type="text/css">
.snazzysig1 {
width:60%;
margin:0px auto;
}
.snazzysig1 .title {
margin:0px auto;
text-align:center;
padding:0px 5px 3px 5px;
border-bottom:1px solid rgba(0, 0, 0, 0.75);
font-family:'Garamond', serif;
font-size:18pt;
text-shadow:0px 0px 3px rgba(0, 0, 0, 0.75);
letter-spacing:2px;
word-spacing:4px;
text-transform:uppercase;
}
.snazzysig1 #signature-icon {margin:0px auto; text-align:center;}
.snazzysig1 .sigicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 .packicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.snazzysig1 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;
}
.snazzysig1 a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
[/html]
  Reply


Forum Jump: