User:JSutherland (WMF)/linkclassifier.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/*
##############################################################
### THIS IS NOT MY SCRIPT. It was ported here from enwiki. ###
###  Please address any praise or criticism to Anomie! :)  ###
###   Full docs - [[w:en:User:Anomie/linkclassifier.js]]   ###
##############################################################
*/
A                  { color:#0033cc; }
A.stubcls          { color:#6000bf; }
A.new              { color:#bf0000; }
A.redirect         { color:#00bf00; }
A.self-redirect    { background-color:#88ff88; }
A.disambiguation   { background-color:#ffff88; }
A.intentional-disambiguation   { background-color:#ffffcc; }
A.soft-redirect-cats { background-color:#ffff88; }
A.deletion         { color:#ff0088; }
A.broken-redirect  { color:#bf0000; background-color:#88ff88; }
#bodyContent a.external, #bodyContent a.extiw { color:#338ebb; background-color:#ff0; }

A:visited          { color:#4365cc; }
A.stubcls:visited  { color:#7f3ebf; }
A.new:visited      { color:#bf3e3e; }
A.redirect:visited { color:#3ebf3e; }
A.deletion:visited { color:#ff54af; }
A.broken-redirect:visited { color:#bf3e3e; background-color:#88ff88; }
#bodyContent a.external:visited, #bodyContent a.extiw:visited { color:#5f9cbb; background-color:#fff; }

A.unprintworthy:not(.unprintworthy-shortcut)    { outline:1px dotted #ff0000; }

A.image.redirect         > IMG { outline:2px solid #00bf00; } /* Doesn't work, because the generated link goes to the redirect target */
A.image.nonfree-media    > IMG { outline:3px double #ff0000; }
A.image.deletion         > IMG { outline:2px solid #ff0088; }
A.image.deletion:visited > IMG { outline-color:#ff54af; }

/* Images can be inserted after links with the ":after" pseudo-element, although this doesn't work in IE <8. */
/*
A.featured-content:after {
    content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png);
}
A.protection-edit-sysop-indef:after {
    content:url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png);
}
*/
A.nonimage.protection-create-sysop-indef:after {
    content:url(//upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Padlock-skyblue.svg/12px-Padlock-skyblue.svg.png);
}

/* If you're wanting to put multiple images after, you'll need to give specific
 * rules for each combination, something like this:
A.featured-content.protection-edit-sysop-indef:after {
    content:url(//upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Featured_article_star.svg/12px-Featured_article_star.svg.png) url(//upload.wikimedia.org/wikipedia/commons/thumb/4/48/Padlock-red.svg/12px-Padlock-red.svg.png);
}
*/