DU upgrades for the New Year (including the much-requested "Auto-trash by keyword" function)

[Make7]

58. I didn't much care for the yellow, so I changed it with a User Style Sheet.

Right now I am using FireFox17 on Windows7, but I imagine the same basic code will work in most browsers (I'll do some further testing if people have any questions and/or problems). Here are the CSS selectors/declarations people can use to disable this feature:

[div class="excerpt" style="margin-left: 1em !important; border: 1px solid #bfbfbf; border-radius: 0.4615em; box-shadow: 3px 3px 3px #999999;"]img[src$="tab-mysubscriptions-new.gif"]
{
[div style="margin-left:3em; text-indent:-1em;"]background-image: url("http://www.democraticunderground.com/imgs/tab-mysubscriptions.gif&quot !important;[div style="margin-left:3em; text-indent:-1em;"]background-size: 140px 26px !important;[div style="margin-left:3em; text-indent:-1em;"]height: 0px !important;[div style="margin-left:3em; text-indent:-1em;"]padding-top: 26px !important;}
img[src$="tab-myposts-new.gif"]
{
[div style="margin-left:3em; text-indent:-1em;"]background-image: url("http://www.democraticunderground.com/imgs/tab-myposts.gif&quot !important;[div style="margin-left:3em; text-indent:-1em;"]background-size: 140px 26px !important;[div style="margin-left:3em; text-indent:-1em;"]height: 0px !important;[div style="margin-left:3em; text-indent:-1em;"]padding-top: 26px !important;}
I actually like the idea of having an indication of new replies shown on the My Posts tab, I just didn't like the yellow so much - so I changed it to use a local image on my hard drive that simply underlines the words "My Posts" whenever the yellow tab is supposed to appear. The code looks like this (the following example also wraps the CSS selectors/declarations in a conditional that works in FireFox to apply the changes only to the www.democraticunderground.com domain):

[div class="excerpt" style="margin-left: 1em !important; border: 1px solid #bfbfbf; border-radius: 0.4615em; box-shadow: 3px 3px 3px #999999;"]@-moz-document domain("www.democraticunderground.com&quot
{[div style="margin-left:3em; text-indent:-1em;"]img[src$="tab-mysubscriptions-new.gif"][div style="margin-left:3em; text-indent:-1em;"]{[div style="margin-left:5em; text-indent:-1em;"]background-image: url("http://www.democraticunderground.com/imgs/tab-mysubscriptions.gif&quot !important;[div style="margin-left:5em; text-indent:-1em;"]background-size: 140px 26px !important;[div style="margin-left:5em; text-indent:-1em;"]height: 0px !important;[div style="margin-left:5em; text-indent:-1em;"]padding-top: 26px !important;[div style="margin-left:3em; text-indent:-1em;"]}[div style="margin-left:3em; text-indent:-1em;"]img[src$="tab-myposts-new.gif"][div style="margin-left:3em; text-indent:-1em;"]{[div style="margin-left:5em; text-indent:-1em;"]background-image: url("file:///C:\\Users\\web_browsing\\AppData\\Roaming\\Mozilla\\tab-myposts.gif&quot !important;[div style="margin-left:5em; text-indent:-1em;"]background-size: 140px 26px !important;[div style="margin-left:5em; text-indent:-1em;"]height: 0px !important;[div style="margin-left:5em; text-indent:-1em;"]padding-top: 26px !important;[div style="margin-left:3em; text-indent:-1em;"]}}
The conditional is useful because I can simply change to sync.democraticunderground.com (or one of the others) to see how things look without my User Style Sheet.

Probably the easiest way to implement User Style Sheets is to install the Stylish add-on for FireFox or Chrome. It is also possible to do this without any add-ons in those browsers, but requires a bit more computer savvy. You can also use User Style Sheets with the other major browsers - just Google "user style sheets" and add whatever browser you are using to the search term.