Skip to content

Instantly share code, notes, and snippets.

@arafathusayn
Last active March 10, 2017 16:39
Show Gist options
  • Save arafathusayn/c5c8ae42da77a5fa6e98b7f2f3303f9f to your computer and use it in GitHub Desktop.
Save arafathusayn/c5c8ae42da77a5fa6e98b7f2f3303f9f to your computer and use it in GitHub Desktop.
Twitter Blur Image, GIF and Video
/*
INSTALL from this Link:
https://userstyles.org/styles/139978/twitter-blur-vision
Or, you can also use the CSS code below with GreeseMonkey or FreeStyler
*/
@-moz-document domain("twitter.com"), domain("support.twitter.com") {
.ProfileTimeline a[class*="action-profile"][class*="user-profile"] img,
div.permalink.light-inline-actions.stream-uncapped.has-replies.original-permalink-page > div.inline-reply-tweetbox.swift > form > div.tweet-content > img {
filter: blur(0px) !important;
-webkit-filter: blur(0px) !important;
-moz-filter: blur(0px) !important;
-o-filter: blur(0px) !important;
-ms-filter: blur(0) !important;
-ms-filter: blur(0px) !important;
}
header[role="banner"] {
background-color: #4a9fe0 !important;
background-image: none !important;
}
a[class*="recommend"] img {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5);
-ms-filter: blur(5px);
}
a[class*="recommend"]:hover img {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
.ProfileCard-bg {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10);
-ms-filter: blur(10px);
}
.ProfileCard-bg:hover {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
div[class*="poster-image"] {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10);
-ms-filter: blur(10px);
}
div[class*="poster-image"]:hover {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
div.tcu-imageWrapper {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10);
-ms-filter: blur(10px);
}
div.tcu-imageWrapper:hover {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
div[class*="front"] img[class*="front"] {
display: none !important;
}
img[class*="StartCongratulation"] {
display: none !important;
}
div[class*="stream"] img,
div[class*="stream"] video {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10);
-ms-filter: blur(10px);
}
div[class*="stream"] img:hover,
video:hover {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
video {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10);
-ms-filter: blur(10px);
}
div[class*="video"]:hover video {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
div[class*="stream"] img[class*="profile"] {
filter: blur(4px);
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4);
-ms-filter: blur(4px);
}
div[class*="stream"] img[class*="profile"]:hover {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
div img[class*="Emoji"] {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
div[class*="PlayableMedia"] {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10);
-ms-filter: blur(10px);
}
div[class*="PlayableMedia"]:hover {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
div[class*="photoContainer"] {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10);
-ms-filter: blur(10px);
}
div[class*="photoContainer"]:hover {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
div.CardContent > *,
div.CardContent > * > * {
filter: blur(0px);
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0);
-ms-filter: blur(0px);
}
img.twitter-hashflag {
filter: blur(0px) !important;
-webkit-filter: blur(0px) !important;
-moz-filter: blur(0px) !important;
-o-filter: blur(0px) !important;
-ms-filter: blur(0) !important;
-ms-filter: blur(0px) !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment