First off I want to say thank you for your work putting this together. Absolutely stellar! I came upon 2 things that were stumping me that I was hoping you could help with.
1. A player name causing code to break. The players name is Myá (http://us.battle.net/wow/en/character/illidan/My%C3%A1/advanced). Whenever I add this player to our player list, the code breaks and nothing displays (except for the widget title banner). I believe this may have something to do with a couple of people not getting anything to display for their website. It wasn't till I reverted the code (uninstall/reinstall) that I started testing in stages I found this issue.
2. I'm trying to change the bar color (downed bosses FG bar color), but I'm a CSS nub. I can get hex codes for colors such as our primary FG color #d3d398, but I wasn't sure where to plug this in at on the css code. When I did start changing the css code I wasn't seeing changes reflected on the page so I just changed it all back lol.
<script>Sys.Application.add_load(function(){<br>
<br>
// target wow-progression element<br>
$('.wow-progression').wowProgression({<br>
<br>
// ** Guild Info ***<br>
// battlenet domain = "us", "eu", "kr", "tw" or "sea";<br>
// use "cn" for china<br>
region : "us",<br>
// locale = "en_US", "es_MX", "pt_BR", "en_GB", "es_ES", "fr_FR",<br>
// "ru_RU", "de_DE", "pt_PT", "it_IT", "ko_KR", "zh_TW" or "zh_CN"<br>
locale : "en_US",<br>
// game server name; include spaces and apostrophes<br>
server : "Illidan",<br>
// guild name; include spaces and apostrophes<br>
guild : "Legion of Light",<br>
// list raiders under "all" for all expansion;<br>
// or under a specific expansion<br>
raiders : {<br>
'all' : [ 'Lightrox' ],<br>
'mists' : [ 'Apostolos', 'Sigmax', 'Tealian', 'Chilahpriest', 'Aramothe', 'Evilbrooklyn', 'Cryostasis', 'Zorixon' ],<br>
'cat' : [ '' ]<br>
},<br>
<br>
// ** Appearance **<br>
// expansion to show. The order can be changed<br>
// use "mists" and/or "cat"<br>
show : [ 'mists' ],<br>
// show heroics?<br>
heroics : true,<br>
// 75% of raiders showing kill before boss counted as killed<br>
ratio : 0.75,<br>
// instance boss count: {n} = number kill count,<br>
// {t} = total, {p} = percentage<br>
count : '{n}/{t}', // '{p}',<br>
// tooltip - boss killed: use {s} for none/killed status text,<br>
// {n} for number of kills<br>
// this is an avg from all raiders<br>
status : "{s}",<br>
// use instance abbreviation - "Firelands" becomes "FL"<br>
useAbbr : false,<br>
// boss status text<br>
text : {<br>
zero : '', // zero boss kills - when using {n} in status<br>
none : '', // boss not killed text<br>
killed : 'Killed' // boss killed text<br>
}<br>
});});</script><style><br>
/********************<br>
tooltip styling<br>
********************/<br>
.tips { width: 250px; }<br>
/* tooltip title */<br>
.tips .inst { border-bottom: #555 1px solid; margin: 2px; }<br>
.tips .inst-title { font-size: 14px; font-weight: bold; }<br>
.tips .inst-count { float: right; }<br>
<br>
/* boss listing */<br>
.tips .boss { font-size: 13px; position: relative; } /* wrapper */<br>
.tips .boss-icon { width: 18px; height: 18px; margin: 0 5px 1px 0; vertical-align: middle; }<br>
.tips .boss-name {}<br>
.tips .boss-status { position: absolute; right: 5px; }<br>
.tips .boss-killed { color: red; text-decoration: line-through; }<br>
<br>
/* overall */<br>
.wowprogression { width: 100%; margin: 0 auto; }<br>
.wowprogression h3.expansion { margin: 10px 5px; text-align: center; }<br>
.wowprogression .inst-name { font: 12px verdana, "trebuchet MS", helvetica, sans-serif; min-width: 50%; display: inline-block; }<br>
<br>
/********************<br>
expansion blocks<br>
********************/<br>
/* expansion Title */<br>
.wowprogression h3.expansion-mists {}<br>
.wowprogression h3.expansion-cat {}<br>
<br>
/* expansion instances wrapper */<br>
.wowprogression div.instances-mists {}<br>
.wowprogression div.instances-cat {}<br>
<br>
/********************<br>
instance blocks<br>
********************/<br>
/* instance listing */<br>
.wowprogression .instance { width: 100%; border-spacing: 0; }<br>
.wowprogression .instance td.icon { /* wraps div.icon */<br>
width: 36px;<br>
}<br>
.wowprogression .instance div.icon {<br>
max-width: 35px;<br>
width: 35px;<br>
height: 35px;<br>
margin: 15px 2px 2px 5px;<br>
}<br>
<br>
/* specific instances */<br>
/* mists */<br>
.wowprogression .inst-HoF .icon { background-position: -1780px -5px; }<br>
.wowprogression .inst-MV .icon { background-position: -1719px -5px; }<br>
.wowprogression .inst-TES .icon { background-position: -1841px -5px; }<br>
<br>
/* cat */<br>
.wowprogression .inst-DS .icon { background-position: -1658px -5px; }<br>
.wowprogression .inst-FL .icon { background-position: -1597px -5px; }<br>
.wowprogression .inst-ToFW .icon { background-position: -1536px -5px; }<br>
.wowprogression .inst-BoT .icon { background-position: -1414px -5px; }<br>
.wowprogression .inst-BD .icon { background-position: -1475px -5px; }<br>
.wowprogression .inst-BH .icon { background-position: -1353px -5px; }<br>
<br>
/********************<br>
progress bars<br>
********************/<br>
.wowprogression .bar-bkgd { height: 15px; }<br>
.wowprogression .bar-color { height: 15px; text-align: right; }<br>
.wowprogression .bar-text { height: 15px; font: 10px verdana, "trebuchet MS", helvetica, sans-serif; padding-right: 5px; }<br>
<br>
.wowprogression .bar-normal, .bar-heroic {<br>
width: 98%;<br>
border: 1px solid #555;<br>
background: #222;<br>
background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444));<br>
background: -moz-linear-gradient(center top, #222, #444) repeat scroll 0 0 transparent;<br>
}<br>
.wowprogression .bar-normal .bar-text { color: #fff; }<br>
.wowprogression .bar-normal .bar-color {<br>
background-color: #00f;<br>
background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#006));<br>
background: -moz-linear-gradient(center top, #00f, #006) repeat scroll 0 0 transparent;<br>
}<br>
.wowprogression .bar-heroic .bar-text { color: #fff; }<br>
.wowprogression .bar-heroic .bar-color {<br>
background-color: #c00;<br>
background: -webkit-gradient(linear, left top, left bottom, from(#c00), to(#600));<br>
background: -moz-linear-gradient(center top, #c00, #600) repeat scroll 0 0 transparent;<br>
}<br>
</style>