Douban - 圆角灰底

Added by cirer@userstyles, Created: May 28, 2010, Updated: Oct 26, 2011
With the style applied

Description:

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

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

More info
【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的了,有点懒啊。

You should to add comment and rate the style.

Discussions

+ Create discussion

Installs:
Applies to:
http://9.douban.com/, http://douban.fm/mine, http://douban.fm/app, http://music.douban.com/artists/... More »

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.