V2EX CSS自定义样式

2013 年 3 月 17 日
 mufeng


CSS部分:


body {
background-color:#f0f0f0;
}
#Top {
height:48px;
background-color:#fefefe;
background-image:-webkit-linear-gradient(top,#fefefe,#f6f5f6);
background-image:-moz-linear-gradient(top,#fefefe,#f6f5f6);
background-image:-ms-linear-gradient(top,#fefefe,#f6f5f6);
background-image:-o-linear-gradient(top,#fefefe,#f6f5f6);
background-image:linear-gradient(top,#fefefe,#f6f5f6);
-webkit-box-shadow:0 0 6px rgba(180,180,180,.9),0 -1px 0 rgba(255,255,255,.79) inset;
-moz-box-shadow:0 0 6px rgba(180,180,180,.9),0 -1px 0 rgba(255,255,255,.79) inset;
-o-box-shadow:0 0 6px rgba(180,180,180,.9),0 -1px 0 rgba(255,255,255,.79) inset;
box-shadow:0 0 6px rgba(180,180,180,.9),0 -1px 0 rgba(255,255,255,.79) inset;
border-bottom:1px solid #cbcbcd;
}
.item.cell {
background:#fff
}
.item.cell:nth-of-type(odd),.header {
background:#fafafa
}
.box {
box-shadow:none;
border:1px solid rgba(0,0,0,.1);
}
#Wrapper {
background:none
}
a.top:link,a.top:visited,a.top:active {
color:#778087;
text-shadow:none;
}
.topic_buttons {
background:#eee;
border-bottom:1px solid #ccc;
}
5548 次点击
所在节点    分享创造
7 条回复
perrydu
2013 年 3 月 17 日
不错,不过在有些node下显示效果不好,比如/go/sc2
clww
2013 年 3 月 17 日
哈哈,我的

qiayue
2013 年 3 月 17 日
已用上,感谢!
顺便改了一点,把头部固定了。
monkeydev
2013 年 3 月 17 日
@clww 求分享
clww
2013 年 3 月 17 日
@monkeydev 改的时候没考虑太多,只保证chrome上能用哈 https://gist.github.com/clww/4006460
monkeydev
2013 年 3 月 17 日
@clww thx
xi4oh4o
2013 年 3 月 18 日
http://gist.github.com/xi4oh4o/2625973

刚改了一下除了LOGO和背景,其他都用CSS3了。

@Livid 其实可以抽空把LOGO也用CSS实现了ww

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/63225

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX