Added row highlighting when selecting action checkmarks.

    margin: 0;

}

#changelist table tbody tr.selected {

    background-color: #FFFFCC;

}

#changelist .actions {

    color: #999;

    padding: 3px;

var Actions = {

    init: function() {

        selectAll = document.getElementById('action-toggle');

        var selectAll = document.getElementById('action-toggle');

        if (selectAll) {

            selectAll.style.display = 'inline';

            addEvent(selectAll, 'click', function() {

                Actions.checker(selectAll.checked);

            });

        }

        var changelistTable = document.getElementsBySelector('#changelist table')[0];

        addEvent(changelistTable, 'click', function(e) {

            if (!e) { var e = window.event; }

            var target = e.target ? e.target : e.srcElement;

            if (target.nodeType == 3) { target = target.parentNode; }

            if (target.className == 'action-select') {

                var tr = target.parentNode.parentNode;

                Actions.toggleRow(tr, target.checked);

            }

        });

    },

    toggleRow: function(tr, checked) {

        if (checked) {

            tr.className += ' selected';

        } else {

            tr.className = tr.className.replace(' selected', '');

        }  

    },

    checker: function(checked) {

        actionCheckboxes = document.getElementsBySelector('tr input.action-select');

        var actionCheckboxes = document.getElementsBySelector('tr input.action-select');

        for(var i = 0; i < actionCheckboxes.length; i++) {

            actionCheckboxes[i].checked = checked;

            Actions.toggleRow(actionCheckboxes[i].parentNode.parentNode, checked);

        }

    }

}

};

addEvent(window, 'load', Actions.init);