mirror of https://github.com/IoTcat/wIoT.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
382 lines
24 KiB
382 lines
24 KiB
@charset "utf-8"; |
|
|
|
|
|
/* ---------- markdown custom ---------- */ |
|
.markdown-body{font-size:14px;} |
|
.markdown-body h1{margin-top:50px;font-size:38px;border-bottom:#d5d5d5 1px solid;} |
|
.markdown-body h2{margin-top:50px;font-size:32px;border-bottom:#ddd 1px solid;} |
|
.markdown-body h3{margin-top:32px;margin-bottom:14px;} |
|
.markdown-body h2 + h3{margin-top:24px;} |
|
.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-bottom:12px;} |
|
.markdown-body .anchor{margin-left:-24px;} |
|
.markdown-body blockquote{padding:8px 15px;background-color:#fafafa;} |
|
.markdown-body .anchor{padding-top:10px;margin-top:-10px;} |
|
.markdown-body .anchor svg{visibility:hidden;width:20px;height:20px;color:#828282;} |
|
.markdown-body h3 .anchor{position:relative;top:2px;} |
|
.markdown-body h1:hover .anchor svg,.markdown-body h2:hover .anchor svg,.markdown-body h3:hover .anchor svg{visibility:visible;} |
|
.markdown-body img:hover{outline:rgba(0,0,0,.05) 1px solid;box-shadow:1px 1px 1px rgba(0,0,0,.1);cursor:pointer;} |
|
.markdown-body img[align="center"]{display:block;margin:0 auto;} |
|
.markdown-body tbody{word-break:initial;} |
|
.markdown-body input[type="checkbox"]{margin-right:5px;vertical-align:middle;cursor:pointer;} |
|
.markdown-body input[type="checkbox"]+label{vertical-align:middle;margin-right:7px;cursor:pointer;} |
|
.markdown-body pre{position:relative;} |
|
.markdown-body pre code{padding-top:0.15em;padding-bottom:0.15em;margin:0 1px;font-size:90%;color:#000;word-wrap:break-word;white-space:pre-wrap;} |
|
.markdown-body pre code.hljs{color:#333;} |
|
.markdown-body .hljs-string{color:#183691;} |
|
.markdown-body .hljs-built_in{color:#0086b3;} |
|
.markdown-body code.lang-flow svg{margin-top:-10px;} |
|
.markdown-body .lang-off-js-comment{display:none;position:absolute;top:0;right:0;width:27px;height:27px;color:#ccc;text-align:center;line-height:27px;background:#f0f0f0;cursor:pointer} |
|
.markdown-body pre:hover .lang-off-js-comment{display:block;} |
|
.markdown-body .lang-off-js-comment i{position:absolute;top:0;left:0;width:27px;height:27px;font-size:22px;color:#ddd;text-align:center;line-height:27px;} |
|
.markdown-body .lang-off-js-comment:hover{color:#999;background:#ddd;} |
|
.markdown-body .lang-off-js-comment:hover i{color:#999;} |
|
.markdown-body .lang-off-js-comment.on{display:block;color:#333;background:#ccc;} |
|
.markdown-body .lang-off-js-comment.on i{color:#f00;} |
|
.markdown-body mark{color:#e61e1e;background:transparent;} |
|
|
|
/* ---------- base ---------- */ |
|
html{height:100%;} |
|
body{position:relative;height:100%;background:#e7e8eb;} |
|
.hidden{display:none !important;} |
|
|
|
/* ---------- header ---------- */ |
|
.header{width:100%;height:70px;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;;background:#fff;border-top:#0373e4 6px solid;border-bottom:#c3c4c6 1px solid;} |
|
.header .header-inner{margin:0 30px;} |
|
.header .logo{float:left;padding-top:15px;} |
|
.header .logo img{float:left;margin-left:5px;max-height:32px;} |
|
.header .logo i{float:left;display:block;width:5px;height:5px;margin:16px 0 0 3px;background:#666666;border-radius:50%;} |
|
.header .logo b{float:left;max-width:470px;height:32px;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:24px;font-weight:normal;color:#666;} |
|
.header .logo span{float:left;padding:0 3px;margin:1px 0 0 2px;font-size:xx-small;color:#fff;background:#bbbbbb;} |
|
.header .menu-icon{display:none;} |
|
|
|
/* ---------- container ---------- */ |
|
.container{position:relative;margin:20px 18px 0;background:url(../images/menubar_bg.png) repeat-y #fff;border:#c3c4c6 1px solid;border-top:#4296eb 2px solid;} |
|
|
|
/* ---------- menu ---------- */ |
|
.container .nav{position:absolute;left:0px;top:0px;width:250px;height:100%;} |
|
/* filter */ |
|
.menu-filter{box-sizing:content-box;position:absolute;top:0;left:0;z-index:10;width:176px;height:37px;padding-left:35px;border-bottom:1px solid #D9D9D9;} |
|
.menu-filter svg{position:absolute;top:12px;left:12px;width:16px;height:16px;color:#4296eb;} |
|
.menu-filter input{display:block;box-sizing:content-box;width:140px;height:22px;padding:0 25px 0 2px;margin-top:8px;line-height:20px;font-size:14px;background:none;border:none;border-bottom:#e0e0e0 1px dashed;} |
|
.menu-filter input:focus{outline:none;border-bottom:#aaa 1px solid;} |
|
.menu-filter:hover input{border-bottom:#aaa 1px solid;} |
|
.menu-filter ::-webkit-input-placeholder{color:#ccc;font-size:13px;} |
|
.menu-filter :-ms-input-placeholder{color:#ccc;font-size:13px;} |
|
.menu-filter :-moz-placeholder{color:#ccc;font-size:13px;} |
|
.menu-filter ::-moz-placeholder{color:#ccc;font-size:13px;} |
|
.menu-filter ::-ms-clear{display:none !important;width:0;height:0;} |
|
.menu-filter i{display:block;box-sizing:content-box;position:absolute;top:0px;right:0px;width:23px;padding:2px 10px 0;font-size:25px;text-align:center;color:#ccc;cursor:pointer;} |
|
.menu-filter i:hover{color:#e6660d;} |
|
.menu-filter i.off{display:none;} |
|
/* search */ |
|
.menu-search{display:block;position:absolute;top:0;right:1px;z-index:11;width:39px;height:38px;border-left:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;cursor:pointer;} |
|
.menu-search:hover{background-color:#f4f5f9;} |
|
.menu-search svg{position:absolute;top:12px;left:12px;width:16px;height:16px;color:#4296eb;} |
|
/* menubar */ |
|
.menubar{position:relative;z-index:0;width:250px;height:100%;padding-top:38px;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;border-right:1px solid #e7e7eb;} |
|
.menubar h4,.menubar h5{display:block;position:relative;height:37px;margin:-1px 0 0;padding:0 10px 0 30px;font-size:14px;font-weight:normal;color:#333;line-height:37px;text-shadow:#666 1px 0 0;border:1px solid #D9D9D9;border-width:1px 0;cursor:pointer;} |
|
.menubar h4:hover{background-color:#f4f5f9;} |
|
.menubar h5.off{display:none;} |
|
.menubar h5.on{display:block;} |
|
.menubar h4 svg{position:absolute;top:12px;left:12px;width:13px;height:13px;color:#acacac;} |
|
.menubar h4.on svg{color:#4296eb;} |
|
.menubar h4 a{display:block;height:36px;color:#333;text-decoration:none;} |
|
.menubar h4.on a{color:#0373e4;} |
|
.menubar h5 svg{position:absolute;top:12px;left:12px;width:13px;height:13px;color:#acacac;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);} |
|
.menubar h5.on svg{color:#4296eb;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} |
|
.menubar ul{display:none;margin:0;padding:0;list-style:none;} |
|
.menubar ul li{padding-left:23px;} |
|
.menubar .scroller-content > ul > li{padding-left:45px;} |
|
.menubar ul li.off{display:none;} |
|
.menubar ul li > a,.menubar ul li > strong{display:block;height:30px;padding:0 55px 0 0;font-weight:normal;white-space:nowrap;line-height:30px;font-size:12px;color:#333;text-decoration:none;cursor:pointer;} |
|
.menubar ul li > a:after,.menubar ul li > strong:after{display:block;position:absolute;left:0;right:0;height:30px;content:" ";-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;} |
|
.menubar ul li > a:hover:after,.menubar ul li > strong:hover:after{background:#f5f5f5;-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;transition-duration:0s;} |
|
.menubar ul li > a > span,.menubar ul li strong > span{float:left;position:relative;z-index:1;} |
|
.menubar ul li > a.on{color:#0373e4;} |
|
.menubar ul li > a.on:before{display:block;position:absolute;left:0px;z-index:1;width:2px;height:30px;content:" ";background:#4296eb;} |
|
.menubar ul li > a.on:after{background:#f5f5f5;} |
|
.menubar ul li > strong.on{text-shadow:#666 1px 0 0;} |
|
.menubar ul li > strong:before{position:absolute;z-index:1;width:6px;height:6px;margin:12px 0 0 -12px;background:#acacac;border-radius:50%;content:" ";} |
|
.menubar ul li > strong.on:before{background:#4296eb;} |
|
.menubar mark{color:red;background:#f5f5f5;} |
|
|
|
/* ---------- scroller ---------- */ |
|
body[onselectstart]{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none;} |
|
.scroller{height:100%;overflow:hidden;} |
|
.scroller .scroller-inner{box-sizing:content-box;width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;} |
|
.scroller .scroller-inner.on{overflow-y:scroll;} |
|
.scroller .scrollbar{position:absolute;opacity:0;transition-duration:.5s;-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;} |
|
.scroller:hover .scrollbar{opacity:1;transition-duration:.3s;} |
|
.scroller .scrollbar.active{opacity:1;} |
|
.scroller .scrollbar.off{opacity:0;} |
|
.scroller .scrollbar div{position:relative;transition-duration:.1s;} |
|
.scroller .scrollbar i{position:absolute;background:rgba(50,50,50,.25);border-radius:2px;transition-duration:.1s;} |
|
.scroller .scrollbar:active{padding:0;} |
|
.scroller .scrollbar:active div{background:rgba(50,50,50,.07);} |
|
.scroller .scrollbar:active i{border-radius:0;} |
|
/* scrollbar-y */ |
|
.container .nav .scrollbar.scrollbar-y,.container .nav .scrollbar.scrollbar-y:active{padding-top:38px;padding-bottom:10px;} |
|
.scroller .scrollbar.scrollbar-y{top:0;right:0;width:10px;height:100%;} |
|
.scroller .scrollbar.scrollbar-y div{height:100%;} |
|
.scroller .scrollbar.scrollbar-y i{top:0;left:4px;width:3px;height:100%;} |
|
.scroller .scrollbar.scrollbar-y:active i{left:0;width:10px;} |
|
/* scrollbar-x */ |
|
.scroller[data-x-rolling="true"] .scroller-inner.on{overflow-x:scroll;} |
|
.scroller[data-x-rolling="true"] .scroller-content{display:inline-block;position:relative;padding-bottom:10px;white-space:nowrap;min-width:250px;} |
|
.scroller .scrollbar.scrollbar-x{bottom:0;left:0;width:100%;height:10px;padding-right:10px;} |
|
.scroller .scrollbar.scrollbar-x div{width:100%;height:100%;} |
|
.scroller .scrollbar.scrollbar-x i{bottom:0;top:4px;height:3px;width:100%;} |
|
.scroller .scrollbar.scrollbar-x:active i{top:0;height:10px;} |
|
|
|
/* ---------- main ---------- */ |
|
.main{position:relative;height:100%;margin-left:250px;} |
|
.main .markdown-body{padding:45px;} |
|
/* footnote */ |
|
.main .footnote{position:relative;padding-top:35px;border-top:#ddd 1px solid;} |
|
.main .footnote i{position:absolute;top:5px;left:10px;font-size:15px;font-style:normal;color:#999;} |
|
.main .footnote li:focus{background:#EAFFEA;} |
|
.main .footnote svg{display:inline-block;width:14px;height:14px;margin-bottom:-1px;} |
|
.main .footnote-none{width:0;height:0;overflow:hidden;} |
|
/* sibling */ |
|
.main-sibling{display:none;width:100%;padding:30px 45px 20px;font-size:14px;border-top:1px solid #e7e7eb;} |
|
.main-sibling.on{display:block;} |
|
.main-sibling p{position:relative;height:22px;} |
|
.main-sibling span{position:absolute;left:0;top:0;} |
|
.main-sibling a{display:inline-block;width:100%;height:19px;padding-left:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} |
|
.main-sibling a:not([href]){color:#333;} |
|
.main-sibling a:not([href]):hover{text-decoration:none;} |
|
|
|
/* ---------- imgsView ---------- */ |
|
.imgsv{display:none;position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;} |
|
.imgsv-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);cursor:pointer;} |
|
.imgsv-view img{position:absolute;top:48%;left:50%;opacity:0;box-shadow:rgba(0,0,0,.2) 1px 2px 5px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s;/*cursor:move;*/ |
|
} |
|
.imgsv.on .imgsv-view img{opacity:1;} |
|
.imgsv-panel{position:absolute;left:50%;bottom:-50px;padding:0 10px;line-height:50px;list-style:none;white-space:nowrap;background:rgba(255,255,255,.8);border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:rgba(0,0,0,.2) 0 -1px 5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s;} |
|
.imgsv.on .imgsv-panel{bottom:0px;} |
|
.imgsv-panel li{display:inline-block;min-width:50px;padding:0 10px;text-align:center;cursor:pointer;} |
|
.imgsv-panel li.off{color:#999;cursor:default;} |
|
.imgsv-panel li:hover{background:rgba(225,225,225,1);} |
|
.imgsv-panel li.off:hover{background:none;} |
|
|
|
/* ---------- contents ---------- */ |
|
aside .contents{position:fixed;bottom:137px;right:7px;z-index:9900;height:38px;width:38px;background:#f4f5f9;border:1px solid #ccc;} |
|
aside .contents .btn{cursor:pointer;} |
|
aside .contents .btn svg{position:absolute;top:7px;left:7px;width:22px;height:22px;color:#aaa;} |
|
aside .contents.hover .btn svg,aside .contents.on .btn svg{display:none;} |
|
aside .contents .btn span{display:none;padding:12px 0;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;line-height:14px;text-align:center;color:#aaa;} |
|
aside .contents.hover .btn span,aside .contents.on .btn span{display:block;} |
|
aside .contents-list{display:none;position:absolute;right:36px;bottom:-1px;width:270px;max-height:500px;padding:18px;overflow:hidden;overflow-y:scroll;background:#f4f5f9;border:1px solid #ccc;} |
|
aside .contents.hover .contents-list,aside .contents.on .contents-list{display:block;} |
|
aside .contents-list p{padding-bottom:5px;margin-bottom:8px;border-bottom:#ccc 1px solid;} |
|
blockquote.markdown-contents{padding-left:20px;} |
|
.markdown-contents ol{padding-left:0;list-style:none;} |
|
.markdown-contents ol ol{padding-left:2em;} |
|
.markdown-contents ol li>i{font-style:normal;margin-right:4px;color:#4078c0;} |
|
|
|
/* ---------- aside-backTop ---------- */ |
|
aside .back-top{position:fixed;bottom:100px;right:7px;z-index: 9900;height:38px;width:38px;background:#f4f5f9;border:1px solid #ccc;} |
|
aside .back-icon{display:block;position:relative;width:32px;margin:2px auto;} |
|
aside .back-icon svg{position:absolute;top:6px;left:5px;width:22px;height:22px;color:#aaa;} |
|
aside .back-text{display:none;position:absolute;top:0;left:0;z-index:99;padding:4px;font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-align:center;letter-spacing:2px;line-height:14px;background-color:#f4f5f9;cursor:pointer;} |
|
aside .back-text:hover{text-decoration:none;} |
|
aside .back-top:hover .back-icon{border:none;} |
|
aside .back-top:hover .back-text{display:block;color:#aaa;} |
|
|
|
/* ---------- footer ---------- */ |
|
footer{position:absolute;left:0;bottom:0;width:100%;} |
|
footer .signature{position:absolute;right:20px;bottom:8px;color:#999;} |
|
|
|
/* ---------- lowBrowser ---------- */ |
|
#lowBrowser{position:fixed;top:0;left:0;z-index:9999999;width:100%;height:100%;} |
|
#lowBrowser div{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";zoom:1;} |
|
#lowBrowser p{position:absolute;top:0;left:0;width:100%;text-align:center;} |
|
#lowBrowser p span{display:inline-block;padding:0 30px;color:#8a6d3b;line-height:50px;background:#fcf8e3;border:#faebcc 1px solid;} |
|
|
|
/* ---------- response ---------- */ |
|
@media screen and (max-width:720px){ |
|
body{min-width:320px;width:100%;} |
|
|
|
/* ---------- markdown custom ---------- */ |
|
.markdown-body h1:hover .anchor img,.markdown-body h2:hover .anchor img,.markdown-body h3:hover .anchor img{visibility:hidden;} |
|
.markdown-body h1:active .anchor img,.markdown-body h2:active .anchor img,.markdown-body h3:active .anchor img{visibility:visible;} |
|
.markdown-body pre code{word-wrap:normal;white-space:pre;} |
|
|
|
/* ---------- header ---------- */ |
|
.header{position:fixed;left:0;top:0;z-index:9999;height:50px;border-top:#0373e4 3px solid;} |
|
.header .header-inner{height:50px;} |
|
.header .logo{width:100%;padding-top:13px;} |
|
.header .logo img{height:18px;} |
|
.header .logo i{width:3px;height:3px;margin:9px 0 0 3px;} |
|
.header .logo b{max-width:40%;height:auto;padding-left:7px;font-size:14px;background-size:4px 4px;} |
|
.header .logo span{margin:-5px 0 0 0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);} |
|
.header .menu-icon{display:block;position:absolute;right:0;top:0;z-index:1;width:40px;height:47px;} |
|
.header .menu-icon svg{position:absolute;top:9px;left:5px;width:28px;height:28px;color:#acacac;} |
|
.header .menu-icon.close svg{top:14px;left:10px;width:18px;height:18px;} |
|
|
|
.container{position:relative;margin:50px auto 0;background:#fff;border:none;} |
|
|
|
/* ---------- menu ---------- */ |
|
.container .nav{display:none;position:fixed;left:0;top:50px;z-index:9999;width:100%;height:100%;padding-bottom:30px;background:rgba(0,0,0,0.92);overflow-y:scroll;} |
|
.container .nav.on{display:block;} |
|
.menu-filter{width:100%;padding-right:39px;background-color:none;box-sizing:border-box;} |
|
.menu-filter input{width:90%;width:-webkit-calc(100% - 39px);width:-moz-calc(100% - 39px);width:-ms-calc(100% - 39px);width:calc(100% - 39px);color:#fff;background:none;border:none;border-bottom:#999 1px dashed;} |
|
.menu-filter i{right:50px;padding:2px 0 0 10px;} |
|
.menu-search{height:37px;} |
|
.menu-search:hover{background-color:transparent;} |
|
.menu-search:active{background-color:#f4f5f9;} |
|
|
|
.menubar{width:100%;height:auto;padding-bottom:50px;border-right:none;} |
|
.menubar i{border-top:1px solid #999;} |
|
.menubar i:hover{background-color:transparent;} |
|
.menubar i:active{background-color:#8c8888;} |
|
.menubar h4,.menubar h5{color:#f5f5f5;border-top:1px solid #999999;border-bottom:none;cursor:pointer;} |
|
.menubar h4,.menubar h5,.menubar ul{max-width:none;} |
|
.menubar h4:hover{background-color:#8c8888;} |
|
.menubar h4 a{color:#f5f5f5;} |
|
.menubar h4.on a{color:#fff;} |
|
.menubar ul li a{color:#f5f5f5;} |
|
.menubar ul li > a.on{color:#fff;} |
|
.menubar ul li > a:hover{color:#fff;} |
|
.menubar ul li > a.on:before{width:3px;} |
|
.menubar ul li > a.on:after{background:#8c8888;} |
|
.menubar ul li > a:hover:after,.menubar ul li > strong:hover:after{background:none;} |
|
.menubar ul li > strong{color:#fff;} |
|
.menubar ul li > strong:hover{background:none;} |
|
.scroller .scroller-inner{overflow-x:scroll;} |
|
.scroller[data-x-rolling="true"] .scroller-content{min-width:100%;} |
|
.scroller .scrollbar{display:none;} |
|
|
|
.main{width:100%;height:auto;margin-left:0;overflow:visible;box-sizing:border-box;} |
|
.main article.markdown-body{padding:25px;} |
|
.main article iframe{border:0;} |
|
.main .search-results{height:auto !important;} |
|
.main-sibling{padding:30px 25px 25px;} |
|
.main-sibling p{height:22px;} |
|
.main-sibling a{padding-right:20px;} |
|
|
|
/* ---------- contents ---------- */ |
|
aside .contents{bottom:75px;border-radius:50%;} |
|
aside .contents-list{right:40px;width:255px;max-height:310px;} |
|
|
|
/* ---------- backTop ---------- */ |
|
aside .back-top{border-radius:50%;bottom:32px;} |
|
aside .back-top:hover .back-text{display:none;} |
|
|
|
/* ---------- footer ---------- */ |
|
footer{position:relative;left:0;bottom:0;width:100%;height:0;} |
|
footer .signature{position:absolute;right:12px;bottom:6px;color:#ccc;} |
|
footer .signature a{color:#aaa;} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ---------- print ---------- */ |
|
@media print and (color) { |
|
*{-webkit-print-color-adjust:exact;print-color-adjust:exact;} |
|
} |
|
@media print { |
|
@page{margin:2cm;size:A4 portrait;} |
|
} |
|
@media print { |
|
|
|
/* ---------- main ---------- */ |
|
body{color:black;background:#fff;} |
|
.header{display:none;} |
|
.container{margin:0 auto;background:none;border:none;} |
|
.container .nav{display:none;} |
|
.main{margin-left:0;padding:0;font-size:14px;} |
|
.main .markdown-body{display:block !important;font-family:Microsoft YaHei,Tahoma;font-weight:300;;} |
|
.main h1{padding-top:300px;font-size:32px;text-align:center;font-weight:600;border:none;page-break-after:always;} |
|
.main h1 .anchor{display:none;} |
|
.main h2{font-size:24px;font-weight:500;border-bottom:#ccc 1px solid;page-break-after:avoid;} |
|
.main h3{font-size:18px;font-weight:500;page-break-after:avoid;} |
|
.main h4{font-size:16px;font-weight:400;} |
|
.main h1:hover .anchor svg,.main h2:hover .anchor svg,.main h3:hover .anchor svg{visibility:hidden;} |
|
.main img{max-width:100% !important;page-break-inside:avoid;} |
|
.main table th{font-weight:500;} |
|
.main .testing-show{display:none;} |
|
.main .testing-box{display:none !important;} |
|
.main .markdown-body h2:first-of-type{page-break-before:always;} |
|
.main .markdown-body h1 + h2{page-break-before:auto !important;} |
|
.main .main-sibling{display:none;} |
|
.back-top{display:none;} |
|
.signature{display:none;} |
|
|
|
/* ---------- increment ---------- */ |
|
.main{counter-reset:chapternum1;} |
|
h2{counter-reset:chapternum2;} |
|
h2:before{counter-increment:chapternum1;content:counter(chapternum1) " ";} |
|
h3:before{counter-increment:chapternum2;content:counter(chapternum1) "." counter(chapternum2) " ";} |
|
|
|
} |
|
|
|
@charset "utf-8"; |
|
|
|
/* ---------- box ---------- */ |
|
.search-box *{font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;} |
|
.search-box{display:none;position:absolute;top:0;right:0;z-index:10;width:100%;height:100%;padding:45px;background-color:#fff;} |
|
|
|
/* ---------- search-update ---------- */ |
|
.search-update{float:right;width:350px;max-width:100%;} |
|
.search-update .text{position:relative;width:100%;padding-right:140px;text-align:right;font-size:12px;line-height:20px;} |
|
.search-update .text:after{position:absolute;right:122px;top:9px;width:1px;height:24px;background:#ccc;content:' ';} |
|
.search-update .text p{margin:0;} |
|
.search-update .text time{display:inline-block;white-space:nowrap;} |
|
.search-update .text b{margin-right:5px;} |
|
.search-update .text span{display:inline-block;margin-left:5px;white-space:nowrap;} |
|
.search-update .text i{font-style:normal;} |
|
.search-update input{position:relative;z-index:10;float:right;margin-top:6px;padding:4px 12px;} |
|
.search-update input[disabled]{padding:5px 13px;color:#ccc;background:#f2f2f2;border:#aaa 1px solid;border-radius:1px;} |
|
.search-update.off .text:after,.search-update.off .text span,.search-update.off .text i,.search-update.off input{display:none;} |
|
.search-update.off .text b {margin-right:0;} |
|
.search-update.off .text{padding-right:5px;} |
|
|
|
.search-box h2{height:65px;color:#666;font-size:24px;font-weight:normal;} |
|
|
|
/* ---------- search-input ---------- */ |
|
.search-input{position:relative;padding-right:110px;padding-bottom:30px;} |
|
.search-input input[type="text"]{display:inline-block;width:100%;padding:10px;font-size:16px;border:#ccc 1px solid;outline:none;} |
|
.search-input input[type="text"]:focus{border:#81b9f2 1px solid;box-shadow:#81b9f2 0px 0px 2px;} |
|
.search-input input[type="button"]{position:absolute;top:0;right:0;width:106px;height:44px;text-align:center;line-height:38px;font-size:18px;} |
|
.search-input input[type="button"][disabled]{color:#ccc;background:#f2f2f2;border:#aaa 1px solid;border-radius:1px;} |
|
|
|
/* ---------- search-results ---------- */ |
|
.search-results{overflow-y:scroll;background:#eee;border-top:#eee 1px solid;border-bottom:#eee 1px solid;} |
|
.search-result-message{display:none;padding-top:50px;text-align:center;color:#777;font-size:22px;line-height:35px;} |
|
.search-list{list-style:none;padding:18px 16px 5px;} |
|
.search-item{margin-bottom:14px;background:#fff;border:#e6e6e6 1px solid;} |
|
.search-item:hover{border:#d9d9d9 1px solid;box-shadow:rgba(0,0,0,.1) 0 0 2px;} |
|
.search-item a:hover{text-decoration:none;} |
|
.search-item .content{padding:12px 14px 6px;} |
|
.search-item .content strong{display:block;padding:2px 0 5px 0;font-size:16px;color:#333;line-height:23px;font-weight:normal;} |
|
.search-item .content p{margin:0 0 6px;color:#666;font-size:14px;} |
|
.search-item .content p.p1{margin:1px 0 7px;overflow:hidden;line-height:24px;white-space:nowrap;text-overflow:ellipsis;background:#f8f8f8;border-radius:2px;} |
|
.search-item .content em{float:left;padding:0 5px;margin:1px 5px 0 1px;line-height:22px;font-style:normal;font-size:12px;color:#fff;background:#ccc;border-top-left-radius:2px;border-bottom-left-radius:2px;} |
|
.search-item .content mark{color:red;background:none;} |
|
.search-item .bottom{position:relative;padding:0 14px;line-height:30px;color:#999;border-top:#e6e6e6 1px solid;background:#fafafa;} |
|
.search-item .bottom p{margin:0;padding-right:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} |
|
.search-item .bottom .time{position:absolute;top:0;right:14px;} |
|
.search-result-more{display:none;margin:0 16px 18px;color:#999;text-align:center;line-height:40px;font-size:16px;letter-spacing:1px;background:#fafafa;border:#e6e6e6 1px solid;cursor:pointer;} |
|
.search-result-more:active{padding-top:1px;line-height:39px;} |
|
|
|
/* ---------- search response ---------- */ |
|
@media screen and (max-width:950px){ |
|
.search-box h2{clear:both;height:90px;padding-top:30px;} |
|
.search-item .bottom p{padding-right:0;line-height:32px;} |
|
.search-item .bottom .time{position:static;right:auto;padding-bottom:8px;line-height:16px;} |
|
} |
|
@media screen and (max-width:375px){ |
|
.search-box h2{height:100px;padding-top:40px;} |
|
.search-update .text{clear:both;padding-right:0;padding-top:10px;} |
|
.search-update .text:after{display:none;content:'';} |
|
.search-input{padding-right:90px;} |
|
.search-input input[type="button"]{width:86px;} |
|
} |
|
@media screen and (max-width:720px){ |
|
.search-box{height:auto;min-height:100%;} |
|
} |