V2EX CSS自定义样式

2013-03-17 19:42:48 +08:00
 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;
}
4604 次点击
所在节点    分享创造
7 条回复
perrydu
2013-03-17 20:09:04 +08:00
不错,不过在有些node下显示效果不好,比如/go/sc2
clww
2013-03-17 20:24:21 +08:00
哈哈,我的

qiayue
2013-03-17 20:30:49 +08:00
已用上,感谢!
顺便改了一点,把头部固定了。
monkeydev
2013-03-17 21:00:23 +08:00
@clww 求分享
clww
2013-03-17 21:34:19 +08:00
@monkeydev 改的时候没考虑太多,只保证chrome上能用哈 https://gist.github.com/clww/4006460
monkeydev
2013-03-17 21:38:31 +08:00
@clww thx
xi4oh4o
2013-03-18 15:06:39 +08:00
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