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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3567 天前的主题，其中的信息可能已经有所发展或是发生改变。

御览图

完全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了很多东西，不喜轻喷～～

第 1 条附言 · 2015-02-11 20:35:52 +08:00

发现了新坑。。就是把rightbar隐藏了之后通知无法正常显示。。。暂时不知道应该怎么改

wrapper

content

main

7 条回复 • 2015-02-11 23:28:32 +08:00