Saturday, November 12, 2011

Fix the new google reader layout - take 2

As google continues on their quest to completely make google reader unusable they've changed som css around so my previous Stylish-style doesn't work anymore.

I've made a new one though. :)

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.google.com/reader/view/"),url-prefix("https://www.google.com/reader/view/") {
 #main a {
  color:#1D58A1 !important;
 }
 #top-bar {
  height:0 !important;
 }
 #top-bar #logo {
  display:none;
 }
 #search {
  min-width:0 !important;
  margin:auto !important;
  position:fixed !important; 
  top:31px !important;
  right:-8px !important;
  padding:5px 0 0 0 !important;
  z-index:100;
 }
 #search #search-input {
  width:150px !important;
 }
 #viewer-header-container {
  border:0 !important;
 }
 #viewer-header {
  background-color:#fafafa !important;
  border-bottom:1px solid #eeeeee!important;
  height: 25px !important;
  padding: 5px 0 10px 5px !important;
  margin:0 !important;
 }
 #viewer-top-controls-container {
  position:relative !important
 }
 #viewer-top-controls {
  margin:0 !important;
 }
 #chrome-view-links {
  float:none !important;
 }
 #item-up-down-buttons {
  display:none !important;
 }
 #title-and-status-holder {
  display:none !important;
  margin-top:0 !important;
 }
 #entries {
  margin-top:-1px !important;
  padding:0 !important;
 }
 .card {
  padding: 10px 15px 33px 10px !important;
  border: 0 !important;
  border-left:solid 6px #cccccc !important;
 }
 .card-content {
  padding:0 !important;
  margin-top:-1px !important;  
 }
 .entry-title-go-to {
  display:none !important;
 }
 .entry-title {
  max-width:85% !important;
 }
 .entry{
  padding:0 !important;
 }
 #current-entry .card {
  border-left-color: #dd3030 !important;
 }
 .card-actions.card-bottom {
  position:absolute;
  left:6px;
  right:0;
  bottom:0;
  border:0 !important;
  border-top:1px solid #efefef!important;
  border-bottom:1px solid #efefef!important;
  padding:4px 0 3px 90px !important;
 }
 .item-plusone {
  position:absolute;
  left:25px;
  top:2px;
 }
 .entry-actions {
  padding:0 !important;
 }
 .item-star, .item-star-active {
  display:none !important;
 }
 .entry-actions .item-star, .entry-actions .item-star-active {
  display:inline !important;
  position:absolute;
  left:5px;
  top:4px;
  height:16px;
 }
}