From 04f42b3802631a825d8ef112b153e66e962a0e66 Mon Sep 17 00:00:00 2001
From: fatchan <admin@fatpeople.lol>
Date: Wed, 1 Jun 2016 19:51:21 +1000
Subject: [PATCH] CSS hover instead of javascript mouseover. Need to use
 important because the dark/light text determined by IDToRGB is added inline
 and takes priority over stylesheets.

---
 js/id_colors.js       | 6 ------
 stylesheets/style.css | 4 +++-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/js/id_colors.js b/js/id_colors.js
index 6335f960..55454476 100644
--- a/js/id_colors.js
+++ b/js/id_colors.js
@@ -50,12 +50,6 @@ if (active_page == 'thread' || active_page == 'index') {
 				"border-radius": "8px",
 				"color": ft
 			});
-
-			$(el).mouseover(function() {
-				$(this).css('color', '#800000'); // how about a CSS :hover rule instead?
-			}).mouseout(function() {
-				$(this).css('color', ft);
-			});
 		}
 
 		$(".poster_id").each(function(k, v){
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 39d1fd04..7bedfe14 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -913,7 +913,9 @@ pre {
 .poster_id {
   cursor: pointer;
 }
-
+.poster_id:hover {
+  color: #800000!important;
+}
 .poster_id::before {
   content: " ID: ";
 }