userstyles.org - Douban - 圆角灰底

[Edit] [Delete]

说明：借鉴了几个豆瓣样式改了自己用。（ 参考：http://userstyles.org/styles/browse/site/douban ）
状态：间歇性修改，请时常Update……
注意：适用于 Firefox。其他浏览器，就甭装它了，装了也不会是圆角啊……喂

【主要修改内容】
① 背景底色改为深色（也可使用背景图片，请在代码里找“背景色”修改）。
② 页面主要元素改为圆角，如主内容区、导航条、标题等。
③ 修改整站字体为“微软雅黑”（请在代码里找到“微软雅黑”修改成您喜欢的字体名称）。
④ 个人档案（#profile）和小组简介的底色改为浅蓝色。
⑤ 豆瓣电台页面的若干修改。（还是不太满意，慢慢琢磨中）
⑥ 九点阅读样式修改，提高可阅读性（针对 http://9.douban.com/site/entry/XXXXXXXX/ ）
⑦ 九点阅读器样式修改，提高可阅读性（针对 http://9.douban.com/reader/ ）

(Assuming Firefox Chrome Opera Internet Explorer Other )

【2011.10.27】
搜索条长度修正。

【2011.10.8】
临时修正。

【2011.6.4】
豆瓣电台页面的小修正和几处小修。好久没刷豆瓣了……

【2011.2.14】
修正被无辜弄乱的代码。

【2011.1.13】
调整了豆瓣电台页面（http://douban.fm/）的 app bar的长度；（豆瓣电台出了桌面版了）
恢复了豆瓣电台应用页面（http://douban.fm/app）背景为白色。

【2010.11.25】
调整了小组贴内字号为14像素；
调整“豆瓣我说”的显示效果。

【2010.10.29】
对豆瓣电台的“我收听过的歌曲”页面做了修正。

【2010.9.4】
豆瓣电台也改版。周末才有了时间来修改，目前就只能搞成这样了。

【2010.8.29】
几处标题背景修正。

【2010.8.25】
豆瓣小站开张，修改了背景色和其他小地方；修改了未登录前的首页的部分样式。

【2010.8.15】
修正日记页面的标题（h3），修正相册页面和日记页面的个人导航（#db-usr-profile）。

【2010.8.9】
修正贴子完整标题的样式，修正“我的豆瓣”页面的个人导航条。
【2010.8.3】
修正粉红框。
【2010.7.28】
修正个人页面的问题。最近豆瓣是不是又想改版了……
【2010.7.26】
替换了这个图片（http://t.douban.com/pics/radio_3.jpg）
红色评论按钮更改（本来想改个颜色，没时间调整到合适的，先沿用原配色）
【2010.7.15】
今天整理了一下代码，修改了九点阅读器【 http://9.douban.com/reader/ 】，把阅读器里的正文字号加大到了16px了，其实18px更好啊，我本本13寸的，还是18px看起来不那么累。

然后我对 迷你站 实在没什么办法，有几个 迷你站 （如 http://www.douban.com/minisite/win7/ ）使用了背景图片，在原来的白色底色上有背景图片当然很OK，但是，现在若要让背景们都显示出来，那么就不能让迷你站具有这种深色背景，并且也不能让#wrapper部分有圆角和背景色，那么就跟以前没什么两样了。

所以，我建议访问 迷你站 的时候，可以试试不使用样式浏览一遍（看看漂亮的背景什么的），用stylish还是很方便的。//注意这句是重点啊！！！

【2010.7.2】
今天后知后觉地在 Google Chrome 上装了 Stylish[ http://is.gd/dbTN8 ]，然后再装样式就OK了。
然后因为用的是moz的圆角，在webkit的浏览器里就看不到效果……

要在谷歌浏览器里看到圆角，
可直接替换 or 在每个moz圆角后跟着添加一条webkit的圆角：
如：
#test {-moz-border-radius:5px;-webkit-border-radius:5px; }
——————————————————————————————
圆角
-moz-border-radius / -webkit-border-radius
-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius

盒子阴影
-moz-box-shadow / -webkit-box-shadow

以上。
——————————————————————————————
我就不把它改成适用于Google Chrome的了，有点懒啊。

Show code