Skip to content

Instantly share code, notes, and snippets.

@alystair
Last active August 4, 2017 01:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alystair/ce79e51d3bbe56fe297f52a5ff73319f to your computer and use it in GitHub Desktop.
Save alystair/ce79e51d3bbe56fe297f52a5ff73319f to your computer and use it in GitHub Desktop.
/r/dota2 css optimization
ORIGINAL (2226)
.side .usertext a[href*="#mm-up"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -106px no-repeat #202125}.side .usertext a[href*="#mm-down"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -140px no-repeat #202125}.side .usertext a[href*="#irc"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -175px no-repeat #202125}.side .usertext a[href*="#gathers"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -420px no-repeat #202125}.side .usertext a[href*="#vods"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -209px no-repeat #202125}.side .usertext a[href*="#demos"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -244px no-repeat #202125}.side .usertext a[href*="#recruitcs"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -280px no-repeat #202125}.side .usertext a[href*="#trade"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -315px no-repeat #202125}.side .usertext a[href*="#csmapmakers"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -351px no-repeat #202125}.side .usertext a[href*="#wiki"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -385px no-repeat #202125}.side .usertext a[href*="#dota"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -455px no-repeat #202125}.side .usertext a[href*="#wrench"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -490px no-repeat #202125}.side .usertext a[href*="#discord"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -525px no-repeat #202125}.side .usertext a[href*="#twitter"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") 275px -560px no-repeat #202125}
Optimized (1525), using the same technique as standard flair
.side .usertext a[href*="#mm-up"],.side .usertext a[href*="#mm-down"],.side .usertext a[href*="#irc"],.side .usertext a[href*="#gathers"],.side .usertext a[href*="#vods"],.side .usertext a[href*="#demos"],.side .usertext a[href*="#recruitcs"],.side .usertext a[href*="#trade"],.side .usertext a[href*="#csmapmakers"],.side .usertext a[href*="#wiki"],.side .usertext a[href*="#dota"],.side .usertext a[href*="#wrench"],.side .usertext a[href*="#discord"],.side .usertext a[href*="#twitter"]{background:url("//b.thumbs.redditmedia.com/4nDuMWPyQnsE3-lIadr7QvCceQyZ7OEQm_D5J3u_aCk.png") no-repeat #202125;background-position-x:275px}.side .usertext a[href*="#mm-up"]{background-position-y:-106px}.side .usertext a[href*="#mm-down"]{background-position-y:-140px}.side .usertext a[href*="#irc"]{background-position-y:-175px}.side .usertext a[href*="#gathers"]{background-position-y:-420px}.side .usertext a[href*="#vods"]{background-position-y:-209px}.side .usertext a[href*="#demos"]{background-position-y:-244px}.side .usertext a[href*="#recruitcs"]{background-position-y:-280px}.side .usertext a[href*="#trade"]{background-position-y:-315px}.side .usertext a[href*="#csmapmakers"]{background-position-y:-351px}.side .usertext a[href*="#wiki"]{background-position-y:-385px}.side .usertext a[href*="#dota"]{background-position-y:-455px}.side .usertext a[href*="#wrench"]{background-position-y:-490px}.side .usertext a[href*="#discord"]{background-position-y:-525px}.side .usertext a[href*="#twitter"]{background-position-y:-560px}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment