customize setting of new layout/UI (Google plus style) of Google Reader

Google Reader 是我常用的瀏覽資訊服務，它讓我在一個畫面看盡了我有興趣(訂閱RSS)的網站的更新文章，而不用煩惱"不知何時該去巡視一遍網站"、"到底何時有新文章"。

但由於 Google Reader 預設的文字大小、以及版面的設計佔了許多面積，於是在 Firefox 與 Chrome 裡，我都使用了 Stylish 這個擴充元件，並且在 userstyles.org 安裝了一些可以改變 Google Reader 版面的 script code。後來，我也試著自己去修改其中的 code。

但在今天使用 Google Reader 時，Google  Reader 被套用了 Google+ style 產生了新的版面，所以之前的就不合用了。

試著自已修改了一下，還不錯，分享如下:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix( http://www.google.com/reader/), url-prefix( https://www.google.com/reader/), url-prefix( http://www.google.com.hk/reader/), url-prefix( https://www.google.com.hk/reader/) {

#top-bar, #gb {display:none !important;}

.card-common  {
    background-color: #E1E2E2 !important;
    font: 1.3em Cambria,Microsoft JhengHei,微軟正黑體,Microsoft YaHei,微软雅黑,sans-serif !important;   
    margin: 0;
}

 .card-actions {
       background-color: #E1E2E2 !important;
 }

#lhn-add-subscription-section,  #viewer-header,  #viewer-header-container {
    height: 40px !important;
    background-color: #008080 !important;
}

#nav, #viewer-container {
  background-color: #E1E2E2 !important;
  }

/* set height of tag/folder name area  */
#title-and-status-holder
{
    height: 12px !important;
    background-color: #20B2AA !important;
}

/*  width of content   */
.entry .entry-body, .entry .entry-title, .entry .entry-likers {
    max-width: 800px !important;
}

}

如果要修改 div id 的話，則是 #div_id ，
如果是修改

class 定義的話，則是 .class1 。