给 cnBeta 的文字版页面做了个深色模式,是否小众?

2019-09-30 14:21:42 +08:00
 leafof
body{
    background-color: #22303f;
}
a {
    color:#9caec7;
}
p {
    color: rgba(156, 174, 199,.6);
}
.container {
    width: 750px;
    margin: 0 auto;
}
.head p {
    background-color: #18222d;
    margin: 15px auto;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.22);
}
.head p a {
    color:rgba(156, 174, 199,.6)
}
#content_wrap > div:nth-of-type(1) {
    background-color: #18222d;
    margin: 15px auto;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.22);
}
.pagination > li > a, .pagination > li > span {
    color: #22303f;
    background-color: #9caec7;
    border: 1px solid #22303f;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #22303f;
    border-color: #22303f;
}
.module {
    background-color: #18222d;
    margin: 15px auto;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.22);
}
.module_header {
    color:rgba(156, 174, 199,.6);
}
.module > div:nth-of-type(3) a {
    color: #9caec7!important;
}
.back {
    background-color: #18222d;
    margin: 15px auto;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.22);
    color:rgba(156, 174, 199,.6)
}
.back a {
    color:rgba(156, 174, 199,.6)
}
#content_wrap section {
    background-color: #18222d;
    margin: 0!important;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.22);
    color:#9caec7;
}
#content_wrap section .time {
    color: rgba(156, 174, 199,.6);
}
#content_wrap section .newinfo,
#content_wrap section .hotinfo {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 0;
}
#content_wrap section .newinfo #J_latest_info div:nth-of-type(3) {
    margin: 0!important;
    border-bottom: 0!important;
}
#content_wrap section .hotinfo #J_latest_hotinfo div:nth-of-type(2) {
    margin: 0!important;
    border-bottom: 0!important;
}

预览:

3780 次点击
所在节点    CSS
0 条回复

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

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

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

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

© 2021 V2EX