@ 2008.09.26 , 10:51

Stylish 样式:Google Reader 清爽版

[-]
跟火山同学比较残酷的黑白颠倒的脚本(GreaseMonkey)方式不同,我喜欢在原有 CSS 基础上根据个人喜好进行调整。下面这是我发布的第一个 Stylish 样式,它是在仔细阅读 Google Reader 的 CSS 之后,一个个测试修改的,应该没有多余的语句。对 CSS 的优化包括:

1、所有链接改为统一的蓝色,取消下划线。
2、设置基本字体大小为12px,选择新细明体,阅读区用宋体。取消斜体字。
2、美化侧栏,主要是针对粗大的侧栏标题字。
3、调整阅读区为500px宽,并加大行距。


进入 userstyles.org 安装这个 Stylish 样式(可用 Greasemonkey 方式加载)。

# 注:Stylish 是一个 Firefox 插件,作用是自定义网站和用户界面的样式。

update: 你们觉得低科技也好,没有技术含量也好,都没所谓;你可以不喜欢,但是请不要出言讽刺。修改 CSS 本来就没有什么技术含量,只是纯个人喜好。关于修改后英文字不好看之说,已替换下面的 PMingLiU 为微软雅黑。

下面贴上这个 stylish 的源码,可以直接在 stylish 里添加或者根据自己需要修改

/* Revised by sein */
@-moz-document url-prefix(https://www.google.com/reader/), url-prefix(http://www.google.com/reader/) {

/* 所有链接改为统一的蓝色,取消下划线 */
.read .entry-container .entry-title a,.read .entry-container a.entry-source-title,.read .entry-container .entry-body a,.read .entry-container .entry-via-link,.read .entry-container .entry-annotation-author-link,.read .entry-container a.entry-post-author-name{color:#1010c8 !important;text-decoration:none !important;}.entry-source-title-link{color:#1010c8 !important;}

/* 取消左栏未读的加粗 */
.scroll-tree li a .name-unread{font-weight:normal !important;color:#1010c8 !important;}

/* 左栏已读字体改为黑色 */
.scroll-tree .name{color:#000 !important;text-decoration:none !important;}

/* 定义字体为12号,设置基本字体为微软雅黑,加大行距 */
body,html{font-family:微软雅黑 !important; font-size:12px !important;line-height: 150% !important;}

/* 正文区改500宽度,使用宋体或微软雅黑阅读 */
.entry .entry-body,.entry .entry-title{max-width:500px !important;font-family:simsun, 微软雅黑 !important; }

/* 标题改小点 */
h2{font-size:14px !important;}

/* 取消斜体字 */
.entry-annotation-body{font-style:normal !important;}
.recent-stream-title{font-style:normal !important;}

}

调整前后的界面对比

首页
[-]

[-]

阅读页
[-]

[-]

支付宝打赏 [x]
您的大名: 打赏金额:
赞一个 (0)