User:Chordtoll/vector.css

A                 { color:#0033cc; } A.new             { color:#bf0000; } A.disambiguation  { background-color:#ffff88; } A.intentional-disambiguation  { background-color:#ffffcc; } A.deletion        { color:#ff0088; } A.broken-redirect { color:#bf0000; background-color:#88ff88; }

A:visited         { color:#4365cc; } A.new:visited     { color:#bf3e3e; } A.deletion:visited { color:#ff54af; } A.broken-redirect:visited { color:#bf3e3e; background-color:#88ff88; } 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.redirect:after { content:url(//upload.wikimedia.org/wikipedia/commons/f/f8/WikEd_fix_redirect.png); 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); }