Google リーダーのスタイル
今更ながらGoogle リーダーのスタイル
ちなみにFirefoxで使う
更に https://addons.mozilla.org/ja/firefox/addon/googlereaderplus/
これを使う
Google Reader - 記事一覧のマウスオーバーの色を変更
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://www.google.com/reader/view/"),
url-prefix("http://www.google.com/reader/view/") {
/* ----------------------------------------------------
*/
#entries.list .entry .collapsed:hover {
background:#C2CFF1 !important;
}
#entries.list .read .collapsed:hover {
opacity: 1.0;
background: #C2CFF1 !important;
}
/* ----------------------------------------------------
*/
}
Google Reader - スタイル 2012/08/29 - メニュー/検索窓/アカウントボタン/RSS登録ボタン/記事設定ボタン/
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://www.google.com/reader/view/"),
url-prefix("http://www.google.com/reader/view/") {
/* ---------------------------------------------------- */
/* 最上部固定 - メニューとか検索窓を最小状態で固定 */
#gb {
height: 69px !important;
}
#gb #gbzw .gbt {
line-height: 20px !important;
}
#gb #gbzw, #gbzw {
height: 25px !important;
margin-left: 2px !important;
}
#gb #gbzw #gbz, #gbzw #gbz {
height: 25px !important;
}
#gb #gbx1, #gb #gbx2, #gb #gbx1, #gb #gbx2, #gb #gbq, #gb #gbu, #gb #gbq, #gb #gbu {
top: 25px !important;
}
#gbx1, #gb #gbx1, #gbq, #gbu, #gb #gbq, #gb #gbu {
top: 25px !important;
}
#gbq1, #gb #gbq1 {
margin-left: 16px !important;
}
#gbx1, #gbx2, #gbqlw, #gb #gbx1, #gb #gbx2, #gb #gbqlw {
height: 44px !important;
}
#gbq2, #gb #gbq2 {
margin-left: 204px !important;
padding-bottom: 0 !important;
}
#gbu, #gbq2, #gbq3, #gb #gbu, #gb #gbq2, #gb #gbq3 {
padding-bottom: 6px !important;
padding-top: 8px !important;
}
#gb #gbx3, #gbx3 {
height: 24px !important;
}
#gbu {
height: 30px !important;
margin-right: 10px !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
right: 0 !important;
}
#gbu .gbt {
margin-left: 6px !important;
}
/* Googleロゴ削除 */
#gbql {
display: none !important;
}
/* Googleロゴを小さく */
/*
#gbql {
background-position: -242px 0 !important;
height: 37px !important;
width: 95px !important;
margin-top: -8px !important;
}
*/
/* アカウント設定メニュー移動(右上固定) */
#gb #gbu {
margin-top: -35px !important;
z-index: 1000 !important;
}
#gb #gbw #gbu #gbvg ol.gbtc li.gbt a#gbg4.gbgt span#gbgs4d span#gbgs4dn {
color: #AAAAAA !important;
font-weight: bold;
}
/* 検索窓を細くする */
#gb #gbx1 {
height: 36px !important;
background: #4D4D4D !important;
/*border-top: 1px solid #4D4D4D !important;*/
}
#gb #gbq2 {
padding-top: 3px !important;
padding-bottom: 3px !important;
}
/* ---------------------------------------------------- */
/* サイドバー / 記事一覧 - レイアウト */
#main {
margin-top: -8px !important;
}
/* 左側ナビ Googleロゴ削除 */
#nav #logo-section {
display: none !important;
}
/* ---------------------------------------------------- */
/* 上部 - RSS登録ボタン / 記事設定ボタン - 細くして固定 */
#nav #lhn-add-subscription-section,
#chrome #sections-header,
#chrome #viewer-header {
height: 36px !important;
}
#nav #lhn-add-subscription-section #lhn-add-subscription {
top: 16px !important;
margin-left: 28px !important;
}
#chrome #sections-header .contents,
#viewer-top-controls-container {
margin-top: -14px !important;
}
#sections-header .settings-button-container,
#viewer-header {
margin-right: 10px !important;
}
/* RSS登録ボタン移動失敗 */
#nav #lhn-add-subscription-section {
/*display: inline-block !important;*/
/*display: block !important;*/
/*margin-top: -36px !important;*/
/*z-index: 2000 !important;*/
border-bottom: 1px solid #EBEBEB !important;
/*position: absolute !important;*/
}
/*
#sections-header .settings-button-container{
margin-top: -36px !important;
z-index: 1000 !important;
}
*/
/* ----------------------------------------------------
*/
}
Google Reader - スタイル 2012/08/29 - サイドバー/記事一覧
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://www.google.com/reader/view/"),
url-prefix("http://www.google.com/reader/view/") {
/* ---------------------------------------------------- */
/* サイドバー 幅 */
#lhn-add-subscription-section,
#scrollable-sections-top-shadow,
#scrollable-sections-bottom-shadow,
#nav{
width:244px !important;
/*width:264px !important;*/
} /* 264px */
#chrome {
margin-left: 244px !important;
/*margin-left: 264px !important;*/
} /* 264px */
/* ---------------------------------------------------- */
/* サイドバー 項目表示を最小化固定 */
#overview-selector,
#lhn-selectors .selector,
.folder .name.name-d-0,
#sub-tree-header {
padding-left: 13px !important;
}
.selectors-footer {
margin-left: 16px !important;
}
.section-minimize {
left: -1px !important;
}
.folder .folder .folder-toggle {
margin-left: 5px !important;
}
/* タグ - RSS in */
.folder .folder > a > .icon {
margin-left: 20px !important;
}
.folder .folder > ul .icon {
/* 通常よりも左に寄せる (通常最小 27px) */
/*margin-left: 7px !important;*/
margin-left: 27px !important;
}
/* タグ - RSS not in */
.folder .tag .folder-toggle {
margin-left: 5px !important;
}
.folder .tag > a > .icon {
margin-left: 20px !important;
}
.folder .tag > ul .icon {
/* 通常よりも左に寄せる (通常最小 27px) */
/*margin-left: 7px !important;*/
margin-left: 27px !important;
}
/* RSS - タグが割り当てられていない */
.folder .sub-icon {
margin-left: 20px !important;
}
/* ---------------------------------------------------- */
/* 記事 - ホームの表示を固定 */
#sections-holder {
padding-right: 10px !important;
}
/* 記事一覧 - ヘッダー */
#title-and-status-holder {
/*background-color: #E5E5E5 !important;*/
background-color: #d5eaff !important;
margin-right: 0px !important;
height: 18px !important;
padding: 0.5ex 0 0.5ex 0.5em !important;
}
/* 記事一覧 - 一覧表示の幅 */
#entries {
/*padding: 0 10px 0 5px;*/
padding: 0 !important;
}
/* 記事一覧 - ファビコン */
.collapsed img.entry-favicon {
/*top: 6px !important;*/
}
/* 記事一覧 - 記事高さ */
#entries.list .entry .collapsed {
height: 34px !important;
}
/* 記事一覧 - 記事文字 */
#entries.list .collapsed .entry-source-title, #entries.list .collapsed .entry-title, #entries.list .collapsed .entry-date {
line-height: 34px !important;
}
/* ---------------------------------------------------- */
}GoogleReaderPlusで設定するのはファビコンの表示とスターのカウント表示ぐらいかな？
まぁこれでそこそこ快適
