User Style: NewsBlur But Better

gistfile1.css

@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;
    }

}