V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
leafof
V2EX  ›  CSS

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

  •  1
     
  •   leafof · 2019-09-30 14:21:42 +08:00 · 3631 次点击
    这是一个创建于 1641 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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;
    }
    

    预览:

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5469 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 08:52 · PVG 16:52 · LAX 01:52 · JFK 04:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.