V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
yangkeao
V2EX  ›  分享创造

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

  •  1
     
  •   yangkeao · 2015-02-11 20:01:58 +08:00 · 3587 次点击
    这是一个创建于 3333 天前的主题,其中的信息可能已经有所发展或是发生改变。

    御览图

    完全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隐藏了之后通知无法正常显示。。。暂时不知道应该怎么改
    7 条回复    2015-02-11 23:28:32 +08:00
    rack
        1
    rack  
       2015-02-11 20:27:52 +08:00
    这是什么操作系统啊?
    ytf4425
        2
    ytf4425  
       2015-02-11 20:29:13 +08:00
    @rack gnome3


    做得不错很简洁,就是评论框的黑框看起来不咋协调。。
    ytf4425
        3
    ytf4425  
       2015-02-11 20:30:10 +08:00
    而且右边有点略空。。
    yangkeao
        4
    yangkeao  
    OP
       2015-02-11 20:33:55 +08:00
    @rack fedora
    bugmenott
        5
    bugmenott  
       2015-02-11 22:44:19 +08:00
    chrome下用哪个扩展改css效果好?用stylish会先显示原版
    chrisyipw
        6
    chrisyipw  
       2015-02-11 23:21:06 +08:00   ❤️ 1
    @bugmenott Stylebot?
    bugmenott
        7
    bugmenott  
       2015-02-11 23:28:32 +08:00
    @chrisyipw 试了一下,确实挺好
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   949 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:02 · PVG 05:02 · LAX 14:02 · JFK 17:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.