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.

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: ";
 }