I just tried out this style to maximise the viewing area of Google Reader. I liked it, but found it a bit too agressive - it changed parts of the reader that I quite like (such as the channel headings and the user links), and changed a few things (fonts, link underlining) that had nothing to do with increasing the viewing area.
So I've made my own version of the script, which keeps things looking much the same as Google's design but still frees up some more room for reading items. Mouseover the image on the right to see the difference between my version and the original layout. It may not look like much extra space, but I find it really helps.
To install the script, add the following code to your userContent.css file (in your profile directory):
@-moz-document url-prefix("http://www.google.com/reader/view/"){
#logo-container, #footer, #viewer-box .s, #chrome-footer-container, #view-cards .s, #view-list .s, #message-area-outer .s, #all-subscriptions-header {
display:none !important;
visibility:hidden !important;
margin:0px !important;
padding:0px !important;
border:0px !important;
}
#viewer-controls{
position:relative;
top:19px;
}
#viewer-controls table{
position:relative;
top:3px;
}
#entries{
padding-left:0;margin-left:0;width:110%;
}
#message-area-outer .c{
padding:0;
-moz-border-radius:8px !important;
position:relative;
display:block;
width:400px;
height:1.4em;
bottom:22px;
left:10px;
z-index:5000;
text-align:center;
}
#message-area-inner{
position:relative;
top:1px;
}
#main{
margin:0px !important;
padding:0px !important;
margin-top:4px !important;
border:0px !important;
}
#nav{
margin-right:2px !important;
}
#selectors-box{
margin-top:3px !important;
}
#viewer-header *{
text-decoration:none !important;
}
}
Oh yeah, and this version doesn't break the functionality of the "u" shortcut key (which hides the subscription list), which the original style does.
If you use google reader, you should really try my previous google reader mod :)





0 Comments: