Googleリーダーの表示方法がどうもぱっとしないと思って他のサービスを探してたところに見つけたのがfeedly (www.feedly.com)。
わりとスタイリッシュでかつ見やすく、各フィードごとに表示形式を記憶してくれるなかなかの優れものです。
Googleリーダーと同期してくれるので移行の手間も省けますしね。
それで使い始めたのですが、右側のウィジットが邪魔だったのでユーザースタイルで変えてしまおうって事です。
以下の様に変えてます。
- フォントはHelveticaを優先
- フォントサイズをやや小さめ(基本12px)
- 右側のウィジットを非表示にしてフィードエントリーを広く表示
- プレビュー表示[Shift + v]のスタイルを変更(黒ベースから白ベースに)
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(feedly.com) {
/* Helvetica */
h1, h2, div, p, span, a {
font-family: Helvetica, sans-serif !important;
}
/* サイドエリア非表示にする */
#sideArea {
display: none !important;
}
/* メインエリア広くする */
#feedlyPart {
float: none !important;
padding-right: 0 !important;
margin-right: 33px !important;
}
/* ウィジット非表示にしたからエントリー部分を広く */
#feedlyPage,
#mainArea {
width: auto !important;
max-width: 100% !important;
}
/* 左側のフィード一覧の最後に付け足されたやついらん */
#tagList + div[style] {
display: none !important;
}
/* Magazine, Timelineの横幅 */
.u4Entry {
width: auto !important;
max-width: 100% !important;
}
/* Mosaicの横幅 */
.u6EntryList {
margin-right: 0 !important;
}
/* Full Articleの横幅*/
.u100Entry {
width: auto !important;
}
.condensed .inlineFrame {
padding-left: 30px !important;
padding-right: 30px !important;
}
.inlineFrame {
}
.inlineFrame > table {
width: 100% !important;
margin-right: -10px !important;
}
/* 余計な空白できるので幅狭くする */
#feedlyTabsHolder.picturePicture {
width: 240px !important;
}
/* フィードタイトルの件数がはしすぎる */
#feedlyTabs {
overflow-y: auto !important;
width: 205px !important;
}
/* 打ち消し線やめて */
#feedlyTabsHolder div.simpleunreadcount {
text-decoration: none !important;
}
/* フィードタイトルのフォントサイズ */
#feedlyTabs .label,
#feedlyTabs .feedTitle {
font-size: 11px !important;
}
/* 未読数のフォントサイズ */
#feedlyTabsHolder .simpleUnreadCount {
font-size: 11px !important;
margin-top: 3px !important;
}
/* 右側の更新、読んだボタンは常に表示 */
#feedlyNext {
visibility: visible !important;
}
/* Capitalizeやめて！ */
#feedlyTabs > div:nth-child(2) div[id$="_tab"] .label {
text-transform: none !important;
}
/* Featuredのフォントサイズ */
.topRecommendedEntry .title {
font-size: 14px !important;
line-height: 1.3em !important;
}
.topRecommendedEntry .summary {
font-size: 11px !important;
}
/* latestとかのフォントサイズ */
.u0Entry .title {
font-size: 12px !important;
}
/* 既読エントリーはfont-weight変更 */
.u0Entry .title.read {
font-weight: normal !important;
}
/* Titlesのフォントサイズ */
.u1Entry .sourceInfo {
width: 150px !important;
}
.u1Entry .title {
font-size: 12px !important;
line-height: 1.3em !important;
}
/* Tilesの既読エントリーはfont-weightを変更 */
.u1Entry .title.read {
font-weight: normal !important;
}
/* Magazine, Timelineのフォントサイズ */
.u4Entry .title {
font-size: 14px !important;
line-height: 1.4em !important;
}
.u4Entry .summary {
font-size: 11px !important;
line-height: 1.4em !important;
}
/* Magazine, Timelineの既読エントリーはfont-weight, colorを変更 */
.u4Entry .title.read {
font-weight: normal !important;
}
.u4Entry .title.read + .summary {
color: #888 !important;
}
/* Mosaicのフォントサイズ */
.u6Entry .title {
font-size: 11px !important;
}
/* Mosaicの既読エントリーはfont-weightを変更 */
.u6Entry .title.read {
font-weight: normal !important;
}
/* Full Articleのフォントサイズ */
.u100Entry .entryTitle {
font-size: 16px !important;
margin-bottom: 0.5em !important;
}
.u100Entry .entryBody {
font-size: 11px !important;
}
.u100Entry .title {
font-size: 16px !important;
margin-bottom: 0.5em !important;
}
/* エントリー内容が短いときに空白ができるのでmin-height小さくする */
.inlineFrame,
.u100Entry {
min-height: 20px !important;
}
/* エントリー内容にVisit Websiteはいらない(タイトルクリックか続きを読むで) */
.itemscope .navButton {
display: none !important;
}
/* 広告らしいエントリー薄くする */
a[href^="http://rss.rssad.jp/rss/ad/"] {
opacity: 0.3 !important;
color: #555 !important;
font-weight: normal !important;
font-size: 85% !important;
}
a[href^="http://rss.rssad.jp/rss/ad/"] + span {
opacity: 0 !important;
}
/* プレビューアイコンを右上(ゴミ箱の右)に持ってくる */
.itemscope {
position: relative !important;
}
.itemscope .entryTitle {
margin-top: 0.4em !important;
}
/* ゴミ箱 (非表示) */
.topWikiWidget div[title^="remove this article"] {
position: absolute !important;
top: 0 !important;
display: none !important;
right: 0 !important;
margin-right: 23px !important;
}
.topWikiWidget {
position: absolute !important;
right: 0 !important;
top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
.topWikiWidget div {
margin-left: 0 !important;
}
.topWikiWidget div div div {
width: auto !important;
}
.topWikiWidget .abZone,
.topWikiWidget .abZone + div + div {
display: none !important;
}
/* プレビューアイコン */
div.viewerIcon[data-page-entry-action="previewEntry"] {
position: absolute !important;
top: 0 !important;
right: 0 !important;
}
/* 下のウィジット */
.bottomWikiWidget,
.bottomWikiWidget > div {
}
.wikiWidgetAction,
.gplus {
}
/* プレビュー表示を白ベースに */
#quicklookFramePart {
background-color: #fff !important;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3) !important;
border-radius: 4px !important;
border: 1px solid #cfcfcf !important;
margin-top: -35px !important;
}
#quicklookHeader {
margin-right: 2px !important;
background-color: transparent !important;
}
#quicklookTitle {
font-weight: bold !important;
text-transform: capitalize !important;
color: #444 !important;
}
#quicklookActions a,
#quicklookActions span {
text-transform: capitalize !important;
color: #444 !important;
}
#quicklookFramePart iframe {
margin-top: 5px !important;
border-color: transparent !important;
}
/* プレビューのメニューをアイコン化 */
#quicklookActions {
margin-top: -2px !important;
}
#quicklookActions,
#quicklookActions .requiresLogin {
color: #fff !important;
}
/* Save For Later */
#ql_save {
text-indent: -9999px !important;
display: inline-block !important;
background: url(http://s3.feedly.com/production/6.1.403/images/icon-save.png) no-repeat top left !important;
width: 16px !important;
height: 16px !important;
position: relative !important;
top: 3px !important;
margin-right: -10px !important;
opacity: 0.7 !important;
}
/* アイコンないので非表示にしとく */
#ql_share,
#ql_save {
display: none !important;
}
/* open tab */
/* アイコンなくなってた… */
#ql_open {
/*
margin-right: -10px !important;
text-indent: -9999px !important;
display: inline-block !important;
background: url(https://s3.feedly.com/production/8.0.417/images/ab-actions.png) no-repeat top left !important;
width: 22px !important;
height: 22px !important;
*/
}
/* close */
#ql_clode {
/*
text-indent: -9999px !important;
display: inline-block !important;
background: url(https://s3.feedly.com/production/6.1.403/images/viewer-close-60.png) no-repeat top left !important;
width: 60px !important;
height: 22px !important;
*/
}
}
(スターアイコン)と右端にある 
(URLを開くアイコン)を入れ替えるユーザースタイル。
