Toronto Gal emote for twitter.com and Tweetdeck with scalable icon (SVG), colors and animations.

toronto_twitter.css

@-moz-document domain("twitter.com"), domain("tweetdeck.twitter.com") {
.hearty .prf .lst-profile .icon-favorite:before,
.hearty .tweet-action .icon-favorite:before,
.hearty .tweet-detail-action .icon-favorite:before {
	-webkit-filter: grayscale(1) brightness(2.4);
	filter: grayscale(1) brightness(2.4);
}

.hearty .prf .lst-profile a:hover .icon-favorite:before,
.hearty .prf .lst-profile a:focus .icon-favorite:before,
.hearty .tweet-action:hover .icon-favorite:before,
.hearty .tweet-action:focus .icon-favorite:before,
.hearty .tweet-detail-action:hover .icon-favorite:before,
.hearty .tweet-detail-action:focus .icon-favorite:before {
	-webkit-filter: grayscale(1) brightness(1.2);
	filter: grayscale(1) brightness(1.2);
}

.HeartAnimationContainer *,
.Icon.Icon--heartBadge {
	visibility: hidden;
}

.HeartAnimationContainer:after {
	-webkit-filter: grayscale(1) brightness(3);
	filter: grayscale(1) brightness(3);
}

.hearty .is-favorite .tweet-action .icon-favorite:before,
.hearty .is-favorite .tweet-detail-action .icon-favorite:before,
.ProfileTweet-action--favorite .ProfileTweet-actionButton:hover .HeartAnimationContainer:after,
.ProfileTweet-action--favorite .ProfileTweet-actionButton:focus .HeartAnimationContainer:after,
.favorited .ProfileTweet-action--favorite .ProfileTweet-actionButtonUndo .HeartAnimationContainer:after {
	-webkit-filter: none;
	filter: none;
}

.favorited .ProfileTweet-action--favorite .ProfileTweet-actionButtonUndo .HeartAnimationContainer:after {
	animation: toronto-bounce-in 500ms;
}

@keyframes toronto-bounce-in {
  40% {
    -webkit-transform: scale(1.35);
            transform: scale(1.35); }
}

.hearty .icon-favorite:before,
.HeartAnimationContainer:after,
.activity-type.activity-type-favorited_mention,
.activity-type.activity-type-favorite {
	background-size: 1em 1em;
	background-repeat: no-repeat;
	display: block;
	width: 1em;
	height: 1em;
	content: "";
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTEyIiBoZWlnaHQ9IjExMiIgdmlld0JveD0iMCAwIDExMiAxMTIiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiPjxkZWZzIGlkPSJkZWZzNCI+PG1hc2sgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9Im1hc2s0ODI1Ij48cGF0aCBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6Mi41O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIGQ9Im0gNDYuOTY0Mjg3LDQzLjk2NDI4NyBjIC0xMGUtNyw2Ljk2NTQ2IC03LjcxNjUwOCwxMi42MjY1MjIgLTE3LjI4MTQ4OCwxMi42NzgyMjIgLTkuNTY0OTgsMC4wNTE3IC0xNy4zOTYwMzUsLTUuNTI1MzI3IC0xNy41MzgwMjQsLTEyLjQ5MDAxOSB6IiBpZD0icGF0aDQ4MjciLz48L21hc2s+PG1hc2sgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9Im1hc2s0ODQ2Ij48cGF0aCBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6My4yMDAwMDAwNTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDQ2Ljk2NDI4Nyw0My40NTkyMTEgYyAtMTBlLTcsNi45NjU0NiAtNy43MTY1MDgsMTIuNjI2NTIyIC0xNy4yODE0ODgsMTIuNjc4MjIyIC05LjU2NDk4LDAuMDUxNyAtMTcuMzk2MDM1LC01LjUyNTMyNyAtMTcuNTM4MDI0LC0xMi40OTAwMTkgeiIgaWQ9InBhdGg0ODQ4Ii8+PC9tYXNrPjxtYXNrIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJtYXNrNDg0Ni02Ij48cGF0aCBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6My4yMDAwMDAwNTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDQ2Ljk2NDI4Nyw0My40NTkyMTEgYyAtMTBlLTcsNi45NjU0NiAtNy43MTY1MDgsMTIuNjI2NTIyIC0xNy4yODE0ODgsMTIuNjc4MjIyIC05LjU2NDk4LDAuMDUxNyAtMTcuMzk2MDM1LC01LjUyNTMyNyAtMTcuNTM4MDI0LC0xMi40OTAwMTkgeiIgaWQ9InBhdGg0ODQ4LTAiLz48L21hc2s+PC9kZWZzPjxtZXRhZGF0YSBpZD0ibWV0YWRhdGE3Ij48L21ldGFkYXRhPjxnIGlkPSJsYXllcjIiIHN0eWxlPSJkaXNwbGF5OmlubGluZSI+PGcgaWQ9Imc0MTU1Ij48cGF0aCBpZD0icGF0aDQyMTUiIGQ9Ik0gNTYuMDU1ODIsLTAuMTMxNjA0MTMgNDYuMjg4NzEsMTguMDg1MjkzIGMgLTEuMTA4Mjg2LDEuOTc5ODc0IC0zLjA5NCwxLjc5NjIzNiAtNS4wNzk3MTcsMC42OTA0MTUgbCAtNy4wNzExMjcsLTMuNjYxNTY2IDUuMjcwMjIsMjcuOTgwNzcgYyAxLjEwODI4Nyw1LjExMTkyOSAtMi40NDc1OTIsNS4xMTE5MjkgLTQuMjAyNDM2LDIuOTAxNjIxIEwgMjIuODY1MTU4LDMyLjE4MTUzNCAyMC44NjE3LDM5LjE5NzExOSBjIC0wLjIzMTAzMywwLjkyMTI5NiAtMS4yNDY4NDksMS44ODg5NDggLTIuNzcwODExLDEuNjU4NTEyIEwgMi40ODYxOTc0LDM3LjU3NDcxIDYuNTg0ODcwMSw1Mi40NzU5MiBjIDAuODc3NDE2NCwzLjMxNTY4NiAxLjU2MTgyMjMsNC42ODg0OTQgLTAuODg1Nzg3Myw1LjU2Mjk5IEwgMC4xMzcwNjYxNSw2MC42NTMwNDEgMjYuOTk5NTM0LDgyLjQ3MjY2OSBjIDEuMDYzMjMzLDAuODI1MDIgMS42MDA0MiwyLjMwOTcwNiAxLjIyMTkwMywzLjY1Mzk4NSBsIC0yLjM1MTAzOCw3LjcxNTM2IGMgOS4yNDkxNDQsLTEuMDY2MTU2IDE3LjUzNjUyMSwtMi42NzAxNiAyNi43OTAzNTEsLTMuNjU4MDE5IDAuODE2OTIzLC0wLjA4NzIxIDIuMTg0NTUyLDEuMjYwOTU1IDIuMTc4OTQzLDIuMjA3NjU2IGwgLTEuMjI1NDk4LDI4LjI2NjAyOSA0LjQ5Njk4LDAgLTAuNzA3ODc3LC0yOC4yMDU0MSBjIC0wLjAwNTYsLTAuOTQ2NzAxIDEuMjM1MDg0LC0yLjM1NTQ4NCAyLjA1MjAwNywtMi4yNjgyNzUgOS4yNTM4MywwLjk4Nzg2MSAxNy41NDEyMTksMi41OTE4NjMgMjYuNzkwMzYzLDMuNjU4MDE5IGwgLTIuMzUxMDMxLC03LjcxNTM2IGMgLTAuMzc4NTI0LC0xLjM0NDI3OSAwLjE1ODY2MywtMi44Mjg5NjUgMS4yMjE4OTIsLTMuNjUzOTg1IGwgMjYuODYyNDYxLC0yMS44MTk2MjggLTUuNTYyLC0yLjYxNDEzMSBjIC0yLjQ0NzYyLC0wLjg3NDQ5NiAtMS43NjMyMiwtMi4yNDczMDQgLTAuODg1NzksLTUuNTYyOTkgbCA0LjA5ODY4LC0xNC45MDEyMSAtMTUuNjA0NzA2LDMuMjgwOTIxIGMgLTEuNTIzOTY4LDAuMjMwNDM2IC0yLjUzOTc3NiwtMC43MzcyMTYgLTIuNzcwODIxLC0xLjY1ODUxMiBsIC0yLjAwMzQ1LC03LjAxNTU4NSAtMTIuMzQwNDg4LDEzLjgxNDk5OSBjIC0xLjc1NDg1LDIuMjEwMzA4IC01LjMxMDczMiwyLjIxMDMwOCAtNC4yMDI0NDUsLTIuOTAxNjIxIGwgNS4yNzAyMTIsLTI3Ljk4MDc3IC03LjA3MTExMywzLjY2MTU2NiBjIC0xLjk4NTc2NiwxLjEwNTgyMSAtMy45NzE0MzIsMS4yODk0NTkgLTUuMDc5NzIxLC0wLjY5MDQxNSIgc3R5bGU9ImZpbGw6I2ZmMDAwMDtmaWxsLW9wYWNpdHk6MTtvcGFjaXR5OjEiLz48cGF0aCBpZD0icGF0aDQ3OTkiIGQ9Ik0gMTcuODU3MTQzLDgwLjAzNTcxNSA5NC44MjE0MjksNjUuNzUiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjU7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIvPjxwYXRoIGlkPSJwYXRoNDgwNSIgZD0ibSA0Ni45NjQyODcsNDMuNDU5MjExIGMgLTEwZS03LDYuOTY1NDYgLTcuNzE2NTA4LDEyLjYyNjUyMiAtMTcuMjgxNDg4LDEyLjY3ODIyMiAtOS41NjQ5OCwwLjA1MTcgLTE3LjM5NjAzNSwtNS41MjUzMjcgLTE3LjUzODAyNCwtMTIuNDkwMDE5IHoiIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDozLjIwMDAwMDA1O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiLz48Y2lyY2xlIG1hc2s9InVybCgjbWFzazQ4NDYpIiByPSIxMS4wNDg1NDQiIGN5PSI0MC4zNDIzMDQiIGN4PSIxNS41OTQyMzEiIGlkPSJwYXRoNDgyOSIgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjMuMjAwMDAwMDU7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIvPjxwYXRoIGlkPSJwYXRoNDgwNS0zIiBkPSJtIDEwMC45NjQyOSw0My40NTkyMTEgYyAwLDYuOTY1NDYgLTcuNzE2NTExLDEyLjYyNjUyMiAtMTcuMjgxNDkxLDEyLjY3ODIyMiAtOS41NjQ5OCwwLjA1MTcgLTE3LjM5NjAzNSwtNS41MjUzMjcgLTE3LjUzODAyNCwtMTIuNDkwMDE5IHoiIHN0eWxlPSJkaXNwbGF5OmlubGluZTtvcGFjaXR5OjE7ZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDozLjIwMDAwMDA1O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiLz48Y2lyY2xlIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU0LDApIiBtYXNrPSJ1cmwoI21hc2s0ODQ2LTYpIiByPSIxMS4wNDg1NDQiIGN5PSI0MC4zNDIzMDQiIGN4PSIxNS41OTQyMzEiIGlkPSJwYXRoNDgyOS0wIiBzdHlsZT0iZGlzcGxheTppbmxpbmU7b3BhY2l0eToxO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6My4yMDAwMDAwNTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIi8+PC9nPjwvZz48L3N2Zz4K");
}
}