Flair was working fine earlier today, then I tried to add sprites (which worked), and now I can't edit the flair text.

.flairselector .customizer { padding: 10px 10px 10px 10px; } .flair { background: url(%%spritesheet%%) no-repeat scroll left top transparent; display: inline-block; color: #000; height: 20px; line-height: 20px; padding: 0px; margin: 0; margin-top: -5px; margin-right: 3px; margin-left: 3px; text-align: left; vertical-align: middle; z-index: 10; border: transparent }

container li {

background: url(%%spritesheet%%) no-repeat top left;

}

.flair-spriteblueball{ background-position: 0 0; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritebomb{ background-position: 0 -70px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritebutton{ background-position: 0 -139px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spriteflagblue{ background-position: 0 -209px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spriteflagred{ background-position: 0 -279px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spriteflagyellow{ background-position: 0 -349px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritegate{ background-position: 0 -419px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritegateblue{ background-position: 0 -489px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritegategreen{ background-position: 0 -559px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritegatered{ background-position: 0 -629px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritegoalblue{ background-position: 0 -699px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritegoalred{ background-position: 0 -769px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritegrayball{ background-position: 0 -839px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritemarsball{ background-position: 0 -909px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritepupjj{ background-position: 0 -979px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritepuprb{ background-position: 0 -1049px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritepuptp{ background-position: 0 -1119px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritepupts{ background-position: 0 -1189px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spriteredball{ background-position: 0 -1259px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritespike{ background-position: 0 -1329px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritetile{ background-position: 0 -1397px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritetileblue{ background-position: 0 -1467px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;} .flair-spritetilered{ background-position: 0 -1537px; width: 20px; height: 20px; text-indent: 20px; line-height: 20px;}

/r/csshelp Thread