読者です 読者をやめる 読者になる 読者になる

WHITELEAF:Kindle応援サイト

KindleでWEB小説を読もう! Narou.rb 公開中

FeedlyをGoogleリーダーっぽくカスタマイズ

Googleリーダーの終了告知で阿鼻叫喚の頃いかがお過ごしですか。

ブラウザの起動時間の80%はGoogleリーダーを開いていると言っても過言ではない状況で、サービス終了は死活問題です。

現在は代替サービスとして Feedly を試し中です。完全に置き換えられるサービスではないですが(Feedの並び替えができない、フォルダ開閉状態の維持が出来ない等)、そこそこ使えそうな気配がします。

しかし素のままじゃ非常に使いづらいので早速CSSハッキング。

f:id:whiteleaf:20130315005952j:plain

これをベースに、Full Articlesでの見た目をGoogleリーダーっぽく似せます。これだけでだいぶ使いやすい……。

Stylish とかでどうぞ。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain('feedly.com'){

div#feedlyFrame {
    width : 98% !important;
}

div#feedlyPart {
    width : 98% !important;
}

div#feedlyPage, div#mainArea {
    width: 100% !important;
}

div#sideArea {
    display: none !important;
}
   
h1#feedlyTitleBar {
    font-style: normal !important;
    font-weight: bold !important;
}

h2 {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}

.entryHolder {
    width:100% !important;
    max-width: 100% !important;
}

.u100Entry {
    width: 100% !important;
    cursor: auto;
}

.u100Frame {
    border: 5px solid #ddd !important;
    border-radius: 15px;
    padding: 5px 34px 5px 34px !important;
}

.selectedEntry {
    border-color: #aaa !important;
}

div.content {
    color: black;
}

div#feedlyTabs {
    width: 240px !important;
    height: 640px !important;
    margin-right: 0 !important;
}

div#feedlyTabsHolder {
    width:240px !important;
    margin-top: 18px !important;
    margin-right: 0 !Important;
}

div#mainArea {
    width:100% !important;
}

div#feedlyTabsHolder .list {
    padding-left: 13px !important;
}

div#feedlyFrame {
    width: 100% !important;
}

div#feedlyTabsHolder .favicon {
    opacity: 1.0 !important;
}

div#feedlyTabsHolder div.simpleunreadcount {
    opacity: 1.0 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding-left: 1px !important;
}

span.feedTitle {
    font-weight: bold !important;
    margin-right: 0 !important;
    font-size: 1.15em !important;
}

a.title {
    font-weight: bold !important;
    margin-right: 0 !important;
    font-size: 1.15em !important;
    margin-bottom: 3px !important;
}

a.read {}
a.unread {}

div.metadata {
    color: gray !important;
}

div.topWikiWidget.wikiWidget {
    /*border-bottom: 1px solid #ccc !important;*/
    display: none;
}

div.bottomWikiWidget.wikiWidget {
}

}