clowwindy的杂草牧场

   :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理
  34 Posts :: 2 Stories :: 74 Comments :: 0 Trackbacks

公告

昨天Google推出了新版的Google Reader。新版修改了界面外观,和Google+整合了起来,去掉了原来的分享和Like功能。

我不喜欢新版的这些改动,主要包括:

  • 我不想使用Google Plus。
  • 无法看好友分享的文章,除非到Google+上看。Google Plus像一个菜市场,Google Reader像一个图书馆,硬把它们整合在一起时不恰当的。
  • 少了Note in Reader书签脚本。我一直用这个东西收藏文章。
  • 新版界面按钮间距过大,不适合小屏幕(我现在用的笔记本分辨率是1366x768)。对比度太低,看着很吃力。我想Google的设计人员用的都是对比度较高的27寸IPS屏幕吧,没考虑显示效果不好的低端小屏幕。

 总之,大多数人的看法跟我一样。大家除了去官方论坛上反馈“bug”之外,也纷纷自己动手解决这个问题。

老K做了一个找回分享功能的Chrome插件Reader Sharer,于是我决定做一个把界面变回原来的样子的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

posted on 2011-11-02 15:19 clowwindy 阅读(...) 评论(...) 编辑 收藏