CSS:
a:after {
font-size: 0.7em !important;
}
a[href*="wikipedia"]:after {
content: " (Wikipedia)";
}
a[href*="youtu.be"]:after, a[href*="youtube"]:after {
content: " (YouTube)";
}
a[href*="powdertoy"]:after {
content: " (Powder Toy)";
}
a[href*="pastebin"]:after {
content: " (Pastebin)";
}
a[href*="imgur"]:after {
content: " (Imgur)";
}
[Screenshot]
Simple way how to edit:
a[href*="URL"]:after {
content: " (NAME)";
}
Replace URL with the piece of the link most characteristic to the site. (imgur for Imgur, youtube for Youtube, google for Google, lmgtfy for Let Me Google That For You ...)
Replace NAME with whatever you want to be displayed.
If you want, you may use.
If you not want, I don't mind.
You should add a exception for Reddit:
@moz-document domain("powdertoy.co.uk") {
my CSS
}