V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
orancho
V2EX  ›  程序员

我要消灭圆角和高光

  •  1
     
  •   orancho · 2014-11-01 17:31:00 +08:00 · 4010 次点击
    这是一个创建于 3675 天前的主题,其中的信息可能已经有所发展或是发生改变。
    受微软荼毒略深,于是有此想法。顺便写了个消灭V2ex圆角的CSS Reset

    #Top{background:#ff6623;border:none;}
    #Bottom{border-top: 3px solid #f38371;}
    .message {
    background-color: #fffbbf !important;
    border-left: 10px solid #ff8352 !important;
    border-bottom: none !important;}
    a.balance_area {background: none !important}
    a.top:link,a.top:visited,.top:active,.topic_buttons
    div:first-child{text-shadow:none;color:#fff !important;}
    .cell, .cell.item{background: rgba(255, 255, 255, 0.87) !important;border-bottom: 1px solid #f3e1cb !important;}
    .header{border-bottom: 2.5px solid #f3e1cb;}
    .box{background: rgba(255, 255, 255, 0.87) !important;box-shadow:none;border:none;}
    img[alt='Node.js']{background:#46483E;}
    form[action='/new/nodejs'] .mll,form[action='/new/nodejs'] .sll,form[action='/new/nodejs'] .mle{background:#fff;border:none;}
    .topic_buttons{background:#ddd;}
    a.tb:link, a.tb:visited, a.tb:active{color:#f5f5f5;text-shadow:none;}
    #Search>form>div{width: auto !important;background-image:none !important;
    background-color: rgba(255,255,255,0.4) !important;}
    #q{background: rgba(255,255,255,0.8) !important;
    border: 0;opacity:0;-webkit-transition:all 0.2s ease;}
    #q:focus,#q:hover{opacity:1;}
    #Top img{-webkit-filter: contrast(130%) invert(100%);}
    .top{color:#fff;}
    #Wrapper{background: #ffb05b;}

    .cell{border-bottom: 3px solid #f38371;}
    a.tab_current{background:#3B3BAF;}
    a.count_livid:link{background:#ffbb84;}
    a,div,input,img {border-radius: 0px !important;}
    input {background: rgba(255, 255, 255, 0.87)}
    第 1 条附言  ·  2014-11-01 23:57:29 +08:00
    论我为何如此丧心病狂,请看我博客的设计http://oran.pw
    17 条回复    2014-12-21 13:32:57 +08:00
    momou
        1
    momou  
       2014-11-01 17:35:22 +08:00
    还不错,就是有点亮瞎。。。
    yjsslab
        2
    yjsslab  
       2014-11-01 18:06:05 +08:00   ❤️ 1
    不错,把节点那个也拍扁吧,底色太亮了。。。
    zhs227
        3
    zhs227  
       2014-11-01 21:22:33 +08:00
    好奇的问一下,这个要怎么用?
    yjsslab
        4
    yjsslab  
       2014-11-01 21:26:42 +08:00   ❤️ 1
    @zhs227 放到你自定义css里面
    zhs227
        5
    zhs227  
       2014-11-01 21:52:41 +08:00
    @yjsslab 自定义CSS好像是全局的吧,我以为是有什么办法直接在浏览器上更改,只针对v2ex的。

    我用的chrome,在网上找了个stylebot的插件,惊奇的发现里面居然已经有人共享了两个v2ex的自定义CSS了。
    mimzy
        6
    mimzy  
       2014-11-01 22:03:24 +08:00   ❤️ 1
    @zhs227 V2EX 右上角的「设置」,往下拉,「自定义 CSS」。
    zhs227
        7
    zhs227  
       2014-11-01 22:18:52 +08:00
    @yjsslab @mimzy
    长姿势了,v2ex的n多功能还不清楚
    sanddudu
        8
    sanddudu  
       2014-11-01 22:22:08 +08:00
    有其他配色吗
    比如蓝色?
    shuding
        9
    shuding  
       2014-11-01 22:43:15 +08:00
    话说我也弄了一个 flat 的……还是响应式 QwQ

    https://gist.github.com/quietshu/12d50bf8c28ee180d4f9
    Mountain
        10
    Mountain  
       2014-11-01 23:21:39 +08:00
    @sanddudu
    我用楼主的css改了个蓝的……但是很挫啊……

    #Top{
    background:#1e3354;
    border:none;
    }
    #Bottom{
    border-top: 3px solid #3661a1;
    }
    .message {
    background-color: #a4c5f5 !important;
    border-left: 10px solid #2a4a7a !important;
    border-bottom: none !important;
    }
    a.balance_area {
    background: none !important
    }
    a.top:link,a.top:visited,.top:active,.topic_buttons
    div:first-child{
    text-shadow:none;
    color:#fff !important;
    }
    .cell, .cell.item{
    background: rgba(255, 255, 255, 0.87) !important;
    border-bottom: 1px solid #6d95d0 !important;
    }
    .header{
    border-bottom: 2.5px solid #6d95d0;
    }
    .box{
    background: rgba(255, 255, 255, 0.87) !important;
    box-shadow:none;border:none;
    }
    img[alt='Node.js']{
    background:#46483E;
    }
    form[action='/new/nodejs'] .mll,form[action='/new/nodejs'] .sll,form[action='/new/nodejs'] .mle{
    background:#fff;border:none;
    }
    .topic_buttons{
    background:#ddd;
    }
    a.tb:link, a.tb:visited, a.tb:active{
    color:#f5f5f5;
    text-shadow:none;
    }
    #Search>form>div{
    width: auto !important;
    background-image:none !important;
    background-color: rgba(255,255,255,0.4) !important;
    }
    #q{
    background: rgba(255,255,255,0.8) !important;
    border: 0;
    opacity:0;
    -webkit-transition:all 0.2s ease;
    }
    #q:focus,#q:hover{
    opacity:1;
    }
    #Top img{
    -webkit-filter: contrast(130%) invert(100%);
    }
    .top{
    color:#fff;
    }
    #Wrapper{
    background: #4879c3;
    }

    .cell{
    border-bottom: 3px solid #3661a1;
    }
    a.tab_current{
    background:#3B3BAF;
    }
    a.count_livid:link{
    background:#6d95d0;
    }
    a,div,input,img {
    border-radius: 0px !important;
    }
    input {
    background: rgba(255, 255, 255, 0.87)
    }
    sanddudu
        11
    sanddudu  
       2014-11-01 23:38:34 +08:00
    @Mountain 的确
    再去看看有啥好用的 flat 色吧
    orancho
        12
    orancho  
    OP
       2014-11-02 00:23:51 +08:00
    @yjsslab 之前没有看到节点那,下次更新把按钮啥的都拍扁
    Haveack
        13
    Haveack  
       2014-11-02 00:36:28 +08:00
    blog字体太可怕了...
    will0404
        14
    will0404  
       2014-11-02 00:50:36 +08:00
    我一般就改改字体颜色。。。楼主真是丧病。。。PS:博客风格太喜欢了
    will0404
        15
    will0404  
       2014-11-02 01:28:17 +08:00
    拿了楼主的码。。。嘿嘿。。。回来说声谢谢 。。。稍微加了一点点为“护眼元素”。。。如下 中间那一点点就是我加的了。。。看来我喜欢粗又大= = ,我打算在字体上动多点刀子再改改

    #Top{background:#ff6623;border:none;}
    #Bottom{border-top: 3px solid #f38371;}
    .message {
    background-color: #fffbbf !important;
    border-left: 10px solid #ff8352 !important;
    border-bottom: none !important;}
    a.balance_area {background: none !important}
    a.top:link,a.top:visited,.top:active,.topic_buttons
    div:first-child{text-shadow:none;color:black;font-weight:bold; !important;}
    .item_title a:link{
    font-weight:bold;
    font-size:18px;
    color:#E8390C;
    }
    .item_title a:visited{
    color:#FFA46F;
    }
    .reply_content{
    color:#E8390C;
    font-size:16px;
    font-weight:bold;
    }
    .topic_content{
    font-weight:bold;
    color:#000000;
    font-size:16px;
    }
    .cell, .cell.item{background: rgba(255, 255, 255, 0.87) !important;border-bottom: 1px solid #f3e1cb !important;}
    .header{border-bottom: 2.5px solid #f3e1cb;}
    .box{background: rgba(255, 255, 255, 0.87) !important;box-shadow:none;border:none;}
    img[alt='Node.js']{background:#46483E;}
    form[action='/new/nodejs'] .mll,form[action='/new/nodejs'] .sll,form[action='/new/nodejs'] .mle{background:#fff;border:none;}
    .topic_buttons{background:#ddd;}
    a.tb:link, a.tb:visited, a.tb:active{color:#f5f5f5;text-shadow:none;}
    #Search>form>div{width: auto !important;background-image:none !important;
    background-color: rgba(255,255,255,0.4) !important;}
    #q{background: rgba(255,255,255,0.8) !important;
    border: 0;opacity:0;-webkit-transition:all 0.2s ease;}
    #q:focus,#q:hover{opacity:1;}
    #Top img{-webkit-filter: contrast(130%) invert(100%);}
    .top{color:#fff;}
    #Wrapper{background: #ffb05b;}

    .cell{border-bottom: 3px solid #f38371;}
    a.tab_current{background:#3B3BAF;}
    a.count_livid:link{background:#ffbb84;}
    a,div,input,img {border-radius: 0px !important;}
    input {background: rgba(255, 255, 255, 0.87)}
    canautumn
        16
    canautumn  
       2014-11-02 02:22:04 +08:00
    博客确实丧心病狂,选中google了一下才知道“论我为什么写x”的最后一个字是什么。
    orancho
        17
    orancho  
    OP
       2014-12-21 13:32:57 +08:00
    @Livid #9 溢出
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   951 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 20:42 · PVG 04:42 · LAX 12:42 · JFK 15:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.