Some easy flairs for you guys

Though prolonged time-wasting I have managed to turn this image into user flairs.

First - Download the picture above

Second - save it in the images on your stylesheet as "CJSmileys"

Third - Copy and paste the text below into your stylesheet

Simple :)

Example can be found on /r/gamegasmz

^{Don't judge my sub, still learning CSS :D}

Additional - The flair names can be found here, just use the word next to the hashtag.

.flairselector .customizer { display: none !important; }

.flair { border: none !important; padding:0px; background: url(%%CJSmileys%%) no-repeat -9999px -9999px; display:inline-block; }

.flair-contra{ background-position: 0px 0px; width: 17px; height: 36px; } .flair-1up{ background-position: -18px -4px; width: 16px; height: 7px; } .flair-excitebike{ width: 19px; height: 24px; background-position: -18px -12px; } .flair-pi{ background-position: -35px -3px; width: 8px; height: 8px; } .flair-megaman{ width: 21px; height: 24px; background-position: -38px -12px; } .flair-link{ width: 16px; height: 32px; background-position: -60px -4px; } .flair-gay{ width: 19px; height: 12px; background-position: -77px -3px; } .flair-abu{ width: 19px; height: 20px; background-position: -77px -16px; } .flair-xwing{ width: 32px; height: 19px; background-position: -97px -17px; } .flair-gizmo{ width: 32px; height: 24px; background-position: -130px -12px; } .flair-spunky{ width: 25px; height: 29px; background-position: -163px -7px; } .flair-duckhunt{ width: 29px; height: 34px; background-position: -189px -2px; } .flair-pbj{ width: 25px; height: 31px; background-position: -219px -5px; } .flair-upboat{ width: 15px; height: 14px; background-position: -355px 0px; } .flair-upboat:hover{ width: 15px; height: 14px; background-position: -245px -5px; } .flair-question{ width: 16px; height: 16px; background-position: -245px -20px; } .flair-sonic{ width: 17px; height: 27px; background-position: -262px -9px; } .flair-mario{ width: 16px; height: 26px; background-position: -280px -10px; } .flair-krumm{ width: 32px; height: 35px; background-position: -297px -1px; } .flair-kanye{ width: 24px; height: 35px; background-position: -330px -1px; } .flair-cassette{ width: 31px; height: 21px; background-position: -355px -15px; } .flair-stop{ width: 32px; height: 32px; background-position: -387px -4px; } .flair-waiting{ width: 13px; height: 22px; background-position: -420px -14px; } .flair-ceilingcat{ width: 57px; height: 35px; background-position: -434px -1px; } .flair-vuvuzela{ width: 36px; height: 32px; background-position: -492px -4px; } .flair-bp{ width: 36px; height: 36px; background-position: -529px 0px; } .flair-yakko{ width: 31px; height: 51px; background-position: 0px -37px; } .flair-zombie{ width: 27px; height: 47px; background-position: -32px -41px; } .flair-ramirezhead{ width: 34px; height: 38px; background-position: -60px -50px; } .flair-alien{ width: 32px; height: 40px; background-position: -95px -48px; } .flair-trees{ width: 25px; height: 21px; background-position: -128px -42px; } .flair-triforce{ width: 25px; height: 24px; background-position: -128px -64px; } .flair-narwhal{ width: 29px; height: 48px; background-position: -154px -40px; } .flair-digg{ width: 41px; height: 48px; background-position: -184px -40px; } .flair-doubledragon{ width: 16px; height: 38px; background-position: -226px -50px; } .flair-zoidberg{ width: 48px; height: 39px; background-position: -243px -49px; } .flair-thatguy{ width: 38px; height: 39px; background-position: -292px -49px; } .flair-beavis{ width: 27px; height: 50px; background-position: -331px -38px; } .flair-indy{ width: 15px; height: 51px; background-position: -359px -37px; } .flair-capn{ width: 44px; height: 41px; background-position: -375px -47px; } .flair-staypuft{ width: 42px; height: 51px; background-position: -420px -37px; } .flair-foxnews{ width: 48px; height: 45px; background-position: -463px -43px; } .flair-shoopdawhoop{ width: 33px; height: 51px; background-position: -512px -37px; } .flair-epicfailguy{ width: 16px; height: 51px; background-position: -546px -37px; } .flair-shang{ width: 60px; height: 133px; background-position: 0px -89px; } .flair-plucky{ width: 23px; height: 40px; background-position: -61px -89px; } .flair-lemming{ width: 20px; height: 37px; background-position: -85px -89px; } .flair-hand{ width: 24px; height: 43px; background-position: -106px -89px; } .flair-discoball{ width: 28px; height: 48px; background-position: -131px -89px; } .flair-finishhim{ width: 135px; height: 19px; background-position: -160px -89px; } .flair-king{ width: 21px; height: 30px; background-position: -160px -109px; } .flair-busey{ width: 25px; height: 30px; background-position: -182px -109px; } .flair-coco{ width: 21px; height: 30px; background-position: -208px -109px; } .flair-obama{ width: 22px; height: 30px; background-position: -230px -109px; } .flair-cookiemonster{ width: 34px; height: 30px; background-position: -253px -109px; } .flair-coffee{ width: 24px; height: 31px; background-position: -296px -89px; } .flair-quagmire{ width: 27px; height: 30px; background-position: -321px -89px; } .flair-thebrain{ width: 48px; height: 30px; background-position: -349px -89px; } .flair-tobias{ width: 26px; height: 30px; background-position: -398px -89px; } .flair-iliketurtles{ width: 23px; height: 30px; background-position: -425px -89px; } .flair-muhammed{ width: 32px; height: 41px; background-position: -292px -121px; } .flair-billymays{ width: 31px; height: 41px; background-position: -325px -120px; } .flair-orly{ width: 45px; height: 41px; background-position: -357px -120px; } .flair-spam{ width: 46px; height: 39px; background-position: -403px -120px; } .flair-poop{ width: 43px; height: 41px; background-position: -450px -120px; } .flair-zach{ width: 28px; height: 41px; background-position: -494px -120px; } .flair-cops{ width: 66px; height: 82px; background-position: -61px -140px; } .flair-robocop{ width: 34px; height: 75px; background-position: -128px -147px; } .flair-yoshiegg{ width: 14px; height: 15px; background-position: -163px -150px; } .flair-facebook{ width: 16px; height: 16px; background-position: -178px -149px; } .flair-square{ width: 20px; height: 16px; background-position: -195px -149px; } .flair-poohboat{ width: 58px; height: 56px; background-position: -163px -166px; } .flair-owlcat{ width: 69px; height: 65px; background-position: -222px -157px; } .flair-eagercat{ width: 20px; height: 22px; background-position: -292px -174px; } .flair-nickelback{ width: 21px; height: 23px; background-position: -313px -173px; } .flair-delorean{ width: 51px; height: 24px; background-position: -335px -172px; } .flair-blinky{ width: 37px; height: 28px; background-position: -387px -172px; } .flair-money{ width: 59px; height: 25px; background-position: -292px -197px; } .flair-shark{ width: 48px; height: 21px; background-position: -352px -201px; } .flair-amberlamps{ width: 31px; height: 18px; background-position: -401px -204px; } .flair-crybaby{ width: 46px; height: 60px; background-position: -433px -162px; } .flair-awesome{ width: 25px; height: 25px; background-position: 0px -223px; } .flair-happy{ width: 25px; height: 25px; background-position: -26px -223px; } .flair-sad{ width: 25px; height: 25px; background-position: -52px -223px; } .flair-omy{ width: 25px; height: 25px; background-position: -78px -223px; } .flair-lod{ width: 25px; height: 25px; background-position: -104px -223px; } .flair-cat{ width: 25px; height: 23px; background-position: -130px -223px; } .flair-heart{ width: 25px; height: 25px; background-position: -156px -223px; } .flair-apple{ width: 20px; height: 25px; background-position: -182px -223px; } .flair-hitler{ width: 19px; height: 25px; background-position: -203px -223px; } .flair-chaplin{ width: 23px; height: 25px; background-position: -223px -223px; } .flair-trollface{ width: 31px; height: 25px; background-position: -247px -223px; } .flair-sir{ width: 19px; height: 25px; background-position: -279px -223px; } .flair-ogc{ width: 9px; height: 25px; background-position: -299px -223px; } .flair-thedude{ width: 26px; height: 25px; background-position: -309px -223px; } .flair-bacon{ width: 16px; height: 25px; background-position: -336px -223px; } .flair-atheist{ width: 25px; height: 25px; background-position: -353px -223px } .flair-rage{ width: 32px; height: 25px; background-position: -379px -223px; } .flair-fuckyea{ width: 26px; height: 25px; background-position: -412px -223px; } .flair-girl{ width: 25px; height: 25px; background-position: -439px -223px; } .flair-betterthanexpected{ width: 31px; height: 25px; background-position: -465px -223px; } .flair-epic{ width: 27px; height: 19px; background-position: -497px -223px; } .flair-mariokart{ width: 30px; height: 30px; background-position: 0px -249px; } .flair-luigikart{ width: 30px; height: 31px; background-position: -31px -249px; } .flair-yoshikart{ width: 28px; height: 31px; background-position: -62px -249px; } .flair-bowserkart{ width: 32px; height: 31px; background-position: -91px -249px; } .flair-princesskart{ width: 28px; height: 31px; background-position: -124px -249px; } .flair-windows{ width: 25px; height: 25px; background-position: -153px -249px; } .flair-linux{ width: 25px; height: 30px; background-position: -179px -249px; } .flair-freebsd{ width: 27px; height: 29px; background-position: -205px -249px; } .flair-java{ width: 21px; height: 29px; background-position: -233px -249px; } .flair-thepiratebay{ width: 28px; height: 30px; background-position: -255px -249px; } .flair-clippy{ width: 32px; height: 30px; background-position: -284px -249px; } .flair-lolwut{ width: 22px; height: 30px; background-position: -317px -249px; } .flair-facepalm{ width: 50px; height: 30px; background-position: -340px -249px; } .flair-pedobear{ width: 72px; height: 133px; background-position: -1px -281px; } .flair-xkcd{ width: 23px; height: 69px; background-position: -74px -281px; } .flair-koolaidman{ width: 72px; height: 69px; background-position: -98px -281px; } .flair-homer{ width: 63px; height: 70px; background-position: -171px -280px; } .flair-mccain{ width: 71px; height: 70px; background-position: -235px -280px; } .flair-whiteknight{ width: 74px; height: 126px; background-position: -307px -280px; } .flair-keanu{ width: 120px; height: 77px; background-position: -382px -280px; } .flair-kennypowers{ width: 67px; height: 63px; background-position: -74px -351px; } .flair-cp{ width: 29px; height: 63px; background-position: -142px -351px; } .flair-fap{ width: 30px; height: 40px; background-position: -172px -362px; } .flair-fap:hover{ width: 30px; height: 40px; background-position: -172px -351px; } .flair-technoviking{ width: 39px; height: 51px; background-position: -203px -351px; } .flair-chubbles{ width: 63px; height: 37px; background-position: -243px -351px; }