<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script> <link href="progression-styles.css" type="text/css" rel="stylesheet" /> <script src="http://www.axiomfiles.com/Files/258012/progression-scripts-min.js" type="text/javascript"></script> <script src="progression-wow.js" type="text/javascript"></script> <style type="text/css"> /* Tooltip */ .tooltip, .preview, .screenshot { cursor:pointer; } #tooltip, #tooltip2, #preview, #screenshot { color:#dddddd; background:#222222; border: 1px solid #333333; padding:5px; display:none; opacity: 0.9; filter: alpha(opacity=90); text-align:left; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; } /* Progression box */ #progBox { color: #ffffff; } /* Tooltip text */ .progress td { color: #dddddd; } /* Instance name text */ td.instance { color: #cccccc; } /* bosses killed "(5/6)" in the progression box */ td.bossCount { color: #cccccc; } /* Tooltip styles */ td.tooltipHeader { color: #0080ff; } td.killedBoss { color: #888888; } td.toKillBoss { color: #dddddd; } td.killedText { color: #ff0000; } td.attemptedBoss { color: #00ff00; } </style> <div id="progBox"></div> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function(){ var progressionOptions = { // Add progression box options here }; jQuery('#progBox').progression( wowCat, progressionOptions); }); </script>
http://www.axiomfiles.com/Files/258012/progression-scripts-min.js
<style type="text/css"> .tooltip, .preview, .screenshot { cursor:pointer; } #tooltip, #tooltip2, #preview, #screenshot { color:#dddddd; background:#222222; border: 1px solid #333333; padding:5px; display:none; opacity: 0.9; filter: alpha(opacity=90); text-align:left; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; } </style> <script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>