:doge: 焕新颜, V2EX 扁平风自定义 CSS 主题

2018-11-13 11:20:39 +08:00
 jkjoke

LESS IS MORE

如果你追求更“轻”的体验,欢迎试用本主题

在之前的版本上做了一些修改(强迫症)

Code

  @import url("//jkjoke.b0.upaiyun.com/css/v2ex.css");

How to use

What's change

Qustions

在使用中有任何问题,欢迎反馈给我,可以在下面回复交流

14586 次点击
所在节点    分享创造
123 条回复
dingdangnao
2018-11-13 11:23:31 +08:00
用自定义 css 的时候总会闪一下。。
Mrun
2018-11-13 11:23:52 +08:00
不错的样子
goodryb
2018-11-13 11:24:33 +08:00
白色有点刺眼,或者是错觉?
LxRuzx
2018-11-13 11:24:50 +08:00

头像是不是太小了一些
DXpro
2018-11-13 11:25:08 +08:00
舒服了....
SharkIng
2018-11-13 11:26:38 +08:00
最后回复部分没有了,不知道是故意取掉的还是?
jkjoke
2018-11-13 11:26:44 +08:00
@LxRuzx 上一个版本用的是大头像,这次想做点改变,让头像主要起一个点缀的作用,稍微降低了视觉重心
jkjoke
2018-11-13 11:26:58 +08:00
@SharkIng 嗯 是的
U2Fsd
2018-11-13 11:27:50 +08:00


配合 V2EX Plus 这款 Chrome 插件使用时 样式会出现问题。希望能修复下谢谢~
chaodada
2018-11-13 11:28:36 +08:00
超级喜欢,不错,太白了 。。。有点刺眼。。。
jkjoke
2018-11-13 11:29:11 +08:00
@U2Fsd 好的 我看一下
chaodada
2018-11-13 11:29:27 +08:00
9 楼的大佬问题我也遇到了
gaobh
2018-11-13 11:31:44 +08:00
能不能灰一点,刺眼
kindjeff
2018-11-13 11:33:21 +08:00
挺好看的
kindjeff
2018-11-13 11:33:32 +08:00
:doge:
jkjoke
2018-11-13 11:39:23 +08:00
@U2Fsd #9
@chaodada #10 头像的问题修复了,Ctrl+F5 刷新下缓存,稍微调暗了背景色
o00o
2018-11-13 11:40:36 +08:00
目前的就挺好,只是之前纠结右侧进度条改了一点
#Wrapper {
background-color: #f2eee8;
background-image: none;
}

#Tabs {
padding: 0 !important;
}

#Tabs a.tab_current {
border-color: #80a8cc !important;
background-color: #f5f5f5 !important;
color: #000 !important;
line-height: 46px;
height: 46px;
}

#Tabs a.tab,#Tabs a.tab_current {
width: 50px;
text-align: center;
line-height: 46px !important;
display: inline-block;
margin-right: 0 !important;
padding: 0!important;
border-radius: 0 !important;
border-bottom: 2px solid transparent;
-webkit-transition: border-color .15s ease-in-out, background-color .15s ease-in-out;
-moz-transition: border-color .15s ease-in-out, background-color .15s ease-in-out;
transition: border-color .15s ease-in-out, background-color .15s ease-in-out;
}

#Tabs a.tab:hover {
border-color: #80a8cc;
}

#Top {
background-image: none;
background-color: rgba(255, 251, 245, 0.39);
border-bottom: 1px solid #e2e2e2;
}

.box {
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
border: 1px solid #e2e2e2;
border-radius: 2px;
}

img.avatar {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}

a.top {
line-height: 13px;
padding: 5px 3px;
border-radius: 3px;
color: #555;
}

a.top:hover {
line-height: 13px;
padding: 5px 3px;
border-radius: 3px;
color: #000;
}

.button {
background-image: none !important;
}

a.balance_area:link, a.balance_area:visited, .balance_area {
background: #eee !important;
}

td h2 {
border-bottom: none;
}

.mll:focus, .mle:focus, .sl:focus, .ml:focus, .sll:focus {
-webkit-box-shadow: 0 0 0 3px #f2eee8;
-moz-box-shadow: 0 0 0 3px #f2eee8;
box-shadow: 0 0 0 3px #f2eee8;
}

.topic_buttons {
background: #fff;
border-bottom: 1px solid #e2e2e2;
}

a.tb:hover {
background-color: #f0f0f0;
}

#Rightbar > div:nth-child(2) > div:nth-child(1),#Rightbar > div:nth-child(2) > div:nth-child(2)
{border-bottom: 0px; }
bolide2005
2018-11-13 11:58:52 +08:00
支持!
liuxey
2018-11-13 12:03:38 +08:00
试了下挺好看 ,不过还是习惯了原版
jkjoke
2018-11-13 12:20:50 +08:00
@o00o #17 我觉得进度条那里是可以优化下的,介意使用你的部分样式吗?

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

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

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

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

© 2021 V2EX