Legenda IPB cu efecte

<h4 class="statistics_head"> Legenda Gankers</h4>
  <center>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=8">
   <div class="rnk founder">♔   Founders</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=4">
   <div class="rnk administrator"><i class="fa fa-buysellads"></i>   Administrators</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=7">
   <div class="rnk moderator-gl"><i class="fa fa-slideshare"></i>   Super Moderators</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=6">
   <div class="rnk moderator"><i class="fa fa-crosshairs"></i>    Moderators</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=10">
   <div class="rnk gfx"><i class="fa fa-paint-brush"></i>   GFX Designers</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=12">
   <div class="rnk manager"><i class="fa fa-server"></i>    Managers</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=15">
   <div class="rnk clan"><i class="fa fa-bolt"></i>   Clan Lider</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=11">
   <div class="rnk vip"><i class="fa fa-diamond"></i>   Loyalty</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=13">
   <div class="rnk admin"><i class="fa fa-steam"></i>  Mixer</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=14">
   <div class="rnk girl"><i class="fa fa-heart"></i>   Girls</div>
</a>
<a href="http://gankers.ro/forum/index.php?app=members&section=view&module=list&filter=3">
   <div class="rnk membru"><i class="fa fa-user-plus"></i>   Members</div>
</a>

   <div class="rnk ban"><font color="white" style="cursor:pointer;"><i class="fa fa-remove"></i>    Banned</font></div>





</center>

        <style>
.rnk {
    margin-right: 5px;
}
.rnk {
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 5px;
    color: #1A1A1A;
    display: inline-block;
    font-family: "Roboto Condensed",Tahoma,Helvetica;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-bottom: -5px;
    margin-top: -5px;
    padding: 1px 10px;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0,0,0,0.45);
    text-transform: uppercase;
}
.rnk:hover {
display: inline-block;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-shadow: 0 -1px rgba(0,0,0,0.45);
text-transform: uppercase;
transition: all 0.6s;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.founder {
    background-color: #00CED1;
transition: all 0.6s;
}
.founder:hover {
background-color: rgba(0, 206, 209, 0);
    color: #00CED1;
transition: all 0.6s;
}
.administrator {
    background-color: #f71119;
    text-shadow: 1px 0px 13px #ff0000;
transition: all 0.6s;
}
.administrator:hover {
background-color: rgba(0, 206, 209, 0);
    color: #f71119;
    text-shadow: 1px 0px 13px #ff0000;
transition: all 0.6s;
}
.moderator-gl {
    background-color: darkorange;
transition: all 0.6s;
}
.moderator-gl:hover {
background-color: rgba(0, 206, 209, 0);
    color: darkorange;
transition: all 0.6s;
}
.moderator {
    background-color: #09C917;
transition: all 0.6s;
}
.moderator:hover {
background-color: rgba(0, 206, 209, 0);
    color: #09C917;
transition: all 0.6s;
}
.gfx {
    background-color: #E60066;
    text-shadow: 1px 0px 10px #E60066;
transition: all 0.6s;
}
.gfx:hover {
background-color: rgba(0, 206, 209, 0);
    color: #E60066;
 text-shadow: 1px 0px 10px #E60066;
transition: all 0.6s;
}
.manager {
    background-color: #3366FF;
transition: all 0.6s;
}
.manager:hover {
background-color: rgba(0, 206, 209, 0);
    color: #3366FF;
transition: all 0.6s;
}
.clan {
    background-color: #008B8B;
transition: all 0.6s;
}
.clan:hover {
background-color: rgba(0, 206, 209, 0);
    color: #008B8B;
transition: all 0.6s;
}
.vip {
    background-color: #CCFF00;
    background-image: url("http://i.epvpimg.com/xFWId.gif");
transition: all 0.6s;
}
.vip:hover {
background-color: rgba(0, 206, 209, 0);
    color: #CCFF00;
 background-image: url("http://i.epvpimg.com/xFWId.gif");
transition: all 0.6s;
}
.admin {
    background-color: #5F9EA0;
transition: all 0.6s;
}
.admin:hover {
background-color: rgba(0, 206, 209, 0);
    color: #5F9EA0;
transition: all 0.6s;
}
.girl {
    background-color: #ff66ff;
    background-image: url("http://s1.bild.me/bilder/120914/5200746bg1.gif");
transition: all 0.6s;
}
.girl:hover {
background-color: rgba(0, 206, 209, 0);
    color: #ff66ff;
background-image: url("http://s1.bild.me/bilder/120914/5200746bg1.gif");
transition: all 0.6s;
}
.membru {
    background-color: grey;
transition: all 0.6s;
}
.membru:hover {
background-color: rgba(0, 206, 209, 0);
    color: grey;
transition: all 0.6s;
}
.ban {
    background-color: black;
    background-image: url("http://s58.radikal.ru/i162/1502/dd/737a3e683828.gif");
transition: all 0.6s;
}
.ban:hover {
background-color: rgba(0, 206, 209, 0);
    color: black;
background-image: url("http://s58.radikal.ru/i162/1502/dd/737a3e683828.gif");
transition: all 0.6s;
}
</style>

                                <ul>

                                </ul>
</if>