From 9f3bc90ecce3589ff903f9f7b964266e13d283ae Mon Sep 17 00:00:00 2001 From: Van Date: Wed, 27 Feb 2019 23:17:13 +0800 Subject: [PATCH] :lips: https://github.com/b3log/solo/issues/12675 --- Finding/article.ftl | 9 +- Finding/css/base.css | 2 +- Finding/css/base.scss | 1703 +++++++++++++++--------------- Finding/css/fonts/icomoon.eot | Bin 4500 -> 4300 bytes Finding/css/fonts/icomoon.svg | 4 +- Finding/css/fonts/icomoon.ttf | Bin 4336 -> 4136 bytes Finding/css/fonts/icomoon.woff | Bin 4412 -> 4212 bytes Finding/css/fonts/selection.json | 370 +------ Finding/js/Finding.js | 62 +- Finding/js/jquery.qrcode.js | 45 + Finding/js/jquery.qrcode.min.js | 18 + Medium/article.ftl | 12 +- Medium/header.ftl | 4 +- Medium/js/common.js | 5 +- Pinghsu/js/common.js | 2 +- 15 files changed, 1007 insertions(+), 1229 deletions(-) mode change 100644 => 100755 Finding/css/fonts/icomoon.eot mode change 100644 => 100755 Finding/css/fonts/icomoon.svg mode change 100644 => 100755 Finding/css/fonts/icomoon.ttf mode change 100644 => 100755 Finding/css/fonts/icomoon.woff mode change 100644 => 100755 Finding/css/fonts/selection.json create mode 100644 Finding/js/jquery.qrcode.js create mode 100644 Finding/js/jquery.qrcode.min.js diff --git a/Finding/article.ftl b/Finding/article.ftl index a6e2285..8e72a68 100644 --- a/Finding/article.ftl +++ b/Finding/article.ftl @@ -101,10 +101,15 @@
- + - +
diff --git a/Finding/css/base.css b/Finding/css/base.css index 8d66d10..c102a82 100644 --- a/Finding/css/base.css +++ b/Finding/css/base.css @@ -1 +1 @@ -.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset ins>iframe{border:0}.content-reset iframe{border:1px solid rgba(0,0,0,0.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{list-style:none;margin-left:-1em}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out}.vditor-upload--tip{height:20px;font-size:12px;line-height:20px;color:#fff;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{position:absolute;right:5px;top:0;cursor:pointer;display:block}.vditor-upload--tip .vditor-upload__progress{padding:0 5px}.vditor-upload__close{display:none}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}html{height:100%;max-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;max-height:100%;font-family:"Merriweather", "Microsoft Yahei", 'Helvetica';letter-spacing:0.01rem;font-size:1.8rem;line-height:1.75em;color:#3A4145;-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1;text-rendering:geometricPrecision;margin:0}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{color:#4A4A4A;transition:color 0.3s ease}a:hover{color:#111}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;-moz-font-feature-settings:'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;-o-font-feature-settings:'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;color:#2E2E2E;line-height:1.15em;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';text-rendering:geometricPrecision}h1{font-size:5rem;letter-spacing:-2px;text-indent:-3px}h2{font-size:3.6rem;letter-spacing:-1px}h3{font-size:3rem}h4{font-size:2.5rem}h5{font-size:2rem}h6{font-size:2rem}img{max-width:100%;height:auto}p,ul,ol,dl{-webkit-font-feature-settings:'liga' 1, 'onum' 1, 'kern' 1;-moz-font-feature-settings:'liga' 1, 'onum' 1, 'kern' 1;-o-font-feature-settings:'liga' 1, 'onum' 1, 'kern' 1;margin:0 0 1.75em 0;text-rendering:geometricPrecision}ol,ul{padding-left:3rem}ol ol,ul ul,ul ol,ol ul{padding-left:2em;margin-bottom:0}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:700;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}li li{margin:0}hr{display:block;height:1px;border:0;border-top:#EFEFEF 1px solid;margin:3.2em 0;padding:0}blockquote{-moz-box-sizing:border-box;box-sizing:border-box;margin:1.75em 0 1.75em 0;padding:0 0 0 1.75em;border-left:#4A4A4A 0.4em solid}blockquote p{margin:0.8em 0;font-style:italic}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:normal}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-family:Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';font-size:0.85em;white-space:pre-wrap;border:#E3EDF3 1px solid;background:#F7FAFB;border-radius:2px}pre{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 1.75em 0;border:#E3EDF3 1px solid;width:100%;padding:10px;font-family:Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';font-size:0.9em;white-space:pre;overflow:auto;background:#F7FAFB;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:transparent;border:none;padding:0}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-vertical{display:table-cell;vertical-align:middle}.fn-wrap{width:80%;max-width:768px;margin:0 auto}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes upbounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes upbounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@font-face{font-family:"icomoon";src:url("fonts/icomoon.eot?v=1");src:url("fonts/icomoon.eot?v=1#iefix") format("embedded-opentype"),url("fonts/icomoon.woff?v=1") format("woff"),url("fonts/icomoon.ttf?v=1") format("truetype"),url("fonts/icomoon.svg?v=1#icons") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-size:2rem;font-family:"icomoon", "Open Sans", "Microsoft Yahei", 'Helvetica';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;text-decoration:none !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-sitemap:before{content:"\e900"}.icon-list:before{content:"\e901"}.icon-arrow-left:before{content:"\f605";font-size:3.5rem}.icon-menu:before{content:"\f609"}.main-header .icon-menu:before{vertical-align:-4px}.icon-login:before{content:"\e611"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-register:before{content:"\e600"}.avatar{border-radius:100%;float:left;height:24px;margin-right:9px;width:24px}.avatar-warp{width:10%;padding-right:10px;box-sizing:border-box}.avatar-48{box-shadow:0 0 2px #ddd;height:auto;width:48px;margin-right:10px;border-radius:24px}.form{width:100%;margin-top:50px}.form input,.form textarea,.form button{border:1px solid #CCCCCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:"Microsoft Yahei", 'Helvetica';outline:none}.form button{width:auto;vertical-align:bottom}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset,0 0 5px rgba(81,167,232,0.5);border:1px solid #51A7E8}.error-msg{font-size:1.5rem;color:#9EABB3}.cmtFromSym{font-size:1rem;color:#9EABB3}.main-header{position:relative;display:table;width:100%;height:100vh;margin-bottom:5rem;text-align:center;background:#222 no-repeat center center;background-size:cover;overflow:hidden;background-image:url("../images/header-bg.jpg");min-height:50vh}.site-wrapper{position:relative;z-index:10;min-height:100%;background:#fff;-webkit-transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease}.nav-opened .site-wrapper{overflow-x:hidden;margin-right:240px;transition:margin 0.3s ease}.page-title a{-webkit-animation:fade-in-down 0.6s;animation:fade-in-down 0.6s;-webkit-animation-delay:0.2s;animation-delay:0.2s;margin:10px 0 10px 0;font-size:5rem;letter-spacing:-1px;font-weight:700;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,0.9);text-decoration:none}.page-description,.page-description a{-webkit-animation:fade-in-down 0.9s;animation:fade-in-down 0.9s;-webkit-animation-delay:0.1s;animation-delay:0.1s;margin:0;font-size:2rem;line-height:1.5em;font-weight:400;letter-spacing:0.01rem;color:rgba(255,255,255,0.8)}.scroll-down{display:block;position:absolute;z-index:100;bottom:45px;left:50%;margin-left:-16px;width:34px;height:34px;font-size:34px;text-align:center;text-decoration:none;color:rgba(255,255,255,0.7);-webkit-animation:bounce 4s 2s infinite;animation:bounce 4s 2s infinite}.scroll-down:hover{color:#fff;-webkit-animation:none;animation:none}.menu-button{position:fixed;box-sizing:border-box;display:inline-block;float:right;height:38px;padding:0 15px;opacity:1;font-size:12px;text-transform:uppercase;line-height:46px;border-radius:3px;transition:all 0.5s ease;right:20px;top:40px;text-decoration:none;font-family:'Open Sans', "Microsoft Yahei", 'Helvetica';z-index:30;overflow:hidden;background-color:#111;border:1px solid #111;color:#fff;cursor:pointer}.menu-button:hover{background:#fff}.menu-button:focus{outline:0}.nav-closed .menu-button:hover{color:#222}.nav-opened .menu-button{padding:0 12px;background:#111;border-color:#111;color:#fff;-webkit-transform:translate3D(50px, 0, 0);-ms-transform:translate3D(50px, 0, 0);transform:translate3D(50px, 0, 0);transition:all 0.3s ease;right:287px;z-index:10;width:46px;border-radius:3px 0 0 3px}.menu-button .word{float:right;margin:-4px 0 0 10px}.nav{position:fixed;top:0;right:0;bottom:0;z-index:5;width:220px;padding:10px 10px 0 10px;opacity:0;background:#111;margin-bottom:0;text-align:left;overflow-y:auto;color:#FFF;-webkit-transition:-webkit-transform 0.5s ease, opacity 0.3s ease 0.7s;transition:transform 0.5s ease, opacity 0.3s ease 0.7s;overflow-x:hidden}.nav ul{margin:0;padding:0px 0 5%;list-style:none;counter-reset:item}.nav li{height:30px;line-height:1.4rem}.nav li:before{display:block;float:right;padding-right:4%;padding-left:5px;text-align:right;font-size:1.2rem;vertical-align:bottom;color:#B8B8B8;content:counter(item, lower-roman);counter-increment:item;line-height:2.5rem}.nav a{color:#989898;text-decoration:none;line-height:1.4;font-size:1.4rem}.nav a:hover,.nav a.current{color:#FFF}.nav li a{display:block;padding:0.6rem 4%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav li a:after{display:inline-block;content:" .......................................................";color:rgba(255,255,255,0.2);margin-left:5px}.nav .count{position:absolute;bottom:10px;font-size:1rem;width:100%;word-wrap:normal;word-break:break-all;white-space:nowrap}.nav .b3-solo-list li.current a{color:#fff}.nav .page-icon{float:left;height:14px;width:14px;margin:3px 4px 0 0}body.nav-closed .nav{-webkit-transform:translate3D(97px, 0, 0);-ms-transform:translate3D(97px, 0, 0);transform:translate3D(97px, 0, 0)}body.nav-opened .nav{opacity:1;-webkit-transition:-webkit-transform 0.3s ease, opacity 0s ease 0s;transition:transform 0.3s ease, opacity 0s ease 0s;-webkit-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}article.post{position:relative;margin:4rem auto;padding-bottom:4rem;border-bottom:#EBF2F6 1px solid;word-wrap:break-word;width:80%}article.post:after{display:block;content:"";width:7px;height:7px;border:#E7EEF2 1px solid;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#FFF;border-radius:100%;box-shadow:#FFF 0 0 0 5px}.post-title a{text-decoration:none}.post-tip{display:inline-block;text-transform:uppercase;font-size:1.3rem;white-space:nowrap;color:#9EABB3}.post-excerpt p{margin:0;font-size:0.9em;line-height:1.7em}.post-meta{color:#9eabb3;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1.5rem;line-height:2.2rem;margin:1.75rem 0 0 0}.post-meta a{color:#9EABB3;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta time{border-left:1px solid #d5dbde;display:inline-block;font-size:1.3rem;margin-left:8px;padding-left:12px;text-transform:uppercase;white-space:nowrap}.post-author{box-sizing:border-box;display:block;position:absolute;bottom:-57px;left:50%;margin-left:-40px;width:80px;height:80px;border-radius:100%;overflow:hidden;padding:6px;background:#fff;z-index:2;box-shadow:#E7EEF2 0 0 0 1px}.post-author a{background-size:cover;background-position:center center;width:68px;height:68px;display:block;border-radius:35px}.share .icon{cursor:pointer;transition:all 0.2s ease-out 0s;display:inline-block;font-size:16px;margin-top:15px}.share .icon:hover{transform:rotate(360deg);color:#9EABB3}.icon-weibo:before{content:"\e605"}.icon-twitter:before{content:"\e60b"}.icon-tencent:before{content:"\e60d"}.icon-google:before{content:"\e603"}.icon-gotop:before{content:"\E60A";font-weight:bold}.icon-gotop{cursor:pointer;position:fixed;bottom:30px;right:30px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;text-decoration:none;z-index:10}.icon-gotop:hover{color:#B8B8B8;-webkit-animation:none;animation:none}.pagination{font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#9EABB3;transition:all 0.2s ease;padding:0 15px;border:#bfc8cd 1px solid;text-decoration:none;display:inline-block;border-radius:4px}.pagination a:hover{border-color:#98a0a4;color:#889093}ul.comments{padding:0;list-style:none;margin-top:100px;position:relative}.comments li{padding:10px;white-space:normal;word-wrap:break-word;position:relative;border-bottom:#EBF2F6 1px solid}.comments li:hover{background-color:#F7F7F7}.comments li img{vertical-align:sub}.comments .comment-content{margin:8px 0 0}.comments li.comment-body-ref{position:absolute;z-index:10;background-color:#EBF2F6;border:#d5dbde 1px solid;width:86%;left:69px}.comments .post-meta{margin-top:0}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit}.read-next{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin-top:10rem}.read-next-story{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:50%;text-decoration:none;position:relative;text-align:center;color:#fff;background:#222 no-repeat center center;background-size:cover;overflow:hidden}.read-next-story a{color:#BBB}.read-next-story a:hover{color:#FFF}.read-next-story:hover:before{background:rgba(0,0,0,0.8);transition:all 0.2s ease}.read-next-story:hover .post:before{color:#222;background:#fff;transition:all 0.2s ease}.read-next-story:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);transition:all 0.5s ease}.read-next-story .post{padding-top:6rem;padding-bottom:6rem;width:80%;position:relative;margin:0 auto}.read-next-story .post:before{content:"Read This Next";padding:4px 10px 5px;text-transform:uppercase;font-size:1.1rem;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.5);border-radius:4px;transition:all 0.5s ease}.read-next-story.prev .post:before{content:"Read This Before"}.read-next-story h2{margin-top:1rem;color:#fff}.read-next-story p{margin:0;color:rgba(255,255,255,0.8)}.read-next+.site-footer{position:absolute;bottom:0;left:0;right:0;margin:0}#tags{padding:0}#tags li{list-style:none;float:left}#tags li a{border:1px solid #4A4A4A;display:inline-block;padding:10px;margin:1rem;border-radius:5px;text-decoration:none}#tags li a:hover{border:1px solid #FFF;color:#FFF;background-color:#4A4A4A}.dynamic .read-next-story>div{position:relative;width:60%;margin:50px auto;text-align:left}.dynamic a{text-decoration:none;margin:0;color:rgba(255,255,255,0.8)}.dynamic a:hover{color:rgba(255,255,255,0.5)}.site-footer{position:relative;margin:8rem 0 0 0;padding:1rem 15px;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1rem;line-height:1.75em;color:#BBC7CC}.site-footer a{color:#BBC7CC;font-weight:bold;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media only screen and (max-width: 900px){blockquote{margin-left:0}.main-header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;min-height:240px;height:60vh;padding:15% 0}.scroll-down{display:none}.page-title,.page-title a{font-size:4rem;letter-spacing:-1px}.page-description,.page-description a{font-size:1.8rem;line-height:1.5em}.post{font-size:0.95em}hr{margin:2.4em 0}ol,ul{padding-left:2em}h1{font-size:4.5rem;text-indent:-2px}h2{font-size:3.6rem}h3{font-size:3.1rem}h4{font-size:2.5rem}h5{font-size:2.2rem}h6{font-size:1.8rem}.read-next{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:4rem}}@media only screen and (max-width: 500px){.main-header{margin-bottom:15px;height:40vh}.pagination{width:auto;margin:2rem auto}.post{width:auto;margin-top:2rem;margin-bottom:2rem;margin-left:16px;margin-right:16px;padding-bottom:2rem;line-height:1.65em}hr{margin:1.75em 0}p,ul,ol,dl{font-size:0.95em;margin:0 0 2.5rem 0}.page-title,.page-title a{font-size:3rem}.post-excerpt p{font-size:0.85em}.page-description,.page-description a{font-size:1.6rem}h1,h2,h3,h4,h5,h6{margin:0 0 0.3em 0}h1{font-size:2.8rem;letter-spacing:-1px}h2{font-size:2.4rem;letter-spacing:0}h3{font-size:2.1rem}h4{font-size:1.9rem}h5{font-size:1.8rem}h6{font-size:1.8rem}.post-content img{padding:0;width:calc(100% + 32px);min-width:0;max-width:112%}.post-meta{font-size:1.3rem;margin-top:1rem}.site-footer{margin-top:3rem}.read-next{margin-top:2rem;margin-bottom:-37px}.read-next .post{width:100%}.menu-button{border:0;top:0;right:0}.nav-closed .menu-button:hover{color:#FFF;background-color:transparent}.post-author{width:40px;height:40px;bottom:-37px;padding:3px;margin-left:-20px}.post-author a{width:34px;height:34px;display:block;border-radius:17px}.nav .count{line-height:1.5rem}#tags li a{padding:0 5px}} +.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset audio{max-width:100%}.content-reset video{max-height:90vh}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:1px;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset ins>iframe{border:0}.content-reset iframe{border:1px solid rgba(0,0,0,0.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px;display:block}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset__task,.content-reset .task-list-item{list-style:none;margin-left:-1em}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.vditor-tooltipped{position:relative;cursor:pointer}.vditor-tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.vditor-tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.vditor-tooltipped--hover::before,.vditor-tooltipped--hover::after,.vditor-tooltipped:hover::before,.vditor-tooltipped:hover::after,.vditor-tooltipped:active::before,.vditor-tooltipped:active::after,.vditor-tooltipped:focus::before,.vditor-tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.vditor-tooltipped__s::after,.vditor-tooltipped__se::after,.vditor-tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.vditor-tooltipped__s::before,.vditor-tooltipped__se::before,.vditor-tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.vditor-tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__sw::after{margin-right:-15px}.vditor-tooltipped__n::after,.vditor-tooltipped__ne::after,.vditor-tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.vditor-tooltipped__n::before,.vditor-tooltipped__ne::before,.vditor-tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.vditor-tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.vditor-tooltipped__nw::after{margin-right:-15px}.vditor-tooltipped__s::after,.vditor-tooltipped__n::after{transform:translateX(50%)}.vditor-tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.vditor-tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.vditor-tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.vditor-tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}.vditor-panel{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px;z-index:1;font-size:14px;display:none;user-select:none;max-width:200px;min-width:80px}.vditor-panel h1,.vditor-panel h2,.vditor-panel h3,.vditor-panel h4,.vditor-panel h5,.vditor-panel h6{margin:0;cursor:pointer;padding:3px 10px;border-radius:3px;line-height:normal}.vditor-panel h1:hover,.vditor-panel h2:hover,.vditor-panel h3:hover,.vditor-panel h4:hover,.vditor-panel h5:hover,.vditor-panel h6:hover{background-color:#4285f4;color:#fff}.vditor-toolbar{background-color:#f6f8fa;border-bottom:1px solid #d1d5da;padding:0 5px;border-radius:3px 3px 0 0}.vditor-toolbar>div{padding:10px 5px;float:left;line-height:14px;height:36px;box-sizing:border-box}.vditor-toolbar svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.vditor-toolbar .vditor-tooltipped{color:#586069}.vditor-toolbar .vditor-tooltipped:hover{color:#4285f4}.vditor-toolbar label{overflow:hidden;position:relative;height:14px;width:15px;display:block;cursor:pointer}.vditor-toolbar input{position:absolute;width:1px;opacity:.001;height:14px;overflow:hidden}.vditor-menu--current svg{color:#4285f4}.vditor-menu__divider{width:10px}.vditor-menu__br{width:100%;padding:0 !important;height:0 !important}.vditor-emojis{display:inline-block}.vditor-emojis__tail{font-size:12px;text-align:right;color:#586069}.vditor-emojis__tail a{text-decoration:none;color:#586069}.vditor-emojis__tail a:hover{color:#4285f4}.vditor-emojis span{cursor:pointer;border-radius:3px;float:left;height:26px;width:26px;text-align:center;line-height:20px;padding:3px;box-sizing:border-box;font-size:16px}.vditor-emojis span:hover{background-color:#4285f4}.vditor-emojis img{height:20px;width:20px;float:left}.vditor{display:flex;flex-direction:column;border:1px solid #d1d5da;border-radius:3px;box-sizing:border-box}.vditor--fullscreen{position:fixed;top:0;width:100% !important;left:0;height:100vh !important;z-index:90;background-color:#fff}.vditor-content{display:flex;min-height:60px;flex:1;position:relative}.vditor-textarea{flex:1;border:0;resize:none;padding:10px;box-sizing:border-box;background-color:#fafbfc;outline:0 none;font-size:16px;line-height:22px;color:#24292e;border-radius:0 0 3px 3px}.vditor-textarea[disabled]{opacity:0.3;cursor:not-allowed}.vditor-textarea:focus{background-color:#fff}.vditor-preview{flex:1;background-color:#fff;overflow:auto;padding:10px;box-shadow:inset 1px 0 #d1d5da;box-sizing:border-box;border-radius:0 0 3px 0}.vditor-preview::-webkit-scrollbar{display:none}.vditor-counter{padding:0 3px;position:absolute;bottom:10px;right:20px;color:#24292e;background-color:rgba(255,255,255,0.6);border-radius:3px;font-size:12px;user-select:none}.vditor-counter--error{color:#d23f31;background-color:rgba(210,63,49,0.1)}.vditor-resize{padding:1px 0;border-radius:5px;cursor:row-resize;transition:all .15s ease-in-out;user-select:none;background-color:#f6f8fa}.vditor-resize:hover{background-color:#4285f4}.vditor-resize:hover svg{color:#fff}.vditor-resize svg{fill:currentColor;stroke-width:0;stroke:currentColor;width:13px;height:3px;display:block;margin:0 auto;color:#586069}.vditor-upload{opacity:0;position:absolute;width:100%;height:5px;left:0;top:-3px;border-radius:3px;overflow:hidden;transition:all .15s ease-in-out}.vditor-upload--tip{height:20px;font-size:12px;line-height:20px;color:#fff;opacity:1 !important}.vditor-upload--tip .vditor-upload__close{position:absolute;right:5px;top:0;cursor:pointer;display:block}.vditor-upload--tip .vditor-upload__progress{padding:0 5px}.vditor-upload__close{display:none}.vditor-upload__progress{height:100%;background-color:rgba(66,133,244,0.8);transition:all .15s ease-in-out}.vditor-hint{background-color:#fff;position:absolute;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:3px;padding:5px 0;z-index:1;line-height:20px;list-style:none;color:#24292e;font-size:12px;margin:0;max-width:200px;min-width:80px;display:none}.vditor-hint li{cursor:pointer;padding:3px 10px;border-bottom:1px solid #d1d5da;line-height:20px}.vditor-hint li:last-child{border-bottom:0}.vditor-hint--current,.vditor-hint li:hover{background-color:#4285f4;color:#fff}.vditor-hint__emoji{font-size:16px;float:left;margin-right:3px}.vditor-hint img{height:20px;width:20px;float:left;margin-right:3px}html{height:100%;max-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{height:100%;max-height:100%;font-family:"Merriweather", "Microsoft Yahei", 'Helvetica';letter-spacing:0.01rem;font-size:1.8rem;line-height:1.75em;color:#3A4145;-webkit-font-feature-settings:'kern' 1;-moz-font-feature-settings:'kern' 1;-o-font-feature-settings:'kern' 1;text-rendering:geometricPrecision;margin:0}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}a{color:#4A4A4A;transition:color 0.3s ease}a:hover{color:#111}h1,h2,h3,h4,h5,h6{-webkit-font-feature-settings:'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;-moz-font-feature-settings:'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;-o-font-feature-settings:'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;color:#2E2E2E;line-height:1.15em;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';text-rendering:geometricPrecision}h1{font-size:5rem;letter-spacing:-2px;text-indent:-3px}h2{font-size:3.6rem;letter-spacing:-1px}h3{font-size:3rem}h4{font-size:2.5rem}h5{font-size:2rem}h6{font-size:2rem}img{max-width:100%;height:auto}p,ul,ol,dl{-webkit-font-feature-settings:'liga' 1, 'onum' 1, 'kern' 1;-moz-font-feature-settings:'liga' 1, 'onum' 1, 'kern' 1;-o-font-feature-settings:'liga' 1, 'onum' 1, 'kern' 1;margin:0 0 1.75em 0;text-rendering:geometricPrecision}ol,ul{padding-left:3rem}ol ol,ul ul,ul ol,ol ul{padding-left:2em;margin-bottom:0}dl dt{float:left;width:180px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:700;margin-bottom:1em}dl dd{margin-left:200px;margin-bottom:1em}li li{margin:0}hr{display:block;height:1px;border:0;border-top:#EFEFEF 1px solid;margin:3.2em 0;padding:0}blockquote{-moz-box-sizing:border-box;box-sizing:border-box;margin:1.75em 0 1.75em 0;padding:0 0 0 1.75em;border-left:#4A4A4A 0.4em solid}blockquote p{margin:0.8em 0;font-style:italic}blockquote small{display:inline-block;margin:0.8em 0 0.8em 1.5em;font-size:0.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:normal}mark{background-color:#fdffb6}code,tt{padding:1px 3px;font-family:Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';font-size:0.85em;white-space:pre-wrap;border:#E3EDF3 1px solid;background:#F7FAFB;border-radius:2px}pre{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 1.75em 0;border:#E3EDF3 1px solid;width:100%;padding:10px;font-family:Inconsolata, monospace, "Microsoft Yahei", 'Helvetica';font-size:0.9em;white-space:pre;overflow:auto;background:#F7FAFB;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:transparent;border:none;padding:0}.fn-clear:before,.fn-clear:after{display:table;content:""}.fn-clear:after{clear:both}.fn-left{float:left}.fn-right{float:right}.fn-none{display:none}.fn-vertical{display:table-cell;vertical-align:middle}.fn-wrap{width:80%;max-width:768px;margin:0 auto}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes upbounce{0%,10%,25%,40%,50%{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}30%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes upbounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?hvf32e");src:url("fonts/icomoon.eot?hvf32e#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?hvf32e") format("truetype"),url("fonts/icomoon.woff?hvf32e") format("woff"),url("fonts/icomoon.svg?hvf32e#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-size:2rem;font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-qqz:before{content:"\e902"}.icon-register:before{content:"\e600"}.icon-logout:before{content:"\e601"}.icon-setting:before{content:"\e602"}.icon-gotop:before{content:"\e60a"}.icon-twitter:before{content:"\e60b"}.icon-login:before{content:"\e611"}.icon-arrow-left:before{content:"\f605"}.icon-menu:before{line-height:38px;content:"\f609";font-size:20px}.icon-wechat:before{content:"\e903"}.icon-sitemap:before{content:"\e900"}.icon-list:before{content:"\e901"}.avatar{border-radius:100%;float:left;height:24px;margin-right:9px;width:24px}.avatar-warp{width:10%;padding-right:10px;box-sizing:border-box}.avatar-48{box-shadow:0 0 2px #ddd;height:auto;width:48px;margin-right:10px;border-radius:24px}.form{width:100%;margin-top:50px}.form input,.form textarea,.form button{border:1px solid #CCCCCC;background-color:#FAFAFA;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset;padding:7px 8px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:"Microsoft Yahei", 'Helvetica';outline:none}.form button{width:auto;vertical-align:bottom}.form input:focus,.form textarea:focus{background-color:#FFF;box-shadow:0 1px 2px rgba(0,0,0,0.075) inset,0 0 5px rgba(81,167,232,0.5);border:1px solid #51A7E8}.error-msg{font-size:1.5rem;color:#9EABB3}.cmtFromSym{font-size:1rem;color:#9EABB3}.main-header{position:relative;display:table;width:100%;height:100vh;margin-bottom:5rem;text-align:center;background:#222 no-repeat center center;background-size:cover;overflow:hidden;background-image:url("../images/header-bg.jpg");min-height:50vh}.site-wrapper{position:relative;z-index:10;min-height:100%;background:#fff;-webkit-transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease}.nav-opened .site-wrapper{overflow-x:hidden;margin-right:240px;transition:margin 0.3s ease}.page-title a{-webkit-animation:fade-in-down 0.6s;animation:fade-in-down 0.6s;-webkit-animation-delay:0.2s;animation-delay:0.2s;margin:10px 0 10px 0;font-size:5rem;letter-spacing:-1px;font-weight:700;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,0.9);text-decoration:none}.page-description,.page-description a{-webkit-animation:fade-in-down 0.9s;animation:fade-in-down 0.9s;-webkit-animation-delay:0.1s;animation-delay:0.1s;margin:0;font-size:2rem;line-height:1.5em;font-weight:400;letter-spacing:0.01rem;color:rgba(255,255,255,0.8)}.scroll-down{display:block;position:absolute;z-index:100;bottom:45px;left:50%;margin-left:-16px;width:34px;height:34px;font-size:34px;text-align:center;text-decoration:none;color:rgba(255,255,255,0.7);-webkit-animation:bounce 4s 2s infinite;animation:bounce 4s 2s infinite}.scroll-down:hover{color:#fff;-webkit-animation:none;animation:none}.menu-button{position:fixed;box-sizing:border-box;display:inline-block;float:right;height:38px;padding:0 15px;opacity:1;font-size:12px;text-transform:uppercase;line-height:46px;border-radius:3px;transition:all 0.5s ease;right:20px;top:40px;text-decoration:none;font-family:'Open Sans', "Microsoft Yahei", 'Helvetica';z-index:30;overflow:hidden;background-color:#111;border:1px solid #111;color:#fff;cursor:pointer}.menu-button:hover{background:#fff}.menu-button:focus{outline:0}.nav-closed .menu-button:hover{color:#222}.nav-opened .menu-button{padding:0 12px;background:#111;border-color:#111;color:#fff;-webkit-transform:translate3D(50px, 0, 0);-ms-transform:translate3D(50px, 0, 0);transform:translate3D(50px, 0, 0);transition:all 0.3s ease;right:287px;z-index:10;width:46px;border-radius:3px 0 0 3px}.menu-button .word{float:right;margin:-4px 0 0 10px}.nav{position:fixed;top:0;right:0;bottom:0;z-index:5;width:220px;padding:10px 10px 0 10px;opacity:0;background:#111;margin-bottom:0;text-align:left;overflow-y:auto;color:#FFF;-webkit-transition:-webkit-transform 0.5s ease, opacity 0.3s ease 0.7s;transition:transform 0.5s ease, opacity 0.3s ease 0.7s;overflow-x:hidden}.nav ul{margin:0;padding:0px 0 5%;list-style:none;counter-reset:item}.nav li{height:30px;line-height:1.4rem}.nav li:before{display:block;float:right;padding-right:4%;padding-left:5px;text-align:right;font-size:1.2rem;vertical-align:bottom;color:#B8B8B8;content:counter(item, lower-roman);counter-increment:item;line-height:2.5rem}.nav a{color:#989898;text-decoration:none;line-height:1.4;font-size:1.4rem}.nav a:hover,.nav a.current{color:#FFF}.nav li a{display:block;padding:0.6rem 4%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nav li a:after{display:inline-block;content:" .......................................................";color:rgba(255,255,255,0.2);margin-left:5px}.nav .count{position:absolute;bottom:10px;font-size:1rem;width:100%;word-wrap:normal;word-break:break-all;white-space:nowrap}.nav .b3-solo-list li.current a{color:#fff}.nav .page-icon{float:left;height:14px;width:14px;margin:3px 4px 0 0}body.nav-closed .nav{-webkit-transform:translate3D(97px, 0, 0);-ms-transform:translate3D(97px, 0, 0);transform:translate3D(97px, 0, 0)}body.nav-opened .nav{opacity:1;-webkit-transition:-webkit-transform 0.3s ease, opacity 0s ease 0s;transition:transform 0.3s ease, opacity 0s ease 0s;-webkit-transform:translate3D(0, 0, 0);-ms-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}article.post{position:relative;margin:4rem auto;padding-bottom:4rem;border-bottom:#EBF2F6 1px solid;word-wrap:break-word;width:80%}article.post .share{position:relative}article.post .share canvas{position:absolute;left:0;top:36px}article.post:after{display:block;content:"";width:7px;height:7px;border:#E7EEF2 1px solid;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#FFF;border-radius:100%;box-shadow:#FFF 0 0 0 5px}.post-title a{text-decoration:none}.post-tip{display:inline-block;text-transform:uppercase;font-size:1.3rem;white-space:nowrap;color:#9EABB3}.post-excerpt p{margin:0;font-size:0.9em;line-height:1.7em}.post-meta{color:#9eabb3;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1.5rem;line-height:2.2rem;margin:1.75rem 0 0 0}.post-meta a{color:#9EABB3;text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-meta time{border-left:1px solid #d5dbde;display:inline-block;font-size:1.3rem;margin-left:8px;padding-left:12px;text-transform:uppercase;white-space:nowrap}.post-author{box-sizing:border-box;display:block;position:absolute;bottom:-57px;left:50%;margin-left:-40px;width:80px;height:80px;border-radius:100%;overflow:hidden;padding:6px;background:#fff;z-index:2;box-shadow:#E7EEF2 0 0 0 1px}.post-author a{background-size:cover;background-position:center center;width:68px;height:68px;display:block;border-radius:35px}.share .icon{cursor:pointer;transition:all 0.2s ease-out 0s;display:inline-block;font-size:16px;margin-top:15px}.share .icon:hover{transform:rotate(360deg);color:#9EABB3}.icon-weibo:before{content:"\e605"}.icon-twitter:before{content:"\e60b"}.icon-tencent:before{content:"\e60d"}.icon-google:before{content:"\e603"}.icon-gotop:before{content:"\E60A";font-weight:bold}.icon-gotop{cursor:pointer;position:fixed;bottom:30px;right:30px;-webkit-animation:upbounce 4s 2s infinite;animation:upbounce 4s 2s infinite;text-decoration:none;z-index:10}.icon-gotop:hover{color:#B8B8B8;-webkit-animation:none;animation:none}.pagination{font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#9EABB3;transition:all 0.2s ease;padding:0 15px;border:#bfc8cd 1px solid;text-decoration:none;display:inline-block;border-radius:4px}.pagination a:hover{border-color:#98a0a4;color:#889093}ul.comments{padding:0;list-style:none;margin-top:100px;position:relative}.comments li{padding:10px;white-space:normal;word-wrap:break-word;position:relative;border-bottom:#EBF2F6 1px solid}.comments li:hover{background-color:#F7F7F7}.comments li img{vertical-align:sub}.comments .comment-content{margin:8px 0 0}.comments li.comment-body-ref{position:absolute;z-index:10;background-color:#EBF2F6;border:#d5dbde 1px solid;width:86%;left:69px}.comments .post-meta{margin-top:0}#captcha,#captchaReply{height:27px;display:inline-block;vertical-align:inherit}.read-next{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin-top:10rem}.read-next-story{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:50%;text-decoration:none;position:relative;text-align:center;color:#fff;background:#222 no-repeat center center;background-size:cover;overflow:hidden}.read-next-story a{color:#BBB}.read-next-story a:hover{color:#FFF}.read-next-story:hover:before{background:rgba(0,0,0,0.8);transition:all 0.2s ease}.read-next-story:hover .post:before{color:#222;background:#fff;transition:all 0.2s ease}.read-next-story:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);transition:all 0.5s ease}.read-next-story .post{padding-top:6rem;padding-bottom:6rem;width:80%;position:relative;margin:0 auto}.read-next-story .post:before{content:"Read This Next";padding:4px 10px 5px;text-transform:uppercase;font-size:1.1rem;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.5);border-radius:4px;transition:all 0.5s ease}.read-next-story.prev .post:before{content:"Read This Before"}.read-next-story h2{margin-top:1rem;color:#fff}.read-next-story p{margin:0;color:rgba(255,255,255,0.8)}.read-next+.site-footer{position:absolute;bottom:0;left:0;right:0;margin:0}#tags{padding:0}#tags li{list-style:none;float:left}#tags li a{border:1px solid #4A4A4A;display:inline-block;padding:10px;margin:1rem;border-radius:5px;text-decoration:none}#tags li a:hover{border:1px solid #FFF;color:#FFF;background-color:#4A4A4A}.dynamic .read-next-story>div{position:relative;width:60%;margin:50px auto;text-align:left}.dynamic a{text-decoration:none;margin:0;color:rgba(255,255,255,0.8)}.dynamic a:hover{color:rgba(255,255,255,0.5)}.site-footer{position:relative;margin:8rem 0 0 0;padding:1rem 15px;font-family:"Open Sans", "Microsoft Yahei", 'Helvetica';font-size:1rem;line-height:1.75em;color:#BBC7CC}.site-footer a{color:#BBC7CC;font-weight:bold;text-decoration:none}.site-footer a:hover{text-decoration:underline}@media only screen and (max-width: 900px){blockquote{margin-left:0}.main-header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;min-height:240px;height:60vh;padding:15% 0}.scroll-down{display:none}.page-title,.page-title a{font-size:4rem;letter-spacing:-1px}.page-description,.page-description a{font-size:1.8rem;line-height:1.5em}.post{font-size:0.95em}hr{margin:2.4em 0}ol,ul{padding-left:2em}h1{font-size:4.5rem;text-indent:-2px}h2{font-size:3.6rem}h3{font-size:3.1rem}h4{font-size:2.5rem}h5{font-size:2.2rem}h6{font-size:1.8rem}.read-next{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:4rem}}@media only screen and (max-width: 500px){.main-header{margin-bottom:15px;height:40vh}.pagination{width:auto;margin:2rem auto}.post{width:auto;margin-top:2rem;margin-bottom:2rem;margin-left:16px;margin-right:16px;padding-bottom:2rem;line-height:1.65em}hr{margin:1.75em 0}p,ul,ol,dl{font-size:0.95em;margin:0 0 2.5rem 0}.page-title,.page-title a{font-size:3rem}.post-excerpt p{font-size:0.85em}.page-description,.page-description a{font-size:1.6rem}h1,h2,h3,h4,h5,h6{margin:0 0 0.3em 0}h1{font-size:2.8rem;letter-spacing:-1px}h2{font-size:2.4rem;letter-spacing:0}h3{font-size:2.1rem}h4{font-size:1.9rem}h5{font-size:1.8rem}h6{font-size:1.8rem}.post-content img{padding:0;width:calc(100% + 32px);min-width:0;max-width:112%}.post-meta{font-size:1.3rem;margin-top:1rem}.site-footer{margin-top:3rem}.read-next{margin-top:2rem;margin-bottom:-37px}.read-next .post{width:100%}.menu-button{border:0;top:0;right:0}.nav-closed .menu-button:hover{color:#FFF;background-color:transparent}.post-author{width:40px;height:40px;bottom:-37px;padding:3px;margin-left:-20px}.post-author a{width:34px;height:34px;display:block;border-radius:17px}.nav .count{line-height:1.5rem}#tags li a{padding:0 5px}} diff --git a/Finding/css/base.scss b/Finding/css/base.scss index 549a8f6..6b83724 100644 --- a/Finding/css/base.scss +++ b/Finding/css/base.scss @@ -21,352 +21,402 @@ * * @author Liyuan Li * @author Liang Ding - * @version 2.0.0.0, Feb 21, 2019 + * @version 2.1.0.0, Feb 27, 2019 */ - @import "../../../scss/reset-content"; @import "vditor/src/assets/scss/classic"; /* start reset */ html { - height: 100%; - max-height: 100%; - font-size: 62.5%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + height: 100%; + max-height: 100%; + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { - height: 100%; - max-height: 100%; - font-family: "Merriweather", "Microsoft Yahei", 'Helvetica'; - letter-spacing: 0.01rem; - font-size: 1.8rem; - line-height: 1.75em; - color: #3A4145; - -webkit-font-feature-settings: 'kern' 1; - -moz-font-feature-settings: 'kern' 1; - -o-font-feature-settings: 'kern' 1; - text-rendering: geometricPrecision; - margin: 0; + height: 100%; + max-height: 100%; + font-family: "Merriweather", "Microsoft Yahei", 'Helvetica'; + letter-spacing: 0.01rem; + font-size: 1.8rem; + line-height: 1.75em; + color: #3A4145; + -webkit-font-feature-settings: 'kern' 1; + -moz-font-feature-settings: 'kern' 1; + -o-font-feature-settings: 'kern' 1; + text-rendering: geometricPrecision; + margin: 0; } ::-moz-selection { - background: #D6EDFF; + background: #D6EDFF; } ::selection { - background: #D6EDFF; + background: #D6EDFF; } a { - color: #4A4A4A; - transition: color 0.3s ease; + color: #4A4A4A; + transition: color 0.3s ease; } a:hover { - color: #111; + color: #111; } h1, h2, h3, h4, h5, h6 { - -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; - -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; - -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; - color: #2E2E2E; - line-height: 1.15em; - font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; - text-rendering: geometricPrecision; + -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; + -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; + -o-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1; + color: #2E2E2E; + line-height: 1.15em; + font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; + text-rendering: geometricPrecision; } h1 { - font-size: 5rem; - letter-spacing: -2px; - text-indent: -3px; + font-size: 5rem; + letter-spacing: -2px; + text-indent: -3px; } h2 { - font-size: 3.6rem; - letter-spacing: -1px; + font-size: 3.6rem; + letter-spacing: -1px; } h3 { - font-size: 3rem; + font-size: 3rem; } h4 { - font-size: 2.5rem; + font-size: 2.5rem; } h5 { - font-size: 2rem; + font-size: 2rem; } h6 { - font-size: 2rem; + font-size: 2rem; } img { - max-width: 100%; - height: auto; + max-width: 100%; + height: auto; } p, ul, ol, dl { - -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; - -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; - -o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; - margin: 0 0 1.75em 0; - text-rendering: geometricPrecision; + -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; + -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; + -o-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1; + margin: 0 0 1.75em 0; + text-rendering: geometricPrecision; } ol, ul { - padding-left: 3rem; + padding-left: 3rem; } ol ol, ul ul, ul ol, ol ul { - padding-left: 2em; - margin-bottom: 0; + padding-left: 2em; + margin-bottom: 0; } dl dt { - float: left; - width: 180px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - font-weight: 700; - margin-bottom: 1em; + float: left; + width: 180px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 700; + margin-bottom: 1em; } dl dd { - margin-left: 200px; - margin-bottom: 1em + margin-left: 200px; + margin-bottom: 1em } li li { - margin: 0; + margin: 0; } hr { - display: block; - height: 1px; - border: 0; - border-top: #EFEFEF 1px solid; - margin: 3.2em 0; - padding: 0; + display: block; + height: 1px; + border: 0; + border-top: #EFEFEF 1px solid; + margin: 3.2em 0; + padding: 0; } blockquote { - -moz-box-sizing: border-box; - box-sizing: border-box; - margin: 1.75em 0 1.75em 0; - padding: 0 0 0 1.75em; - border-left: #4A4A4A 0.4em solid; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 1.75em 0 1.75em 0; + padding: 0 0 0 1.75em; + border-left: #4A4A4A 0.4em solid; } blockquote p { - margin: 0.8em 0; - font-style: italic; + margin: 0.8em 0; + font-style: italic; } blockquote small { - display: inline-block; - margin: 0.8em 0 0.8em 1.5em; - font-size: 0.9em; - color: #CCC; + display: inline-block; + margin: 0.8em 0 0.8em 1.5em; + font-size: 0.9em; + color: #CCC; } -blockquote small:before { content: "\2014 \00A0"; } +blockquote small:before { + content: "\2014 \00A0"; +} blockquote cite { - font-weight: 700; + font-weight: 700; } -blockquote cite a { font-weight: normal; } +blockquote cite a { + font-weight: normal; +} mark { - background-color: #fdffb6; + background-color: #fdffb6; } code, tt { - padding: 1px 3px; - font-family: Inconsolata, monospace, "Microsoft Yahei", 'Helvetica'; - font-size: 0.85em; - white-space: pre-wrap; - border: #E3EDF3 1px solid; - background: #F7FAFB; - border-radius: 2px; + padding: 1px 3px; + font-family: Inconsolata, monospace, "Microsoft Yahei", 'Helvetica'; + font-size: 0.85em; + white-space: pre-wrap; + border: #E3EDF3 1px solid; + background: #F7FAFB; + border-radius: 2px; } pre { - -moz-box-sizing: border-box; - box-sizing: border-box; - margin: 0 0 1.75em 0; - border: #E3EDF3 1px solid; - width: 100%; - padding: 10px; - font-family: Inconsolata, monospace, "Microsoft Yahei", 'Helvetica'; - font-size: 0.9em; - white-space: pre; - overflow: auto; - background: #F7FAFB; - border-radius: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 0 0 1.75em 0; + border: #E3EDF3 1px solid; + width: 100%; + padding: 10px; + font-family: Inconsolata, monospace, "Microsoft Yahei", 'Helvetica'; + font-size: 0.9em; + white-space: pre; + overflow: auto; + background: #F7FAFB; + border-radius: 3px; } pre code, pre tt { - font-size: inherit; - white-space: pre-wrap; - background: transparent; - border: none; - padding: 0; + font-size: inherit; + white-space: pre-wrap; + background: transparent; + border: none; + padding: 0; } + /* end reset */ /* start function */ .fn-clear:before, .fn-clear:after { - display: table; - content: ""; + display: table; + content: ""; } .fn-clear:after { - clear: both; + clear: both; } .fn-left { - float: left; + float: left; } .fn-right { - float: right; + float: right; } .fn-none { - display: none; + display: none; } .fn-vertical { - display: table-cell; - vertical-align: middle; + display: table-cell; + vertical-align: middle; } .fn-wrap { - width: 80%; - max-width: 768px; - margin: 0 auto; + width: 80%; + max-width: 768px; + margin: 0 auto; } @-webkit-keyframes fade-in-down { - 0% { - opacity: 0; - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } } + @keyframes fade-in-down { - 0% { - opacity: 0; - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } } @-webkit-keyframes bounce { - 0%, 10%, 25%, 40%, 50% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 20% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 30% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - } + 0%, 10%, 25%, 40%, 50% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 20% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 30% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } } + @keyframes bounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 40% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 60% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - } + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 40% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 60% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } } @-webkit-keyframes upbounce { - 0%, 10%, 25%, 40%, 50% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 20% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 30% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - } + 0%, 10%, 25%, 40%, 50% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 20% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 30% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } } @keyframes upbounce { - 0%, 20%, 50%, 80%, 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } - 40% { - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 60% { - -webkit-transform: translateY(-5px); - transform: translateY(-5px); - } + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + 40% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + 60% { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + } } + /* end function */ /* start common */ @font-face { - font-family: "icomoon"; - src:url("fonts/icomoon.eot?v=1"); - src:url("fonts/icomoon.eot?v=1#iefix") format("embedded-opentype"), - url("fonts/icomoon.woff?v=1") format("woff"), - url("fonts/icomoon.ttf?v=1") format("truetype"), - url("fonts/icomoon.svg?v=1#icons") format("svg"); - font-weight: normal; - font-style: normal; + font-family: 'icomoon'; + src: url('fonts/icomoon.eot?hvf32e'); + src: url('fonts/icomoon.eot?hvf32e#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?hvf32e') format('truetype'), + url('fonts/icomoon.woff?hvf32e') format('woff'), + url('fonts/icomoon.svg?hvf32e#icomoon') format('svg'); + font-weight: normal; + font-style: normal; } -[class^="icon-"]:before, -[class*=" icon-"]:before { - font-size: 2rem; - font-family: "icomoon", "Open Sans", "Microsoft Yahei", 'Helvetica'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - text-decoration: none !important; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-size: 2rem; + font-family: 'icomoon' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-qqz:before { + content: "\e902"; +} + +.icon-register:before { + content: "\e600"; +} + +.icon-logout:before { + content: "\e601"; +} + +.icon-setting:before { + content: "\e602"; +} + +.icon-gotop:before { + content: "\e60a"; +} + +.icon-twitter:before { + content: "\e60b"; +} + +.icon-login:before { + content: "\e611"; +} + +.icon-arrow-left:before { + content: "\f605"; +} + +.icon-menu:before { + line-height: 38px; + content: "\f609"; + font-size: 20px; +} + +.icon-wechat:before { + content: "\e903"; } .icon-sitemap:before { @@ -377,949 +427,940 @@ pre code, pre tt { content: "\e901"; } -.icon-arrow-left:before { - content: "\f605"; - font-size: 3.5rem; -} - -.icon-menu:before { - content: "\f609"; -} - -.main-header .icon-menu:before { - vertical-align: -4px; -} - -.icon-login:before { - content: "\e611"; -} - -.icon-logout:before { - content: "\e601"; -} - -.icon-setting:before { - content: "\e602"; -} - -.icon-register:before { - content: "\e600"; -} - .avatar { - border-radius: 100%; - float: left; - height: 24px; - margin-right: 9px; - width: 24px; + border-radius: 100%; + float: left; + height: 24px; + margin-right: 9px; + width: 24px; } .avatar-warp { - width: 10%; - padding-right: 10px; - box-sizing: border-box; + width: 10%; + padding-right: 10px; + box-sizing: border-box; } .avatar-48 { - box-shadow: 0 0 2px #ddd; - height: auto; - width: 48px; - margin-right: 10px; - border-radius: 24px; + box-shadow: 0 0 2px #ddd; + height: auto; + width: 48px; + margin-right: 10px; + border-radius: 24px; } .form { - width: 100%; - margin-top: 50px; + width: 100%; + margin-top: 50px; } .form input, .form textarea, .form button { - border: 1px solid #CCCCCC; - background-color: #FAFAFA; - border-radius: 3px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset; - padding: 7px 8px; - width: 100%; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - font-family: "Microsoft Yahei", 'Helvetica'; - outline: none; + border: 1px solid #CCCCCC; + background-color: #FAFAFA; + border-radius: 3px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset; + padding: 7px 8px; + width: 100%; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + font-family: "Microsoft Yahei", 'Helvetica'; + outline: none; } .form button { - width: auto; - vertical-align: bottom; + width: auto; + vertical-align: bottom; } .form input:focus, .form textarea:focus { - background-color: #FFF; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5); - border: 1px solid #51A7E8; + background-color: #FFF; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5); + border: 1px solid #51A7E8; } -.error-msg { - font-size: 1.5rem; - color: #9EABB3; +.error-msg { + font-size: 1.5rem; + color: #9EABB3; } .cmtFromSym { - font-size: 1rem; - color: #9EABB3; + font-size: 1rem; + color: #9EABB3; } + /* end common */ /* start framework */ .main-header { - position: relative; - display: table; - width: 100%; - height: 100vh; - margin-bottom: 5rem; - text-align: center; - background: #222 no-repeat center center; - background-size: cover; - overflow: hidden; - background-image: url('../images/header-bg.jpg'); - min-height: 50vh; + position: relative; + display: table; + width: 100%; + height: 100vh; + margin-bottom: 5rem; + text-align: center; + background: #222 no-repeat center center; + background-size: cover; + overflow: hidden; + background-image: url('../images/header-bg.jpg'); + min-height: 50vh; } .site-wrapper { - position: relative; - z-index: 10; - min-height: 100%; - background: #fff; - -webkit-transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; + position: relative; + z-index: 10; + min-height: 100%; + background: #fff; + -webkit-transition: -webkit-transform 0.5s ease; + transition: transform 0.5s ease; } .nav-opened .site-wrapper { - overflow-x: hidden; - margin-right: 240px; - transition: margin 0.3s ease; + overflow-x: hidden; + margin-right: 240px; + transition: margin 0.3s ease; } + /* end framework */ -/* start header */ -.page-title a { - -webkit-animation: fade-in-down 0.6s; - animation: fade-in-down 0.6s; - -webkit-animation-delay: 0.2s; - animation-delay: 0.2s; - margin: 10px 0 10px 0; - font-size: 5rem; - letter-spacing: -1px; - font-weight: 700; - font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; - color: #fff; - text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9); - text-decoration: none; +/* start header */ +.page-title a { + -webkit-animation: fade-in-down 0.6s; + animation: fade-in-down 0.6s; + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; + margin: 10px 0 10px 0; + font-size: 5rem; + letter-spacing: -1px; + font-weight: 700; + font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; + color: #fff; + text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9); + text-decoration: none; } -.page-description, +.page-description, .page-description a { - -webkit-animation: fade-in-down 0.9s; - animation: fade-in-down 0.9s; - -webkit-animation-delay: 0.1s; - animation-delay: 0.1s; - margin: 0; - font-size: 2rem; - line-height: 1.5em; - font-weight: 400; - letter-spacing: 0.01rem; - color: rgba(255,255,255,0.8); + -webkit-animation: fade-in-down 0.9s; + animation: fade-in-down 0.9s; + -webkit-animation-delay: 0.1s; + animation-delay: 0.1s; + margin: 0; + font-size: 2rem; + line-height: 1.5em; + font-weight: 400; + letter-spacing: 0.01rem; + color: rgba(255, 255, 255, 0.8); } .scroll-down { - display: block; - position: absolute; - z-index: 100; - bottom: 45px; - left: 50%; - margin-left: -16px; - width: 34px; - height: 34px; - font-size: 34px; - text-align: center; - text-decoration: none; - color: rgba(255,255,255,0.7); - -webkit-animation: bounce 4s 2s infinite; - animation: bounce 4s 2s infinite; + display: block; + position: absolute; + z-index: 100; + bottom: 45px; + left: 50%; + margin-left: -16px; + width: 34px; + height: 34px; + font-size: 34px; + text-align: center; + text-decoration: none; + color: rgba(255, 255, 255, 0.7); + -webkit-animation: bounce 4s 2s infinite; + animation: bounce 4s 2s infinite; } .scroll-down:hover { - color: #fff; - -webkit-animation: none; - animation: none; + color: #fff; + -webkit-animation: none; + animation: none; } .menu-button { - position: fixed; - box-sizing: border-box; - display: inline-block; - float: right; - height: 38px; - padding: 0 15px; - opacity: 1; - font-size: 12px; - text-transform: uppercase; - line-height: 46px; - border-radius: 3px; - transition: all 0.5s ease; - right: 20px; - top: 40px; - text-decoration: none; - font-family: 'Open Sans', "Microsoft Yahei", 'Helvetica'; - z-index: 30; - overflow: hidden; - background-color: #111; - border: 1px solid #111; - color: #fff; - cursor: pointer; + position: fixed; + box-sizing: border-box; + display: inline-block; + float: right; + height: 38px; + padding: 0 15px; + opacity: 1; + font-size: 12px; + text-transform: uppercase; + line-height: 46px; + border-radius: 3px; + transition: all 0.5s ease; + right: 20px; + top: 40px; + text-decoration: none; + font-family: 'Open Sans', "Microsoft Yahei", 'Helvetica'; + z-index: 30; + overflow: hidden; + background-color: #111; + border: 1px solid #111; + color: #fff; + cursor: pointer; } .menu-button:hover { - background: #fff; + background: #fff; } .menu-button:focus { - outline: 0; + outline: 0; } .nav-closed .menu-button:hover { - color: #222; + color: #222; } .nav-opened .menu-button { - padding: 0 12px; - background: #111; - border-color: #111; - color: #fff; - -webkit-transform: translate3D(50px, 0, 0); - -ms-transform: translate3D(50px, 0, 0); - transform: translate3D(50px, 0, 0); - transition: all 0.3s ease; - right: 287px; - z-index: 10; - width: 46px; - border-radius: 3px 0 0 3px; + padding: 0 12px; + background: #111; + border-color: #111; + color: #fff; + -webkit-transform: translate3D(50px, 0, 0); + -ms-transform: translate3D(50px, 0, 0); + transform: translate3D(50px, 0, 0); + transition: all 0.3s ease; + right: 287px; + z-index: 10; + width: 46px; + border-radius: 3px 0 0 3px; } .menu-button .word { - float: right; - margin: -4px 0 0 10px; + float: right; + margin: -4px 0 0 10px; } .nav { - position: fixed; - top: 0; - right: 0; - bottom: 0; - z-index: 5; - width: 220px; - padding: 10px 10px 0 10px; - opacity: 0; - background: #111; - margin-bottom: 0; - text-align: left; - overflow-y: auto; - color: #FFF; - -webkit-transition: -webkit-transform 0.5s ease, - opacity 0.3s ease 0.7s; - transition: transform 0.5s ease, - opacity 0.3s ease 0.7s; - overflow-x: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + z-index: 5; + width: 220px; + padding: 10px 10px 0 10px; + opacity: 0; + background: #111; + margin-bottom: 0; + text-align: left; + overflow-y: auto; + color: #FFF; + -webkit-transition: -webkit-transform 0.5s ease, + opacity 0.3s ease 0.7s; + transition: transform 0.5s ease, + opacity 0.3s ease 0.7s; + overflow-x: hidden; } .nav ul { - margin: 0; - padding: 0px 0 5%; - list-style: none; - counter-reset: item; + margin: 0; + padding: 0px 0 5%; + list-style: none; + counter-reset: item; } .nav li { - height: 30px; - line-height: 1.4rem; + height: 30px; + line-height: 1.4rem; } .nav li:before { - display: block; - float: right; - padding-right: 4%; - padding-left: 5px; - text-align: right; - font-size: 1.2rem; - vertical-align: bottom; - color: #B8B8B8; - content: counter(item, lower-roman); - counter-increment: item; - line-height: 2.5rem; + display: block; + float: right; + padding-right: 4%; + padding-left: 5px; + text-align: right; + font-size: 1.2rem; + vertical-align: bottom; + color: #B8B8B8; + content: counter(item, lower-roman); + counter-increment: item; + line-height: 2.5rem; } .nav a { - color: #989898; - text-decoration: none; - line-height: 1.4; - font-size: 1.4rem; + color: #989898; + text-decoration: none; + line-height: 1.4; + font-size: 1.4rem; } .nav a:hover, .nav a.current { - color: #FFF; + color: #FFF; } .nav li a { - display: block; - padding: 0.6rem 4%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + display: block; + padding: 0.6rem 4%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .nav li a:after { - display: inline-block; - content: " ......................................................."; - color: rgba(255,255,255,0.2); - margin-left: 5px; + display: inline-block; + content: " ......................................................."; + color: rgba(255, 255, 255, 0.2); + margin-left: 5px; } .nav .count { - position: absolute; - bottom: 10px; - font-size: 1rem; - width: 100%; - word-wrap: normal; - word-break: break-all; - white-space: nowrap; + position: absolute; + bottom: 10px; + font-size: 1rem; + width: 100%; + word-wrap: normal; + word-break: break-all; + white-space: nowrap; } .nav .b3-solo-list li.current a { - color: #fff; + color: #fff; } .nav .page-icon { - float: left; - height: 14px; - width: 14px; - margin: 3px 4px 0 0; + float: left; + height: 14px; + width: 14px; + margin: 3px 4px 0 0; } body.nav-closed .nav { - -webkit-transform: translate3D(97px, 0, 0); - -ms-transform: translate3D(97px, 0, 0); - transform: translate3D(97px, 0, 0); + -webkit-transform: translate3D(97px, 0, 0); + -ms-transform: translate3D(97px, 0, 0); + transform: translate3D(97px, 0, 0); } body.nav-opened .nav { - opacity: 1; - -webkit-transition: -webkit-transform 0.3s ease, - opacity 0s ease 0s; - transition: transform 0.3s ease, - opacity 0s ease 0s; - -webkit-transform: translate3D(0, 0, 0); - -ms-transform: translate3D(0, 0, 0); - transform: translate3D(0, 0, 0); + opacity: 1; + -webkit-transition: -webkit-transform 0.3s ease, + opacity 0s ease 0s; + transition: transform 0.3s ease, + opacity 0s ease 0s; + -webkit-transform: translate3D(0, 0, 0); + -ms-transform: translate3D(0, 0, 0); + transform: translate3D(0, 0, 0); } + /* end header */ /* start article */ article.post { + position: relative; + margin: 4rem auto; + padding-bottom: 4rem; + border-bottom: #EBF2F6 1px solid; + word-wrap: break-word; + width: 80%; + + .share { position: relative; - margin: 4rem auto; - padding-bottom: 4rem; - border-bottom: #EBF2F6 1px solid; - word-wrap: break-word; - width: 80%; + canvas { + position: absolute; + left: 0; + top: 36px; + } + } } article.post:after { - display: block; - content: ""; - width: 7px; - height: 7px; - border: #E7EEF2 1px solid; - position: absolute; - bottom: -5px; - left: 50%; - margin-left: -5px; - background: #FFF; - border-radius: 100%; - box-shadow: #FFF 0 0 0 5px; + display: block; + content: ""; + width: 7px; + height: 7px; + border: #E7EEF2 1px solid; + position: absolute; + bottom: -5px; + left: 50%; + margin-left: -5px; + background: #FFF; + border-radius: 100%; + box-shadow: #FFF 0 0 0 5px; } .post-title a { - text-decoration: none; + text-decoration: none; } .post-tip { - display: inline-block; - text-transform: uppercase; - font-size: 1.3rem; - white-space: nowrap; - color: #9EABB3; + display: inline-block; + text-transform: uppercase; + font-size: 1.3rem; + white-space: nowrap; + color: #9EABB3; } .post-excerpt p { - margin: 0; - font-size: 0.9em; - line-height: 1.7em; + margin: 0; + font-size: 0.9em; + line-height: 1.7em; } .post-meta { - color: #9eabb3; - font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; - font-size: 1.5rem; - line-height: 2.2rem; - margin: 1.75rem 0 0 0; + color: #9eabb3; + font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; + font-size: 1.5rem; + line-height: 2.2rem; + margin: 1.75rem 0 0 0; } .post-meta a { - color: #9EABB3; - text-decoration: none; + color: #9EABB3; + text-decoration: none; } .post-meta a:hover { - text-decoration: underline; + text-decoration: underline; } .post-meta time { - border-left: 1px solid #d5dbde; - display: inline-block; - font-size: 1.3rem; - margin-left: 8px; - padding-left: 12px; - text-transform: uppercase; - white-space: nowrap; + border-left: 1px solid #d5dbde; + display: inline-block; + font-size: 1.3rem; + margin-left: 8px; + padding-left: 12px; + text-transform: uppercase; + white-space: nowrap; } .post-author { - box-sizing: border-box; - display: block; - position: absolute; - bottom: -57px; - left: 50%; - margin-left: -40px; - width: 80px; - height: 80px; - border-radius: 100%; - overflow: hidden; - padding: 6px; - background: #fff; - z-index: 2; - box-shadow: #E7EEF2 0 0 0 1px; + box-sizing: border-box; + display: block; + position: absolute; + bottom: -57px; + left: 50%; + margin-left: -40px; + width: 80px; + height: 80px; + border-radius: 100%; + overflow: hidden; + padding: 6px; + background: #fff; + z-index: 2; + box-shadow: #E7EEF2 0 0 0 1px; } .post-author a { - background-size: cover; - background-position: center center; - width: 68px; - height: 68px; - display: block; - border-radius: 35px; + background-size: cover; + background-position: center center; + width: 68px; + height: 68px; + display: block; + border-radius: 35px; } .share .icon { - cursor: pointer; - transition: all 0.2s ease-out 0s; - display: inline-block; - font-size: 16px; - margin-top: 15px; + cursor: pointer; + transition: all 0.2s ease-out 0s; + display: inline-block; + font-size: 16px; + margin-top: 15px; } .share .icon:hover { - transform: rotate(360deg); - color: #9EABB3; + transform: rotate(360deg); + color: #9EABB3; } .icon-weibo:before { - content: "\e605"; + content: "\e605"; } .icon-twitter:before { - content: "\e60b"; + content: "\e60b"; } .icon-tencent:before { - content: "\e60d"; + content: "\e60d"; } .icon-google:before { - content: "\e603"; + content: "\e603"; } .icon-gotop:before { - content: "\E60A"; - font-weight: bold; + content: "\E60A"; + font-weight: bold; } .icon-gotop { - cursor: pointer; - position: fixed; - bottom: 30px; - right: 30px; - -webkit-animation: upbounce 4s 2s infinite; - animation: upbounce 4s 2s infinite; - text-decoration: none; - z-index: 10; + cursor: pointer; + position: fixed; + bottom: 30px; + right: 30px; + -webkit-animation: upbounce 4s 2s infinite; + animation: upbounce 4s 2s infinite; + text-decoration: none; + z-index: 10; } .icon-gotop:hover { - color: #B8B8B8; - -webkit-animation: none; - animation: none; + color: #B8B8B8; + -webkit-animation: none; + animation: none; } .pagination { - font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; - font-size: 1.3rem; - color: #9eabb3; - text-align: center; + font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; + font-size: 1.3rem; + color: #9eabb3; + text-align: center; } .pagination a { - color: #9EABB3; - transition: all 0.2s ease; - padding: 0 15px; - border: #bfc8cd 1px solid; - text-decoration: none; - display: inline-block; - border-radius: 4px; + color: #9EABB3; + transition: all 0.2s ease; + padding: 0 15px; + border: #bfc8cd 1px solid; + text-decoration: none; + display: inline-block; + border-radius: 4px; } .pagination a:hover { - border-color: #98a0a4; - color: #889093; + border-color: #98a0a4; + color: #889093; } ul.comments { - padding: 0; - list-style: none; - margin-top: 100px; - position: relative; + padding: 0; + list-style: none; + margin-top: 100px; + position: relative; } .comments li { - padding: 10px; - white-space: normal; - word-wrap: break-word; - position: relative; - border-bottom: #EBF2F6 1px solid; + padding: 10px; + white-space: normal; + word-wrap: break-word; + position: relative; + border-bottom: #EBF2F6 1px solid; } .comments li:hover { - background-color: #F7F7F7; + background-color: #F7F7F7; } .comments li img { - vertical-align: sub; + vertical-align: sub; } .comments .comment-content { - margin: 8px 0 0; + margin: 8px 0 0; } .comments li.comment-body-ref { - position: absolute; - z-index: 10; - background-color: #EBF2F6; - border: #d5dbde 1px solid; - width: 86%; - left: 69px; + position: absolute; + z-index: 10; + background-color: #EBF2F6; + border: #d5dbde 1px solid; + width: 86%; + left: 69px; } .comments .post-meta { - margin-top: 0; + margin-top: 0; } -#captcha, +#captcha, #captchaReply { - height: 27px; - display: inline-block; - vertical-align: inherit; + height: 27px; + display: inline-block; + vertical-align: inherit; } .read-next { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - -ms-flex-align: stretch; - align-items: stretch; - margin-top: 10rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + align-items: stretch; + margin-top: 10rem; } .read-next-story { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - min-width: 50%; - text-decoration: none; - position: relative; - text-align: center; - color: #fff; - background: #222 no-repeat center center; - background-size: cover; - overflow: hidden; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + min-width: 50%; + text-decoration: none; + position: relative; + text-align: center; + color: #fff; + background: #222 no-repeat center center; + background-size: cover; + overflow: hidden; } + .read-next-story a { - color: #BBB; + color: #BBB; } .read-next-story a:hover { - color: #FFF; + color: #FFF; } + .read-next-story:hover:before { - background: rgba(0,0,0,0.8); - transition: all 0.2s ease; + background: rgba(0, 0, 0, 0.8); + transition: all 0.2s ease; } + .read-next-story:hover .post:before { - color: #222; - background: #fff; - transition: all 0.2s ease; + color: #222; + background: #fff; + transition: all 0.2s ease; } .read-next-story:before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: rgba(0,0,0,0.7); - transition: all 0.5s ease; + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(0, 0, 0, 0.7); + transition: all 0.5s ease; } .read-next-story .post { - padding-top: 6rem; - padding-bottom: 6rem; - width: 80%; - position: relative; - margin: 0 auto; + padding-top: 6rem; + padding-bottom: 6rem; + width: 80%; + position: relative; + margin: 0 auto; } .read-next-story .post:before { - content: "Read This Next"; - padding: 4px 10px 5px; - text-transform: uppercase; - font-size: 1.1rem; - font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; - color: rgba(255,255,255,0.8); - border: 1px solid rgba(255,255,255,0.5); - border-radius: 4px; - transition: all 0.5s ease; + content: "Read This Next"; + padding: 4px 10px 5px; + text-transform: uppercase; + font-size: 1.1rem; + font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; + color: rgba(255, 255, 255, 0.8); + border: 1px solid rgba(255, 255, 255, 0.5); + border-radius: 4px; + transition: all 0.5s ease; } + .read-next-story.prev .post:before { - content: "Read This Before"; + content: "Read This Before"; } .read-next-story h2 { - margin-top: 1rem; - color: #fff; + margin-top: 1rem; + color: #fff; } .read-next-story p { - margin: 0; - color: rgba(255,255,255,0.8); + margin: 0; + color: rgba(255, 255, 255, 0.8); } .read-next + .site-footer { - position: absolute; - bottom: 0; - left: 0; - right: 0; - margin: 0; + position: absolute; + bottom: 0; + left: 0; + right: 0; + margin: 0; } + /* end article */ /* start tags */ #tags { - padding: 0; + padding: 0; } #tags li { - list-style: none; - float: left; + list-style: none; + float: left; } #tags li a { - border: 1px solid #4A4A4A; - display: inline-block; - padding: 10px; - margin: 1rem; - border-radius: 5px; - text-decoration: none; + border: 1px solid #4A4A4A; + display: inline-block; + padding: 10px; + margin: 1rem; + border-radius: 5px; + text-decoration: none; } #tags li a:hover { - border: 1px solid #FFF; - color: #FFF; - background-color: #4A4A4A; + border: 1px solid #FFF; + color: #FFF; + background-color: #4A4A4A; } + /* end tags */ /* start dynamic */ .dynamic .read-next-story > div { - position: relative; - width: 60%; - margin: 50px auto; - text-align: left; + position: relative; + width: 60%; + margin: 50px auto; + text-align: left; } .dynamic a { - text-decoration: none; - margin: 0; - color: rgba(255,255,255,0.8); + text-decoration: none; + margin: 0; + color: rgba(255, 255, 255, 0.8); } .dynamic a:hover { - color: rgba(255,255,255,0.5); + color: rgba(255, 255, 255, 0.5); } + /* end dynamic */ /* start footer */ .site-footer { - position: relative; - margin: 8rem 0 0 0; - padding: 1rem 15px; - font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; - font-size: 1rem; - line-height: 1.75em; - color: #BBC7CC; + position: relative; + margin: 8rem 0 0 0; + padding: 1rem 15px; + font-family: "Open Sans", "Microsoft Yahei", 'Helvetica'; + font-size: 1rem; + line-height: 1.75em; + color: #BBC7CC; } .site-footer a { - color: #BBC7CC; - font-weight: bold; - text-decoration: none; + color: #BBC7CC; + font-weight: bold; + text-decoration: none; } .site-footer a:hover { - text-decoration: underline; + text-decoration: underline; } + /* end footer */ @media only screen and (max-width: 900px) { - blockquote { - margin-left: 0; - } + blockquote { + margin-left: 0; + } - .main-header { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - height: auto; - min-height: 240px; - height: 60vh; - padding: 15% 0; - } + .main-header { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + height: auto; + min-height: 240px; + height: 60vh; + padding: 15% 0; + } - .scroll-down { - display: none; - } + .scroll-down { + display: none; + } - .page-title, - .page-title a { - font-size: 4rem; - letter-spacing: -1px; - } + .page-title, + .page-title a { + font-size: 4rem; + letter-spacing: -1px; + } - .page-description, - .page-description a { - font-size: 1.8rem; - line-height: 1.5em; - } + .page-description, + .page-description a { + font-size: 1.8rem; + line-height: 1.5em; + } - .post { - font-size: 0.95em - } + .post { + font-size: 0.95em + } - hr { - margin: 2.4em 0; - } + hr { + margin: 2.4em 0; + } - ol, ul { - padding-left: 2em; - } + ol, ul { + padding-left: 2em; + } - h1 { - font-size: 4.5rem; - text-indent: -2px; - } + h1 { + font-size: 4.5rem; + text-indent: -2px; + } - h2 { - font-size: 3.6rem; - } + h2 { + font-size: 3.6rem; + } - h3 { - font-size: 3.1rem; - } + h3 { + font-size: 3.1rem; + } - h4 { - font-size: 2.5rem; - } + h4 { + font-size: 2.5rem; + } - h5 { - font-size: 2.2rem; - } + h5 { + font-size: 2.2rem; + } - h6 { - font-size: 1.8rem; - } + h6 { + font-size: 1.8rem; + } - .read-next { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-top: 4rem; - } + .read-next { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 4rem; + } } @media only screen and (max-width: 500px) { - .main-header { - margin-bottom: 15px; - height: 40vh; - } + .main-header { + margin-bottom: 15px; + height: 40vh; + } - .pagination { - width: auto; - margin: 2rem auto; - } + .pagination { + width: auto; + margin: 2rem auto; + } - .post { - width: auto; - margin-top: 2rem; - margin-bottom: 2rem; - margin-left: 16px; - margin-right: 16px; - padding-bottom: 2rem; - line-height: 1.65em; - } + .post { + width: auto; + margin-top: 2rem; + margin-bottom: 2rem; + margin-left: 16px; + margin-right: 16px; + padding-bottom: 2rem; + line-height: 1.65em; + } - hr { - margin: 1.75em 0; - } + hr { + margin: 1.75em 0; + } - p, ul, ol, dl { - font-size: 0.95em; - margin: 0 0 2.5rem 0; - } + p, ul, ol, dl { + font-size: 0.95em; + margin: 0 0 2.5rem 0; + } - .page-title, - .page-title a { - font-size: 3rem; - } + .page-title, + .page-title a { + font-size: 3rem; + } - .post-excerpt p { - font-size: 0.85em; - } + .post-excerpt p { + font-size: 0.85em; + } - .page-description, - .page-description a { - font-size: 1.6rem; - } + .page-description, + .page-description a { + font-size: 1.6rem; + } - h1, h2, h3, - h4, h5, h6 { - margin: 0 0 0.3em 0; - } + h1, h2, h3, + h4, h5, h6 { + margin: 0 0 0.3em 0; + } - h1 { - font-size: 2.8rem; - letter-spacing: -1px; - } + h1 { + font-size: 2.8rem; + letter-spacing: -1px; + } - h2 { - font-size: 2.4rem; - letter-spacing: 0; - } + h2 { + font-size: 2.4rem; + letter-spacing: 0; + } - h3 { - font-size: 2.1rem; - } + h3 { + font-size: 2.1rem; + } - h4 { - font-size: 1.9rem; - } + h4 { + font-size: 1.9rem; + } - h5 { - font-size: 1.8rem; - } + h5 { + font-size: 1.8rem; + } - h6 { - font-size: 1.8rem; - } + h6 { + font-size: 1.8rem; + } - .post-content img { - padding: 0; - width: calc(100% + 32px); /* expand with to image + margins */ - min-width: 0; - max-width: 112%; /* fallback when calc doesn't work */ - } + .post-content img { + padding: 0; + width: calc(100% + 32px); /* expand with to image + margins */ + min-width: 0; + max-width: 112%; /* fallback when calc doesn't work */ + } - .post-meta { - font-size: 1.3rem; - margin-top: 1rem; - } + .post-meta { + font-size: 1.3rem; + margin-top: 1rem; + } - .site-footer { - margin-top: 3rem; - } + .site-footer { + margin-top: 3rem; + } - .read-next { - margin-top: 2rem; - margin-bottom: -37px; - } + .read-next { + margin-top: 2rem; + margin-bottom: -37px; + } - .read-next .post { - width: 100%; - } + .read-next .post { + width: 100%; + } - .menu-button { - border: 0; - top: 0; - right: 0; - } + .menu-button { + border: 0; + top: 0; + right: 0; + } - .nav-closed .menu-button:hover { - color: #FFF; - background-color: transparent; - } + .nav-closed .menu-button:hover { + color: #FFF; + background-color: transparent; + } - .post-author { - width: 40px; - height: 40px; - bottom: -37px; - padding: 3px; - margin-left: -20px; - } + .post-author { + width: 40px; + height: 40px; + bottom: -37px; + padding: 3px; + margin-left: -20px; + } - .post-author a { - width: 34px; - height: 34px; - display: block; - border-radius: 17px; - } - - .nav .count { - line-height: 1.5rem; - } - - #tags li a { - padding: 0 5px; - } + .post-author a { + width: 34px; + height: 34px; + display: block; + border-radius: 17px; + } + + .nav .count { + line-height: 1.5rem; + } + + #tags li a { + padding: 0 5px; + } } diff --git a/Finding/css/fonts/icomoon.eot b/Finding/css/fonts/icomoon.eot old mode 100644 new mode 100755 index a903f4f018a7c27e5e05e639d852a7d904523228..5466d987a079196690aab5df26788898ffb54e6c GIT binary patch delta 1477 zcmZ`&U2GIp6h3$E{4d=fc6Mfern}qyn|9l7xBD}rrEFJOwpt)qpahArY(UzCR;n}+ zk))Uyh=~u%U5rmuD-Ms0)UUv_U)fvs@e1aSR4`&{FI^8M{5K-UWT%~>SGUF-qGUm{M;&MzJvIZJ*+{0rjR z+~NHVWv{jmz&+~t=Nm^CAd-Vmkw6mS&o}0udwW8{4ek?o$jODnM;3vi2fU)=2TGgv z0rJZDEFu*Pqrd}!c#~;zO;^+R1HH%HliGi@+s+>30eKmD_=hL$n_)K0gj%6rHJ3fW z#4c}RJ|kq@Ue6ANjT|vD<&sq)mRT%lQKG2IQ-KD!oO|f)0IP!Y0@SOK=vh;T8E#_JGnk%Q8DB zmrI>G>^eW9t@({ihcWV|mG6YuZ}3~=YG;!`J}l)1Yl`2m)CO~<(qOLUR}_COH)#LJ z7nJ_~LmNiQ!>0L6JT6G3_3KBCUVA{WlBrZtk^|%`#^cV#qRB+GJL_^W)axzAdlJcr zo|Yv0xL_%XL{^em*0nC*Yiyhz*VK*CsQrnsK~e&ni-j8AZ&@ry_uyT65`4g?sKuUw zS@xAONvbM;tM`;Xvn@I_Kxh_d9puiBnV0Okm@jD zD0S@}B}8(m4|!;p9P0PM<%;VDvqVtiHeH1$u@Wx7 zrl*mv5J$N*&5>k+7bxfSQq?$$AGKhmxhN?X9Muh4A;bAjGmLaTlg=QgsTy;?^|`7} zKKe*qA_7YpB66(@rx=mrMCMfM0w-dfED^R7y2P?FOR^-(U>JuVQc+T&(6QN>b0k04 zx+xb+@6H^2mXVv33YaK!hm|;vCowX~@;uwR6eB#xN$j203MW&_T)9FBLn!79yCRb0 zLpi?FWFpCKLINl{577RWU8Xj;K!YSK4Z&VGig!ohu@BgWg8An?Y%wxCul_B1{XhEI4rw2XZuqUXW(zT#r1T~!;>ed`e z>wZgCWROwW$VmCc8;d!y5nYc= zSF02CYPF$vGnaxo9;NH8drnGkI826vlmDT9A|xDsdc$Z<9Z(4A5}r7&$6|HE$WA1KDMJho>Bpad!Z16s;evibk9W`@Ba>*O@)c9CMqh ibcNl+e!-pKE^_ysOyGl6keocg*suEhm+yEkkUs&5{Tq@1 delta 1679 zcmYjROKcle6n&rhd2EkAneo_h;@C5ZojAcsJ@z+%?!4ZFYe(CsIyIl9d9)}{As%OqFBMJ!ef9v3g z(!2HozBp3_D-4ZMBp{69t8|rJb+39?1Ha=ncFomTZ#0}JKoB5e6G58@Zv4{9w9-f; z@-T8=^@^g%Lnds0Dg^eM)h1X+PkvU$1J)~~@C$eTfpeuS_&l`C|F>uy2G7x7LI8E1T$y7UrU_OIW zG0ega3-ZOVk+7WXsnE}3d)%CEY)h1y+DeeW=gRBPmgY#hT8y8qPERhGTMOxQcuXzl zD8;GrT-~a}dT`g@?vtaUAovCINiB77%ZIr6-E>dn<+QrJs<~?ihjEZ#LiQ6%2*nyX zf1r1AtA@$B*}gqP8phrG#^#Qcy3FlLb<{kRNF<}-l7C=fmq+!?m2sn9AF0M);FQeq;Zfd| z>nu*$EnFcoZnP-)4r$Mf=-O~PL}=XDuIYuYpuNNuq;fjQFzUe6$kCloj1=uUH_Y_x zI9|3NaQWzdXa+7-3CJO%d3|unG$c1^G{tKqM(y)_QZFulaHjmCDYl4%C(`+Se!<6k z6tS?&-z6tfZg*^A<|+F&-%a1WG-Ln8N9jmks~r&38oPN2K4hXL^d|Zg3T_Z-vnCtj zda;&FB`r7+Txc@J$cBJjI(Q|_OH^%vzYGQ#sAgm>;CqJXngo0gsUeQ%9Q6NhK*x@& z_9y~a3Tq=l!GuZ>;gHs;65@1K)|4jPWaQ&QPFT#T2#crpD%Sd}RjF9ys#SS#6?+6K zcrfQ}OUhEzOKE>1(cho&s-ipMiF7I)b6u*nd0j3-d@gs$(=%S^=qQZ$q{q#;+s&|o z5MU&4vQ#m$l~U5t_zQpBXC%Xs(>d4~fu$nDV9M}Rj;GTVS&64TtrE*)p8Ez9ft{F^ zc{gQUOwc0;dN2SDi5w$x(Y+=MamYGQJ7BHPj8rNk?Jh0mDqlP~-L7a}!S8Z9)%peA zn+m38j~vTlm{-InxI}mw%`pMv!O`K20&POGt%L24+RQo{w_=_TFB-XI1a{ubK|Sb} zb#u_C+>!3B$Q;YFT`a#JV}|1BUd^M5gb1AhXjAC)^CET0?!J;tT+FSc@FTIOy#JO) z!#h()eZ_x}+nKrueW&05?XhlLqifU|*8(Dr7e0&-U1_W!#589wU9(@2@_Q7B7C{{C zND-tLWE5l{$V@X-WT{2#Wu BHd+7x diff --git a/Finding/css/fonts/icomoon.svg b/Finding/css/fonts/icomoon.svg old mode 100644 new mode 100755 index cdc0a71..c8ea0bd --- a/Finding/css/fonts/icomoon.svg +++ b/Finding/css/fonts/icomoon.svg @@ -10,14 +10,14 @@ - - + + \ No newline at end of file diff --git a/Finding/css/fonts/icomoon.ttf b/Finding/css/fonts/icomoon.ttf old mode 100644 new mode 100755 index 5c6fb9234a113d96e829df672f6ea832e9651ec8..cd501607f4baf78ea99996aeea5879dd12bab3d2 GIT binary patch delta 1475 zcmZ`(TWl0n7(V};x$Mlcm$I`ndzrm-Z_{q+cDt8ZEoHl;ON#|U+EP**V%czM6I!U! zhl(cU!GMp@kwi&N)PxAZfRQ&N(ioo&4@SXP;))>w6NL!suK#RR#Ke>QbI$jj|NQ6w zzjMy~)P6C#On?w#CnpId+1=wkIoC#yADPe4_8*w9E!@8H)l__=a&gGm&sS77nHDc80p$ z`DlAA9@LVeXx`#Wax9h>MV7U1$ad&kriWE!OE_$Xgw3Mt-ImW)u|9L3Pz+CEG3_zl z+a@dd_MA~{E2QF7k^h$OBO%7G=WE^+Qd~H^xOcDlSO{^69=+CjgOz|O6xIz zWII%PfuYns)ej)rmEkV6(~}BEHaQ$r^hkp>&Bw{EP>+i`B!5>MxprQ<%`5|o+@x#d z1=l(dVBV5;fRKP%~2dv0(JVaoW<$1PoH3B@xiR^>MDko9OT)z&$0L7RA zdr%bHP>vr|2}H>W;6>GWLYm*PE7ZhCt&%ud?jciT32R5;@f`3Na>l>M^nZAiCm#Fj z7AmR}K}r`&>lg0Xr=Wt&3#x9pw65c`v&&xCq4`u@SA7~>(tNH!z~$3UYpPGzeX0gW zLaIfnp|>Sj8mUyKwV=RD9!Ve6&vfdMNP2_4J^J#FofEsZ4K1W}2aJskL|=&vL@eK+ zrUj=fm64%JrKW|Lt3D04(zM1SE2KLRfL`C|f2f}U0)ZDd_g9roGJr$a{<;>44C#7$ zWGluCD#|XSSZ>@HI+2+jusMCc(Nd{gE|o@o*sL+$>jlT}iF==~Oia7_9}+ujy=8K1 zbz?WJIo9^t+w#jCiY*w1IDWy%5uD#fVrWa_| zt~S+b!4-x2B84)D3ZhR+ZN-+>hdfvb3ZhR6YEkHeqC~VW3L20$UC(Sv>(77wGv7IL zF8}b&xfK61(Lfj>3Q@S7*Vz%SG90ly8n`$TQ&><}g0fL8!l z7Ec`+n^)=)Na$mn7i#lo>nMuA>FWg?e`>yV^sVjUUBDAiGmyXs!`t_FU`YwViXTyHj=An+jYxLO|c(1V-5v@`8A(u~}X z+*Q3Umy3r?*beyB8}H&TFy3k(qgg3K3VDkdxfoGoiP%@^fHYZ%#|x8veH+^Ti}p6U zOu!RnSC=^fcC*VV%ORz?LhsPm5sN}-2bx32&(7+uNV;B%pRP|&)yyr$bUHk)R`QhM zRAp}2T84e^w!hOSM_q#87tANL)c#E$;nuqDo-D{|b*!$r8~cZGkYGag5=scg8hLJC z|I`)@lQXjeJBKukd-sgb9V+*jV@iG0Jdj8vqv5iDaACVg^~_apb9s4WdHKGI+p-;j zxDO{fMn7wlml%Ozgz20eY+5`x%8U8# z(k}ZHTZ~K?Z3@0cIx{1>Hk=L-8aKu?z1S19zhaA0B^_iKb#T|n;cbtNlx&$BX8ImK zTCuBK0q?ahaA5+Rxx#5AM(uC8BrPp{Xy4~L>Ez6lcAW2}@1LKsck)p>GSF_`(%7$Z&YThPZyLB~wWYu8E5+8W_0{P(}x3L<2lFse`4#{F*P1U0QF#RBq*9t2_hUOI#oiPuF9Iya<^#qsE`vD zb1K5->7A;zK5JF07P)Ly?_I_ofeIeXc{`G_6!lV?O(e3}gjaRBBc4dN!ZBB+Mu%4v z3Gs>Ukf(2=*ws~>=u1zSakrac1tGvl-ekFIV?e7aN7yn z?dM%ol-&bmnTX7dm-!!oRi1y#qv36-!@kl#$n6YLguc`7{`N>Wuh2E>j9>u~#|jI^ zK3!?9AjGuhDP6Nyy@eSCqFo@4cBBN-4>Ag}2V|xd>q0V$q3h@eycz#WZjnFe0`n~M e4%^NC#0lJfCpQY9Pm$Pqo4_D#yYY(j9{vxmgEFN6 diff --git a/Finding/css/fonts/icomoon.woff b/Finding/css/fonts/icomoon.woff old mode 100644 new mode 100755 index a91d43fd114635fb7414d398217b731830fa086d..4760b9133320eddd88457f73b4dbd673e5379655 GIT binary patch delta 1501 zcmZ`(U2GIp6uxKf{7<_(rL!~B-RbUjySvkF+wHd9AB3`9Wm&XPNed-NjJ4sXHMD}# zL_|z|FyJG0Ai)G5d>~>pVC)+K*%%*<@xciC;0wu$!N7xn3cBl=DT0`IlW*=l-~H~n z_ndp~T#Vh0YOignR0t4k>H<-`zRT%oG2iWNU2NMmKYf4@m__<+7vG;dac5@wpv(P& zw)g<*%-rjHk-JTZ;^9K=$_KN1rgsz4d>u7;7uxlkwOJ$y@kP;&yAZdryJzPY4k1@Y z+ryfZaDQ(9F4R5id*>gaw$pfVe)K@5A zcp|4_%O&F7-H*o30Nb@y_2=UWWaD|&?^pA2R3zegzv>=GB!Nbi-k>LmMY=JY>&Z5< zNKTT=7&7m94`|+Ag}k?OF6*7cxyh|DR_5)b$Jm*CA>&D$EWbIbdy544G@I@#YptzX zxi6i~_NB|Mn$}uQ_cq<$M}8e zNVqc=Zcix+LsfMs+7asvSqVvU;zB`-#Zr>QvPx5?%U(CN(a_h0!_G^>T1g9R7#ei% z+&L@cV2AUgU~((D`dx_eD~EF|F=>ax3){EvFTa_WTjkYzQ@IIM^b1V^xiG3Gv<_QQ z!tumpf4{Rw?Bcd=J=&9Uj*B5K9O-RtcFu{$@^$$Nvj~{N2Cb53Flk(7C0%x+2yS8$ zG!30GUZ9+NRl31Z{OE&)1Q&*(K{u&3Ey6&?JDr`#Boj&G4BcSv)xXyD@h4VSBoJ82 zfXLO)9AiX|6PaW6Gn@zvWkJ{ibdhCc7E+L6P{!d0idwv_?eOf(`;eKdUz3NjAI|K3 zfst#J3g{?#i@n&B>H9mo5P?K+$JV2}x25rOHo+43g{v z2w+ZmLK;7?OVq(fZIDi~*iUv6d}xqOVx$30$GHAIrvJlZdOBkdYD_nLXe4c+uu@Ks z7rFr&FBrBf@rv#7*~I{CvP{Fa4by^;EYlwh`c3PYWtg^Y8W!wpH(bhSKP7AOXsI-1 zg#;e&+g@)U@3te6RFl#XePz?;$*~QU14+9XCMHIruSP~9t~O*@p{Y`7v{EWfTkXtw z)55JRtA5vYsRn~EV2=NX`V}A;d~WSVnuVv2SdmD@wo{`|qQ8)?kL7d4`sK>u z^z4Y}GtKcrp;#;w#!YPQ7_0VT^Pf-M_cOmm8CDbpSDp=s}ba;3}}6Kuo$?A`^{-$!Fv$RG1yi9CMTE Z^fbGJ{f2vsJImd3eUlbaT|VNk!r!o%AgcfX delta 1690 zcmYjSS!^3c7@lKKAL}E#KH~UVJ9gs)JN4S@HnF#{deB6@A~m6grnFEA z^Hg3C5?T;cLWl=IqD8c7d9cKx2qeT)`vR4a`Tzojqc1#^R47f&zfMUR%{TwdKl2|u z^Udtt*cYmNcITEY2qP$-GO}CJ{g*lI?lK#0=8b;2={hnu-9QM>z|3nFF2DYH7;`OtPWg^r__5Gs{%u?Khg^mLY{Q=C6S z{kT|2CE_Z_8(15n>-j_kD>BDR(E9wV{dit4dJ;;am?&yRP0?^(*Ro)zmpC<{HdE;^ z24g;p(-F)<3l;oDuogEg?`hx9qdV+eLfaItcBBy}cc*GA&sV2NrcsWaZtR|z(>Inf znZT&OR-hE8Yf~+w1@-=Ici1I|Y=Ynx^rzMI{`H^YPPt|uFUlGJ=7wr-?jOcpf(h9} zC?OQ9ej>oywhV6n!5WPT1VQpt+6h~P!96%H3IrJ*J z0{oDuB1cHcpv6L#m@Q_=AyI3q2ldjRK}?aIkRz1GR|^Mf>2&Qt;h{9ouz6|n;9De|tt8apjE~TmwpmS-dcCH?m84q6%P{`Iot48|AFGtj zDQ=kQd;D0<{D3Ql_CPXlsESASX`SPPL#95tL!*0~N+Q&Z@+n%L|HRzJhw1p|sRSK;|V|`pd zR#WMe0egW<9j<73AMh#xS_$(K^>;xpi(wi_rsWM_dX^+q37GElH+>w>S=0Zge*$+@ zs}{gdsH+Z2Iz$2ki>_7_AD8gUs?wS6aPd(f%Pe9=gv!%9bz^1HsMig0$*AAIgdGAE z9GG+VG*hw^a#EU$$8)*3({Hl}9l@l+F;}D>rzjHQ674=m-&iRcEsgbM#`Kuo&ai^u zVI*g&TG#URYRZ!M8+Xj5r2@f|1!x(8r8b7al;Noy%Vg@Z63aNcC6>oLcM}tV9p5eU zcFKxP#_JG-gx3QZ**M0=g?8yI7$RfeK4WEXrCzUuMKvPU&Y##FR#d0p7Oh0poWMKN z-t^?5BY6xj5^)Kl4K79Jfq;j>l7XxOX+pBy8^RCM%v%z7W1bJpYK2rVFuO_PogBo2 zbXhwGiOSJTe_iHSo@Mzx7&8=ycBu}(jSwN}fh>ijo3~L>whvTgA~M%+@IMmsp5veD zNMLLFu&ewxvNP7RguYKK|Mp0>FViLZE{p|4EG-oHThN8}0z!=Ssv^2%=A~j#0c#t; zk`~Ho$e;8m^8)i8n`D3D1a80O33. + */ +(function(r){r.fn.qrcode=function(h){var s;function u(a){this.mode=s;this.data=a}function o(a,c){this.typeNumber=a;this.errorCorrectLevel=c;this.modules=null;this.moduleCount=0;this.dataCache=null;this.dataList=[]}function q(a,c){if(void 0==a.length)throw Error(a.length+"/"+c);for(var d=0;da||this.moduleCount<=a||0>c||this.moduleCount<=c)throw Error(a+","+c);return this.modules[a][c]},getModuleCount:function(){return this.moduleCount},make:function(){if(1>this.typeNumber){for(var a=1,a=1;40>a;a++){for(var c=p.getRSBlocks(a,this.errorCorrectLevel),d=new t,b=0,e=0;e=d;d++)if(!(-1>=a+d||this.moduleCount<=a+d))for(var b=-1;7>=b;b++)-1>=c+b||this.moduleCount<=c+b||(this.modules[a+d][c+b]= +0<=d&&6>=d&&(0==b||6==b)||0<=b&&6>=b&&(0==d||6==d)||2<=d&&4>=d&&2<=b&&4>=b?!0:!1)},getBestMaskPattern:function(){for(var a=0,c=0,d=0;8>d;d++){this.makeImpl(!0,d);var b=j.getLostPoint(this);if(0==d||a>b)a=b,c=d}return c},createMovieClip:function(a,c,d){a=a.createEmptyMovieClip(c,d);this.make();for(c=0;c=f;f++)for(var i=-2;2>=i;i++)this.modules[b+f][e+i]=-2==f||2==f||-2==i||2==i||0==f&&0==i?!0:!1}},setupTypeNumber:function(a){for(var c= +j.getBCHTypeNumber(this.typeNumber),d=0;18>d;d++){var b=!a&&1==(c>>d&1);this.modules[Math.floor(d/3)][d%3+this.moduleCount-8-3]=b}for(d=0;18>d;d++)b=!a&&1==(c>>d&1),this.modules[d%3+this.moduleCount-8-3][Math.floor(d/3)]=b},setupTypeInfo:function(a,c){for(var d=j.getBCHTypeInfo(this.errorCorrectLevel<<3|c),b=0;15>b;b++){var e=!a&&1==(d>>b&1);6>b?this.modules[b][8]=e:8>b?this.modules[b+1][8]=e:this.modules[this.moduleCount-15+b][8]=e}for(b=0;15>b;b++)e=!a&&1==(d>>b&1),8>b?this.modules[8][this.moduleCount- +b-1]=e:9>b?this.modules[8][15-b-1+1]=e:this.modules[8][15-b-1]=e;this.modules[this.moduleCount-8][8]=!a},mapData:function(a,c){for(var d=-1,b=this.moduleCount-1,e=7,f=0,i=this.moduleCount-1;0g;g++)if(null==this.modules[b][i-g]){var n=!1;f>>e&1));j.getMask(c,b,i-g)&&(n=!n);this.modules[b][i-g]=n;e--; -1==e&&(f++,e=7)}b+=d;if(0>b||this.moduleCount<=b){b-=d;d=-d;break}}}};o.PAD0=236;o.PAD1=17;o.createData=function(a,c,d){for(var c=p.getRSBlocks(a, +c),b=new t,e=0;e8*a)throw Error("code length overflow. ("+b.getLengthInBits()+">"+8*a+")");for(b.getLengthInBits()+4<=8*a&&b.put(0,4);0!=b.getLengthInBits()%8;)b.putBit(!1);for(;!(b.getLengthInBits()>=8*a);){b.put(o.PAD0,8);if(b.getLengthInBits()>=8*a)break;b.put(o.PAD1,8)}return o.createBytes(b,c)};o.createBytes=function(a,c){for(var d= +0,b=0,e=0,f=Array(c.length),i=Array(c.length),g=0;g>>=1;return c},getPatternPosition:function(a){return j.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,c,d){switch(a){case 0:return 0==(c+d)%2;case 1:return 0==c%2;case 2:return 0==d%3;case 3:return 0==(c+d)%3;case 4:return 0==(Math.floor(c/2)+Math.floor(d/3))%2;case 5:return 0==c*d%2+c*d%3;case 6:return 0==(c*d%2+c*d%3)%2;case 7:return 0==(c*d%3+(c+d)%2)%2;default:throw Error("bad maskPattern:"+ +a);}},getErrorCorrectPolynomial:function(a){for(var c=new q([1],0),d=0;dc)switch(a){case 1:return 10;case 2:return 9;case s:return 8;case 8:return 8;default:throw Error("mode:"+a);}else if(27>c)switch(a){case 1:return 12;case 2:return 11;case s:return 16;case 8:return 10;default:throw Error("mode:"+a);}else if(41>c)switch(a){case 1:return 14;case 2:return 13;case s:return 16;case 8:return 12;default:throw Error("mode:"+ +a);}else throw Error("type:"+c);},getLostPoint:function(a){for(var c=a.getModuleCount(),d=0,b=0;b=g;g++)if(!(0>b+g||c<=b+g))for(var h=-1;1>=h;h++)0>e+h||c<=e+h||0==g&&0==h||i==a.isDark(b+g,e+h)&&f++;5a)throw Error("glog("+a+")");return l.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;256<=a;)a-=255;return l.EXP_TABLE[a]},EXP_TABLE:Array(256), +LOG_TABLE:Array(256)},m=0;8>m;m++)l.EXP_TABLE[m]=1<m;m++)l.EXP_TABLE[m]=l.EXP_TABLE[m-4]^l.EXP_TABLE[m-5]^l.EXP_TABLE[m-6]^l.EXP_TABLE[m-8];for(m=0;255>m;m++)l.LOG_TABLE[l.EXP_TABLE[m]]=m;q.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var c=Array(this.getLength()+a.getLength()-1),d=0;d +this.getLength()-a.getLength())return this;for(var c=l.glog(this.get(0))-l.glog(a.get(0)),d=Array(this.getLength()),b=0;b>>7-a%8&1)},put:function(a,c){for(var d=0;d>>c-d-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var c=Math.floor(this.length/8);this.buffer.length<=c&&this.buffer.push(0);a&&(this.buffer[c]|=128>>>this.length%8);this.length++}};"string"===typeof h&&(h={text:h});h=r.extend({},{render:"canvas",width:256,height:256,typeNumber:-1, +correctLevel:2,background:"#ffffff",foreground:"#000000"},h);return this.each(function(){var a;if("canvas"==h.render){a=new o(h.typeNumber,h.correctLevel);a.addData(h.text);a.make();var c=document.createElement("canvas");c.width=h.width;c.height=h.height;for(var d=c.getContext("2d"),b=h.width/a.getModuleCount(),e=h.height/a.getModuleCount(),f=0;f").css("width",h.width+"px").css("height",h.height+"px").css("border","0px").css("border-collapse","collapse").css("background-color",h.background);d=h.width/a.getModuleCount();b=h.height/a.getModuleCount();for(e=0;e").css("height",b+"px").appendTo(c);for(i=0;i").css("width", +d+"px").css("background-color",a.isDark(e,i)?h.foreground:h.background).appendTo(f)}}a=c;jQuery(a).appendTo(this)})}})(jQuery); diff --git a/Finding/js/jquery.qrcode.min.js b/Finding/js/jquery.qrcode.min.js new file mode 100644 index 0000000..fb9e98a --- /dev/null +++ b/Finding/js/jquery.qrcode.min.js @@ -0,0 +1,18 @@ +/* + * Solo - A small and beautiful blogging system written in Java. + * Copyright (c) 2010-2019, b3log.org & hacpai.com + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see . + */ +!function(c){c.fn.qrcode=function(h){var r;function e(t){this.mode=r,this.data=t}function l(t,e){this.typeNumber=t,this.errorCorrectLevel=e,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}function g(t,e){if(null==t.length)throw Error(t.length+"/"+e);for(var r=0;r>r&1);this.modules[Math.floor(r/3)][r%3+this.moduleCount-8-3]=o}for(r=0;r<18;r++)o=!t&&1==(e>>r&1),this.modules[r%3+this.moduleCount-8-3][Math.floor(r/3)]=o},setupTypeInfo:function(t,e){for(var r=d.getBCHTypeInfo(this.errorCorrectLevel<<3|e),o=0;o<15;o++){var n=!t&&1==(r>>o&1);o<6?this.modules[o][8]=n:o<8?this.modules[o+1][8]=n:this.modules[this.moduleCount-15+o][8]=n}for(o=0;o<15;o++)n=!t&&1==(r>>o&1),o<8?this.modules[8][this.moduleCount-o-1]=n:o<9?this.modules[8][15-o-1+1]=n:this.modules[8][15-o-1]=n;this.modules[this.moduleCount-8][8]=!t},mapData:function(t,e){for(var r=-1,o=this.moduleCount-1,n=7,i=0,s=this.moduleCount-1;0>>n&1)),d.getMask(e,o,s-u)&&(a=!a),this.modules[o][s-u]=a,-1==--n&&(i++,n=7)}if((o+=r)<0||this.moduleCount<=o){o-=r,r=-r;break}}}},l.PAD0=236,l.PAD1=17,l.createData=function(t,e,r){e=f.getRSBlocks(t,e);for(var o=new s,n=0;n8*t)throw Error("code length overflow. ("+o.getLengthInBits()+">"+8*t+")");for(o.getLengthInBits()+4<=8*t&&o.put(0,4);0!=o.getLengthInBits()%8;)o.putBit(!1);for(;!(o.getLengthInBits()>=8*t)&&(o.put(l.PAD0,8),!(o.getLengthInBits()>=8*t));)o.put(l.PAD1,8);return l.createBytes(o,e)},l.createBytes=function(t,e){for(var r=0,o=0,n=0,i=Array(e.length),s=Array(e.length),u=0;u>>=1;return e},getPatternPosition:function(t){return d.PATTERN_POSITION_TABLE[t-1]},getMask:function(t,e,r){switch(t){case 0:return 0==(e+r)%2;case 1:return 0==e%2;case 2:return 0==r%3;case 3:return 0==(e+r)%3;case 4:return 0==(Math.floor(e/2)+Math.floor(r/3))%2;case 5:return 0==e*r%2+e*r%3;case 6:return 0==(e*r%2+e*r%3)%2;case 7:return 0==(e*r%3+(e+r)%2)%2;default:throw Error("bad maskPattern:"+t)}},getErrorCorrectPolynomial:function(t){for(var e=new g([1],0),r=0;r>>7-t%8&1)},put:function(t,e){for(var r=0;r>>e-r-1&1))},getLengthInBits:function(){return this.length},putBit:function(t){var e=Math.floor(this.length/8);this.buffer.length<=e&&this.buffer.push(0),t&&(this.buffer[e]|=128>>>this.length%8),this.length++}},"string"==typeof h&&(h={text:h}),h=c.extend({},{render:"canvas",width:256,height:256,typeNumber:-1,correctLevel:2,background:"#ffffff",foreground:"#000000"},h),this.each(function(){var t;if("canvas"==h.render){(t=new l(h.typeNumber,h.correctLevel)).addData(h.text),t.make();var e=document.createElement("canvas");e.width=h.width,e.height=h.height;for(var r=e.getContext("2d"),o=h.width/t.getModuleCount(),n=h.height/t.getModuleCount(),i=0;i").css("width",h.width+"px").css("height",h.height+"px").css("border","0px").css("border-collapse","collapse").css("background-color",h.background),r=h.width/t.getModuleCount(),o=h.height/t.getModuleCount(),n=0;n").css("height",o+"px").appendTo(e),s=0;s").css("width",r+"px").css("background-color",t.isDark(n,s)?h.foreground:h.background).appendTo(i);t=e,jQuery(t).appendTo(this)})}}(jQuery); \ No newline at end of file diff --git a/Medium/article.ftl b/Medium/article.ftl index 0b55776..b3f39d7 100644 --- a/Medium/article.ftl +++ b/Medium/article.ftl @@ -119,8 +119,8 @@     -