Userscripts.org

I've been using this script for some time, but recently, instead of seeing my personal superstars, I've been seeing GMail's defaults overlaid on top of mine. After some digging, it seems that they've changed the appearance of the superstars from a styled span to a styled image within a span. I managed to correct it by replacing the CSS definition of Superstars Turbo with this:

GM_addStyle('.xi img{background:url('+ imageUrl+') no-repeat -90px 0 !important}'+
	'.xn img{background:url('+ imageUrl+') no-repeat 0 0 !important}'+
	'.xl img{background:url('+ imageUrl+') no-repeat -15px 0 !important}'+
	'.xo img{background:url('+ imageUrl+') no-repeat -30px 0 !important}'+
	'.xk img{background:url('+ imageUrl+') no-repeat -45px 0 !important}'+
	'.xj img{background:url('+ imageUrl+') no-repeat -60px 0 !important}'+
	'.xm img{background:url('+ imageUrl+') no-repeat -75px 0 !important}'+
	'.xg img{background:url('+ imageUrl+') no-repeat 0 -15px !important}'+
	'.xe img{background:url('+ imageUrl+') no-repeat -15px -15px !important}'+
	'.xh img{background:url('+ imageUrl+') no-repeat -30px -15px !important}'+
	'.xd img{background:url('+ imageUrl+') no-repeat -45px -15px !important}'+
	'.xc img{background:url('+ imageUrl+') no-repeat -60px -15px !important}'+
	'.xf img{background:url('+ imageUrl+') no-repeat -75px -15px !important}');

In short, it just changes all of the definitions from ".[CLASS]" to ".[CLASS] img" And it works again for me.

Another year, another GMail update. Here's how I've gotten this script working again. Replace the same section mentioned in my original post with:

//Remove CSS content definitions
GM_addStyle('.T-KT.xi:before{content:none !important}'+
	'.T-KT.xn:before{content:none !important}'+
	'.T-KT.xl:before{content:none !important}'+
	'.T-KT.xo:before{content:none !important}'+
	'.T-KT.xk:before{content:none !important}'+
	'.T-KT.xj:before{content:none !important}'+
	'.T-KT.xm:before{content:none !important}'+
	'.T-KT.xg:before{content:none !important}'+
	'.T-KT.xe:before{content:none !important}'+
	'.T-KT.xh:before{content:none !important}'+
	'.T-KT.xd:before{content:none !important}'+
	'.T-KT.xc:before{content:none !important}'+
	'.T-KT.xf:before{content:none !important}');

//new css definition
GM_addStyle('.T-KT.xi{background:url('+ imageUrl+') no-repeat -90px 0 !important; height:15px; width: 15px;}'+
	'.T-KT.xn img{background:url('+ imageUrl+') no-repeat 0 0 !important; height:15px; width: 15px;}'+
	'.T-KT.xl img{background:url('+ imageUrl+') no-repeat -15px 0 !important; height:15px; width: 15px;}'+
	'.T-KT.xo img{background:url('+ imageUrl+') no-repeat -30px 0 !important; height:15px; width: 15px;}'+
	'.T-KT.xk img{background:url('+ imageUrl+') no-repeat -45px 0 !important; height:15px; width: 15px;}'+
	'.T-KT.xj img{background:url('+ imageUrl+') no-repeat -60px 0 !important; height:15px; width: 15px;}'+
	'.T-KT.xm img{background:url('+ imageUrl+') no-repeat -75px 0 !important; height:15px; width: 15px;}'+
	'.T-KT.xg img{background:url('+ imageUrl+') no-repeat 0 -15px !important; height:15px; width: 15px;}'+
	'.T-KT.xe img{background:url('+ imageUrl+') no-repeat -15px -15px !important; height:15px; width: 15px;}'+
	'.T-KT.xh img{background:url('+ imageUrl+') no-repeat -30px -15px !important; height:15px; width: 15px;}'+
	'.T-KT.xd img{background:url('+ imageUrl+') no-repeat -45px -15px !important; height:15px; width: 15px;}'+
	'.T-KT.xc img{background:url('+ imageUrl+') no-repeat -60px -15px !important; height:15px; width: 15px;}'+
	'.T-KT.xf img{background:url('+ imageUrl+') no-repeat -75px -15px !important; height:15px; width: 15px;}');