看见其他人做 V2 的 CSS 我就手痒痒

2015-02-11 20:01:58 +08:00
 yangkeao

完全css打造

https://www.v2ex.com/go/create 这一叶看起来最友好~~

html,body{height:100%}body #Top{margin-top:20px;margin-left:20px;background:#fff;float:left;width:10%;height:100%;}body #Top .content{width:100%;margin:0;}body #Top .content table{display:block;width:100%;}body #Top .content table tbody{display:block;}body #Top .content table tbody tr{display:block;}body #Top .content table tbody tr td{display:block;width:100%;text-align:left;height:30px;}body #Top .content table tbody tr td a{display:block}body #Top .content table tbody tr td #Search{display:none}body #Wrapper{background:#fff;float:left;}body #Wrapper .content{margin:0;width:660px;}body #Wrapper .content #Rightbar{display:none}body #Wrapper .content #Main{margin:0;}body #Wrapper .content #Main >.box{color:#000;background-color:#fff;box-shadow:none;border-bottom:none;}body #Wrapper .content #Main >.box >div.cell >div >div{color:#000}body #Wrapper .content #Main >.box a:link,body #Wrapper .content #Main >.box a:visited,body #Wrapper .content #Main >.box a:active{color:#000}body #Wrapper .content #Main >.box #Tabs a.tab_current{color:#fff}body #Wrapper .content #Main >.box >.header{border:none}body #Wrapper .content #Main >.box >.topic_buttons{background:#fff}body #Wrapper .content #Main >.box >.item{border:none;}body #Wrapper .content #Main >.box >.item >table >tbody >tr >td >span.item_title a{color:#000}body #Wrapper .content #Main >.box >.item >table >tbody >tr >td >span.fade{display:none}body #Wrapper .content #Main >.box >.item >table >tbody >tr >td >a{background-color:#fff;color:#000}body #Wrapper .content #Main >.box >.item >div >img{display:none}body #Wrapper .content #Main >.box >#TopicsNode .cell{border:none;}body #Wrapper .content #Main >.box >#TopicsNode .cell >table >tbody >tr >td >span.item_title a{color:#000}body #Wrapper .content #Main >.box >#TopicsNode .cell >table >tbody >tr >td >span.fade{display:none}body #Wrapper .content #Main >.box >#TopicsNode .cell >table >tbody >tr >td >a{background-color:#fff;color:#000}body #Wrapper .content #Main >.box >#TopicsNode .cell >div >img{display:none}body #Wrapper .content #Main >.box input[type="text"],body #Wrapper .content #Main >.box textarea,body #Wrapper .content #Main >.box input[type="text"]:focus,body #Wrapper .content #Main >.box textarea:focus{width:630px;background-color:#fff;border:1px solid #3f4138;box-shadow:none;color:#000}body #Wrapper .content #Main >.box input[type="submit"]{background:#fff;border:none;box-shadow:none}body #Wrapper .content #Main >.box:nth-child(2) >.header+.cell{display:block;border:none}body #Wrapper .content #Main >.box:nth-child(2) >.inner+.cell{border:none}body #Wrapper .content #Main >.box:nth-child(4){border-bottom:none}body #Wrapper .content #Main >.box:last-child:nth-child(4) >.cell:first-child{display:block;border:none}body #Wrapper .content #Main >.box:last-child:nth-child(4) >.cell:first-child >.fade{display:none}body #Wrapper .content #Main >.box:last-child:nth-child(4) >div{display:none}body #Bottom{display:none}body #powerTip{background-color:rgba(255,255,255,0);color:#808080;font-size:20px;}body #powerTip a{color:#808080}body .n:before,body .s:before,body .w:before,body .e:before,body .ne:before,body .se:before,body .nw:before,body .sw:before{display:none}body #powerTip.sw{margin-right:-400px}body #powerTip.w{margin-right:-1200px}body #powerTip.e{margin-left:650px}body #powerTip.nw{margin-right:-1100px}body #powerTip.ne,body #powerTip.se{margin-left:650px}body #powerTip.se{margin-top:-120px}body #powerTip.ne{margin-bottom:-150px}#Main > div.box > div.inner > table > tbody > tr > td:nth-child(3) > input{background:#fff;box-shadow:none;border:none}#Main > div:nth-child(4) > div.cell{border-bottom:1px solid #e2e2e2}#Main > div:nth-child(4) > div.cell .reply_content,#Main > div:nth-child(4) > div.inner .reply_content{color:#000}#Main > div:nth-child(6) > div.cell{border-bottom:1px solid #e2e2e2}.outdated{background-color:#f00;color:#fff}.normal.button,.normal.button:hover{background:#fff;border:none;box-shadow:none}

以上是压缩后的CSS,经尝试大小没问题,同时改了一些v2.ext的css,如果不喜欢就把#powerTip的和.n:before,.s:before,.w:before,.e:before,.ne:before,.se:before,.nw:before,.sw:before的样式都去掉就好了,我觉得改的很草,嗯,很草。

display:none了很多东西,不喜轻喷~~

3622 次点击
所在节点    分享创造
7 条回复
rack
2015-02-11 20:27:52 +08:00
这是什么操作系统啊?
ytf4425
2015-02-11 20:29:13 +08:00
@rack gnome3


做得不错很简洁,就是评论框的黑框看起来不咋协调。。
ytf4425
2015-02-11 20:30:10 +08:00
而且右边有点略空。。
yangkeao
2015-02-11 20:33:55 +08:00
@rack fedora
bugmenott
2015-02-11 22:44:19 +08:00
chrome下用哪个扩展改css效果好?用stylish会先显示原版
chrisyipw
2015-02-11 23:21:06 +08:00
@bugmenott Stylebot?
bugmenott
2015-02-11 23:28:32 +08:00
@chrisyipw 试了一下,确实挺好

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

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

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

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

© 2021 V2EX