Stylish Google Sidebars

I love the Stylish extension for Firefox, and the Google products for the iPhone are great as sidebars, but they could use some tweaking. I found an article online that has some great tweaks, but it didn’t go far enough for me, so I added some of my own! To use this code, click on the Stylish icon –> Write Style –> Blank Style…

Now, just give it a name and paste in the code:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
   .logo {display:none !important;}
   * {font-size:0.97em !important; }
   span.item-snippet {display:none !important;}
   span.item-source-title{font-size:0.9em !important}
   .entry-row:hover { background-color: #99ccff !important; }
   .entry-min-start:hover { border-color: #99ccff !important; cursor: pointer !important; }
   .footer { display:none; }
   span.item-count {padding-right:5px!important;}
   .sub-row:hover,
   #show-more-row:hover {border:2px solid #99ccff !important; cursor: pointer !important;}

   .sub-row:hover {margin-bottom: -1px !important; margin-top: -2px !important; margin-right: -300px;}

   #mark-these-read:hover,
   .m-button:hover,
   #show-new-items:hover,
   #show-all-items:hover,
   #mark-all-read:hover,
   #show-all-subs:hover,
   #show-new-subs
      {cursor: pointer !important; }
}
@-moz-document url-prefix(http://mail.google.com/mail/x) {
   .logo {display:none !important;}
   * {font-size:0.97em !important; }
   span.item-snippet {display:none !important;}
   span.item-source-title{font-size:0.9em !important}
   div.nav {display:none !important;}
   .entry-row:hover { background-color: #99ccff !important; }
   .entry-min-start:hover { border-color: #99ccff !important; cursor: pointer !important; }
}

I will likely be editing this code as I find/fix issues. I currently don’t like the way that the subscription lists shift when you hover over them in the Feeds list, but I have yet to find a good way to do this. If anyone has any suggestions, please let me know.