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; } }