Silence 主题配置代码

页面定制

@import url(https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-beta3/dist/silence.min.css);@media only screen and (max-width:1365px){.github-corner{display:none}}@media only screen and (max-width:1259px){#home{width:100%!important}}@media only screen and (max-width:990px){#bannerbar{display:none}#header,.esa-mobile-menu{display:block!important}#header{width:auto;position:fixed!important;background:var(--blog-bg-color)}#header #blogTitle{margin-left:15px}#header #navigator{display:none;left:0;top:61px}#header #navigator #navList>li{float:none;position:relative;background:var(--blog-bg-color);height:34px;line-height:34px;width:120px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}#header #navigator #navList>li>a{float:none;width:inherit;padding:0 10px}#header #navigator #navList>li>a .arrow{position:absolute;top:.8rem;right:.8rem;transform:rotate(270deg) scaleX(-1)}#header #navigator #navList>li .esa-sub-navs{position:fixed;width:130px;top:0;left:121px;top:61px}#header #navigator #navList>li .esa-sub-navs .caret{display:none}#header #navigator #navList>li .esa-sub-navs ul{box-shadow:none;padding:0;border-radius:0}#header #navigator #navList>li .esa-sub-navs ul li{height:34px;line-height:34px;border:1px solid var(--border-color);border-top:none}#header #navigator #navList>li .esa-sub-navs ul li a{text-align:left;padding:0 10px}#header #navigator #navList>li i{display:none}#sideBar{display:none!important}#home{min-width:auto!important}#main{width:100%!important;padding:70px 0 0!important}#main .forFlow{margin-left:0!important;padding-left:15px;padding-right:15px}#main .forFlow .postBody{padding:0!important}#main .forFlow .postDesc{display:none}#main .forFlow #comment_form{padding:0!important}#main .forFlow .commentform{margin-left:0!important}#main .forFlow .day .postDesc,#main .forFlow .entrylist .entrylistItemPostDesc{display:none}#myposts .postDesc2{text-align:right!important}#myposts .postDesc2 span{display:none}.esa-toolbar .skin-popup{bottom:calc(50% - 67px)!important;border-radius:15px!important}}:root[mode=light]{--blog-bg-color:#fff;--text-color:#596172;--border-color:#eef2f8;--catalog-bg-color:#fff;--panel-bg-color:#f8f8f8;--code-bg-color:#f1f1f1}:root[mode=dark]{--blog-bg-color:#202020;--text-color:#d8d8d8;--border-color:#2f2f2f;--catalog-bg-color:#252525;--panel-bg-color:#252525;--code-bg-color:#3a3a3a}:root[theme=a]{--theme-color:#2d8cf0}:root[theme=b]{--theme-color:#fa7298}:root[theme=c]{--theme-color:#42b983}:root[theme=d]{--theme-color:#607d8b}:root[theme=e]{--theme-color:#5e72e4}:root[theme=f]{--theme-color:#ff9700}:root[theme=g]{--theme-color:#ff5722}:root[theme=h]{--theme-color:#009688}:root[theme=i]{--theme-color:#673bb7}:root[theme=j]{--theme-color:#906f61}*{margin:0;padding:0}body,html{height:100%}body{background:var(--blog-bg-color);color:var(--text-color);font-family:Lato,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:300}table{border-collapse:collapse;border-spacing:0}td{padding:5px}fieldset,img{border:0}ul{word-break:break-all}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}a{color:var(--text-color);text-decoration:none;transition:all .3s ease}a:hover{color:var(--theme-color)}::-moz-selection{background:var(--theme-color);color:#fff}::selection{background:var(--theme-color);color:#fff}#ad_c1,#ad_c2,#ad_t2,#author_profile,#comment_nav,#comment_pager_top,#green_channel,#lnkBlogLogo,#under_post_kb,#under_post_news,.blogStats,.c_ad_block,.dayTitle,.under-comment-nav{display:none}.clear{clear:both}#home{width:100%;height:100%;transition:all 378ms}#header{width:960px;position:relative;top:0;right:0;left:0;margin:0 auto;border-top:0;border-bottom:1px solid var(--border-color);padding-bottom:0;display:block;height:60px;z-index:999}#blogTitle h1{font-size:25px;font-weight:600;font-family:Georgia;float:left;margin-top:15px}#blogTitle h2{display:none}#navigator{height:inherit;position:absolute;right:0;top:0}#navList{height:inherit;float:left}#navList>li{position:relative;float:left}#navList>li:hover i{width:100%;left:0}#navList>li>a{float:left;font-size:17px;border-right:0;font-weight:300;text-align:center;width:auto;padding:19px 16px}#navList>li>a:after{content:"";position:absolute;width:100%;height:4px;bottom:0;left:0;background-color:var(--theme-color);visibility:hidden;transform:scaleX(0);transition:.4s ease-in-out}#navList>li>a:hover:after{visibility:visible;transform:scaleX(1)}#navList .open{transform:rotate(180deg) scaleX(-1);transition-duration:.3s}#navList .esa-sub-navs{position:absolute;width:130px;top:60px;left:calc(50% - 65px);display:none}#navList .esa-sub-navs .caret{border-top:0 solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--blog-bg-color);width:0;position:relative;left:calc(50% - 8px)}#navList .esa-sub-navs ul{background-color:var(--blog-bg-color);border-radius:4px;box-shadow:0 1px 15px rgba(27,31,35,.15);padding:10px;text-align:center}#navList .esa-sub-navs ul li{float:none}#navList .esa-sub-navs ul li a{font-size:15px;border-right:0;color:var(--text-color);display:block;width:100%;padding:10px 0;height:inherit;border-bottom:1px solid transparent}#navList .esa-sub-navs ul li a:hover{color:var(--theme-color)}#main{width:960px;margin:0 auto;min-height:calc(100% - 75px);padding:15px 0;transition:all .3s ease}#mainContent{float:right;margin-left:-25em;width:100%}#mainContent .forFlow{margin:0 auto 0 0;max-width:960px}#sideBar{width:230px;border-right:1px solid var(--border-color);font-weight:300;display:none;min-height:750px;padding:0 15px 0 0}#sideBar #profile_block{margin:0;font-size:0;display:flex;flex-wrap:wrap;text-align:left;line-height:1.6}#sideBar #profile_block a{box-sizing:border-box}#sideBar #profile_block a:first-child{font-size:18px;font-weight:700;width:100%;display:block;text-align:center;margin-bottom:14px}#sideBar #profile_block a:nth-child(3):after{content:"\56ed\9f84"}#sideBar #profile_block a:nth-child(5):after{content:"\7c89\4e1d"}#sideBar #profile_block a:nth-child(7):after{content:"