Wanted to see how my Plushies would look like as Icons. Bigger Picture of Plushies: >>2048541
Upvote, Downvote, Favourite and Comment are intellectual property of Arifproject
Here's the javascript code to change them (temporarily): (css embeds didn't work, got blocked by the content-security-policy)
@document.querySelectorAll('.interaction—fave .fa').forEach(function(userItem) {
userItem.style.backgroundImage = "url('//derpicdn.net/img/2019/5/25/2048541/thumb_tiny.png')";
userItem.style.overflow = "hidden";
userItem.style.backgroundPosition = "0 -20px";
userItem.style.backgroundSize = "40px 40px";
userItem.style.transform = "scaleX(-1)";
});
document.querySelectorAll('.interaction—upvote .fa').forEach(function(userItem) {
userItem.style.backgroundImage = "url('//derpicdn.net/img/2019/5/25/2048541/thumb_tiny.png')";
userItem.style.overflow = "hidden";
userItem.style.backgroundSize = "40px 40px";
userItem.style.transform = "scaleX(-1)";
});
document.querySelectorAll('.interaction—downvote .fa').forEach(function(userItem) {
userItem.style.backgroundImage = "url('//derpicdn.net/img/2019/5/25/2048541/thumb_tiny.png')";
userItem.style.overflow = "hidden";
userItem.style.backgroundPosition = "-20px 0";
userItem.style.backgroundSize = "40px 40px";
});
document.querySelectorAll('.interaction—comments .fa').forEach(function(userItem) {
userItem.style.backgroundImage = "url('//derpicdn.net/img/2019/5/25/2048541/thumb_tiny.png')";
userItem.style.overflow = "hidden";
userItem.style.backgroundPosition = "-20px -20px";
userItem.style.backgroundSize = "40px 40px";
});@