Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
GReader Un-Crapifying Override Stylesheet
@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; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment