Created
January 7, 2016 03:18
-
-
Save mcnees/c2c4b65c636ec85979ad to your computer and use it in GitHub Desktop.
A simple version of Favmoji.css that just replaces the heart animation with an emoji.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Install the Stylish extension for your browser, then add this code | |
as a new Style. Make sure it applies to the domain 'twitter.com' */ | |
/* You can get Stylish here: */ | |
/* Safari - http://sobolev.us/stylish/ */ | |
/* Chrome - https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe */ | |
/* Tweet improvements, comments, or corrections to @mcnees. */ | |
/* Thanks to: @pbausch, @mathowie, @blakestacey, @ukuleledan and others! */ | |
/* Hide the heart for un-Faved tweets. */ | |
.ProfileTweet-actionButton .HeartAnimationContainer { | |
visibility: hidden; | |
} | |
.WebToast .HeartAnimationContainer { | |
visibility: hidden; | |
} | |
/* Specify an emoji to use in place of the heart, for un-Faved tweets. */ | |
.ProfileTweet-actionButton .HeartAnimationContainer:after { | |
/* Use a grayed-out emoji for the unclicked Fav button. */ | |
content:'🍺'; | |
/* Safari or Chrome */ | |
-webkit-filter: grayscale(100%); | |
opacity: 0.7; | |
/* Firefox or Mozilla */ | |
/* -moz-filter: grayscale(100%); */ | |
visibility: visible; | |
display: block; | |
position: absolute; | |
} | |
/* Show the regular emoji when hovering over the fav button. */ | |
.ProfileTweet-actionButton .HeartAnimationContainer:hover:after { | |
/* Use a regular emoji for the hovered Fav button. */ | |
content:'🍺'; | |
/* Safari or Chrome */ | |
-webkit-filter: grayscale(0%); | |
/* Firefox or Mozilla */ | |
/* -moz-filter: grayscale(50%); */ | |
visibility: visible; | |
display: block; | |
position: absolute; | |
} | |
/* Hide the heart for Faved tweets. */ | |
.ProfileTweet-actionButtonUndo .HeartAnimationContainer { | |
visibility: hidden; | |
} | |
/* Replace the heart for Faved tweets with an emoji. */ | |
.ProfileTweet-actionButtonUndo .HeartAnimationContainer:after { | |
/* Use a regular emoji for the clicked Fav button. */ | |
content:'🍺'; | |
visibility: visible; | |
display: block; | |
position: absolute; | |
} | |
/* Change the text color for the Fav count. */ | |
.ProfileTweet-actionCountForPresentation { | |
color: #999; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment