2017 09 ≪  10月 12345678910111213141516171819202122232425262728293031  ≫ 2017 11


wedataの復旧と新しいInoReaderのデザイン

- 2014-03-17(Mon) - 

5ヶ月ぶりにwedataが復旧したようです。正直もうこのままでFull Feedも用済みになるのかなと思っていました。wedataの関係者の方々、ありがとうございます。

Feedly Full FeedInoReader Full Feedを使用している方で、Full Feed設定→Site InfoのFF URLとAP URLに代替サイトの情報が追加されている場合、特に理由がないのであれば、代替サイトのほうは削除してwedataのだけ残して頂ければと思います。そのままでも構いませんが、キャッシュ更新にかかる時間を減らすことができると思いますので。どれを削除すればいいのかよく分からない場合は、スクリプトを更新してからFF URLとAP URLの設定をまるごと削除してOKボタンを押すとwedataだけになると思います。

さて、新しいInoReaderがフラットデザインになったわけですが、個人的に少し見づらくなってしまったので、自分が使っているCSSをメモしておきます。よろしければ参考にしてみてください。

/*ツールバーとツリーペインに影を追加*/
#subscriptions_buttons { box-shadow: 0 0 4px #333 !important; margin-bottom: 2px !important; }
#tree_pane { box-shadow: 0 2px 4px 0 #333 !important; }

/*ツールバーの背景色を変更*/
/*(ライトテーマの場合)*/
#subscriptions_buttons, #sb_rp_tools { background-image: linear-gradient(to bottom, #FFFFFF, #F3F3F3) !important; }
/*(アクアテーマの場合)*/
#subscriptions_buttons, #sb_rp_tools { background-image: linear-gradient(to bottom, #476690, #375680) !important; }

/*ツリーペインの背景色を変更*/
#tree_pane { background-image: linear-gradient(to right, #FFFFFF, #F3F3F3) !important; }

/*ツールバーのフォルダボタンと既読ボタンをアイコン化*/
#sb_rp_section_options > .inno_toolbar_button_caption,
#sb_rp_mark_read > .inno_toolbar_button_caption { display: none !important; }
#sb_rp_section_options:before { font-family: 'InoReader-UI-Icons-Font'; content: '\e640'; }
#sb_rp_mark_read:before { font-family: 'InoReader-UI-Icons-Font'; content: '\e652'; }

/*ツールバーの「前へ移動」「次へ移動」ボタンを隠す*/
#sb_rp_prev_article, #sb_rp_next_article { display: none !important; }

/*ツリー幅「Narrow」のとき、ツリーペインの幅をさらに狭める*/
#wraper.tree_width_-1 #tree_pane { width: 183px !important; }
#wraper.tree_width_-1 #reader_pane:not([style*="left: 0px"]) { left: 190px !important; }
#wraper.tree_width_-1 #sb_tree_part,#wraper.tree_width_-1 #fo_tree_part { width: 190px !important; }
#wraper.tree_width_-1 #feed_searcher { width: 100px !important; }
#wraper.tree_width_-1 .parent_div { width: 163px !important; }
#wraper.tree_width_-1 .parent_div_inner { width: 190px !important; }
#wraper.tree_width_-1 .parent_div .parent_div { width: 140px !important; }
#wraper.tree_width_-1 .tree_link { max-width: 100px !important; width: 100px !important; }
#wraper.tree_width_-1 .parent_div .parent_div .tree_link { width: 73px !important; max-width: 73px !important; }

/*リストビューでリスト右端のアイコンと日時の位置を調整*/
.reader_pane_view_style_0 .header_buttons { padding-top: 3px !important; }
.reader_pane_view_style_0 .header_date { padding-top: 4px !important; }

/*リストビューでリストのフィード名を隠す*/
.reader_pane_view_style_0 .article_feed_title { display: none !important; }

/*記事を開いたときタイトルの文字サイズを小さく*/
.article_title a { font-size: 80% !important; }

/*記事のファビコンの位置を調整*/
.reader_pane_view_style_0 .feed_favicon.icon16 { margin-top: 3px !important; }
.reader_pane_view_style_1 .feed_favicon { margin-top: 6px !important; }
.reader_pane_view_style_3 .article_tile_footer_feed_title > .icon16 { margin-top: 2px !important; }

/*リスト下端の余白を隠す*/
#no_more_div { display: none !important; }

アクアテーマの場合、影は追加しないほうがいいかも。位置調整の部分は環境によって最適な数値が異なると思います。

関連記事
スポンサーサイト
この記事のURL | InoReader | コメント(0) | トラックバック(0) | ▲ top
<< | メイン | >>
 
コメント

コメントの投稿















管理者にだけ表示を許可する


▲ top
 
トラックバック
トラックバックURL
→https://fxwiki.blog.fc2.com/tb.php/322-403479eb
| メイン |