昨天Google推出了新版的Google Reader。新版修改了界面外观,和Google+整合了起来,去掉了原来的分享和Like功能。
我不喜欢新版的这些改动,主要包括:
- 我不想使用Google Plus。
- 无法看好友分享的文章,除非到Google+上看。Google Plus像一个菜市场,Google Reader像一个图书馆,硬把它们整合在一起时不恰当的。
- 少了Note in Reader书签脚本。我一直用这个东西收藏文章。
- 新版界面按钮间距过大,不适合小屏幕(我现在用的笔记本分辨率是1366x768)。对比度太低,看着很吃力。我想Google的设计人员用的都是对比度较高的27寸IPS屏幕吧,没考虑显示效果不好的低端小屏幕。
总之,大多数人的看法跟我一样。大家除了去官方论坛上反馈“bug”之外,也纷纷自己动手解决这个问题。
老K做了一个找回分享功能的Chrome插件,于是我决定做一个把界面变回原来的样子的Stylish样式。
幸好还有一个旧版的Google Reader页面没关,在对比了许多差异之后,找出了一些不同的样式,再加上一些hack,拼凑出了这个样式表:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("https?://www.google.com/reader/.*") {
#top-bar {
height: 40px !important;
}
#logo {
height: 27px !important;
margin: -13px 0 0 11px !important;
}
#search {
margin-left: 157px !important;
padding: 9px 0 !important;
}
#search-input {
border: 1px solid #B2B2B2 !important;
margin: 0 !important;
padding: 3px 2px !important;
width: 200px !important;
}
#viewer-container {
background: none repeat scroll 0 0 #EBEFF9 !important;
}
#viewer-top-controls-container {
margin-top: -12px !important;
}
.jfk-textinput {
height: 17px !important;
}
#viewer-header-container {
background: none repeat scroll 0 0 #C2CFF1 !important;
}
#viewer-header {
background: none repeat scroll 0 0 #C2CFF1 !important;
height: 30px !important;
}
.goog-menu-button .goog-button-base-content {
padding: 7px !important;
}
.goog-button-base,.jfk-button,.goog-inline-block,.goog-flat-menu-button {
cursor: pointer !important;
}
.goog-button-base-content {
padding: 3px 0.461em 0 !important;
position: relative !important;
text-align: center !important;
}
.goog-button-tight .goog-button-base-content {
line-height: 1em !important;
}
.goog-button-base-inner-box {
background: none repeat scroll 0 0 #F9F9F9 !important;
height: 20px !important;
}
.goog-button-base-outer-box {
border-bottom: 1px solid #AAAAAA !important;
border-top: 1px solid #BBBBBB !important;
}
.goog-button-base-inner-box {
background: none repeat scroll 0 0 #F9F9F9 !important;
border-left: 1px solid #BBBBBB !important;
border-right: 1px solid #AAAAAA !important;
margin: 0 -1px !important;
}
.goog-menu-button:active .goog-button-base-outer-box, .goog-menu-button:active .goog-button-base-inner-box, .goog-combobox-active .goog-button-base-outer-box, .goog-combobox-active .goog-button-base-inner-box, .goog-menu-button.goog-button-base-open .goog-button-base-outer-box, .goog-menu-button.goog-button-base-open .goog-button-base-inner-box {
background: none repeat scroll 0 0 #F9F9F9 !important;
border-color: #888888 !important;
}
.goog-button-base:hover .goog-button-base-outer-box, .goog-button-base:hover .goog-button-base-inner-box, .goog-button-base:focus .goog-button-base-outer-box, .goog-button-base:focus .goog-button-base-inner-box {
border-color: #888888 !important;
}
.jfk-button-standard.jfk-button-hover, .jfk-button-standard.jfk-button-clear-outline.jfk-button-hover {
border-color: #888888 !important;
}
.goog-flat-menu-button.goog-flat-menu-button-hover {
border-color: #888888 !important;
}
.goog-menu-button:active .goog-button-base-outer-box, .goog-menu-button:active .goog-button-base-inner-box, .goog-combobox-active .goog-button-base-outer-box, .goog-combobox-active .goog-button-base-inner-box, .goog-menu-button.goog-button-base-open .goog-button-base-outer-box, .goog-menu-button.goog-button-base-open .goog-button-base-inner-box {
background-color: #777777 !important;
border-color: #888888 !important;
}
.jfk-button-standard
{
border: 1px solid #AAAAAA !important;
background: none repeat scroll 0 0 #F9F9F9 !important;
}
.jfk-button {
height: 20px !important;
line-height: 20px !important;
}
.goog-flat-menu-button {
line-height: 20px !important;
border: 1px solid #AAAAAA !important;
}
.goog-flat-menu-button-dropdown {
top: 8px !important;
}
.goog-menu-button .goog-menu-button-dropdown {
top: 8px !important;
}
.goog-menu-button .goog-button-base-content {
padding: 4px !important;
}
#title-and-status-holder {
padding: 0.1ex 0 0.1ex 0.5em !important;
}
#entries {
padding: 0 !important;
border-top: 1px solid #C2CFF1 !important;
}
#entries.list .entry .collapsed {
background: none repeat scroll 0 0 #FFFFFF !important;
border: 2px solid #FFFFFF !important;
cursor: pointer !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: relative !important;
width: auto !important;
}
#entries.list .read .collapsed {
background: none repeat scroll 0 0 #F3F5FC !important;
border: 2px solid #F3F5FC !important;
}
#entries.list .collapsed .entry-icons {
top: 1px !important;
}
#entries.list .collapsed .entry-secondary,#entries.list .collapsed .entry-main .entry-source-title {
top: 1px !important;
}
#entries.list .collapsed .entry-main .entry-original {
top: 6px !important;
}
#current-entry .entry-container .entry-title a, #current-entry .entry-container a.entry-source-title, #current-entry .entry-container .entry-body a, #current-entry .entry-container a.entry-post-author-name {
color: #2244BB !important;
}
#entries.list #current-entry .collapsed {
border-color: #6688EE !important;
}
#entries.list .expanded .collapsed {
border-bottom-width: 0 !important;
}
#entries.list #current-entry.expanded {
border-color: #6688EE;
border-style: solid !important;
border-width: 0 2px !important;
}
#entries.list #current-entry.expanded .collapsed {
border-color: #6688EE -moz-use-text-color;
border-left: medium none !important;
border-right: medium none !important;
}
#entries.list #current-entry.expanded .entry-actions {
border-bottom-color: #6688EE !important;
}
#entries.list .entry .entry-actions {
background-color: #EBEFF9 !important;
border-top: 1px solid #C2CFF1 !important;
color: #333333 !important;
}
.entry .entry-actions a, .entry .entry-actions .link {
color: #2244BB !important;
}
}
使用方法和源码放在Github上了。
效果图:
使用前:
Userscript地址:
http://userstyles.org/styles/55628/old-styled-google-reader?r=1320216007