Livid 有没有打算给 V2EX 换个 material design?

V2EX = way to explore

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

现在注册

已注册用户请登录

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

V2EX

Livid

material

23 条回复 • 2014-12-06 22:30:14 +08:00

typcn

2014-11-28 07:20:07 +08:00

我也觉得UI该升级了

sanddudu

2014-11-28 07:20:38 +08:00 via iPhone

在果粉论坛和管理员全是果粉的地方要他们换成安卓的设计风格
我只能说
你猜？

abelyao

2014-11-28 07:52:07 +08:00 via Android

可以自定义 CSS 嘛

razrlele

2014-11-28 08:13:31 +08:00

@sanddudu 那来个毛玻璃什么的也是好的嘛~

Livid

MOD

2014-11-28 08:20:19 +08:00

最近因为等不及 OTA，在 N4 上刷了 Android L，确实很喜欢新设计的风格。接下来就等 SONY 赶快出 Z3 的 Android L 支持了。

目前的 UI 设计确实还存在很多上代系统的痕迹，我计划在过年之前逐步调整完毕。

1yndonn3u

2014-11-28 08:21:51 +08:00

你觉得mac/ios开发者会同意么，233333

#Bottom {
box-shadow:0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.28);
}

#Main .box:nth-child(-2n+4):not(.transparent) {
box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
}

#Search div {
background-image:none!important;
border-image-repeat:repeat;
border-image-slice:27 27 27 50;
border-image-source:url(https://v2ex.com/static/img/[email protected]);
border-image-width:27px 27px 27px 50px;
width:auto!important;
}

#Search input {
transition:width .2s cubic-bezier(.4,0,.2,1);
width:100px;
}

#Search input:focus {
width:200px;
}

#Top {
background-color:#607D8B;
background-image:none;
box-shadow:0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.28);
width:100%;
}

#Top .content {
width:100%;
}

#Top a {
color:#fff;
font-size:14px;
font-weight:bold;
outline:none;
}

#Top td:nth-child(1) {
left:10px;
position:absolute;
}

#Top td:nth-child(1) a {
background-image:url("https://dn-cz-misc.qbox.me/v2ex/[email protected]");
background-size:94px 30px;
display:inline-block;
height:30px;
width:94px;
}

#Top td:nth-child(1) img {
display:none;
}

#Top td:nth-child(2) {
position:absolute;
right:10px;
top:7px;
}

#Top td:nth-child(3) {
display:flex;
margin:6px auto;
text-align:left;
width:970px;
}

#Wrapper {
background-color:#ECEFF1;
background-image:none;
margin-top:10px;
}

.box,a.tab_current:link,a.tab_current:visited,a.tab_current:active,a.count_livid:link,a.count_livid:active,.vote:link,.vote:visited,.vote {
border-radius:0;
}

.box:not(.transparent) {
border-bottom:none;
box-shadow:0 0 2px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.24);
}

.cell {
border-bottom:1px solid #e5e5e5;
}

.collapsed {
display:block;
}

.mll {
background-color:#f6f6f6;
border-bottom:1px solid #e5e5e5!important;
border-style:none none solid!important;
margin-left:-10px;
margin-top:-10px;
padding:10px;
width:660px;
transition:background-color .2s cubic-bezier(.4,0,.2,1);
}

.mll,.ml,.mle {
border-radius:0;
box-shadow:none!important;
resize:none!important;
}

.mll:focus {
background-color:#fff;
}

#topic_form {
margin: -10px;
}

#topic_form td {
padding: 0;
}

#topic_form input[type=submit] {
margin: 10px;
}

#topic_title, #topic_content {
border:none;
border-bottom: 1px solid #e5e5e5;
width: 660px !important;
padding: 10px;
}

.sl {
border-radius:0;
box-shadow:none!important;
}

.super.button {
background-color:#78909c;
background-image:none;
border:none!important;
border-radius:2px;
box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
color:#fff!important;
display:inline-block;
font-size:13px;
font-weight:bold;
height:32px;
line-height:30px;
outline:none;
padding:0 16px;
text-shadow:none!important;
transition:box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);
}

.super.button:focus {
background-color:#546e7a;
box-shadow:0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
outline:none;
transition:none;
}

.super.button:hover {
background-color:#607d8b;
box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
transition:none;
}

.tag:link,.tag:visited,img.avatar {
border-radius:2px;
}

.topic_buttons {
background:#eee;
border-radius:0;
}

a.balance_area:link,a.balance_area:visited,.balance_area {
background:none repeat scroll 0 0 #f5f5f5!important;
border-radius:0!important;
}

a.tb:hover {
background-color:#ccc;
border-radius:0;
}

balance_area:hover {
background:none repeat scroll 0 0 #f9f9f9;
}

body {
background-color:#ECEFF1;
font-family:'Helvetica Neue',Helvetica,Arial,sans-serif!important;
min-width:1200px;
}

引用 http://www.v2ex.com/t/144409

@aliuwr