While we're making it pretty, can we reorganize the column order?

Something like: Points, Damage, DPM, Frags, Assists, Deaths, etc

Mockup time:
https://dl.dropboxusercontent.com/u/1811521/areg23fd.png

The tagging for the ESEA page is an absolute mess. I don't think the frustration of figuring out how to do that is worth it.

Can someone explain to me what's the point in the following:

Points/min
Captures/Captures blocked
Frags/min
Assists/min
Deaths/min
Doms and Revenges

Basically all the /min stats are useless bar damage. They seem like a legacy from CS stats.

And maybe combine the ubers with the drops. So 15/1 means 15 ubers with 1 drop, and have that number in red.

Implemented some requests:

http://omg.wthax.org/tftv_css_jq_3.png

CSS updated: http://pastebin.com/kY9GJinS

JQuery:

$('acronym').each
(
function (i,e){
$(e).replaceWith($(e).attr('title').replace('DaMaGe dealt', 'Damage').replace('Damage Dealt per Minute', 'Dmg Per Min').replace('Ubercharges','Ubers').replace('Capture Point Captures','Cap Points'));
}
); 

$('td:nth-child(17)').each
(
function (i,e){
if($(e).text() == '0'){$(e).css('color','#ccc');} else { $(e).css('color','red'); $(e).css('font-weight','bold');};
}
); 

$('td:nth-child(16)').each
(
function (i,e){
if($(e).text() == '0'){$(e).css('color','#ccc');}
}
);

Please don't look at my code closely, it's terrible.

@atmo, love it, much cleaner.

http://omg.wthax.org/tftv_css_jq_4.png

Too complex? Just bold? Just colour highlighting?

$('td:nth-child(16), td:nth-child(17)').each(

function (i, e) {
    if ($(e).text() == '0') {
        $(e).css('color', '#ccc');
    }
});

/*jshint loopfunc: true */

var columns = $('#body-match-total1 > tr:nth-child(3) > td').length;

for (var index = 0; index <= columns; index++) {

    var colMax = 0;
    var colMaxIdx = 0;
    $('#body-match-total1 td:nth-child(' + index + '), #body-match-total2 td:nth-child(' + index + ')').each(

    function (i, e) {
        if ($.isNumeric($(e).text()) && (parseFloat($(e).text()) > parseFloat(colMax))) {
            colMax = parseFloat($(e).text());
        }
    });
    var color = 'PaleGreen';
    if (index == 10 || index == 17) /*deaths and uber drops*/
    {
        var color = 'Thistle';
    }

    if (colMax != 0) {
        $('#body-match-total1 td:nth-child(' + index + '):contains(' + colMax + '), #body-match-total2 td:nth-child(' + index + '):contains(' + colMax + ')').css('background-color', color).css('font-weight', 'bold');
    }
}

$('acronym').each(

function (i, e) {
    $(e).replaceWith($(e).attr('title').replace('DaMaGe dealt', 'Damage').replace('Damage Dealt per Minute', 'Dmg Per Min').replace('Ubercharges', 'Ubers').replace('Capture Point Captures', 'Cap Points'));
});

ps had to fake an uber drop by Nos just to show the colour highlighting

http://pastebin.com/8CPk48b3

CSS updated to work with webkit. background alpha seems to change the brightness too, it's weird.

edit: ok locally injected jquery will not work with the plugin right now, but I've been in touch with the developer and he said he'll add it

to clarify, if you're one of the people to whom I've given a link to my site (ie lange, truktruk, comedian) you can ignore all of the code stuff in this thread. the site does all the work for you, you just need to change the match id in the url in the OBS browser source