Styling the achievements special page

Sometimes the default styling for the special achievements page does not work well with a custom wiki skin. The following css can be used (or adapated) to work better:

#p-achievement-list {
    background: none repeat scroll 0 0 rgba(255,255,255,0.2);
}

.achievement_category {
    background: none repeat scroll 0 0 transparent;
}

.achievement_category_select {
    background: none repeat scroll 0 0 rgba(255,255,255,0.1);
}

.achievement_category_select[data-selected="true"] {
    background: none repeat scroll 0 0 rgba(255,255,255,0.3);
}

.p-achievement-row {
    background: none repeat scroll 0 0 rgba(255,255,255,0.1);
    color: #000000;
}