Google ReaderとStylish
mixiのデザイン改悪のおかげでStylishという拡張を知りました。スタイルシートいじり始めの自分としてはとっても楽しい拡張です。
そしてGoogle Readerも大変お世話になりすぎて、なんか時間の使い方を間違っているような気がする今日この頃です。
とりあえずGoogle Reader用に自分用スタイルシート作ってみました。
読み込み中の画像を変えるコレと無駄な表示を消して表示領域を大きくするコレを参考にして使って自分用に改良してみました。Stylishのアカウント持って無くて登録できないのでアップロードできません。コピペして使ってみてください。
主な変更点はこんな感じ。
- ロゴマークを非表示
- 検索フォームを左上に移動
- サイドバーの幅を小さく
- サイドバーの「登録フィードを追加」の項目を非表示
- サイドバーのフォルダ名のフォントを小さく
- 全体的に余白を無くした
ただ、サイドバーを閉じても、記事表示領域が拡大されない不具合が分かってます。自分はサイドバー閉じないのでかまいませんが。
*追記*
画像の使用後・使用前のキャプションが逆です。直すつもりはないです。そんなかんじ。
@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.co.jp/reader), url-prefix(https://www.google.co.jp/reader) { /* 右上の文字サイズ調整 */ #ogspacer { height:29px !important; margin-bottom:0px !important; } #global-info { margin:0pt !important; padding:1px 2px 2px !important; position:absolute !important; right:0pt !important; top:0pt !important; } /* ロゴ非表示 */ #logo-container { display:none !important; height:15px !important; width:158px !important; } /* サーチボックス */ #search { left:2px !important; top:2px !important; } /* メイン */ #main{ margin: 1px 0pt 0pt 0pt !important; } /* サイドバー */ #nav { margin: 1pt 0pt 0pt 1pt !important; width:200px !important; } #selectors-box, #add-box, #sub-tree-box { margin:1px 0pt !important; } #selectors-box .c, #add-box .c { padding:0pt 0pt 0pt 2px !important; width:200px !important; } /* フィードを追加を非表示 */ #add-box{ display:none !important; } .round-box .tl, .round-box .tr, .round-box .bl, .round-box .br { background-repeat:no-repeat; margin:2pt !important; padding:2pt !important; height:2px !important; width:2px !important; } .round-box td.s{ margin:1pt !important; padding:1pt !important; } #sub-tree-refresh { font-size:80% !important; } .sub-tree-header { font-size:88% !important; padding:0.1em !important; } #sub-tree { font-size:88% !important; width:186px !important; margin:5px 0px 0px 0px !important; } #sub-tree-footer { font-size:80% !important; padding:0.2em 0.2em 0pt 0pt !important; width:94% !important; } /* ナビトグル */ #nav-toggler { margin:1em 1px 0pt 1px !important; width:5px !important; } /* 右側 */ #chrome { margin-left:206px !important; padding:0px 0px 0px 2px !important; } #viewer-box, #search-item-box { padding:1px !important; } #entries, #viewer-page-container { width:100% !important; } }