Shows image's rating above its thumbnail on Derpibooru.
// ==UserScript==
// @name Derpibooru - Rating Info
// @description Shows image's rating above its thumbnail on Derpibooru.
// @namespace derpibooru_ratinginfo
// @include http://derpiboo.ru/*
// @include https://derpiboo.ru/*
// @include http://derpibooru.org/*
// @include https://derpibooru.org/*
// @include http://www.trixiebooru.org/*
// @include https://www.trixiebooru.org/*
// @version 3
// @grant none
// ==/UserScript==
var css = document.createElement('style');
css.setAttribute('type', 'text/css');
css.innerHTML = '.RI_safe, .RI_questionable, .RI_suggestive, .RI_explicit, .RI_grimdark, .RI_semigrimdark, .RI_grotesque{padding-right: 3px; font-weight: bold}' +
'.RI_safe {color:#67AF2B}' +
'.RI_explicit {color:#CF0001}' +
'.RI_questionable {color:#C4B246}' +
'.RI_suggestive {color:#C4B246}' +
'.RI_grimdark {color:#5e0000}' +
'.RI_semigrimdark {color:#5e0000}' +
'.RI_grotesque {color:#000000}';
document.getElementsByTagName('head') [0].appendChild(css);
var image = document.getElementsByClassName('image');
function ratingElement(name, short) {
var el = document.createElement('span');
el.className = 'RI_' + name;
el.innerHTML = short;
return el;
}
for (var i = 0; i < image.length; i++) {
var tags = image[i].dataset.imageTagAliases.split(', ');
var rating = document.createElement('span');
rating.className = 'RI_rating';
if (tags.indexOf('safe') > - 1) rating.appendChild(ratingElement('safe', 'S'));
if (tags.indexOf('questionable') > - 1) rating.appendChild(ratingElement('questionable', 'Q'));
if (tags.indexOf('suggestive') > - 1) rating.appendChild(ratingElement('suggestive', 'Sg'));
if (tags.indexOf('explicit') > - 1) rating.appendChild(ratingElement('explicit', 'E'));
if (tags.indexOf('grimdark') > - 1) rating.appendChild(ratingElement('grimdark', 'GD'));
if (tags.indexOf('semi-grimdark') > - 1) rating.appendChild(ratingElement('semigrimdark', 'S-GD'));
if (tags.indexOf('grotesque') > - 1) rating.appendChild(ratingElement('grotesque', 'Gr'));
image[i].getElementsByClassName('imageinfo') [0].insertBefore(rating, image[i].getElementsByClassName('imageinfo') [0].firstChild);
}