标签:art scree static menu float apt adjust important oat
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font-size:16px;color:#3e3e3e;line-height:1.6;word-spacing:0;letter-spacing:0;background:#fafafa 0 0 repeat}p{margin:1.5em 0}h1,h2,h3,h4,h5,h6{margin:1em 0;font-weight:700}h1{font-size:1.8em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:1em}ol,ul{padding-left:32px}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:.5em}code,pre{margin-bottom:30px;font-family:Courier,Monaco,Terminal,monospace,Consolas,Inconsolata}pre{color:#222;overflow:auto;font-size:13px;padding:16px 2px;text-shadow:none;background:#fff;border:solid 1px #f2f2f2}code{color:#e96900;font-size:14px;border-radius:4px;background:#f8f8f8;word-wrap:break-word;border:solid 1px #dbe7f3}pre code{border:0;color:#2879d0;background:#fff;word-spacing:0;letter-spacing:0}blockquote{display:block;padding:15px 1rem;font-size:.9em;padding-right:15px;margin:0;color:#819198;border-left:6px solid #dce6f0;background:#f2f7fb;overflow:auto;word-wrap:normal;word-break:normal}blockquote p{margin:0}a{color:#1e6bb8;text-decoration:none;word-wrap:break-word;background-color:transparent}b,strong{font-weight:700}em{font-style:italic}del{font-style:italic}strong em{font-weight:700}hr{height:1px;margin:1.5rem 0;border:0;border-top:1px dashed #a5a5a5}img{display:block;margin:0 auto;max-width:100%}figcaption{margin-top:10px;text-align:center;color:#999;font-size:.7em}table{display:table;width:100%;text-align:left}tbody{border:0}table tr{border:0;border-top:1px solid #ccc;background-color:#fff}table tr td,table tr th{font-size:1em;border:1px solid #ccc;padding:.5em 1em;text-align:left}table tr th{font-weight:700;background-color:#f0f0f0}header{display:block;padding-top:40px;padding-bottom:40px;background:#2e7bcf url(https://blz.nosdn.127.net/sre/images/header-bg.jpg) 0 0 repeat-x;border-bottom:solid 1px #275da1}header h1{width:540px;margin-top:0;margin-bottom:.2em;font-size:72px;font-weight:400;line-height:1;color:#fff;letter-spacing:-1px;font-family:STXinwei,Helvetica,Arial,serif}header h2{width:540px;margin-top:0;margin-bottom:0;font-size:26px;font-weight:400;line-height:1.3;color:#9ddcff;letter-spacing:0;font-family:STXinwei,Helvetica,Arial,serif}header .header-mobile{display:none}.header{background:#2e7bcf url(https://blz.nosdn.127.net/sre/images/header-bg.jpg) 0 0 repeat-x;border-bottom:solid 1px #275da1;position:fixed;top:0;left:0;right:0;z-index:6}.header .site{float:left;font-size:28px;font-weight:700;line-height:52px;font-family:STXinwei,Helvetica,Arial,serif;color:#fff}.header-menu{float:right;margin-left:5px;font-size:16px}.header-menu li,.header-menu ul{list-style:none;padding:0;margin:0}.header-menu>ul>li{float:left;margin-left:40px;position:relative}.header-menu>ul>li a{display:block;line-height:52px}.header-menu a{color:#fff}.header-menu li.current-menu-item a{color:#9ddcff;font-weight:700}.header-menu a:hover{opacity:.8}aside#sidebar{float:right;font-size:14px;line-height:1.3;background:transparent 0 0 no-repeat}aside#sidebar blockquote{padding:0 0 0 10px;margin:15px 0;font-size:15px;background:#fafafa;border-left:10px solid #e9e9e9}aside#sidebar a.button{display:block;color:#fff;height:38px;padding-top:16px;padding-left:48px;background:transparent url(https://blz.nosdn.127.net/sre/images/button.png) 0 0 no-repeat}.clearfix:after{display:block;content:"";clear:both}.container{position:relative;margin:0 auto}#content-wrap{margin-top:30px;margin-bottom:20px;min-height:calc(100vh - 310px)}#content-wrapper{margin-top:80px;margin-bottom:20px;min-height:calc(100vh - 160px)}#main-content{float:left}#main-content img{display:block;margin:0 auto;max-width:100%}#art-title{display:block;text-align:center;margin:0 0 30px 0;padding-bottom:15px;border-bottom:1px dashed #000;font-family:Courier,Helvetica,Arial,serif}.footer{font-size:13px;background-color:#fff;border-top:1px solid #f1f1f1;padding:16px;color:#8c8c8c}.footer a{color:#8c8c8c}.footer a:hover{color:#2879d0}.footer .copy{float:left;line-height:25px}.footer .link{float:right}.footer .link a{display:inline;border-radius:50%;margin-left:10px;text-align:center;line-height:24px;opacity:.9;transition:.3s}.nav-cell{margin-bottom:20px}.nav-cell h2{font-size:16px;color:#3b2c28;margin-bottom:5px;font-weight:400;line-height:22px}.nav-list,.nav-list-art{margin-left:-10px;margin-right:-10px;list-style:none;padding:0}.nav-list li{box-sizing:border-box;width:25%;padding:10px;float:left}.nav-list-art li{box-sizing:border-box;width:50%;padding:10px;float:left}.nav-item{padding:15px;background:#fff;box-shadow:1px 1px 3px 0 rgba(0,0,0,.03);border-radius:5px;display:block;transform:translateY(0);transition:.3s}.nav-item:hover{transform:translateY(-3px);box-shadow:0 1px 6px 1px rgba(0,0,0,.03)}.nav-item:hover .nav-name{color:#ff7349}.nav-item .nav-img{float:left;width:35px;height:35px;border-radius:50%;margin-right:10px;background-size:contain;background-repeat:no-repeat;background-position:center}.nav-item .nav-name{font-size:15px;color:#3b2c28;font-weight:700;line-height:35px;height:35px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transition:.3s}.nav-item p{font-size:12px;color:#8c8c8c;line-height:20px;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media only screen and (min-width:1200px){.container{width:1100px}#main-content{width:750px}aside#sidebar{width:300px}}@media only screen and (min-width:769px) and (max-width:1199px){.container{width:730px}#main-content{width:490px}aside#sidebar{width:230px}.nav-list li{width:calc(100%/3)}}@media only screen and (max-width:768px){.container,.header-mobile{width:93%}header .container{display:none}header .header-mobile{display:block}#main-content,aside#sidebar{float:none;width:100%}aside#sidebar{display:none;width:480px;max-width:100%!important}header{padding-top:0;padding-bottom:52px}.header-mobile{margin:0 auto}#mobile-nav-site{float:left;color:#fff;font-size:28px;line-height:52px;font-weight:700;font-family:STXinwei,Helvetica,Arial,serif}#mobile-nav-menu{float:right;color:#fff;font-size:16px;padding-top:12px}}@media (max-width:768px){.header{position:static}.header-menu{margin:0;text-align:right;float:none}.header-menu>ul>li{float:none;display:inline-block;margin:0 10px}#content-wrapper{margin-top:10px;margin-bottom:0}.nav-list li{width:50%}.nav-list-art li{width:100%}}.sousuo{padding:30px 0 50px 0}.search{position:relative;width:100%;margin:0 auto}.search-box{position:relative}.search-icon{position:absolute;left:15px;top:15px;width:25px;overflow:hidden;cursor:pointer}.search-input{width:calc(100% - 55px);height:50px;line-height:50px;font-size:16px;color:#999;border:none;outline:0;padding-left:55px;border:1px solid #e6e6e6;border-radius:10px}.search-input:focus{outline:0;border:1px solid #2188ff;-webkit-box-shadow:0 0 5px 0 rgba(71,158,245,.5);box-shadow:0 0 5px 0 rgba(71,158,245,.5)}input::-webkit-input-placeholder{font-size:12px;letter-spacing:1px;color:#ccc}.search-btn{position:absolute;right:0;top:12px;width:50px;line-height:48px;background:0 0;border:none;font-size:25px;color:#ddd;font-weight:700;outline:0;padding:0 10px;cursor:pointer}.search-engine{position:absolute;top:60px;left:0;width:100%;background:#fff;padding:15px 0 0 0;border-radius:5px;box-shadow:0 5px 20px 0 #d8d7d7;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;display:none;z-index:999}.search-engine-list::after{content:‘‘;width:100%;height:20px;position:absolute;top:-20px;left:1px}.search-engine-list li{float:left;width:30%;line-height:30px;font-size:14px;padding:5px 10px 5px 10px;margin:0 10px 10px 0;background:#f9f9f9;color:#999;cursor:pointer;list-style-type:none}.search-engine-list li img{float:left;width:25px;border-radius:15px;margin-right:5px;margin-top:2.5px}
标签:art scree static menu float apt adjust important oat
原文地址:https://www.cnblogs.com/xuqidong/p/13174510.html