// ==UserScript==
// @name TL.net Bigger Icons
// @namespace tl.net
// @version 1.0.0
// @description Makes the user icons on each post title bigger and clearer to see.
// @author Korakys
// @license CC0
// @grant GM_addStyle
// @run-at document-start
// @match *://*.tl.net/*
// @downloadURL none
// ==/UserScript==

(function() {
let css = `

/* user3 class required to display Nazgul's helm */
.user3 {
	background: url(http://www.tl.net/images/usericons/witchking2.png)no-repeat !important;
	position: absolute;
	top: -40px;
	width: 52px !important;
	height: 73px !important;
}

.usericon.P0 {
	background-position: 0px -0px;
	width: 30px;
	height: 30px;
}

.usericon.T0 {
	background-position: 0px -30px;
	width: 30px;
	height: 30px;
}

.usericon.Z0 {
	background-position: 0px -60px;
	width: 30px;
	height: 30px;
}

.usericon.P1 {
	background-position: 0px -90px;
	width: 30px;
	height: 30px;
}

.usericon.T1 {
	background-position: 0px -120px;
	width: 30px;
	height: 30px;
}

.usericon.Z1 {
	background-position: 0px -150px;
	width: 30px;
	height: 30px;
}

.usericon.P2 {
	background-position: 0px -180px;
	width: 30px;
	height: 30px;
}

.usericon.T2 {
	background-position: 0px -210px;
	width: 30px;
	height: 30px;
}

.usericon.Z2 {
	background-position: 0px -240px;
	width: 30px;
	height: 30px;
}

.usericon.P3 {
	background-position: 0px -270px;
	width: 30px;
	height: 30px;
}

.usericon.T3 {
	background-position: 0px -300px;
	width: 30px;
	height: 30px;
}

.usericon.Z3 {
 	background-position: 0px -330px;
	width: 30px;
	height: 30px;
}

.usericon.P4 {
	background-position: 0px -360px;
	width: 30px;
	height: 30px;
}

.usericon.T4 {
	background-position: 0px -390px;
	width: 30px;
	height: 30px;
}

.usericon.Z4 {
	background-position: 0px -420px;
	width: 30px;
	height: 30px;
}

.usericon.P5 {
	background-position: 0px -450px;
	width: 30px;
	height: 30px;
}

.usericon.T5 {
	background-position: 0px -480px;
	width: 30px;
	height: 30px;
}

.usericon.Z5 {
	background-position: 0px -510px;
	width: 30px;
	height: 30px;
}

.usericon.P6 {
	background-position: 0px -540px;
	width: 30px;
	height: 30px;
}

.usericon.T6 {
	background-position: 0px -570px;
	width: 30px;
	height: 30px;
}

.usericon.Z6 {
	background-position: 0px -600px;
	width: 30px;
 	height: 30px;
}

.usericon.P7 {
	background-position: 0px -630px;
	width: 30px;
	height: 30px;
}

.usericon.T7 {
	background-position: 0px -660px;
	width: 30px;
	height: 30px;
}

.usericon.Z7 {
	background-position: 0px -690px;
	width: 30px;
	height: 30px;
}

.usericon.P8 {
	background-position: 0px -720px;
	width: 30px;
	height: 30px;
}

.usericon.T8 {
	background-position: 0px -750px;
	width: 30px;
	height: 30px;
}

.usericon.Z8 {
	background-position: 0px -780px;
	width: 30px;
	height: 30px;
}

.usericon.P9 {
	background-position: 0px -810px;
	width: 30px;
	height: 30px;
}

.usericon.T9 {
	background-position: 0px -840px;
	width: 30px;
	height: 30px;
}

.usericon.Z9 {
	background-position: 0px -870px;
	width: 30px;
	height: 30px;
}

.usericon.P10 {
	background-position: 0px -900px;
	width: 30px;
	height: 30px;
}

.usericon.T10 {
	background-position: 0px -930px;
	width: 30px;
	height: 30px;
}

.usericon.Z10 {
	background-position: 0px -960px;
	width: 30px;
	height: 30px;
}

.usericon {
	background: url(https://i.imgur.com/NEoUSy8.png) transparent no-repeat top left;
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	pointer-events: none;
}

`;
if (typeof GM_addStyle !== "undefined") {
  GM_addStyle(css);
} else {
  const styleNode = document.createElement("style");
  styleNode.appendChild(document.createTextNode(css));
  (document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();