近日Google Reader 频繁改版,造成各种插件失效,并且越改越杯具。
以前我一直用 Reader Sharer + Stylish 定制Reader界面,让其更接近原来的Reader。
然而最近的一次更新,Reader Sharer 的界面改造失效了,只剩下了分享功能。
鉴于此,本人自己编写了一套CSS代码,用以代替失效的Reader Sharer来替换Reader 风格。
先来个对比图更有说服力
原版

修改版

请先下载下面两个Chrome插件:
https://chrome.google.com/webstore/detail/gmgmcmhmodidojodfoekpbjnejlhcbpb
https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe
然后再Stylish的定制界面对 https://www.google.com/reader/ 开头的URL应用下面的代码:
---------------------------------------------------------
/*菜单下拉框*/
.goog-menuitem{
padding: 2px 60px 2px 24px !important;
font-size:12px !important;}
/*菜单下拉框被选中*/
.goog-menuitem-highlight{
border:none !important;
}
/*顶部栏*/
#top-bar{
height:31px !important;
}
/*logo*/
#logo{
top:0 !important;
height:27px !important;
margin-top:1px !important;
}
/*搜索栏*/
#search{
padding:4px 0 0 0 !important;
}
/*搜索框*/
.jfk-textinput{
height:21px !important;
padding:0 8px !important;
}
/*所有条目*/
.goog-flat-menu-button{
line-height:21px !important;
}
/*默认按钮+标记已读*/
.jfk-button{
height:21px !important;
line-height:21px !important;
}
/*文件夹设置*/
.goog-button-base-inner-box{
height:21px !important;
}
.goog-button-base-content{
padding-top:3px !important;
}
/*订阅*/
#lhn-add-subscription{
height:21px !important;
}
/*订阅栏+设置栏*/
#viewer-header, #sections-header, #lhn-add-subscription-section{
height:30px !important;
padding:0 !important;
background-color:#C2CFF1 !important;
}
/*阅读栏标题*/
#title-and-status-holder{
padding:2px 0 0 .5em !important;
}
/*设置各个项目的背景色*/
#nav *,#right-section,#tips,#title-and-status-holder{
background-color:#EBEFF9 !important;
}
/*阅读内容的背景色*/
.entry-container, .entry-actions {
/*background-color:#C7EDCC !important;*/
}
/*阅读栏条目*/
#entries.list .entry{
border-bottom:solid 1px #EBEFF9 !important;
background-color:#F3F5FC !important;
}
/*纠正被选后粗又灰的焦点*/
#entries.list #current-entry .collapsed,#entries.list .entry .entry-container{
border-color:#68E !important;
}
#entries.list #current-entry.expanded .entry-actions{
border-color:#C7EDCC #68E #68E !important;
}
#entries.list .entry .entry-container{
border-width:0 1px !important;
}
#entries.list .entry .collapsed{
border-width:1px !important;
}
#entries.list .entry .expanded .collapsed{
border-width:1px 1px 0 1px !important;
}
/*已读条目的背景色*/
#entries.list .read .collapsed{
background:transparent !important;
}
/*未读条目的背景色
#entries .entry, #entries.list .entry-container{
background-color:#EBEFF9 !important;
background-color:#C7EDCC !important;
}*/
/*阅读栏高度*/
#entries.list .entry .collapsed{height:20px !important;}
#entries.list .collapsed .entry-source-title, #entries.list .collapsed .entry-title, #entries.list .collapsed .entry-date{line-height:20px !important;}
/*订阅栏字体*/
.lhn-section-secondary, .name-text,.lhn-section-primary{
font-size:12px;
}
/*订阅栏文件夹*/
#sub-tree-container .folder-name{
color:#3648D1 !important;
font-size:13px !important;
}
/*订阅栏间距*/
.scroll-tree li{
margin:0 0 1px 0 !important;
}
/*主页链接*/
#home-section{
font-size:12px !important;
padding:3px 0 0 0 !important;
/*display:none !important;*/
}
#overview-selector{
padding-top:0 !important;
padding-bottom:0 !important;
}
/*关注对象、探索等*/
.lhn-section-primary{
height:20px !important;
line-height:20px !important;
font-size:12px !important;
}
#reading-list-unread-count{margin-top:0 !important;}
.selectors-footer{display:none !important;}
.lhn-section-footer{
padding-bottom:0 !important;
margin-bottom:0 !important;
}
/*小图标位置偏移*/
.section-minimize{top:3px !important;}
/*右边小图标位置*/
.section-button{top:3px !important;}
/*主页设置*/
#overview .overview-header{
margin-bottom:0 !important;
}
#overview .title{
font-size:19px !important;
}
#overview .item-title{
font-size:100% !important;
}
#overview .item-snippet{
font-size:12px !important;
}
#overview .overview-segment{
margin:0 0 20px 0 !important;
}
/*去掉硬又黑*/
#gb {display:none}
---------------------------------------------------------
保存并启用,即可让Google Reader 返回简洁又不伤眼的风格
让“小清新”去屎吧!!!
另外:最近强行给Reader添加的+1控件,会严重损耗浏览器的性能,当打开的文章过多时,会急速消耗内存,甚至会卡死浏览器,所以,如果有必要,请用广告过滤插件屏蔽下面的URL:
plusone.google.com/u/0/_/+1/fastbutton