Class Shadows

CSS text-shadow fine tuning for the forum BBCode

by Codesleuth

HTML

<span class="classcolour hunter">Hunter</span><br />
<span class="classcolour mage">Mage</span><br />
<span class="classcolour priest">Priest</span><br />
<span class="classcolour paladin">Paladin</span><br />
<span class="classcolour shaman">Shaman</span><br />
<span class="classcolour warrior">Warrior</span><br />
<span class="classcolour deathknight">Death Knight</span><br />
<span class="classcolour warlock">Warlock</span><br />
<span class="classcolour druid">Druid</span><br />
<span class="classcolour rogue">Rogue</span><br />
<span class="classcolour monk">Monk</span><br />
<br />
<span class="classcolour hunter">Hunter</span><br />
<span class="classcolour mage">Mage</span><br />
<span class="classcolour priest">Priest</span><br />
<span class="classcolour paladin">Paladin</span><br />
<span class="classcolour shaman">Shaman</span><br />
<span class="classcolour warrior">Warrior</span><br />
<span class="classcolour deathknight">Death Knight</span><br />
<span class="classcolour warlock">Warlock</span><br />
<span class="classcolour druid">Druid</span><br />
<span class="classcolour rogue">Rogue</span><br />
<span class="classcolour monk">Monk</span><br />

CSS

body
{
    background-color: #F2F2F2;
    background-image: url("http://www.profoundguild.com/forums/styles/profound_ca_gen2/theme/images/bg_post.gif");
    background-repeat: repeat-x;
    background-position: top left;
    
    font-size: 13px;
}

span.classcolour {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.16), 1px 1px black;
    font-family: verdana;
    letter-spacing: 1.5px;
    background-color: white;
}
span.classcolour.paladin {
    color: #F58CBA;
}
span.classcolour.priest {
    color: #FFFFFF;
}
span.classcolour.mage {
    color: #69CCF0;
}
span.classcolour.warlock {
    color: #9482C9;
}
span.classcolour.hunter {
    color: #ABD473;
}
span.classcolour.shaman {
    color: #0070DE;
}
span.classcolour.warrior {
    color: #C79C6E;
}
span.classcolour.druid {
    color: #FF7D0A;
}
span.classcolour.rogue {
    color: #FFF569;
}
span.classcolour.deathknight {
    color: #C41F3B;
}
span.classcolour.monk {
    color: #558A84;
}