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

爱意满满的作品展示区。

This topic created in 4136 days ago, the information mentioned may be changed or developed.

删除了一些莫名其妙的东西，不过微博会经常出现新的莫名其妙的东西，所以时效性有限。
对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;
}

`

Supplement 1 · Apr 15, 2015

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

font

div

OSX

19 replies • 2015-04-06 23:53:50 +08:00

banri

Apr 3, 2015

图贴错了：

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

banri

Apr 3, 2015

CSS文件更新可以戳这里：

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

貌似N连了，抱歉 =w=

gongpeione

Apr 3, 2015

好评

dan994

Apr 3, 2015

已用上，谢谢楼主

banri

Apr 3, 2015

@gongpeione 摸摸树大触~~

banri

Apr 3, 2015

@dan994 感谢使用 -w-

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

Twinkle

Apr 3, 2015

三个 ```

banri

Apr 4, 2015

@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

Apr 4, 2015

感谢！已使用感觉非常好

banri

Apr 4, 2015

@levineet =w= 欢迎使用

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

xream

Apr 4, 2015 via iPhone

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

ariza

Apr 4, 2015 via iPhone

Retina有救了

banri

Apr 4, 2015

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

banri

Apr 4, 2015

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

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

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

xream

Apr 4, 2015

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

banri

Apr 4, 2015

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

Unkonwn

Apr 6, 2015

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

banri

Apr 6, 2015

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

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

Unkonwn

Apr 6, 2015

@banri 感谢答复

刚才已自行解决