新浪微博自定义 CSS，优化 OSX 下显示效果

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3527 天前的主题，其中的信息可能已经有所发展或是发生改变。

删除了一些莫名其妙的东西，不过微博会经常出现新的莫名其妙的东西，所以时效性有限。
对OSX特别优化，修改了字号、字体和颜色，retina应该不会感到瞎眼了。
推荐配合Stylish扩展使用。

预览图：

http://photo.weibo.com/3908411377/wbphotos/large/mid/3827675770691013/pid/e8f59ff1gw1eqsrlci2dhj21kw0zk11y

CSS：

`
div[node-type='feed_spread'],
div[node-type='feed_list_shieldKeyword'],
div[node-type='recommendTopic'],
div[id*='ads'],
.PCD_mplayer,
.WB_frame_bottom,
.gn_nav_list li:nth-child(2),
.gn_nav_list li:nth-child(3),
.WB_footer,
#plc_bot,
#topicAD,
#v6_pl_rightmod_recominfo > div:nth-child(n+3),
#v6_trustPagelet_recom_member {
display: none;
}

body,
body.WB_macT,
.W_input {
font-family: 'Source Sans Pro', 'Helvetica Neue', Verdana, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', SimSun, sans-serif;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.W_input {
font-size: 12px;
}

.WB_frame_a,
.WB_frame_a_fix,
.WB_frame_b,
.WB_frame_c,
.WB_frame_d,
.WB_main_l,
.WB_main_c,
.WB_main_r,
.WB_main_cr,
.WB_main_a,
.WB_toptips {
font-size: 14px;
}

body,
legend,
.W_input:focus,
.S_txt1,
.W_btn_b,
.SW_fun .S_func1 {
color: #555;
}

.WB_detail > .W_f14,
textarea.W_input {
font-size: 16px!important;
line-height: 26px!important;
}

`

第 1 条附言 · 2015-04-15 10:15:34 +08:00

持续更新地址：http://cdn.brdev.org/weibo.css

font

div

OSX

19 条回复 • 2015-04-06 23:53:50 +08:00

banri

2015-04-03 23:10:57 +08:00

图贴错了：

另外这个MarkDown是我姿势不对吗？

banri

2015-04-03 23:12:25 +08:00

CSS文件更新可以戳这里：

http://cdn.brdev.org/weibo.css

貌似N连了，抱歉 =w=

gongpeione

2015-04-03 23:33:38 +08:00

好评

dan994

2015-04-03 23:39:23 +08:00

已用上，谢谢楼主

banri

2015-04-03 23:56:57 +08:00

@gongpeione 摸摸树大触~~

banri

2015-04-03 23:57:46 +08:00

@dan994 感谢使用 -w-

刚刚又更新了一些内容，那个地址进去就可以看到，记得强制刷新一下~~
主要是把微博内页文章的字号也加大了一些~~

Twinkle

2015-04-03 23:59:12 +08:00

三个 ```

banri

2015-04-04 00:03:25 +08:00

@Twinkle 原来是这样~感谢 =w=

我试试

```
div[node-type='feed_spread'],
div[node-type='feed_list_shieldKeyword'],
div[node-type='recommendTopic'],
div[id*='ads'],
.PCD_mplayer,
.WB_frame_bottom,
.gn_nav_list li:nth-child(2),
.gn_nav_list li:nth-child(3),
.WB_footer,
#plc_bot,
#topicAD,
#v6_pl_rightmod_recominfo > div:nth-child(n+3),
#v6_trustPagelet_recom_member {
display: none;
}

body,
body.WB_macT,
.W_input,
.WB_app_view .longwb_box,
.WBA_content span {
font-family: 'Source Sans Pro', 'Helvetica Neue', Verdana, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', SimSun, sans-serif;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.W_input {
font-size: 12px;
}

.WB_frame_a,
.WB_frame_a_fix,
.WB_frame_b,
.WB_frame_c,
.WB_frame_d,
.WB_main_l,
.WB_main_c,
.WB_main_r,
.WB_main_cr,
.WB_main_a,
.WB_toptips {
font-size: 14px;
}

.WB_detail > .W_f14,
textarea.W_input,
.WB_app_view .longwb_box,
.WBA_content span {
font-size: 16px!important;
line-height: 26px!important;
}

.WB_feed_spec_cont {
line-height: 16px;
}

body,
legend,
.W_input:focus,
.S_txt1,
.W_btn_b,
.SW_fun .S_func1 {
color: #555;
}

```

levineet

2015-04-04 00:26:17 +08:00

感谢！已使用感觉非常好

banri

2015-04-04 00:35:23 +08:00

@levineet =w= 欢迎使用

在使用过程中有什么问题，欢迎在这里提出，我会修改后上传到固定的更新地址的~~

xream

2015-04-04 00:54:55 +08:00 via iPhone

好奇Safari里的左边第二个插件是啥

ariza

2015-04-04 09:17:47 +08:00 via iPhone

Retina有救了

banri

2015-04-04 12:11:32 +08:00

@xream 是朱一的妈妈计划2，可以把Flash播放器变为HTML5
不过这两天不工作了Orz，估计是视频源又换地址了

banri

2015-04-04 12:17:55 +08:00

一早起来发现微博又出现了新的奇怪的东西，已经更新代码

这个是持续更新的地址： http://cdn.brdev.org/weibo.css

以后我就直接更新这个文件啦~

xream

2015-04-04 14:35:40 +08:00

Stylish 里的样式只能手动更新?

banri

2015-04-04 19:49:04 +08:00

@xream 嗯对……只能手动更新 =w=
不知道有没有比较高级的扩展可以自动更新的

lhie1

2015-04-06 22:18:24 +08:00

@banri 你好这个怎么用的纯小白求教

banri

2015-04-06 23:17:38 +08:00

@lhie1 Chrome或者Safari等浏览器，安装一个叫Stylish的扩展
然后在里面添加一个样式，你打开 http://cdn.brdev.org/weibo.css 这个地址，复制里面的所有内容，粘贴进去。

然后作用范围选择域 weibo.com
这样就可以了

lhie1

2015-04-06 23:53:50 +08:00

@banri 感谢答复

刚才已自行解决