GoogleReader圧縮スタイルシート

2011-11-22 GoogleReaderの仕様が変わったようなので修正

Googleのサービスのデザインが軒並みリニューアルしている。色合いは結構好きなんだけど、高解像度のモニタを意識しているのか、余白がかなり増えた。
特にGoogleReaderでは、画面に納まる情報量が少ないのが不満。

職場で昼ご飯食べながらユーザースタイルシートを書いてみた。
FirefoxまたはChromeのアドオン「Stylish」に追加して使ってください。

• Stylish :: Add-ons for Firefox
• Stylish - Chrome ウェブストア

オプションの表示サイズを「Compact」にしておく。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader),
               url-prefix(http://www.google.co.jp/reader) {

/*不要なリストを隠す*/
#lhn-recommendations, /*おすすめ*/
#overview-selector, /*ホーム*/
#recommendations-tree /*ピックアップ*/
{display:none !important;}

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

/*ナビゲーションの幅とインデントを調整*/
#nav,#sub-tree{width:190px !important;}             /*ナビゲーションの幅*/
#chrome{margin-left:190px !important;}              /*本文の左マージン*/
.section-minimize { left: 0px !important;} /* 左の余白ナシ */
#lhn-selectors .selector,
#sub-tree-header { padding-left: 15px !important;} /* ツリーメニュー詰め */

/*フォルダのマージン調整*/
.folder .folder .folder-toggle { margin-left: 0px !important;}
.folder .folder > a > .icon,
.folder .folder > ul .icon { margin-left: 15px !important;}
.folder .sub-icon { margin-left: 10px !important;}
.folder .name-text, #reading-list-selector .label { max-width: 150px !important;}

/* リストの行間詰める */
div.collapsed { height: 1.6em !important;}
}

Before

After