我要消灭圆角和高光

[orancho]

受微软荼毒略深，于是有此想法。顺便写了个消灭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)}

论我为何如此丧心病狂，请看我博客的设计http://oran.pw

[momou]

还不错，就是有点亮瞎。。。

[yjsslab]

不错，把节点那个也拍扁吧，底色太亮了。。。

[zhs227]

好奇的问一下，这个要怎么用？

[yjsslab]

@zhs227 放到你自定义css里面

[zhs227]

@yjsslab 自定义CSS好像是全局的吧，我以为是有什么办法直接在浏览器上更改，只针对v2ex的。

我用的chrome，在网上找了个stylebot的插件，惊奇的发现里面居然已经有人共享了两个v2ex的自定义CSS了。

[mimzy]

@zhs227 V2EX 右上角的「设置」，往下拉，「自定义 CSS」。

[zhs227]

@yjsslab @mimzy
长姿势了，v2ex的n多功能还不清楚

[sanddudu]

有其他配色吗
比如蓝色？

[shuding]

话说我也弄了一个 flat 的……还是响应式 QwQ

https://gist.github.com/quietshu/12d50bf8c28ee180d4f9

[Mountain]

@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]

@Mountain 的确
再去看看有啥好用的 flat 色吧

[orancho]

@yjsslab 之前没有看到节点那，下次更新把按钮啥的都拍扁

[Haveack]

blog字体太可怕了...

[will0404]

我一般就改改字体颜色。。。楼主真是丧病。。。PS：博客风格太喜欢了

[will0404]

拿了楼主的码。。。嘿嘿。。。回来说声谢谢 。。。稍微加了一点点为“护眼元素”。。。如下 中间那一点点就是我加的了。。。看来我喜欢粗又大= = ，我打算在字体上动多点刀子再改改

#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]

博客确实丧心病狂，选中google了一下才知道“论我为什么写x”的最后一个字是什么。

[orancho]

@Livid #9 溢出