Skip to content

Instantly share code, notes, and snippets.

@sillygwailo
Forked from andreimoment/instructions.md
Last active August 29, 2015 14:16
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 sillygwailo/85c85d71ca5e1d0e6e1c to your computer and use it in GitHub Desktop.
Save sillygwailo/85c85d71ca5e1d0e6e1c to your computer and use it in GitHub Desktop.

Custom Twitter Stylesheet

Craig Mod does a bigger overhaul with Twitter for Minimalists, but this will only do the following:

  • Hides promoted tweets and trends
  • Hides the useless “Expand” link that appears under every tweet
  • Tones down the blue conversation line to a barely-visible gray
  • Hides all numbers

You can add this CSS in Safari with this extension. The URL to target is twitter.com/*.

To add to Chrome, you may want to use the stylebot extension.

.promoted-tweet,
.wtf-module,
.trends,
.expand-action-wrapper,
.tweet-actions,
.cards-media-container,
.ScrollBump,
.ProfilePhotoRail,
.ProfileWTFAndTrends,
.Footer { display: none !important; }
.DashboardProfileCard-statList,
.js-mini-profile-stats,
.js-tweet-stats-container,
.ProfileNav-item--following,
.ProfileNav-item--followers,
.ProfileTweet-actionCount,
.ProfileHeaderCard-joinDateText
{
visibility: hidden;
}
.permalink .cards-media-container { display: block !important; }
.tweet:hover .tweet-actions {
display: inline !important;
}
.vellip,
.vellip::before,
.vellip::after,
.conversation-module > li::after,
.conversation-module > li::before {
background-color: #eee !important;
}
.ProfileTweet--high .ProfileTweet-text {
font-size: 16px !important;
line-height: 22px !important;
font-weight: 400 !important;
}
.highline { font-family: "Helvetica" !important; }
/* @maxfenton */
.js-details {
display: none;
}
.stream-item {
margin-top: .5em;
}
/* bring back photos, @ideabucket */
.permalink .cards-media-container { display: block !important; }
/* hide inline stats, @nicoleslaw */
span.Icon.Icon--analytics { display: none; }
/* hide whether or not someone follows you, @sillygwalo */
.FollowStatus, .follow-status { display: none; }
/* hide “while you were away” tweets, @sillygwailo */
li.has-recap { display: none !important; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment