vincenthou.github.io/css/styles.css.map at master · vincenthou/vincenthou.github.io

1 lines (1 loc) · 102 KB
{"version":3,"sources":["styles.css","_animate.scss","_fontello.scss","_fonts.scss","_normalize.scss","_base.scss","_highlight-js.scss","_variable.scss","_common.scss","_type.scss","pages/_home.scss","pages/_category.scss","pages/_about.scss","pages/_search.scss","pages/_post.scss","pages/_link.scss","pages/_project.scss","component/_table.scss","component/_page-header.scss","component/_pagination.scss","component/_list-post.scss","component/_item-title.scss","component/_item-post.scss","component/_item-year.scss","component/_item-category-name.scss","component/_toolbox.scss","component/_toolbox-mobile.scss","component/_tag-box.scss","component/_category-box.scss","component/_toc.scss","component/_back-top.scss","component/_hint.scss","component/_comments.scss","component/_modal.scss","component/_donation.scss","component/prev-net.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@-moz-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@-o-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}100%{transform:scale(0);opacity:1}}@keyframes zoomIn{0%{transform:scale3d(0, 0, 0);opacity:0}50%{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@font-face{font-family:'fontello';src:url(\"/fonts/fontello.eot?58336539\");src:url(\"/fonts/fontello.eot?58336539#iefix\") format(\"embedded-opentype\"),url(\"/fonts/fontello.woff2?58336539\") format(\"woff2\"),url(\"/fonts/fontello.woff?58336539\") format(\"woff\"),url(\"/fonts/fontello.ttf?58336539\") format(\"truetype\"),url(\"/fonts/fontello.svg?58336539#fontello\") format(\"svg\");font-weight:normal;font-style:normal}[class^=\"icon-\"]:before,[class*=\" icon-\"]:before{font-family:\"fontello\";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-feather:before{content:'\\e800'}.icon-cc:before{content:'\\e802'}.icon-long:before{content:'\\e806'}.icon-angle-left:before{content:'\\e807'}.icon-text:before{content:'\\e808'}.icon-hu:before{content:'\\e809'}.icon-weibo:before{content:'\\e80a'}.icon-angle-down:before{content:'\\e80b'}.icon-archive:before{content:'\\e80c'}.icon-search:before{content:'\\e80d'}.icon-rss-2:before{content:'\\e80e'}.icon-heart:before{content:'\\e80f'}.icon-zhu:before{content:'\\e810'}.icon-user-1:before{content:'\\e811'}.icon-calendar-1:before{content:'\\e812'}.icon-ma:before{content:'\\e813'}.icon-box:before{content:'\\e814'}.icon-home:before{content:'\\e815'}.icon-shu:before{content:'\\e816'}.icon-calendar:before{content:'\\e817'}.icon-yang:before{content:'\\e818'}.icon-user:before{content:'\\e819'}.icon-info-circled-1:before{content:'\\e81a'}.icon-lsit:before{content:'\\e81b'}.icon-rss:before{content:'\\e81c'}.icon-info:before{content:'\\e81d'}.icon-wechat:before{content:'\\e81e'}.icon-comment:before{content:'\\e81f'}.icon-she:before{content:'\\e820'}.icon-info-with-circle:before{content:'\\e821'}.icon-niu:before{content:'\\e822'}.icon-mail:before{content:'\\e823'}.icon-list:before{content:'\\e824'}.icon-gou:before{content:'\\e825'}.icon-tu:before{content:'\\e826'}.icon-twitter:before{content:'\\e827'}.icon-location:before{content:'\\e828'}.icon-hou:before{content:'\\e829'}.icon-qq:before{content:'\\e82a'}.icon-tag:before{content:'\\e82b'}.icon-angle-right:before{content:'\\e82c'}.icon-github:before{content:'\\e82d'}.icon-angle-up:before{content:'\\e82e'}.icon-ji:before{content:'\\e82f'}@font-face{font-family:'calligraffittiregular';src:url(\"/fonts/calligraffitti-regular-webfont.eot\");src:url(\"/fonts/calligraffitti-regular-webfont.eot?#iefix\") format(\"embedded-opentype\"),url(\"/fonts/calligraffitti-regular-webfont.woff2\") format(\"woff2\"),url(\"/fonts/calligraffitti-regular-webfont.woff\") format(\"woff\"),url(\"/fonts/calligraffitti-regular-webfont.ttf\") format(\"truetype\"),url(\"/fonts/calligraffitti-regular-webfont.svg#calligraffittiregular\") format(\"svg\");font-weight:normal;font-style:normal}@font-face{font-family:\"Lobster-Regular\";src:url(\"/fonts/Lobster-Regular.eot\");src:url(\"/fonts/Lobster-Regular.eot?#iefix\") format(\"embedded-opentype\"),url(\"/fonts/Lobster-Regular.woff\") format(\"woff\"),url(\"/fonts/Lobster-Regular.ttf\") format(\"truetype\"),url(\"/fonts/Lobster-Regular.svg#Lobster-Regular\") format(\"svg\");font-style:normal;font-weight:normal}@font-face{font-family:\"PoiretOne-Regular\";src:url(\"/fonts/PoiretOne-Regular.eot\");src:url(\"/fonts/PoiretOne-Regular.eot?#iefix\") format(\"embedded-opentype\"),url(\"/fonts/PoiretOne-Regular.woff\") format(\"woff\"),url(\"/fonts/PoiretOne-Regular.ttf\") format(\"truetype\"),url(\"/fonts/PoiretOne-Regular.svg#PoiretOne-Regular\") format(\"svg\");font-style:normal;font-weight:normal}@font-face{font-family:\"JosefinSans-Thin\";src:url(\"/fonts/JosefinSans-Thin.eot\");src:url(\"/fonts/JosefinSans-Thin.eot?#iefix\") format(\"embedded-opentype\"),url(\"/fonts/JosefinSans-Thin.woff\") format(\"woff\"),url(\"/fonts/JosefinSans-Thin.ttf\") format(\"truetype\"),url(\"/fonts/JosefinSans-Thin.svg#JosefinSans-Thin\") format(\"svg\");font-style:normal;font-weight:normal}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=\"button\"],input[type=\"reset\"],input[type=\"submit\"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=\"checkbox\"],input[type=\"radio\"]{box-sizing:border-box;padding:0}input[type=\"number\"]::-webkit-inner-spin-button,input[type=\"number\"]::-webkit-outer-spin-button{height:auto}input[type=\"search\"]{-webkit-appearance:textfield;box-sizing:content-box}input[type=\"search\"]::-webkit-search-cancel-button,input[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,.smooth-container{scroll-behavior:smooth}html,body{font-family:PingFangSC-Regular,'Roboto', Verdana, \"Open Sans\", \"Helvetica Neue\", \"Helvetica\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;width:100%}html{overflow:hidden;overflow-y:auto}code,pre,samp{font-family:PingFangSC-Regular, 'Roboto', Verdana, \"Open Sans\", \"Helvetica Neue\", \"Helvetica\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif}*{box-sizing:border-box}a{text-decoration:none}a:hover{text-decoration:none}ul{line-height:1.8em;padding:0;list-style:none}ul li{list-style:none}.text-center{text-align:center}@media screen and (max-width: 767px){html,body{overflow-x:hidden}}code{padding:3px 6px;vertical-align:middle;border-radius:4px;background-color:#f7f7f7;color:#e96900}figure.highlight{display:block;overflow-x:auto;margin:0 0 15px;padding:16px;color:#555;font-size:14px;border-radius:6px;background-color:#f7f7f7;overflow-y:hidden}.highlight pre{line-height:1.5em;overflow-y:hidden;white-space:pre-wrap;word-wrap:break-word}.highlight .gutter pre{padding-right:30px;text-align:right;border:0;background-color:transparent}.highlight .code{width:100%}.highlight figcaption{font-size:.8em;color:#999}.highlight figcaption a{float:right}.highlight table{width:100%;margin:0;border:0}.highlight table td,.highlight table th{border:0;color:#555;font-size:14px;padding:0}.highlight pre{margin:0;background-color:transparent}.highlight .comment,.highlight .meta{color:#b3b3b3}.highlight .string,.highlight .value,.highlight .variable,.highlight .template-variable,.highlight .strong,.highlight .emphasis,.highlight .quote,.highlight .inheritance,.highlight.ruby .symbol,.highlight.xml .cdata{color:#1abc9c}.highlight .keyword,.highlight .selector-tag,.highlight .type,.highlight.javascript .function{color:#e96900}.highlight .preprocessor,.highlight .built_in,.highlight .params,.highlight .constant,.highlight .symbol,.highlight .bullet,.highlight .attribute,.highlight.css .hexcolor{color:#1abc9c}.highlight .number,.highlight .literal{color:#ae81ff}.highlight .section,.highlight .header,.highlight .name,.highlight .function,.highlight.python .decorator,.highlight.python .title,.highlight.ruby .function .title,.highlight.ruby .title .keyword,.highlight.perl .sub,.highlight.javascript .title,.highlight.coffeescript .title{color:#525252}.highlight .tag,.highlight .regexp{color:#2973b7}.highlight .title,.highlight .attr,.highlight .selector-id,.highlight .selector-class,.highlight .selector-attr,.highlight .selector-pseudo,.highlight.ruby .constant,.highlight.xml .tag .title,.highlight.xml .pi,.highlight.xml .doctype,.highlight.html .doctype,.highlight.css .id,.highlight.css .pseudo,.highlight .class,.highlight.ruby .class .title{color:#2973b7}.highlight.css .code .attribute{color:#e96900}.highlight.css .class{color:#525252}.tag .attribute{color:#e96900}.highlight .addition{color:#55a532;background-color:#eaffea}.highlight .deletion{color:#bd2c00;background-color:#ffecec}.highlight .link{text-decoration:underline}.function .keyword{color:#0092db}.function .params{color:#525252}.function .title{color:#525252}.hide{display:none}.show{display:block}.content{width:500px;margin:40px auto 80px;border-left:4px solid #f9f9f9}.content.content-archive .toolbox,.content.content-about .toolbox,.content.content-search .toolbox,.content.content-project .toolbox,.content.content-link .toolbox,.content.content-category .toolbox,.content.content-tag .toolbox{margin-bottom:15px;margin-left:-20px}.duoshuo-comment,.disqus-comments{margin-top:40px}@media screen and (max-width: 767px){.content.content-post,.content.content-about,.content.content-search,.content.content-project,.content.content-link,.content.content-category,.content.content-tag,.content.content-archive{overflow-x:hidden;width:100%;margin-top:30px;padding-right:10px;padding-left:12px}.content.content-post{padding:0}.content.content-category .list-post,.content.content-tag .list-post{border-left:none}.content.content-category .list-post .item-title:before,.content.content-category .list-post .item-post:before,.content.content-tag .list-post .item-title:before,.content.content-tag .list-post .item-post:before{display:none}.content.content-category .list-post .item-title,.content.content-category .list-post .item-post,.content.content-tag .list-post .item-title,.content.content-tag .list-post .item-post{padding-left:0}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.content.content-tag,.content.content-post,.content.content-category{width:95%}}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-weight:normal;margin:28px 0 15px;color:#000}.article-content h1{font-size:24px}.article-content h2{font-size:20px}.article-content h3{font-size:16px}.article-content h4{font-size:14px}.article-content a{color:#1abc9c}.article-content a:hover{color:#148f77}.article-content strong{color:#000}.article-content a strong{color:#1abc9c}.article-content p{font-size:15px;line-height:2em;margin-bottom:20px;color:#555}.article-content ol,.article-content ul{font-size:15px;color:#555}.article-content img{max-width:100%;height:auto}.article-content ul li{position:relative;padding-left:14px}.article-content ul li:before{position:absolute;top:12px;left:-2px;width:4px;height:4px;margin-left:2px;content:' ';border-radius:50%;background:#bbb}.article-content p+ul{margin-top:-10px}.article-content ul+p{margin-top:25px}.article-content ol{padding-left:20px}.article-content blockquote{margin:0;padding:2px 30px;color:#555;border-left:6px solid #eee;background:#fafafa}html.bg{background-color:transparent;background-size:cover;background-position:center center;background-repeat:no-repeat}.content-home{position:absolute;top:50%;width:100%;height:100%;height:300px;margin-top:-150px;margin-bottom:100px}.content-home .avatar img{display:inline-block;width:100px;height:100px;border-radius:50%;object-fit:cover;overflow:hidden}.content-home .name{font-size:26px;font-weight:bold;font-style:normal;line-height:50px;height:50px;margin:0 auto;letter-spacing:-.03em}.content-home .slogan{font-size:16px;font-weight:200;margin-bottom:26px;color:#666}.content-home .nav{color:#bbb}.content-home .nav .item{display:inline-block}.content-home .nav .item a{font-size:14px;display:inline-block;text-align:center;text-decoration:none;color:#000;transition-duration:0.5s;transition-propety:background-color}.content-home .nav .item a:hover{color:#1abc9c}.content-home .nav .item:last-child span{display:none}@media (max-width: 640px){.content-home .title{font-size:3rem;font-weight:100;letter-spacing:-.05em}}hr{max-width:400px;height:1px;margin-top:-1px;border:none;background-image:linear-gradient(0deg, transparent, #d5d5d5, transparent);background-image:-webkit-linear-gradient(0deg, transparent, #d5d5d5, transparent)}html.dark hr{display:block}html.dark .content-home .name{color:#fff}html.dark .content-home .slogan{color:#fff}html.dark .content-home .nav{color:#fff}html.dark .content-home .nav .item a{color:#fff}html.dark .content-home .nav .item a:hover{color:#1abc9c}.content.content-category{margin-bottom:100px}.content.content-about .about-list{margin-left:-2px}.content.content-about .about-list .about-item{position:relative;padding:10px 0}.content.content-about .about-list .about-item .text{padding-left:20px}.content.content-about a.text-value-url{color:#1abc9c}.content.content-about a.text-value-url:hover{color:#148f77}.content.content-about .dot{position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;content:' ';border-radius:50%}.content.content-about .dot.icon{font-size:12px;line-height:20px;width:20px;height:20px;margin-top:-10px;margin-left:-10px;padding-left:2px;color:rgba(255,255,255,0.6)}.content.content-about .dot.dot-0{background:#1abc9c}.content.content-about .dot.dot-1{background:#3498db}.content.content-about .dot.dot-2{background:#9b59b6}.content.content-about .dot.dot-3{background:#e67e22}.content.content-about .dot.dot-4{background:#e74c3c}@media screen and (min-width: 768px){.content.content-about{width:500px}}@media screen and (max-width: 767px){.content.content-about .about-list{margin-left:0;border-left:4px solid #f9f9f9}.content.content-about .about-list .dot.icon{margin-left:-12px}}.content.content-search .wrap-search-box{position:relative;padding-left:20px;margin-bottom:40px}.content.content-search .wrap-search-box:before{position:absolute;top:50%;left:-2px;width:8px;height:8px;margin-top:-4px;margin-left:-4px;content:' ';border-radius:50%;background:#ddd}.content.content-search .wrap-search-box .search-box{position:relative;background:#f0f0f0;height:36px;border-radius:36px;width:400px;overflow:hidden}.content.content-search .wrap-search-box .search-box .input-search{position:relative;border:none;width:100%;height:100%;padding-left:32px;background:transparent}.content.content-search .wrap-search-box .search-box .input-search:focus{outline:none}.content.content-search .wrap-search-box .search-box .icon-search{position:absolute;top:0;left:2px;width:30px;height:36px;line-height:36px;text-align:center;border-radius:36px;color:#bbb}.content.content-search .list-search .tip{padding-left:20px;color:#999}.content.content-search .list-search .item .color-hightlight{color:red}.content.content-search .list-search .item .title{font-size:18px;font-weight:bold;transition-duration:0.5s;color:#333;vertical-align:middle;max-width:430px;transition-propety:background-color;margin:30px 0px 0px}.content.content-search .list-search .item .title:hover{color:#1abc9c}.content.content-search .list-search .item a{position:relative;display:block;padding-left:20px}.content.content-search .list-search .item a:before{position:absolute;top:50%;left:-2px;width:8px;height:8px;margin-top:-4px;margin-left:-4px;content:' ';border-radius:50%;background:#ddd}.content.content-search .list-search .item .post-content{padding-left:20px;color:#555}.content.content-search .list-search .item .post-content>*{font-size:14px !important}@media screen and (min-width: 768px){.content.content-search{width:500px}}@media screen and (max-width: 767px){.content.content-search .wrap-search-box{padding-left:0;margin-bottom:40px}.content.content-search .wrap-search-box:before{display:none}.content.content-search .wrap-search-box .search-box{width:100%}.content.content-search .list-search .tip{padding-left:0}.content.content-search .list-search .item .title{font-size:18px}.content.content-search .list-search .item a{padding-left:0}.content.content-search .list-search .item a:before{display:none}.content.content-search .list-search .item .post-content{padding-left:0}}.post-header{margin:0 auto;padding-top:20px}.post-header.LEFT{width:720px;border-left:4px solid #f0f0f0}.post-header.CENTER{width:4px;background:#f0f0f0}.post-header .toolbox{margin-top:-40px;margin-left:-18px;background:#fff;transition-duration:0.5s;transition-propety:transform}.post-header .toolbox:hover{transform:translate(0, 30px)}.post-header .toolbox .toolbox-entry .icon-angle-down{margin-top:16px;display:inline-block;line-height:0;font-size:22px;border-radius:50%}.post-header .toolbox .toolbox-entry .toolbox-entry-text{display:none}.content.content-post{border-left:none;margin:50px auto}.content.content-post.CENTER .article-header{text-align:center}.content.content-post .article-header{margin-bottom:40px}.content.content-post .article-header .post-title{font-size:32px;font-weight:normal;margin:0 0 12px;color:#000}.content.content-post .article-header .article-meta{font-size:12px;margin-top:8px;margin-bottom:30px;color:#999}.content.content-post .article-header .article-meta a{color:#999}.content.content-post .article-header .article-meta>span>*{vertical-align:middle}.content.content-post .article-header .article-meta i{display:inline-block;margin:0 -4px 0 4px}@media screen and (min-width: 768px){.content.content-post{width:760px;margin-top:60px}}@media screen and (max-width: 767px){.post-header{display:none}.content.content-post .article-content,.content.content-post .post-title{padding-right:10px;padding-left:10px}.content.content-post .article-header .post-title{font-size:24px}.content.content-archive .archive-body{border-left:none}.content.content-archive .archive-body .item-title:before,.content.content-archive .archive-body .item-post:before{display:none}.content.content-archive .archive-body .item-year,.content.content-archive .archive-body .item-post{padding-left:0}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.content.content-post{width:95%}}.content.content-link .link-list .link-item{position:relative;margin-left:-23px;padding:8px 0}.content.content-link .link-list .link-item a{display:block;color:#444}.content.content-link .link-list .link-item a .avatar,.content.content-link .link-list .link-item a .wrap-info{display:inline-block;vertical-align:middle}.content.content-link .link-list .link-item a .avatar{width:44px;height:44px;border-radius:50%}.content.content-link .link-list .link-item a .avatar:hover{opacity:.8}.content.content-link .link-list .link-item a .wrap-info{line-height:1.3em}.content.content-link .link-list .link-item a .wrap-info .name{font-weight:bold}.content.content-link .link-list .link-item a .wrap-info .name:hover{color:#1abc9c}.content.content-link .link-list .link-item a .wrap-info .info{font-size:13px;color:#999;min-width:240px}.content.content-link .tip{margin:20px 0 0 -15px;color:#ddd}.content.content-link .tip i,.content.content-link .tip span{vertical-align:middle}.content.content-link .tip .icon-mail{width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%;color:#fff;background:#f0f0f0;font-size:12px;display:inline-block;padding-left:1px}@media screen and (min-width: 768px){.content.content-link{width:500px}.content.content-link hr{display:none;height:0}}@media screen and (max-width: 767px){.content.content-link{width:100%}.content.content-link .link-list .link-item{position:relative;margin-left:0;padding:8px 0 8px 10px}}.content.content-project .project-list{margin-left:-2px}.content.content-project .project-list .project-item{position:relative;padding:10px 0}.content.content-project .project-list .project-item .text{padding-left:20px}.content.content-project a.project-url{color:#1abc9c}.content.content-project a.project-url:hover{color:#148f77}.content.content-project .intro{color:#666}.content.content-project .dot{position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;content:' ';border-radius:50%}.content.content-project .dot.icon{font-size:12px;line-height:20px;width:20px;height:20px;margin-top:-10px;margin-left:-10px;padding-left:2px;color:rgba(255,255,255,0.6)}.content.content-project .dot.dot-0{background:#1abc9c}.content.content-project .dot.dot-1{background:#3498db}.content.content-project .dot.dot-2{background:#9b59b6}.content.content-project .dot.dot-3{background:#e67e22}.content.content-project .dot.dot-4{background:#e74c3c}@media screen and (min-width: 768px){.content.content-project{width:500px}}@media screen and (max-width: 767px){.content.content-project .project-list{margin-left:0}}table{width:100%;max-width:100%;border:1px solid #dfdfdf;margin-bottom:30px}table>thead>tr>th,table>thead>tr>td{border-bottom-width:2px}table td,table th{line-height:1.5;padding:8px;text-align:left;vertical-align:top;color:#555;border:1px solid #dfdfdf;font-size:15px}.page-header{position:relative;margin-bottom:30px;background:#fff}.page-header .breadcrumb{width:100px;font-size:16px;margin-bottom:10px;margin-left:-52px;color:#d0d0d0;text-align:center}.page-header .breadcrumb .location{margin-left:0;font-size:13px}.page-header .breadcrumb i{font-size:26px;color:#dfdfdf}.page-header .box-blog-info{display:block}.page-header .box-blog-info .avatar,.page-header .box-blog-info .info{display:inline-block;vertical-align:middle}.page-header .box-blog-info img{width:60px;height:60px;vertical-align:middle;border-radius:50%;object-fit:cover;overflow:hidden}.page-header .box-blog-info .info .name{font-size:24px;font-weight:bold;margin:0;color:#000}.page-header .box-blog-info .info .slogan{display:inline-block;color:#999}@media screen and (min-width: 768px){.page-header{margin-bottom:30px}.page-header .home-entry{display:inline-block}.page-header .box-blog-info{display:block;margin-left:-30px}}@media screen and (max-width: 767px){.page-header{margin-bottom:30px;text-align:center}.page-header .breadcrumb{display:none}.page-header .home-entry{display:none}.page-header .box-blog-info .avatar{display:block}.page-header .box-blog-info .avatar img{width:60px;height:60px;vertical-align:middle;border-radius:50%}.page-header .box-blog-info .info{display:inline-block}.page-header .box-blog-info .info .name{display:inline-block;margin-top:10px;margin-bottom:8px}.page-header .box-blog-info .info .slogan{display:block}}.pagination .page-nav .page-number{font-family:'calligraffittiregular';font-size:15px;font-weight:bolder;line-height:33px;display:inline-block;width:28px;height:28px;margin:auto 6px;text-align:center;color:#444;border-radius:50%}.pagination .page-nav .page-number:hover,.pagination .page-nav .page-number.current{color:#444;background:#f0f0f0}.pagination .page-nav .space{letter-spacing:2px}.pagination .page-nav .extend{font-size:20px;line-height:25px;display:inline-block;width:28px;height:28px;text-align:center;color:#444;border-radius:50%;transition-duration:.5s;transition-propety:background-color}.pagination .page-nav .extend:hover{color:#444;background:#f0f0f0}.list-post{line-height:2.8em}.item-title{position:relative;margin-top:40px;padding-left:20px}.item-title:before{position:absolute;top:50%;left:-2px;width:10px;height:10px;margin-top:-9px;margin-left:-5px;content:' ';border-radius:50%}.item-title.item-title-0:before{background:#1abc9c}.item-title.item-title-1:before{background:#3498db}.item-title.item-title-2:before{background:#9b59b6}.item-title.item-title-3:before{background:#e67e22}.item-title.item-title-4:before{background:#e74c3c}.item-post{position:relative;padding-left:20px}.item-post:before{position:absolute;top:50%;left:-2px;width:8px;height:8px;margin-top:-4px;margin-left:-4px;content:' ';border-radius:50%;background:#ddd}.item-post .post-date{font-size:12px;display:inline-block;color:#888}.item-post .post-title{font-size:16px;font-weight:normal;position:relative;display:inline-block;transition-duration:.5s;color:#333;vertical-align:middle;text-overflow:ellipsis;max-width:430px;white-space:nowrap;overflow:hidden;transition-propety:background-color}.item-post .post-title:hover{color:#1abc9c}@media screen and (min-width: 400px) and (max-width: 500px){.item-post .post-title{max-width:330px}}@media screen and (min-width: 320px) and (max-width: 399px){.item-post .post-title{max-width:250px}}@media screen and (max-width: 319px){.item-post .post-title{max-width:200px}}.item-year{position:relative;margin-top:40px;padding-left:20px}.item-year a.text-year{font-family:'calligraffittiregular';font-size:20px;font-weight:bold;font-weight:bold;color:#222}.item-category-name{position:relative;margin-top:40px;padding-left:20px}.item-category-name .category-count{font-family:'calligraffittiregular';font-size:16px;font-weight:bold}.toolbox{position:relative;width:60px;height:40px;border-radius:20px;background:transparent}.toolbox:hover{width:200px}.toolbox:hover .toolbox-entry .icon-angle-down{display:none}.toolbox:hover .toolbox-entry .toolbox-entry-text{display:inline-block}.toolbox:hover .list-toolbox{display:block}.toolbox:hover .list-toolbox li a{animation-duration:.8s;animation-fill-mode:both}.toolbox:hover .list-toolbox li:nth-child(1) a{animation-name:fadeIn}.toolbox:hover .list-toolbox li:nth-child(2) a{animation-name:fadeIn;animation-delay:.1s}.toolbox:hover .list-toolbox li:nth-child(3) a{animation-name:fadeIn;animation-delay:.2s}.toolbox:hover .list-toolbox li:nth-child(4) a{animation-name:fadeIn;animation-delay:.3s}.toolbox:hover .list-toolbox li:nth-child(5) a{animation-name:fadeIn;animation-delay:.4s}.toolbox:hover .list-toolbox li:nth-child(6) a{animation-name:fadeIn;animation-delay:.5s}.toolbox:hover .list-toolbox li:nth-child(7) a{animation-name:fadeIn;animation-delay:.6s}.toolbox:hover .list-toolbox li:nth-child(8) a{animation-name:fadeIn;animation-delay:.7s}.toolbox .toolbox-entry{position:relative;font-size:13px;line-height:40px;display:block;width:40px;height:40px;margin-bottom:20px;transition-duration:.5s;text-align:center;color:#555;border-radius:50%;background:#f0f0f0;transition-propety:background-color}.toolbox .toolbox-entry .icon-angle-down{display:none}.toolbox .toolbox-entry .toolbox-entry-text{display:inline-block}.toolbox .toolbox-entry .icon-home{display:none;font-size:22px;color:#999}.toolbox .toolbox-entry:hover{cursor:pointer;background:#dfdfdf}.toolbox .toolbox-entry:hover .icon-angle-down,.toolbox .toolbox-entry:hover .toolbox-entry-text{display:none}.toolbox .toolbox-entry:hover .icon-home{display:inline-block}.toolbox .list-toolbox{position:absolute;top:-17px;left:46px;display:none;width:500px}.toolbox .list-toolbox .item-toolbox{display:inline-block}.toolbox .list-toolbox .item-toolbox a{font-size:13px;line-height:40px;display:inline-block;height:40px;margin-bottom:20px;transition-duration:.5s;text-align:center;color:#555;border-radius:20px;background:#f0f0f0;transition-propety:background-color}.toolbox .list-toolbox .item-toolbox a.CIRCLE{width:40px}.toolbox .list-toolbox .item-toolbox a.ROUND_RECT{padding:0 20px}.toolbox .list-toolbox .item-toolbox a:hover{background:#dfdfdf}@media screen and (max-width: 767px){.toolbox{display:none}}.toolbox-mobile{font-size:13px;line-height:40px;display:block;width:40px;height:40px;transition-duration:.5s;text-align:center;color:#555;border-radius:50%;background:#f0f0f0;position:fixed;left:12px;bottom:12px;z-index:10}@media screen and (min-width: 768px){.toolbox-mobile{display:none}}.tag-box{position:relative;margin-bottom:-20px;margin-left:-20px}.tag-box .tag-title{font-size:13px;line-height:40px;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;text-align:center;color:#555;border-radius:50%;background:#f0f0f0}.tag-box .tag-list{margin-left:50px}.tag-box .tag-list .tag-item{font-size:12px;line-height:30px;display:inline-block;height:30px;margin:5px 3px;padding:0 12px;color:#999;border-radius:15px;background:#f6f6f6}.tag-box .tag-list .tag-item:hover{color:#333;background:#f0f0f0}.tag-box .tag-list .tag-item .tag-size{font-family:'calligraffittiregular';font-weight:bold}@media screen and (max-width: 767px){.tag-box{margin-left:0}}.category-box{position:relative;margin-bottom:-20px;margin-left:-20px}.category-box .category-title{font-size:13px;line-height:40px;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;text-align:center;color:#555;border-radius:50%;background:#f0f0f0}.category-box .category-list{margin-left:50px}.category-box .category-list .category-item{font-size:12px;line-height:30px;display:inline-block;height:30px;margin:5px 3px;padding:0 12px;color:#999;border-radius:15px;background:#f6f6f6}.category-box .category-list .category-item:hover{color:#333;background:#f0f0f0}.category-box .category-list .category-item .category-size{font-family:'calligraffittiregular';font-weight:bold}@media screen and (max-width: 767px){.category-box{margin-left:0}}.toc-article{position:absolute;left:50%;margin-left:400px;top:200px;font-size:13px}.toc-article.fixed{position:fixed;top:20px}.toc-article ol{line-height:1.8em;padding-left:10px;list-style:none}.toc-article>li{margin:4px 0}.toc-article .toc-title{font-size:16px}.toc-article .toc{padding-left:0}.toc-article a.toc-link.active{color:#111;font-weight:bold}.toc-article a{color:#888}.toc-article a:hover{color:#6f6f6f}@media screen and (max-width: 1023px){.toc-article{display:none}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.toc-article{display:none}}a.back-top{position:fixed;bottom:40px;right:30px;background:#f0f0f0;height:40px;width:40px;border-radius:50%;line-height:34px;text-align:center;transition-duration:.5s;transition-propety:background-color;display:none}a.back-top.show{display:block}a.back-top i{color:#999;font-size:26px}a.back-top:hover{cursor:pointer;background:#dfdfdf}a.back-top:hover i{color:#666}@media screen and (max-width: 768px){a.back-top{display:none !important}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){a.back-top{display:none !important}}.hint{position:relative;display:inline-block}.hint:before,.hint:after{position:absolute;z-index:1000000;transition:.5s ease;pointer-events:none;opacity:0}.hint:hover:before,.hint:hover:after{opacity:1}.hint:before{position:absolute;position:absolute;content:'';border:6px solid transparent;background:transparent}.hint:after{font-size:12px;line-height:32px;height:32px;padding:0 10px;content:'点击回首页';white-space:nowrap;color:#555;border-radius:4px;background:#f0f0f0}.hint--top:after{bottom:100%;left:50%;margin:0 0 -6px -10px}.hint--top:hover:before{margin-bottom:-10px}.hint--top:hover:after{margin-bottom:2px}.hint--bottom:before{top:100%;left:50%;margin:-14px 0 0 0;border-bottom-color:rgba(0,0,0,0.8)}.hint--bottom:after{top:100%;left:50%;margin:-2px 0 0 -10px}.hint--bottom:hover:before{margin-top:-6px}.hint--bottom:hover:after{margin-top:6px}.hint--right:before{bottom:50%;left:100%;margin:0 0 -4px -8px;border-right-color:rgba(0,0,0,0.8)}.hint--right:after{bottom:50%;left:100%;margin:0 0 -13px 4px}.hint--right:hover:before{margin:0 0 -4px -0}.hint--right:hover:after{margin:0 0 -13px 12px}.hint--left:before{right:100%;bottom:50%;margin:0 -8px -3px 0;border-left-color:#f0f0f0}.hint--left:after{right:100%;bottom:50%;margin:0 4px -13px 0}.hint--left:hover:before{margin:0 0 -3px 0}.hint--left:hover:after{margin:0 12px -13px 0}@media screen and (min-width: 768px){.fexo-comments{margin:0 auto 60px}.fexo-comments.comments-post{width:760px}.fexo-comments.comments-about{width:500px}.fexo-comments.comments-link{width:500px}}@media screen and (max-width: 767px){.fexo-comments{padding:10px}}.modal .cover{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6)}.modal hr{max-width:320px;height:1px;margin-top:-1px;margin-bottom:0;border:none;background-image:linear-gradient(0deg, transparent, #dcdcdc, transparent);background-image:-webkit-linear-gradient(0deg, transparent, #dcdcdc, transparent)}.modal-dialog{position:fixed;z-index:11;bottom:0;width:100%;height:160px;transition:.3s ease-out;background:#fefefe}.modal-dialog.show-dialog{transform:translate3d(0, 0, 0)}.modal-dialog.hide-dialog{transform:translate3d(0, 100%, 0)}.modal-body{height:70px;display:table;text-align:center;width:100%}.modal-body .list-toolbox{text-align:center;display:table-cell;vertical-align:middle}.modal-body .list-toolbox .item-toolbox{display:inline-block}.modal-body .list-toolbox .item-toolbox a{font-size:13px;line-height:40px;display:inline-block;height:40px;margin:5px 2px;transition-duration:.5s;text-align:center;color:#555;border-radius:20px;background:#f0f0f0;transition-propety:background-color}.modal-body .list-toolbox .item-toolbox a.CIRCLE{width:40px}.modal-body .list-toolbox .item-toolbox a.ROUND_RECT{padding:0 20px}.modal-body .list-toolbox .item-toolbox a:hover{background:#dfdfdf}.modal-header{font-size:13px;text-align:center;height:75px}.modal-header .btn-close{position:relative;top:50%;transform:translateY(-50%);font-size:13px;line-height:40px;display:inline-block;width:40px;height:40px;transition-duration:.5s;text-align:center;text-decoration:none;color:#555;border-radius:20px;background:#f0f0f0}.modal-header .btn-close:hover{color:#919191}.btn-close:hover,.toolbox-mobile:hover{cursor:pointer}.donation{margin-top:40px}.donation .inner-donation{position:relative;width:160px;margin:auto}.donation .inner-donation:hover .donation-body{display:inline-block}.donation .btn-donation{display:inline-block;border:1px solid #dfdfdf;height:40px;width:140px;line-height:40px;border-radius:40px;padding:0;color:#aaa}.donation .btn-donation:hover{border:1px solid #ddd;color:#999;cursor:pointer}.donation .donation-body{display:none;position:absolute;box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:4px;background:#fff;width:460px;height:270px;margin-top:-277px;margin-left:-300px}.donation .donation-body:before{content:\"\";display:block;position:absolute;width:0;height:0;border-color:transparent;border-width:6px;border-style:solid;box-sizing:border-box;border-top-color:#fff;top:100%;left:223px}.donation .donation-body .tip{height:40px;line-height:40px;color:#999;border-bottom:1px solid #f3f3f3}.donation .donation-body ul{display:inline-block}.donation .donation-body ul .item{width:220px;height:220px;display:inline-block}.donation .donation-body ul .item img{width:200px;height:200px}.box-prev-next{margin-top:-40px;margin-bottom:70px}.box-prev-next a,.box-prev-next .icon{display:inline-block}.box-prev-next a{text-align:center;line-height:36px;width:36px;height:36px;border-radius:50%;border:1px solid #dfdfdf}.box-prev-next a.pull-left .icon:before{margin-right:0.28em !important}.box-prev-next a.pull-right .icon:before{margin-left:0.28em !important}.box-prev-next a.hide{display:none !important}.box-prev-next a.show{display:block !important}.box-prev-next .icon{color:#ccc;font-size:24px}.box-prev-next .icon:hover{color:#bfbfbf}\n","@-webkit-keyframes fadeInFromNone {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n  1% {\n    display: block;\n    opacity: 0;\n  }\n  100% {\n    display: block;\n    opacity: 1;\n  }\n}\n@-moz-keyframes fadeInFromNone {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n  1% {\n    display: block;\n    opacity: 0;\n  }\n  100% {\n    display: block;\n    opacity: 1;\n  }\n}\n@-o-keyframes fadeInFromNone {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n  1% {\n    display: block;\n    opacity: 0;\n  }\n  100% {\n    display: block;\n    opacity: 1;\n  }\n}\n@keyframes fadeInFromNone {\n  0% {\n    display: none;\n    opacity: 0;\n  }\n  1% {\n    display: block;\n    opacity: 0;\n  }\n  100% {\n    display: block;\n    opacity: 1;\n  }\n}\n\n///////////////\n\n\n@keyframes scaleIn {\n  0% {\n    transform: scale(0);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(0);\n    opacity: 1;\n  }\n}\n\n@keyframes zoomIn {\n  0% {\n    transform: scale3d(0, 0, 0);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n}\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n","@font-face {\n  font-family: 'fontello';\n  src: url('/fonts/fontello.eot?58336539');\n  src: url('/fonts/fontello.eot?58336539#iefix') format('embedded-opentype'),\n       url('/fonts/fontello.woff2?58336539') format('woff2'),\n       url('/fonts/fontello.woff?58336539') format('woff'),\n       url('/fonts/fontello.ttf?58336539') format('truetype'),\n       url('/fonts/fontello.svg?58336539#fontello') format('svg');\n  font-weight: normal;\n  font-style: normal;\n}\n/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */\n/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */\n/*\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n  @font-face {\n    font-family: 'fontello';\n    src: url('../font/fontello.svg?58336539#fontello') format('svg');\n  }\n}\n*/\n \n [class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n  font-family: \"fontello\";\n  font-style: normal;\n  font-weight: normal;\n  speak: none;\n \n  display: inline-block;\n  text-decoration: inherit;\n  width: 1em;\n  margin-right: .2em;\n  text-align: center;\n  /* opacity: .8; */\n \n  /* For safety - reset parent styles, that can break glyph codes*/\n  font-variant: normal;\n  text-transform: none;\n \n  /* fix buttons height, for twitter bootstrap */\n  line-height: 1em;\n \n  /* Animation center compensation - margins should be symmetric */\n  /* remove if not needed */\n  margin-left: .2em;\n \n  /* you can be more comfortable with increased icons size */\n  /* font-size: 120%; */\n \n  /* Font smoothing. That was taken from TWBS */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n \n  /* Uncomment for 3D effect */\n  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */\n}\n \n.icon-feather:before { content: '\\e800'; } /* '' */\n.icon-cc:before { content: '\\e802'; } /* '' */\n.icon-long:before { content: '\\e806'; } /* '' */\n.icon-angle-left:before { content: '\\e807'; } /* '' */\n.icon-text:before { content: '\\e808'; } /* '' */\n.icon-hu:before { content: '\\e809'; } /* '' */\n.icon-weibo:before { content: '\\e80a'; } /* '' */\n.icon-angle-down:before { content: '\\e80b'; } /* '' */\n.icon-archive:before { content: '\\e80c'; } /* '' */\n.icon-search:before { content: '\\e80d'; } /* '' */\n.icon-rss-2:before { content: '\\e80e'; } /* '' */\n.icon-heart:before { content: '\\e80f'; } /* '' */\n.icon-zhu:before { content: '\\e810'; } /* '' */\n.icon-user-1:before { content: '\\e811'; } /* '' */\n.icon-calendar-1:before { content: '\\e812'; } /* '' */\n.icon-ma:before { content: '\\e813'; } /* '' */\n.icon-box:before { content: '\\e814'; } /* '' */\n.icon-home:before { content: '\\e815'; } /* '' */\n.icon-shu:before { content: '\\e816'; } /* '' */\n.icon-calendar:before { content: '\\e817'; } /* '' */\n.icon-yang:before { content: '\\e818'; } /* '' */\n.icon-user:before { content: '\\e819'; } /* '' */\n.icon-info-circled-1:before { content: '\\e81a'; } /* '' */\n.icon-lsit:before { content: '\\e81b'; } /* '' */\n.icon-rss:before { content: '\\e81c'; } /* '' */\n.icon-info:before { content: '\\e81d'; } /* '' */\n.icon-wechat:before { content: '\\e81e'; } /* '' */\n.icon-comment:before { content: '\\e81f'; } /* '' */\n.icon-she:before { content: '\\e820'; } /* '' */\n.icon-info-with-circle:before { content: '\\e821'; } /* '' */\n.icon-niu:before { content: '\\e822'; } /* '' */\n.icon-mail:before { content: '\\e823'; } /* '' */\n.icon-list:before { content: '\\e824'; } /* '' */\n.icon-gou:before { content: '\\e825'; } /* '' */\n.icon-tu:before { content: '\\e826'; } /* '' */\n.icon-twitter:before { content: '\\e827'; } /* '' */\n.icon-location:before { content: '\\e828'; } /* '' */\n.icon-hou:before { content: '\\e829'; } /* '' */\n.icon-qq:before { content: '\\e82a'; } /* '' */\n.icon-tag:before { content: '\\e82b'; } /* '' */\n.icon-angle-right:before { content: '\\e82c'; } /* '' */\n.icon-github:before { content: '\\e82d'; } /* '' */\n.icon-angle-up:before { content: '\\e82e'; } /* '' */\n.icon-ji:before { content: '\\e82f'; } /* '' */\n","/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 22, 2016 */\n\n@font-face {\n    font-family: 'calligraffittiregular';\n    src: url('/fonts/calligraffitti-regular-webfont.eot');\n    src: url('/fonts/calligraffitti-regular-webfont.eot?#iefix') format('embedded-opentype'),\n         url('/fonts/calligraffitti-regular-webfont.woff2') format('woff2'),\n         url('/fonts/calligraffitti-regular-webfont.woff') format('woff'),\n         url('/fonts/calligraffitti-regular-webfont.ttf') format('truetype'),\n         url('/fonts/calligraffitti-regular-webfont.svg#calligraffittiregular') format('svg');\n    font-weight: normal;\n    font-style: normal;\n\n}\n\n@font-face {\n    font-family: \"Lobster-Regular\";\n    src: url(\"/fonts/Lobster-Regular.eot\"); /* IE9 */\n    src: url(\"/fonts/Lobster-Regular.eot?#iefix\") format(\"embedded-opentype\"), /* IE6-IE8 */\n    url(\"/fonts/Lobster-Regular.woff\") format(\"woff\"), /* chrome, firefox */\n    url(\"/fonts/Lobster-Regular.ttf\") format(\"truetype\"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */\n    url(\"/fonts/Lobster-Regular.svg#Lobster-Regular\") format(\"svg\"); /* iOS 4.1- */\n    font-style: normal;\n    font-weight: normal;\n}\n\n\n@font-face {\n    font-family: \"PoiretOne-Regular\";\n    src: url(\"/fonts/PoiretOne-Regular.eot\"); /* IE9 */\n    src: url(\"/fonts/PoiretOne-Regular.eot?#iefix\") format(\"embedded-opentype\"), /* IE6-IE8 */\n    url(\"/fonts/PoiretOne-Regular.woff\") format(\"woff\"), /* chrome, firefox */\n    url(\"/fonts/PoiretOne-Regular.ttf\") format(\"truetype\"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */\n    url(\"/fonts/PoiretOne-Regular.svg#PoiretOne-Regular\") format(\"svg\"); /* iOS 4.1- */\n    font-style: normal;\n    font-weight: normal;\n}\n\n\n@font-face {\n    font-family: \"JosefinSans-Thin\";\n    src: url(\"/fonts/JosefinSans-Thin.eot\"); /* IE9 */\n    src: url(\"/fonts/JosefinSans-Thin.eot?#iefix\") format(\"embedded-opentype\"), /* IE6-IE8 */\n    url(\"/fonts/JosefinSans-Thin.woff\") format(\"woff\"), /* chrome, firefox */\n    url(\"/fonts/JosefinSans-Thin.ttf\") format(\"truetype\"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */\n    url(\"/fonts/JosefinSans-Thin.svg#JosefinSans-Thin\") format(\"svg\"); /* iOS 4.1- */\n    font-style: normal;\n    font-weight: normal;\n}\n","/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS and IE text size adjust after device orientation change,\n *    without disabling user zoom.\n */\n\nhtml {\n  font-family: sans-serif; /* 1 */\n  -ms-text-size-adjust: 100%; /* 2 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n  margin: 0;\n}\n\n/* HTML5 display definitions\n   ========================================================================== */\n\n/**\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\n\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block; /* 1 */\n  vertical-align: baseline; /* 2 */\n}\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n\n[hidden],\ntemplate {\n  display: none;\n}\n\n/* Links\n   ========================================================================== */\n\n/**\n * Remove the gray background color from active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\n\na:active,\na:hover {\n  outline: 0;\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\n\nabbr[title] {\n  border-bottom: 1px dotted;\n}\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\n\nb,\nstrong {\n  font-weight: bold;\n}\n\n/**\n * Address styling not present in Safari and Chrome.\n */\n\ndfn {\n  font-style: italic;\n}\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/**\n * Address styling not present in IE 8/9.\n */\n\nmark {\n  background: #ff0;\n  color: #000;\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsup {\n  top: -0.5em;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove border when inside `a` element in IE 8/9/10.\n */\n\nimg {\n  border: 0;\n}\n\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari.\n */\n\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n}\n\n/**\n * Contain overflow in all browsers.\n */\n\npre {\n  overflow: auto;\n}\n\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n\n/**\n * 1. Correct color not being inherited.\n *    Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit; /* 1 */\n  font: inherit; /* 2 */\n  margin: 0; /* 3 */\n}\n\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\n\nbutton {\n  overflow: visible;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n *    and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n *    `input` and others.\n */\n\nbutton,\nhtml input[type=\"button\"], /* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  -webkit-appearance: button; /* 2 */\n  cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\ninput {\n  line-height: normal;\n}\n\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\n\ninput[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  box-sizing: content-box; /* 2 */\n}\n\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\n\nlegend {\n  border: 0; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\n\noptgroup {\n  font-weight: bold;\n}\n\n/* Tables\n   ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\ntd,\nth {\n  padding: 0;\n}\n","body, .smooth-container { scroll-behavior: smooth }\nhtml,\nbody {\n  font-family: PingFangSC-Regular,'Roboto', Verdana, \"Open Sans\", \"Helvetica Neue\", \"Helvetica\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  width: 100%;\n}\nhtml {\n  overflow: hidden;\n  overflow-y: auto;\n}\ncode,\npre,\nsamp {\n  font-family: PingFangSC-Regular, 'Roboto', Verdana, \"Open Sans\", \"Helvetica Neue\", \"Helvetica\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Source Han Sans CN\", \"WenQuanYi Micro Hei\", Arial, sans-serif;\n}\n*,\n {\n  box-sizing: border-box;\n}\na {\n  text-decoration: none;\n  &:hover {\n    text-decoration: none;\n  }\n}\n\nul {\n  line-height: 1.8em;\n  padding: 0;\n  list-style: none;\n  li {\n    list-style: none;\n  }\n}\n\n.text-center {\n  text-align: center;\n}\n@media screen and (max-width: 767px) {\n  html,\n  body {\n    overflow-x: hidden;\n  }\n}\n","code {\n  padding: 3px 6px;\n  vertical-align: middle;\n  border-radius: 4px;\n  background-color: #f7f7f7;\n  color: #e96900;\n}\n/** Highlight.js Styles (Syntax Highlighting) */\nfigure.highlight {\n  display: block;\n  overflow-x: auto;\n  margin: 0 0 15px;\n  padding: 16px;\n  color: $code-color;\n  font-size: $code-font-size;\n  border-radius: 6px;\n  background-color: #f7f7f7;\n  overflow-y: hidden\n}\n.highlight pre {\n  line-height: 1.5em;\n  overflow-y: hidden;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n.highlight .gutter pre {\n  padding-right: 30px;\n  text-align: right;\n  border: 0;\n  background-color: transparent;\n}\n.highlight .code {\n  width: 100%;\n}\n.highlight figcaption {\n  font-size: .8em;\n  color: #999;\n}\n.highlight figcaption a {\n  float: right;\n}\n.highlight table {\n  width: 100%;\n  margin: 0;\n  border: 0;\n  td,\n  th {\n    border: 0;\n    color: $code-color;\n    font-size: $code-font-size;\n    padding: 0;\n  }\n}\n.highlight pre {\n  margin: 0;\n  background-color: transparent;\n}\n.highlight .comment,\n.highlight .meta {\n  color: #b3b3b3;\n}\n.highlight .string,\n.highlight .value,\n.highlight .variable,\n.highlight .template-variable,\n.highlight .strong,\n.highlight .emphasis,\n.highlight .quote,\n.highlight .inheritance,\n.highlight.ruby .symbol,\n.highlight.xml .cdata {\n  color: $site-color;\n}\n.highlight .keyword,\n.highlight .selector-tag,\n.highlight .type,\n.highlight.javascript .function {\n  color: #e96900;\n}\n.highlight .preprocessor,\n.highlight .built_in,\n.highlight .params,\n.highlight .constant,\n.highlight .symbol,\n.highlight .bullet,\n.highlight .attribute,\n.highlight.css .hexcolor {\n  color: $site-color;\n}\n\n.highlight .number,\n.highlight .literal {\n  color: #ae81ff;\n}\n\n.highlight .section,\n.highlight .header,\n.highlight .name,\n.highlight .function,\n.highlight.python .decorator,\n.highlight.python .title,\n.highlight.ruby .function .title,\n.highlight.ruby .title .keyword,\n.highlight.perl .sub,\n.highlight.javascript .title,\n.highlight.coffeescript .title {\n  color: #525252;\n}\n.highlight .tag,\n.highlight .regexp {\n  color: #2973b7;\n}\n.highlight .title,\n.highlight .attr,\n.highlight .selector-id,\n.highlight .selector-class,\n.highlight .selector-attr,\n.highlight .selector-pseudo,\n.highlight.ruby .constant,\n.highlight.xml .tag .title,\n.highlight.xml .pi,\n.highlight.xml .doctype,\n.highlight.html .doctype,\n.highlight.css .id,\n.highlight.css .pseudo,\n.highlight .class,\n.highlight.ruby .class .title {\n  color: #2973b7;\n}\n\n.highlight.css .code .attribute {\n  color: #e96900;\n}\n\n.highlight.css .class {\n  color: #525252;\n}\n\n.tag .attribute {\n  color: #e96900;\n}\n.highlight .addition {\n  color: #55a532;\n  background-color: #eaffea;\n}\n.highlight .deletion {\n  color: #bd2c00;\n  background-color: #ffecec;\n}\n.highlight .link {\n  text-decoration: underline;\n}\n.function  {\n  .keyword {\n\n  color: #0092db;\n  }\n  .params {\n    color: #525252;\n  }\n  .title {\n    color: #525252;\n  }\n}\n","$site-color: #1abc9c;\n$link-color: $site-color;\n$link-hover-color: $site-color;\n\n$tag-item-height: 30px;\n$tag-title-height: 40px;\n\n$category-item-height: 30px;\n$category-title-height: 40px;\n\n$post-width: 760px;\n$article-color: #555;\n$article-font-size: 15px;\n\n$code-color: #555;\n$code-font-size: 14px;\n\n$title-color: #000;\n$icon-height: 20px;\n\n$pagination-item-size: 28px;\n$pagination-color: #444;\n$pagination-bg-color: #f0f0f0;\n\n$toc-step: 12px;\n$hint-height: 32px;\n\n$about-width: 500px;\n$search-width: 500px;\n$project-width: 500px;\n$link-width: 500px;\n$input-search-height: 36px;\n",".hide {\n  display: none;\n}\n\n.show {\n  display: block;\n}\n\n.content {\n  width: 500px;\n  margin: 40px auto 80px;\n  border-left: 4px solid #f9f9f9;\n}\n\n.content.content-archive,\n.content.content-about,\n.content.content-search,\n.content.content-project,\n.content.content-link,\n.content.content-category,\n.content.content-tag {\n  .toolbox {\n    margin-bottom: 15px;\n    margin-left: -20px;\n  }\n}\n\n.duoshuo-comment,\n.disqus-comments {\n  margin-top: 40px;\n}\n\n@media screen and (min-width: 768px) {}\n\n@media screen and (max-width: 767px) {\n  .content.content-post,\n  .content.content-about,\n  .content.content-search,\n  .content.content-project,\n  .content.content-link,\n  .content.content-category,\n  .content.content-tag,\n  .content.content-archive {\n    overflow-x: hidden;\n    width: 100%;\n    margin-top: 30px;\n    padding-right: 10px;\n    padding-left: 12px;\n\n  }\n\n  .content.content-post {\n    padding: 0;\n  }\n\n  .content.content-category,\n  .content.content-tag {\n    .list-post {\n      border-left: none;\n\n      .item-title:before,\n      .item-post:before {\n        display: none;\n      }\n\n      .item-title,\n      .item-post {\n        padding-left: 0;\n      }\n    }\n  }\n}\n\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {\n  .content.content-tag,\n  .content.content-post,\n  .content.content-category {\n    width: 95%;\n  }\n}\n",".article-content {\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: normal;\n    margin: 28px 0 15px;\n    color: $title-color;\n  }\n  h1 {\n    font-size: 24px;\n  }\n  h2 {\n    font-size: 20px;\n  }\n  h3 {\n    font-size: 16px;\n  }\n  h4 {\n    font-size: 14px;\n  }\n  a {\n    color: $site-color;\n    &:hover {\n      color: darken($site-color, 10%);\n    }\n  }\n  strong {\n    color: $title-color;\n  }\n  a strong {\n    color: $site-color;\n  }\n  p {\n    font-size: $article-font-size;\n    line-height: 2em;\n    margin-bottom: 20px;\n    color: $article-color;\n  }\n  ol,\n  ul {\n    font-size: $article-font-size;\n    color: $article-color;\n  }\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n  ul {\n    li {\n      position: relative;\n      padding-left: 14px;\n      &:before {\n        position: absolute;\n        top: 12px;\n        left: -2px;\n        width: 4px;\n        height: 4px;\n        margin-left: 2px;\n        content: ' ';\n        border-radius: 50%;\n        background: #bbb;\n      }\n    }\n  }\n  p + ul {\n    margin-top: -10px;\n  }\n  ul + p {\n    margin-top: 25px;\n  }\n  ol {\n    padding-left: 20px;\n  }\n  blockquote {\n    margin: 0;\n    padding: 2px 30px;\n    color: $article-color;\n    border-left: 6px solid #eee;\n    background: #fafafa;\n  }\n}\n","html.bg {\n  background-color: transparent;\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n}\n.content-home {\n  position: absolute;\n  top: 50%;\n  width: 100%;\n  height: 100%;\n  height: 300px;\n  margin-top: -150px;\n  margin-bottom: 100px;\n  .avatar {\n    img {\n      display: inline-block;\n      width: 100px;\n      height: 100px;\n      border-radius: 50%;\n      object-fit: cover;\n      overflow: hidden;\n    }\n  }\n  .name {\n    font-size: 26px;\n    font-weight: bold;\n    font-style: normal;\n    line-height: 50px;\n    height: 50px;\n    margin: 0 auto;\n    letter-spacing: -.03em;\n  }\n  .slogan {\n    font-size: 16px;\n    font-weight: 200;\n    margin-bottom: 26px;\n    color: #666;\n  }\n  .nav {\n    color: #bbb;\n    .item {\n      display: inline-block;\n      a {\n        font-size: 14px;\n        display: inline-block;\n        text-align: center;\n        text-decoration: none;\n        color: #000;\n        transition-duration: 0.5s;\n        transition-propety: background-color;\n        &:hover {\n          color: $link-hover-color;\n        }\n      }\n      &:last-child {\n        span {\n          display: none;\n        }\n      }\n      //&:nth-child(5n+1) a {\n      //  color: #1ABC9C;\n      //  &:hover {\n      //    color: darken(#1ABC9C, 8%);\n      //  }\n      //}\n      //&:nth-child(5n+2) a {\n      //  color: #3498DB;\n      //  &:hover {\n      //    color: darken(#3498DB, 8%);\n      //  }\n      //}\n      //&:nth-child(5n+3) a {\n      //  color:#E67E22;\n      //  &:hover {\n      //    color: darken(#E67E22, 8%);\n      //  }\n      //}\n      //&:nth-child(5n+4) a {\n      //  color: #E74C3C;\n      //  &:hover {\n      //    color: darken(#E74C3C, 8%);\n      //  }\n      //}\n      //&:nth-child(5n+5) a {\n      //  color: #9B59B6;\n      //  &:hover {\n      //    color: darken(#9B59B6, 8%);\n      //  }\n      //}\n    }\n  }\n  @media (max-width: 640px) {\n    .title {\n      font-size: 3rem;\n      font-weight: 100;\n      letter-spacing: -.05em;\n    }\n  }\n}\nhr {\n  max-width: 400px;\n  height: 1px;\n  margin-top: -1px;\n  border: none;\n  background-image: linear-gradient(0deg, transparent, #d5d5d5, transparent);\n  background-image: -webkit-linear-gradient(0deg, transparent, #d5d5d5, transparent);\n}\n\nhtml.dark {\n  hr {\n    //display: none;\n    display: block;\n  }\n  .content-home {\n    .name {\n      color: #fff;\n    }\n    .slogan {\n      color: #fff;\n    }\n    .nav {\n      color: #fff;\n      .item {\n        a {\n          color: #fff;\n          &:hover {\n            color: $link-hover-color;\n          }\n        }\n      }\n    }\n  }\n}\nhtml.light {}\n",".content.content-category {\n  margin-bottom: 100px;\n}\n\n@media screen and (max-width: 767px) {\n}\n\n",".content.content-about {\n  .about-list {\n    margin-left: -2px;\n\n    .about-item {\n      position: relative;\n      padding: 10px 0;\n\n      .text {\n        padding-left: 20px;\n      }\n    }\n  }\n\n  a.text-value-url {\n    color: $site-color;\n\n    &:hover {\n      color: darken($site-color, 10%);\n    }\n  }\n\n  .dot {\n    position: absolute;\n    top: 50%;\n    width: 10px;\n    height: 10px;\n    margin-top: -5px;\n    margin-left: -5px;\n    content: ' ';\n    border-radius: 50%;\n\n    &.icon {\n      font-size: 12px;\n      line-height: $icon-height;\n      width: $icon-height;\n      height: $icon-height;\n      margin-top: -$icon-height / 2;\n\n      //color: #fff;\n      margin-left: -$icon-height / 2;\n\n      //text-align: center;\n      padding-left: 2px;\n\n      //color: rgba(0, 0, 0, .8);\n      color: rgba(255, 255, 255, 0.6);\n    }\n\n    &.dot-0 {\n      background: #1abc9c;\n    }\n\n    &.dot-1 {\n      background: #3498db;\n    }\n\n    &.dot-2 {\n      background: #9b59b6;\n    }\n\n    &.dot-3 {\n      background: #e67e22;\n    }\n\n    &.dot-4 {\n      background: #e74c3c;\n    }\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .content.content-about {\n    width: $about-width;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .content.content-about {\n    .about-list {\n      margin-left: 0;\n      border-left: 4px solid #f9f9f9;\n      .dot.icon {\n        margin-left: -12px;\n      }\n    }\n  }\n}\n\n",".content.content-search {\n  .wrap-search-box {\n    position: relative;\n    padding-left: 20px;\n    margin-bottom: 40px;\n    &:before {\n      position: absolute;\n      top: 50%;\n      left: -2px;\n      width: 8px;\n      height: 8px;\n      margin-top: -4px;\n      margin-left: -4px;\n      content: ' ';\n      border-radius: 50%;\n      background: #ddd;\n    }\n    .search-box {\n      position: relative;\n      background: #f0f0f0;\n      height: $input-search-height;\n      border-radius: $input-search-height;\n      width: 400px;\n      overflow: hidden;\n      .input-search {\n        position: relative;\n        border: none;\n        width: 100%;\n        height: 100%;\n        padding-left: 32px;\n        background: transparent;\n        &:focus {\n          outline: none;\n        }\n      }\n      .icon-search {\n        position: absolute;\n        top: 0;\n        left: 2px;\n        width: $input-search-height - 6px;\n        height: $input-search-height;\n        line-height: $input-search-height;\n        text-align: center;\n        border-radius: $input-search-height;\n        //background: #ddd;\n        color: #bbb;\n      }\n    }\n  }\n  .list-search {\n    .tip {\n      padding-left: 20px;\n      color: #999;\n    }\n    .item {\n      .color-hightlight {\n        color: red;\n      }\n      .title {\n        font-size: 18px;\n        font-weight: bold;\n        transition-duration: 0.5s;\n        color: #333;\n        vertical-align: middle;\n        max-width: 430px;\n        transition-propety: background-color;\n        margin: 30px 0px 0px;\n        &:hover {\n          color: $link-hover-color;\n        }\n      }\n      a {\n        position: relative;\n        display: block;\n        padding-left: 20px;\n        &:before {\n          position: absolute;\n          top: 50%;\n          left: -2px;\n          width: 8px;\n          height: 8px;\n          margin-top: -4px;\n          margin-left: -4px;\n          content: ' ';\n          border-radius: 50%;\n          background: #ddd;\n        }\n      }\n      .post-content {\n        padding-left: 20px;\n        color: #555;\n        > * {\n          font-size: 14px !important;\n        }\n      }\n    }\n  }\n}\n@media screen and (min-width: 768px) {\n  .content.content-search {\n    width: $search-width;\n  }\n}\n@media screen and (max-width: 767px) {\n  .content.content-search {\n    .wrap-search-box {\n      padding-left: 0;\n      margin-bottom: 40px;\n      &:before {\n        display: none;\n      }\n      .search-box {\n        width: 100%;\n      }\n    }\n    .list-search {\n      .tip {\n        padding-left: 0;\n      }\n      .item {\n        .title {\n          font-size: 18px;\n        }\n        a {\n          padding-left: 0;\n          &:before {\n            display: none;\n          }\n        }\n        .post-content {\n          padding-left: 0;\n        }\n      }\n    }\n  }\n}\n",".post-header {\n  margin: 0 auto;\n  padding-top: 20px;\n  &.LEFT {\n    width: $post-width - 40px;\n    border-left: 4px solid #f0f0f0;\n  }\n  &.CENTER {\n    width: 4px;\n    background: #f0f0f0;\n  }\n  .toolbox {\n    margin-top: -40px;\n    margin-left: -18px;\n    background: #fff;\n    transition-duration: 0.5s;\n    transition-propety: transform;\n    &:hover {\n      transform: translate(0, 30px);\n    }\n    .toolbox-entry {\n      .icon-angle-down {\n        margin-top: 16px;\n        display: inline-block;\n        line-height: 0;\n        font-size: 22px;\n        border-radius: 50%;\n      }\n      .toolbox-entry-text {\n        display: none;\n      }\n    }\n  }\n}\n.content.content-post {\n  border-left: none;\n  margin: 50px auto;\n  &.CENTER {\n    .article-header {\n      text-align: center;\n    }\n  }\n  .article-header {\n    margin-bottom: 40px;\n    .post-title {\n      font-size: 32px;\n      font-weight: normal;\n      margin: 0 0 12px;\n      color: $title-color;\n    }\n    .article-meta {\n      font-size: 12px;\n      margin-top: 8px;\n      margin-bottom: 30px;\n      color: #999;\n      a {\n        color: #999;\n      }\n      > span > * {\n        vertical-align: middle;\n      }\n      i {\n        display: inline-block;\n        margin: 0 -4px 0 4px;\n      }\n    }\n  }\n}\n@media screen and (min-width: 768px) {\n  .content.content-post {\n    width: $post-width;\n    margin-top: 60px;\n  }\n}\n@media screen and (max-width: 767px) {\n  .post-header {\n    display: none;\n  }\n  .content.content-post {\n    .article-content,\n    .post-title {\n      padding-right: 10px;\n      padding-left: 10px;\n    }\n    .article-header .post-title {\n      font-size: 24px;\n    }\n  }\n  .content.content-archive {\n    .archive-body {\n      border-left: none;\n      .item-title:before,\n      .item-post:before {\n        display: none;\n      }\n      .item-year,\n      .item-post {\n        padding-left: 0;\n      }\n    }\n  }\n}\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {\n  .content.content-post {\n    width: 95%;\n  }\n}\n",".content.content-link {\n  .link-list {\n    .link-item {\n      position: relative;\n      margin-left: -23px;\n      padding: 8px 0;\n      a {\n        display: block;\n        color: #444;\n        .avatar,\n        .wrap-info {\n          display: inline-block;\n          vertical-align: middle;\n        }\n        .avatar {\n          width: 44px;\n          height: 44px;\n          border-radius: 50%;\n          &:hover {\n            opacity: .8;\n          }\n        }\n        .wrap-info {\n          //word-wrap: break-word;\n          //word-break: normal;\n          line-height: 1.3em;\n          .name {\n            font-weight: bold;\n            &:hover {\n              color: $site-color;\n            }\n          }\n          .info {\n            font-size: 13px;\n            color: #999;\n            min-width: 240px;\n          }\n        }\n      }\n    }\n  }\n  .tip {\n    margin: 20px 0 0 -15px;\n    color: #ddd;\n    i, span {\n      vertical-align: middle;\n    }\n    .icon-mail {\n      width: 24px;\n      height: 24px;\n      text-align: center;\n      line-height: 24px;\n      border-radius: 50%;\n      color: #fff;\n      background: #f0f0f0;\n      font-size: 12px;\n      display: inline-block;\n      padding-left: 1px;\n    }\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .content.content-link {\n    width: $link-width;\n    hr {\n      display: none;\n      height: 0;\n    }\n  }\n}\n\n\n@media screen and (max-width: 767px) {\n  .content.content-link {\n    width: 100%;\n    .link-list {\n      .link-item {\n        position: relative;\n        margin-left: 0;\n        padding: 8px 0 8px 10px;\n      }\n    }\n  }\n}\n",".content.content-project {\n  .project-list {\n    margin-left: -2px;\n    .project-item {\n      position: relative;\n      padding: 10px 0;\n      .text {\n        padding-left: 20px;\n      }\n    }\n  }\n  a.project-url {\n    color: $site-color;\n    &:hover {\n      color: darken($site-color, 10%);\n    }\n  }\n  .intro {\n    color: #666;\n  }\n  .dot {\n    position: absolute;\n    top: 50%;\n    width: 10px;\n    height: 10px;\n    margin-top: -5px;\n    margin-left: -5px;\n    content: ' ';\n    border-radius: 50%;\n    &.icon {\n      font-size: 12px;\n      line-height: $icon-height;\n      width: $icon-height;\n      height: $icon-height;\n      margin-top: -$icon-height/2;\n      //color: #fff;\n      margin-left: -$icon-height/2;\n      //text-align: center;\n      padding-left: 2px;\n      //color: rgba(0, 0, 0, .8);\n      color: rgba(255, 255, 255, .6);\n    }\n    &.dot-0 {\n      background: #1abc9c;\n    }\n    &.dot-1 {\n      background: #3498db;\n    }\n    &.dot-2 {\n      background: #9b59b6;\n    }\n    &.dot-3 {\n      background: #e67e22;\n    }\n    &.dot-4 {\n      background: #e74c3c;\n    }\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .content.content-project {\n    width: $project-width;\n  }\n}\n\n\n@media screen and (max-width: 767px) {\n  .content.content-project {\n    .project-list {\n      margin-left: 0;\n    }\n  }\n}\n","table {\n  width: 100%;\n  max-width: 100%;\n  border: 1px solid #dfdfdf;\n  margin-bottom: 30px;\n\n  > thead > tr > th,\n  > thead > tr > td {\n    border-bottom-width: 2px;\n  }\n  td,\n  th {\n    line-height: 1.5;\n    padding: 8px;\n    text-align: left;\n    vertical-align: top;\n    color: $article-color;\n    border: 1px solid #dfdfdf;\n    font-size: $article-font-size;\n  }\n}\n",".page-header {\n  position: relative;\n  margin-bottom: 30px;\n  background: #fff;\n  .breadcrumb {\n    width: 100px;\n    font-size: 16px;\n    margin-bottom: 10px;\n    margin-left: -52px;\n    color: #d0d0d0;\n    text-align: center;\n    .location {\n      margin-left: 0;\n      font-size: 13px;\n    }\n    i {\n      font-size: 26px;\n      color: #dfdfdf;\n    }\n  }\n  .box-blog-info {\n    display: block;\n    .avatar,\n    .info {\n      display: inline-block;\n      vertical-align: middle;\n    }\n    img {\n      width: 60px;\n      height: 60px;\n      vertical-align: middle;\n      border-radius: 50%;\n      object-fit: cover;\n      overflow: hidden;\n    }\n    .info {\n      .name {\n        font-size: 24px;\n        font-weight: bold;\n        margin: 0;\n        color: #000;\n      }\n      .slogan {\n        display: inline-block;\n        color: #999;\n      }\n    }\n  }\n}\n@media screen and (min-width: 768px) {\n  .page-header {\n    margin-bottom: 30px;\n    .home-entry {\n      display: inline-block;\n    }\n    .box-blog-info {\n      display: block;\n      margin-left: -30px;\n    }\n  }\n}\n@media screen and (max-width: 767px) {\n  .page-header {\n    margin-bottom: 30px;\n    text-align: center;\n    .breadcrumb {\n      display: none;\n    }\n    .home-entry {\n      display: none;\n    }\n    .box-blog-info {\n      .avatar {\n        display: block;\n        img {\n          width: 60px;\n          height: 60px;\n          vertical-align: middle;\n          border-radius: 50%;\n        }\n      }\n      .info {\n        display: inline-block;\n        .name {\n          display: inline-block;\n          margin-top: 10px;\n          margin-bottom: 8px;\n        }\n        .slogan {\n          display: block;\n        }\n      }\n    }\n  }\n}\n",".pagination {\n  .page-nav {\n    .page-number {\n      font-family: 'calligraffittiregular';\n      font-size: 15px;\n      font-weight: bolder;\n      line-height: 33px;\n      display: inline-block;\n      width: $pagination-item-size;\n      height: $pagination-item-size;\n      margin: auto 6px;\n      text-align: center;\n      color: $pagination-color;\n      border-radius: 50%;\n      &:hover,\n      &.current {\n        color: $pagination-color;\n        background: $pagination-bg-color;\n      }\n    }\n    .space {\n      letter-spacing: 2px;\n    }\n    .extend {\n      font-size: 20px;\n      line-height: 25px;\n      display: inline-block;\n      width: $pagination-item-size;\n      height: $pagination-item-size;\n      text-align: center;\n      color: $pagination-color;\n      border-radius: 50%;\n      transition-duration: .5s;\n      transition-propety: background-color;\n      &:hover {\n        color: $pagination-color;\n        background: $pagination-bg-color;\n      }\n    }\n  }\n}\n","  .list-post {\n    line-height: 2.8em;\n  }\n",".item-title {\n  position: relative;\n  margin-top: 40px;\n  padding-left: 20px;\n  &:before {\n    position: absolute;\n    top: 50%;\n    left: -2px;\n    width: 10px;\n    height: 10px;\n    margin-top: -9px;\n    margin-left: -5px;\n    content: ' ';\n    border-radius: 50%;\n  }\n  &.item-title-0:before {\n    background: #1abc9c;\n  }\n  &.item-title-1:before {\n    background: #3498db;\n  }\n  &.item-title-2:before {\n    background: #9b59b6;\n  }\n  &.item-title-3:before {\n    background: #e67e22;\n  }\n  &.item-title-4:before {\n    background: #e74c3c;\n  }\n}\n",".item-post {\n  position: relative;\n  padding-left: 20px;\n  &:before {\n    position: absolute;\n    top: 50%;\n    left: -2px;\n    width: 8px;\n    height: 8px;\n    margin-top: -4px;\n    margin-left: -4px;\n    content: ' ';\n    border-radius: 50%;\n    background: #ddd;\n  }\n  .post-date {\n    font-size: 12px;\n    display: inline-block;\n    color: #888;\n  }\n  .post-title {\n    font-size: 16px;\n    font-weight: normal;\n    position: relative;\n    display: inline-block;\n    transition-duration: .5s;\n    color: #333;\n    vertical-align: middle;\n    text-overflow: ellipsis;\n    max-width: 430px;\n    white-space: nowrap;\n    overflow: hidden;\n\n    transition-propety: background-color;\n    &:hover {\n      color: $link-hover-color;\n    }\n  }\n}\n\n@media screen and (min-width: 400px) and (max-width: 500px) {\n  .item-post {\n    .post-title {\n      max-width: 330px;\n    }\n  }\n}\n\n@media screen and (min-width: 320px) and (max-width: 399px) {\n  .item-post {\n    .post-title {\n      max-width: 250px;\n    }\n  }\n}\n\n@media screen and (max-width: 319px) {\n  .item-post {\n    .post-title {\n      max-width: 200px;\n    }\n  }\n}\n",".item-year {\n  position: relative;\n  margin-top: 40px;\n  padding-left: 20px;\n  a.text-year {\n    font-family: 'calligraffittiregular';\n    font-size: 20px;\n    font-weight: bold;\n    font-weight: bold;\n    color: #222;\n  }\n}\n",".item-category-name {\n  position: relative;\n  margin-top: 40px;\n  padding-left: 20px;\n  .category-count {\n    font-family: 'calligraffittiregular';\n    font-size: 16px;\n    font-weight: bold;\n  }\n}\n",".toolbox {\n  position: relative;\n  width: 60px;\n  height: 40px;\n  border-radius: 20px;\n  background: transparent;\n  &:hover {\n    width: 200px;\n    .toolbox-entry {\n      .icon-angle-down {\n        display: none;\n      }\n      .toolbox-entry-text {\n        display: inline-block;\n      }\n    }\n    .list-toolbox {\n      display: block;\n      li {\n        a {\n          animation-duration: .8s;\n\n          animation-fill-mode: both;\n        }\n      }\n      li:nth-child(1) a {\n        // animation-name: zoomIn;\n        animation-name: fadeIn;\n      }\n      li:nth-child(2) a {\n        // animation-name: zoomIn;\n        animation-name: fadeIn;\n        animation-delay: .1s;\n      }\n      li:nth-child(3) a {\n        // animation-name: zoomIn;\n        animation-name: fadeIn;\n        animation-delay: .2s;\n      }\n      li:nth-child(4) a {\n        // animation-name: zoomIn;\n        animation-name: fadeIn;\n        animation-delay: .3s;\n      }\n      li:nth-child(5) a {\n        // animation-name: zoomIn;\n        animation-name: fadeIn;\n        animation-delay: .4s;\n      }\n      li:nth-child(6) a {\n        // animation-name: zoomIn;\n        animation-name: fadeIn;\n        animation-delay: .5s;\n      }\n      li:nth-child(7) a {\n        // animation-name: zoomIn;\n        animation-name: fadeIn;\n        animation-delay: .6s;\n      }\n      li:nth-child(8) a {\n        // animation-name: zoomIn;\n        animation-name: fadeIn;\n        animation-delay: .7s;\n      }\n    }\n  }\n  .toolbox-entry {\n    position: relative;\n    font-size: 13px;\n    line-height: 40px;\n    display: block;\n    width: 40px;\n    height: 40px;\n    margin-bottom: 20px;\n    transition-duration: .5s;\n    text-align: center;\n    color: #555;\n    border-radius: 50%;\n    background: #f0f0f0;\n\n    transition-propety: background-color;\n    .icon-angle-down  {\n      display: none;\n    }\n    .toolbox-entry-text {\n      display: inline-block;\n    }\n    .icon-home {\n      display: none;\n      font-size: 22px;\n      color: #999;\n    }\n    &:hover {\n      cursor: pointer;\n      background: #dfdfdf;\n      .icon-angle-down,\n      .toolbox-entry-text {\n        display: none;\n      }\n      .icon-home {\n        display: inline-block;\n      }\n    }\n  }\n  .list-toolbox {\n    position: absolute;\n    top: -17px;\n    left: 46px;\n    display: none;\n    width: 500px;\n    .item-toolbox {\n      display: inline-block;\n      a {\n        font-size: 13px;\n        line-height: 40px;\n        display: inline-block;\n        height: 40px;\n        margin-bottom: 20px;\n        transition-duration: .5s;\n        text-align: center;\n        color: #555;\n        border-radius: 20px;\n        background: #f0f0f0;\n\n        transition-propety: background-color;\n        &.CIRCLE {\n          width: 40px;\n        }\n        &.ROUND_RECT {\n          padding: 0 20px;\n        }\n        &:hover {\n          background: #dfdfdf;\n        }\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .toolbox {\n    display: none;\n  }\n}\n",".toolbox-mobile {\n  font-size: 13px;\n  line-height: 40px;\n  display: block;\n  width: 40px;\n  height: 40px;\n  transition-duration: .5s;\n  text-align: center;\n  color: #555;\n  border-radius: 50%;\n  background: #f0f0f0;\n  position: fixed;\n  left: 12px;\n  bottom: 12px;\n  z-index: 10;\n\n}\n\n@media screen and (min-width: 768px) {\n  .toolbox-mobile {\n    display: none;\n  }\n}\n",".tag-box {\n  position: relative;\n  margin-bottom: -$tag-title-height/2;\n  margin-left: -$tag-title-height/2;\n  .tag-title {\n    font-size: 13px;\n    line-height: $tag-title-height;\n    position: absolute;\n    top: 50%;\n    width: $tag-title-height;\n    height: $tag-title-height;\n    margin-top: -$tag-title-height/2;\n    text-align: center;\n    color: #555;\n    border-radius: 50%;\n    background: #f0f0f0;\n  }\n  .tag-list {\n    margin-left: 50px;\n    .tag-item {\n      font-size: 12px;\n      line-height: $tag-item-height;\n      display: inline-block;\n      height: $tag-item-height;\n      margin: 5px 3px;\n      padding: 0 12px;\n      color: #999;\n      border-radius: $tag-item-height/2;\n      background: #f6f6f6;\n      &:hover {\n        color: #333;\n        background: #f0f0f0;\n      }\n      .tag-size {\n        font-family: 'calligraffittiregular';\n        font-weight: bold;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: 767px) {\n  .tag-box {\n    margin-left: 0;\n  }\n}\n",".category-box {\n  position: relative;\n  margin-bottom: -$category-title-height/2;\n  margin-left: -$category-title-height/2;\n  .category-title {\n    font-size: 13px;\n    line-height: $category-title-height;\n    position: absolute;\n    top: 50%;\n    width: $category-title-height;\n    height: $category-title-height;\n    margin-top: -$category-title-height/2;\n    text-align: center;\n    color: #555;\n    border-radius: 50%;\n    background: #f0f0f0;\n  }\n  .category-list {\n    margin-left: 50px;\n    .category-item {\n      font-size: 12px;\n      line-height: $category-item-height;\n      display: inline-block;\n      height: $category-item-height;\n      margin: 5px 3px;\n      padding: 0 12px;\n      color: #999;\n      border-radius: $category-item-height/2;\n      background: #f6f6f6;\n      &:hover {\n        color: #333;\n        background: #f0f0f0;\n      }\n      .category-size {\n        font-family: 'calligraffittiregular';\n        font-weight: bold;\n      }\n    }\n  }\n}\n\n\n@media screen and (max-width: 767px) {\n  .category-box {\n    margin-left: 0;\n  }\n}\n",".toc-article {\n  position: absolute;\n  left: 50%;\n  margin-left: $post-width / 2 + 20px;\n  top: 200px;\n  font-size: 13px;\n\n  &.fixed {\n    position: fixed;\n    top: 20px;\n  }\n\n  ol {\n    line-height: 1.8em;\n    padding-left: 10px;\n    list-style: none;\n  }\n\n  > li {\n    margin: 4px 0;\n  }\n\n  .toc-title {\n    font-size: 16px;\n  }\n\n  .toc {\n    padding-left: 0;\n  }\n\n  a.toc-link.active {\n    color: #111;\n    font-weight: bold;\n  }\n\n  a {\n    color: #888;\n\n    &:hover {\n      color: darken(#888, 10%);\n    }\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  .toc-article {\n    display: none;\n  }\n}\n\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {\n  .toc-article {\n    display: none;\n  }\n}\n","a.back-top {\n  position: fixed;\n  bottom: 40px;\n  right: 30px;\n  background: #f0f0f0;\n  height: 40px;\n  width: 40px;\n  border-radius: 50%;\n  line-height: 34px;\n  text-align: center;\n  transition-duration: .5s;\n  transition-propety: background-color;\n  display: none;\n  &.show {\n    display: block;\n  }\n  i {\n    color: #999;\n    font-size: 26px;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background: #dfdfdf;\n    i {\n      color: #666;\n    }\n  }\n}\n\n@media screen and (max-width: 768px) {\n  a.back-top {\n    display: none !important;\n  }\n}\n\n@media screen and (max-width: 1023px) {\n}\n\n@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {\n  a.back-top {\n    display: none !important;\n  }\n}\n",".hint {\n  position: relative;\n  display: inline-block;\n}\n\n.hint:before,\n.hint:after {\n  position: absolute;\n  z-index: 1000000;\n  transition: .5s ease;\n  pointer-events: none;\n  opacity: 0;\n}\n\n\n.hint:hover:before,\n.hint:hover:after {\n  opacity: 1;\n}\n\n.hint:before {\n  position: absolute;\n  position: absolute;\n  content: '';\n  border: 6px solid transparent;\n  background: transparent;\n}\n\n.hint:after {\n  font-size: 12px;\n  line-height: $hint-height;\n  height: $hint-height;\n  padding: 0 10px;\n  content: '点击回首页';\n  white-space: nowrap;\n  color: #555;\n  border-radius: 4px;\n  background: #f0f0f0;\n}\n\n\n/* top */\n\n.hint--top:after {\n  bottom: 100%;\n  left: 50%;\n  margin: 0 0 -6px -10px;\n}\n\n.hint--top:hover:before {\n  margin-bottom: -10px;\n}\n\n.hint--top:hover:after {\n  margin-bottom: 2px;\n}\n\n/* default: bottom */\n\n.hint--bottom:before {\n  top: 100%;\n  left: 50%;\n  margin: -14px 0 0 0;\n  border-bottom-color: rgba(0, 0, 0, .8);\n}\n\n.hint--bottom:after {\n  top: 100%;\n  left: 50%;\n  margin: -2px 0 0 -10px;\n}\n\n.hint--bottom:hover:before {\n  margin-top: -6px;\n}\n\n.hint--bottom:hover:after {\n  margin-top: 6px;\n}\n\n/* right */\n\n.hint--right:before {\n  bottom: 50%;\n  left: 100%;\n  margin: 0 0 -4px -8px;\n  border-right-color: rgba(0,0,0,.8);\n}\n\n.hint--right:after {\n  bottom: 50%;\n  left: 100%;\n  margin: 0 0 -13px 4px;\n}\n\n.hint--right:hover:before {\n  margin: 0 0 -4px -0;\n}\n\n.hint--right:hover:after {\n  margin: 0 0 -13px 12px;\n}\n\n/* left */\n\n.hint--left:before {\n  right: 100%;\n  bottom: 50%;\n  margin: 0 -8px -3px 0;\n  border-left-color: #f0f0f0;\n}\n\n.hint--left:after {\n  right: 100%;\n  bottom: 50%;\n  margin: 0 4px -13px 0;\n}\n\n.hint--left:hover:before {\n  margin: 0 0 -3px 0;\n}\n\n.hint--left:hover:after {\n  margin: 0 12px -13px 0;\n}\n","@media screen and (min-width: 768px) {\n  .fexo-comments {\n    &.comments-post {\n      width: $post-width;\n    }\n    &.comments-about {\n      width: $about-width;\n    }\n    &.comments-link {\n      width: 500px\n    }\n    margin: 0 auto 60px;\n  }\n}\n@media screen and (max-width: 767px) {\n  .fexo-comments {\n    padding: 10px;\n  }\n}\n","// Variables\n// ----------------------\n\n$gray: #333;\n$gray-light: #aaa;\n$gray-lighter: #eee;\n$space: 40px;\n$blue: #428bca;\n//$blue-dark: darken($blue, 5%);\n$blue-dark: $blue;\n\n\n//\n// Btn\n// ----------------------\n\n\n//\n// Modal\n// ----------------------\n\n.modal {\n  // This is modal bg\n  .cover {\n    position: fixed;\n    z-index: 10;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: rgba(0,0,0,.6);\n  }\n  hr {\n    max-width: 320px;\n    height: 1px;\n    margin-top: -1px;\n    margin-bottom: 0;\n    border: none;\n    background-image: linear-gradient(0deg, transparent, #dcdcdc, transparent);\n    background-image: -webkit-linear-gradient(0deg, transparent, #dcdcdc, transparent);\n  }\n}\n\n\n// Modal Dialog\n// ----------------------\n\n.modal-dialog {\n  position: fixed;\n  z-index: 11;\n  bottom: 0;\n  width: 100%;\n  height: 160px;\n  transition: .3s ease-out;\n  background: #fefefe;\n  &.show-dialog {\n    transform: translate3d(0, 0, 0);\n  }\n\n  &.hide-dialog {\n    transform: translate3d(0, 100%, 0);\n  }\n}\n.modal-body {\n  height: 70px;\n  display: table;\n  text-align: center;\n  width: 100%;\n  .list-toolbox {\n    text-align: center;\n    display: table-cell;\n    vertical-align:middle;\n    .item-toolbox {\n      display: inline-block;\n      a {\n        font-size: 13px;\n        line-height: 40px;\n        display: inline-block;\n        height: 40px;\n        margin: 5px 2px;\n        transition-duration: .5s;\n        text-align: center;\n        color: #555;\n        border-radius: 20px;\n        background: #f0f0f0;\n\n        transition-propety: background-color;\n        &.CIRCLE {\n          width: 40px;\n        }\n        &.ROUND_RECT {\n          padding: 0 20px;\n        }\n        &:hover {\n          background: #dfdfdf;\n        }\n      }\n    }\n  }\n}\n\n\n.modal-header {\n  font-size: 13px;\n  text-align: center;\n  height: 75px;\n  .btn-close {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n    font-size: 13px;\n    line-height: 40px;\n    display: inline-block;\n    width: 40px;\n    height: 40px;\n    transition-duration: .5s;\n    text-align: center;\n    text-decoration: none;\n    color: #555;\n    border-radius: 20px;\n    background: #f0f0f0;\n\n    &:hover {\n      color: darken($gray-light, 10%);\n    }\n  }\n}\n\n.btn-close,\n.toolbox-mobile {\n  &:hover {\n    cursor: pointer;\n  }\n}\n",".donation {\n  margin-top: 40px;\n  .inner-donation {\n    position: relative;\n    width: 160px;\n    margin: auto;\n    &:hover {\n      .donation-body {\n        display: inline-block;\n      }\n    }\n  }\n  .btn-donation {\n    display: inline-block;\n    border: 1px solid #dfdfdf;\n    height: 40px;\n    width: 140px;\n    line-height: 40px;\n    border-radius: 40px;\n    padding: 0;\n    color: #aaa;\n    &:hover {\n      border: 1px solid #ddd;\n      color: #999;\n      cursor: pointer;\n    }\n  }\n  .donation-body {\n    display: none;\n    position: absolute;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n    border-radius: 4px;\n    background: #fff;\n    width: 460px;\n    height: 270px;\n    margin-top: -277px;\n    margin-left: -300px;\n    &:before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      width: 0;\n      height: 0;\n      border-color: transparent;\n      border-width: 6px;\n      border-style: solid;\n      box-sizing: border-box;\n      border-top-color: #fff;\n      top: 100%;\n      left: 223px;\n    }\n    .tip {\n      height: 40px;\n      line-height: 40px;\n      color: #999;\n      border-bottom: 1px solid #f3f3f3;\n    }\n    ul {\n      display: inline-block;\n      .item {\n        width: 220px;\n        height: 220px;\n        display: inline-block;\n        img {\n          width: 200px;\n          height: 200px;\n        }\n      }\n    }\n  }\n}\n",".box-prev-next {\n  $size: 36px;\n  $color: #ccc;\n  margin-top: -40px;\n  margin-bottom: 70px;\n  a,\n  .icon {\n    display: inline-block;\n  }\n  a {\n    text-align: center;\n    line-height: $size;\n    width: $size;\n    height: $size;\n    border-radius: 50%;\n    border: 1px solid #dfdfdf;\n    &.pull-left {\n      .icon:before {\n        margin-right: 0.28em !important;\n      }\n    }\n    &.pull-right {\n      .icon:before {\n        margin-left: 0.28em !important;\n      }\n    }\n    &.hide {\n      display: none !important;\n    }\n\n    &.show {\n      display: block !important;\n    }\n\n  }\n  .icon {\n    color: $color;\n    font-size: 24px;\n    &:hover {\n      color: darken($color, 5%);\n    }\n  }\n}\n"],"sourceRoot":"/source/"}
FilesExpand file tree

styles.css.map

Latest commit

History

styles.css.map

File metadata and controls
