Skip to content

Instantly share code, notes, and snippets.

@dosiecki
Last active Oct 8, 2015
Embed
What would you like to do?
User Style: NewsBlur But Better
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("newsblur.com") {
/* These user styles clean up the UI of the
otherwise awesome NewsBlur website.
Updated 16 April 2014
*/
/* remove all text shadowing to increase readability */
body {
text-shadow: none !important;
}
/* dim the inline story controls */
.NB-feed-story-sideoptions-container {
opacity: 0.75 !important;
}
/* allow stories to use the whole reading pane */
.NB-story-content-wrapper {
margin-right: 28px !important;
}
.NB-feed-story-content {
max-width: none !important;
}
/* fit more of feed titles on screen */
.feed_title {
font-weight: normal !important;
color: rgb(16,16,16) !important;
}
/* fit more feeds/folders on screen */
.folder_title {
padding-top: 1px !important;
padding-bottom: 1px !important;
}
/* lightweight unread counts */
.unread_count {
font-weight:normal !important;
}
/* Make the unread counts a little less big */
.unread_count {
line-height: 9px !important;
margin-top: 2px !important;
border-radius: 5px 5px 5px 5px !important;
padding-left: 2px !important;
padding-right: 2px !important;
}
/* But a little bit bigger for the top counter */
div#story_taskbar .unread_count {
line-height: 24px !important;
margin-top: 2px !important;
border-radius: 5px 5px 5px 5px !important;
padding-left: 2px !important;
padding-right: 2px !important;
}
/* Fix the counter for saved stories to be centered */
.NB-feeds-header-starred-container .unread_count {
margin-top: 3px !important;
}
/* clean up mystery whitespace */
.NB-feed-story-header {
padding-top: 0px !important;
}
/* fill in that room with the sweet favicon-colored header */
.NB-feed-story-header-feed {
padding-top: 4px !important;
}
/* make the story header more compact, more crisp, and
hold still */
.NB-feed-story-header-info {
padding-left: 23px !important;
padding-right: 28px !important;
font-weight: normal !important;
border-left: none !important;
}
.NB-feed-story-title {
color: rgb(16,16,16) !important;
font-size: 15px !important;
margin-top: 2px !important;
margin-bottom: 2px !important;
}
/* make header text uniform */
.NB-feed-story-author {
color: rgb(160,160,160) !important;
}
/* align header metadata elements */
.NB-feed-story-date {
margin-bottom: 0px !important;
padding-top: 2px !important;
}
.NB-feed-story-author-wrapper {
margin-bottom: 0px !important;
padding-top: 2px !important;
}
.NB-feed-story-tags {
margin-bottom: 0px !important;
}
.NB-feed-story-tag {
margin-bottom: 0px !important;
}
.NB-feed-story .NB-feed-story-tags .NB-middot {
padding-top: 2px !important;
}
/* make the favicon coloured left bar next to stories
still show after they are read */
.read .NB-storytitles-feed-border-inner {
opacity: 0.33 !important;
}
.read .NB-storytitles-feed-border-outer {
opacity: 0.33 !important;
}
/* change the indicator for the currently selected story back
to the old blue colour scheme */
.NB-story-title-container .NB-selected {
background: -moz-linear-gradient(center top , #E9EFF5 0px, #E2EEFB 100%) repeat scroll 0 0 transparent !important;
border-top: 1px solid #6EADF5 !important;
border-bottom: 1px solid #6EADF5 !important;
}
/* hide the Recommended Site pane on the dashboard, since it
is generally uninteresting */
.NB-module-recommended {
display:none !important;
}
/* make feed titles not-so-huge so they wrap less often */
.NB-feedbar .feed_title {
font-size: 14px !important;
}
/* make unread stories non-bold so they don't change size
when they get marked as read */
.NB-storytitles-title {
font-weight: normal !important;
color: rgb(8,8,8) !important;
}
/* de-emph read story titles so they differentiate from
unread ones */
.read .NB-storytitles-title {
color: rgb(112,112,112) !important;
}
/* hide the dorito of doom */
#mouse-indicator {
display: none !important;
}
/* make comments less emphatic than story content */
.NB-feed-story-comments {
opacity: 0.6 !important;
}
/* hide the social clutterbar on stories */
.NB-feed-story-shares {
display:none !important;
}
/* hide the all-stories view */
.NB-feeds-header-river-sites-container {
display:none !important;
}
/* hide shares by people you don't even know */
.NB-feeds-header-river-global-container {
display:none !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment