Google Reader の余計なメニューを消すユーザスタイルシート(2)

2008年12月5日(金) 22時27分 by level
B ?

注意:この記事は内容がすでに陳腐化しています。

ユーザスタイルシートの適用方法に関しては以下の記事を参照してください。Stylish の利用がおすすめです。

Google Reader が更新されてメニューの折り畳みができるようになりました。折り畳めばメニューが目立たなくなるのは良いのですが、折り畳んだ状態でも利用頻度の高い「スター付きアイテム」だけは表示させておきたいので、役に立たなくなった以前のGoogle Reader の余計なメニューを消すユーザスタイルシートを全面改良。

ナビゲーション Open ナビゲーション Close
@-moz-document url-prefix(https://www.google.com/reader),
               url-prefix(http://www.google.com/reader) {

.lhn-section-minimized .lhn-section-secondary
{display:block !important;}

.lhn-section-minimized #reading-list-selector,    /*すべてのアイテム*/
/*.lhn-section-minimized #star-selector,            /*スター付きアイテム*/
.lhn-section-minimized #overview-selector,        /*ホーム*/
.lhn-section-minimized #trends-selector,          /*トレンド*/
.lhn-section-minimized #your-items-tree-container,/*コンテンツ*/
.lhn-section-minimized #directory-selector        /*アイテムを参照*/
{display:none !important;}

/*友達の共有アイテム*/
#lhn-selectors.lhn-section-minimized + #lhn-friends
{display:none !important;}

}

折り畳んだ状態では「スター付きアイテム」のみ表示され、下の「友達の共有アイテム」も隠れるようにしたのがミソ。展開すると全部表示されます。

ついでに、上部の余分な隙間をつめて、bold が目障りなナビゲーションのフォントを旧バージョン風に調整。

ナビゲーションのフォントなどを調整
@-moz-document url-prefix(https://www.google.com/reader),
               url-prefix(http://www.google.com/reader) {

/*隙間の削除*/
#chrome-header,
#viewer-top-controls
{padding-top:0px !important;
 padding-bottom:0px !important;}
#logo-container{top:26px !important;}
#search        {top:26px !important;}
#main          {top:50px !important;}

/*Subscrptionsのフォント設定*/
.name-text
{color:#aaa !important;}                /*既読+未読*/
.name-unread, .name-unread .name-text   /*未読*/
{font-weight:normal !important;
 color:#000 !important;}

}

追記

さらにナビゲーション(サイドバー)の幅とインデントを調整。ナビゲーションの幅は 200px の箇所、インデント量は -10px の箇所(0px でフォルダとサイトの文字が同じ位置に並ぶ)を適当に調整してください。

オリジナル 調整後
@-moz-document url-prefix(https://www.google.com/reader),
               url-prefix(http://www.google.com/reader) {

/*ナビゲーションの幅とインデントを調整*/
#nav,#sub-tree{width:200px !important;}             /*ナビゲーションの幅*/
#chrome{margin-left:200px !important;}              /*本文の左マージン*/
.lhn-hidden #chrome{margin-left:auto !important;}
#sub-tree li ul li.sub{margin-left:-10px !important;}
#sub-tree li ul li ul{margin-left:-16px !important;}

}
最終更新: 2009年12月23日(水) 10時41分

コメント

コメントはありません。

トラックバック (1)

トラックバックは検索対象外です。

この記事にリンクしているページ < >

  1. [44] http://choppo.s20.xrea.com/diary/200807.htm