GReader Un-Crapifying Override Stylesheet

usable_reader.css

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://www.google.com/reader/"),
               url-prefix("http://www.google.com/reader/") {

    /* TODO: this all fails miserably if the user zooms, due to hardcoded px
       values.  With much effort, we could use percents and ems and support
       different scales/fonts, etc. */

    #lhn-add-subscription-section, #nav{ width:250px !important; }
    #chrome { margin-left: 0px !important; }
    #lhn-add-subscription-section, #viewer-header{ height:30px !important; }
    #scrollable-sections-top-shadow, #scrollable-sections-bottom-shadow { width:250px !important; }

    /* TODO: this pop-out search bar isn't ideal.  Would much rather make room on
       the button bar below it and somehow float the search widget down there and
       remove this bar entirely. */
    #top-bar{ height:4px  !important;
        overflow:hidden  !important; 
        display:block  !important; 
        float:left; width:100%  !important; 
        padding:0px  !important; 
        background:#4D4D4D  !important; 
        border-top:1px solid #4D4D4D  !important; 
    }
    #top-bar:hover{ 
        height:28px !important; 
        overflow:visible !important; 
        padding:4px 0px !important; 
    }
    #top-bar #search-input, #top-bar .goog-inline-block{ 
        -webkit-transform:scale( 0 ); 
        -moz-transform:scale( 0 ); }
    #top-bar:hover #search-input, #top-bar:hover .goog-inline-block{ 
        -webkit-transform:scale( 1 );
        -moz-transform:scale( 1 );
    }

    #search{ padding:0px !important; }
    #main{ width:100% !important; float:left !important; }
    #logo{ display:none; }

    .folder .folder > ul .icon { margin-left: 12px !important; }
    .folder .folder > a > .icon { margin-left: 10px !important; }
    .folder .folder .folder-toggle { margin-left: 0px !important; }
    .folder .sub-icon { margin-left: 0px !important; }
    .folder-icon { display: none !important; }
    .folder-name-text { margin-left: 12px !important; }
    .folder-toggle { margin-top: 3px !important; }

    /* TODO: correctly left-align the top 3 LHN items. */

    .lhn-section-primary {
        line-height: 20px !important;
        height: 20px !important;
    }
    #reading-list-unread-count { margin-top: 0px !important; }

    .name-text { max-width: none !important; }

    .goog-flat-menu-button, .jfk-button, .goog-button-base-inner-box  {
        line-height: 21px !important;
        height: 21px !important;
    }
    .goog-button-base-content { padding: 3px 5px !important; }

    #scrollable-sections-holder { border-right: 1px solid #EEEEEE !important; }

    .jfk-button-primary {
        background-color: #55AAFF !important;
        background-image: none !important;
        border: 1px solid #3388DD !important;
        cursor:pointer !important;
    }
    .jfk-button-primary:hover {
        background-image: none !important;
        border: 1px solid #3388DD !important;
    }
    #entries{
        padding-right:0px !important;
        border-top: none !important;
    }
    #entries.list .entry .collapsed { 
        padding:0px !important; 
        line-height:2em !important; 
    }

    #title-and-status-holder { display: none !important; }

    .card { 
        border: none !important; 
        margin: 0px !important;
    }
    .card-content { padding: 3px 0px !important; }
    .card-bottom { padding: 2px 1px !important; }
    .card-actions { opacity: 0.67 !important; }

    .entry {
        padding: 0px !important;
        margin: 3px 1px !important;
        border: 1px solid #CCDDFF !important;
    }
    #current-entry { border: 1px solid #66AAFF !important; }

    .read .collapsed { background: rgba( 0,0,250,.2 ) !important; }
    .entry:hover .collapsed { background:rgba( 0,0,250,.4 ) !important; }

    .goog-menuitem, .goog-tristatemenuitem, .goog-filterobsmenuitem { padding: 0px 0px 0px 20px !important; }

}