Sociz Community

在上周我们介绍的《如何在 Firefox 侧边栏打开 Google Reader》中，大家也许可能会发现实际的效果并不十分的让人满意，有很多小细节上以及字体的大小不是十分的搭配，比如说最上面的那个 Google Reader 的 LOGO 上，就有一圈蓝色的边框，看上去不是太美观。不过太好，最近 the How-To Geek 的一篇日志详细介绍了一下如何自定义 FF 侧边栏中的 Google Reader，让她变的漂亮一些：

请将下面所给出的 CSS 代码添加到配置文件夹中的 userContent.css 中，或者使用 Stylish 扩展调用这些命令。关于配置文件的基本知识大家可以参考下面的文章：

• 个人配置文件夹详解
• UserContent.css

消除 Google Reader LOGO 的蓝色边框：


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
.logo img {border:0px !important;}
}

消除 Google Reader 整个 LOGO：


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
.logo {display:none !important;}
}

改变字体大小：


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
* {font-size:字体大小 !important; }
}

禁止分行显示：


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
span.item-snippet {display:none !important;}
span.item-source-title{font-size:0.9em !important}
}


所有命令可以组合使用，效果就像上面预览图那样：


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
.logo {display:none !important;}
* {font-size:0.97em !important; }
span.item-snippet {display:none !important;}
span.item-source-title{font-size:0.9em !important}
}

- 转载请注明：转自 优化 Firefox 侧边栏的 Google reader / Sociz 日志 -