Stylish で Google Reader を見やすく
Goolge Reader を広く使う為のユーザースタイルシートを書いてみました。
これが、
もう既に userstyles.org に同じようなのはあったのですが、検索フォームも消えたりして気に入らなかったので><; Firefox の拡張機能の『Stylish』を使うとユーザースクリプトも管理しやすくて良い感じです。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://www.google.co.jp/reader/view/"), url-prefix("https://www.google.co.jp/reader/view/"), url-prefix("http://www.google.com/reader/view/"), url-prefix("https://www.google.com/reader/view/") { #gbar, #global-info, #searchContainer, #logo-container, .gbh, #right-section, #chrome-footer-container { display: none !important; } #nav { position: fixed; top: 4px; left: 0; } #chrome-stream-title { margin-top: 2px !important; } #chrome-stream-title a { text-decoration: none; } #search-form { position: fixed !important; top: 4px !important; right: 3px; } #viewer-box-table { margin-top: 4px !important; } #search-submit { margin-top: 2px !important; } #viewer-controls { position: fixed; top: 34px; left: 377px; } #stream-prefs-menu { font-size: 12px; } .button-container .bbr { padding-bottom: 3px !important; } .tab-header .s, .tab-header-selected .s { display: none; } .tab-header .c { background: #c3d9ff !important; } .tab-header-selected .c { text-decoration: underline; } .tab-header-selected .c:before { content: "\0000bb "; } #viewer-details { position: fixed; top: 39px; right: 3px; z-index: 9999; } }
ダウンロードは以下から。
Clean Google Reader | userstyles.org
また、えむもじらさんの Google Reader の余計なメニューを消すユーザスタイルシートと併せて使うとさらに省スペースにすることができます!