WHITELEAF:Kindle応援サイト

KindleでWEB小説を読もう! Narou.rb 公開中

Googleリーダーのデザインの調整

Googleリーダーのデザインが新しくなりました。
新しいGoogleのデザイン統一の一環ですが、やっぱりリーダーでもその特徴の、余白が多い、という点があります。
あまりにも無駄に余白があるので、全体的に詰めたCSSを作りました。Stylish等を使って適用してみてください。
具体的に、ヘッダー付近の部分と左側のツリー部分の余白をつめています。ついでに記事の区切りがわかりやすいように border-color の設定も。

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

@-moz-document url-prefix("http://www.google.co.jp/reader/") {

#lhn-add-subscription-section {
  height: 45px !important;
}

#sections-header {
  height: 45px !important;
}

#viewer-header {
  height: 45px !important;
}

.lhn-section-primary {
  line-height: 17px !important;
}

.section-minimize {
  top: 1px !important;
  left: 8px !important;
}

.selectors-footer {
  margin-bottom: 3px !important;
  padding-bottom: 1px !important;
}

#lhn-add-subscription {
  height: 23px !important;
  margin-left: 81px !important;
  line-height: 22px !important;
}

#home-section {
    padding: 0.3em 0 !important;
}

.folder .folder > ul .icon {
    margin-left: 33px !important;
}

.folder .folder .name-text {
  max-width: 160px !important;
}

#sub-tree-header {
  padding-left: 23px !important;
}

.folder .folder .folder-toggle {
  margin-left: 14px !important;
}

.folder .folder > a > .icon {
  margin-left: 26px !important;
}

.folder .name.name-d-0 {
  padding-left: 23px !important;
}

#lhn-selectors .selector a {
  margin-left: -18px !important;
}

#top-bar {
  height: 44px !important;
}

#search {
  padding: 9px 0 !important;
}

.entry .card {
  border-radius: 8px;
  border: 2px solid #ddd !important;
  border-right: none !Important;
}

#current-entry .card {
  border-color: #aaa !important;
}

}