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 a903f4f..5466d98 Binary files a/Finding/css/fonts/icomoon.eot and b/Finding/css/fonts/icomoon.eot differ 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 5c6fb92..cd50160 Binary files a/Finding/css/fonts/icomoon.ttf and b/Finding/css/fonts/icomoon.ttf differ diff --git a/Finding/css/fonts/icomoon.woff b/Finding/css/fonts/icomoon.woff old mode 100644 new mode 100755 index a91d43f..4760b91 Binary files a/Finding/css/fonts/icomoon.woff and b/Finding/css/fonts/icomoon.woff differ diff --git a/Finding/css/fonts/selection.json b/Finding/css/fonts/selection.json old mode 100644 new mode 100755 index 95971f1..8426b96 --- a/Finding/css/fonts/selection.json +++ b/Finding/css/fonts/selection.json @@ -1,369 +1 @@ -{ - "IcoMoonType": "selection", - "icons": [ - { - "icon": { - "paths": [ - "M981.333 696.381v167.619q0 20.952-14.667 35.619t-35.619 14.667h-167.619q-20.952 0-35.619-14.667t-14.667-35.619v-167.619q0-20.952 14.667-35.619t35.619-14.667h50.286v-100.571h-268.19v100.571h50.286q20.952 0 35.619 14.667t14.667 35.619v167.619q0 20.952-14.667 35.619t-35.619 14.667h-167.619q-20.952 0-35.619-14.667t-14.667-35.619v-167.619q0-20.952 14.667-35.619t35.619-14.667h50.286v-100.571h-268.19v100.571h50.286q20.952 0 35.619 14.667t14.667 35.619v167.619q0 20.952-14.667 35.619t-35.619 14.667h-167.619q-20.952 0-35.619-14.667t-14.667-35.619v-167.619q0-20.952 14.667-35.619t35.619-14.667h50.286v-100.571q0-27.238 19.904-47.143t47.143-19.904h268.19v-100.571h-50.286q-20.952 0-35.619-14.667t-14.667-35.619v-167.619q0-20.952 14.667-35.619t35.619-14.667h167.619q20.952 0 35.619 14.667t14.667 35.619v167.619q0 20.952-14.667 35.619t-35.619 14.667h-50.286v100.571h268.19q27.238 0 47.143 19.904t19.904 47.143v100.571h50.286q20.952 0 35.619 14.667t14.667 35.619z" - ], - "attrs": [ - {} - ], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "sitemap" - ], - "grid": 14 - }, - "attrs": [ - {} - ], - "properties": { - "order": 1, - "id": 0, - "name": "sitemap", - "prevSize": 32, - "code": 59648 - }, - "setIdx": 0, - "setId": 2, - "iconIdx": 0 - }, - { - "icon": { - "paths": [ - "M260 736h-168c-15.484 0-28 12.516-28 28v168c0 15.484 12.516 28 28 28h168c15.484 0 28-12.516 28-28v-168c0-15.484-12.516-28-28-28zM232 876c0 15.484-12.516 28-28 28h-56c-15.484 0-28-12.516-28-28v-56c0-15.484 12.516-28 28-28h56c15.484 0 28 12.516 28 28v56zM932 792h-504c-15.484 0-28 12.516-28 28v56c0 15.484 12.516 28 28 28h504c15.484 0 28-12.516 28-28v-56c0-15.484-12.516-28-28-28zM932 456h-504c-15.484 0-28 12.516-28 28v56c0 15.484 12.516 28 28 28h504c15.484 0 28-12.516 28-28v-56c0-15.484-12.516-28-28-28zM260 64h-168c-15.484 0-28 12.516-28 28v168c0 15.484 12.516 28 28 28h168c15.484 0 28-40.516 28-56v-140c0-15.484-12.516-28-28-28zM232 204c0 15.484-12.516 28-28 28h-56c-15.484 0-28-12.516-28-28v-56c0-15.484 12.516-28 28-28h56c15.484 0 28 12.516 28 28v56zM260 400h-168c-15.484 0-28 12.516-28 28v168c0 15.484 12.516 28 28 28h168c15.484 0 28-12.516 28-28v-168c0-15.484-12.516-28-28-28zM232 540c0 15.484-12.516 28-28 28h-56c-15.484 0-28-12.516-28-28v-56c0-15.484 12.516-28 28-28h56c15.484 0 28 12.516 28 28v56zM932 120h-504c-15.484 0-28 12.516-28 28v56c0 15.484 12.516 28 28 28h504c15.484 0 28-12.516 28-28v-56c0-15.484-12.516-28-28-28z" - ], - "attrs": [ - {} - ], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "list" - ], - "grid": 16 - }, - "attrs": [ - {} - ], - "properties": { - "order": 20, - "id": 0, - "name": "list", - "prevSize": 32, - "code": 59649 - }, - "setIdx": 1, - "setId": 1, - "iconIdx": 0 - }, - { - "icon": { - "paths": [ - "M358.344 502.486q-76.634 0-130.858-54.222t-54.223-130.858 54.222-130.858 130.858-54.223 130.858 54.223 54.223 130.858-54.222 130.858-130.858 54.222zM821.043 564.18h169.657q6.266 0 10.845 4.579t4.579 10.845v92.54q0 6.266-4.579 10.845t-10.845 4.579h-169.657v169.657q0 6.266-4.579 10.845t-10.845 4.579h-92.54q-6.266 0-10.845-4.579t-4.579-10.845v-169.657h-169.657q-6.266 0-10.845-4.579t-4.579-10.845v-92.54q0-6.266 4.579-10.845t10.845-4.579h169.657v-169.657q0-6.266 4.579-10.844t10.845-4.579h92.54q6.266 0 10.845 4.579t4.579 10.844v169.657zM466.308 672.144q0 25.062 18.315 43.377t43.377 18.315h123.387v114.711q-32.773 24.099-82.419 24.099h-421.251q-58.319 0-93.504-33.257t-35.184-91.575q0-25.545 1.687-49.884t6.749-52.537 12.773-52.294 20.725-46.993 29.883-39.041 41.208-25.785 53.74-9.641q9.158 0 18.797 8.193 38.076 29.401 74.466 44.101t79.286 14.701 79.286-14.701 74.466-44.101q9.641-8.193 18.797-8.193 63.622 0 104.59 46.27h-107.482q-25.062 0-43.377 18.315t-18.315 43.377v92.54z" - ], - "width": 1027, - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 58880, - "grid": 0, - "attrs": [] - }, - "attrs": [], - "properties": { - "id": 1, - "order": 2, - "ligatures": "", - "prevSize": 32, - "code": 58880, - "name": "register" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 0 - }, - { - "icon": { - "paths": [ - "M798.222 677.333v-122.667h-306.667v-122.667h306.667v-122.667l184 184zM736.888 615.999v245.333h-306.667v184l-368-184v-797.333h674.667v306.667h-61.333v-245.333h-490.667l245.333 122.667v552h245.333v-184z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 58881, - "grid": 0, - "attrs": [], - "tags": [ - "" - ] - }, - "attrs": [], - "properties": { - "id": 2, - "order": 3, - "ligatures": "", - "prevSize": 32, - "code": 58881, - "name": "logout" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 1 - }, - { - "icon": { - "paths": [ - "M916.215 627.489c-51.487-89.177-20.524-203.458 69.146-255.384l-96.433-167.030c-27.552 16.152-59.585 25.413-93.769 25.413-103.055 0-186.595-84.090-186.595-187.824h-192.872c0.255 32.018-7.738 64.479-24.876 94.158-51.486 89.179-165.941 119.506-255.743 67.81l-96.431 167.030c27.763 15.786 51.798 38.897 68.891 68.5 51.403 89.037 20.616 203.090-68.72 255.131l96.433 167.030c27.456-16 59.336-25.16 93.342-25.16 102.729 0 186.055 83.559 186.588 186.835h192.868c-0.082-31.696 7.927-63.796 24.884-93.167 51.401-89.035 165.577-119.403 255.313-68.053l96.433-167.028c-27.581-15.78-51.455-38.811-68.458-68.26zM512 732.026c-109.737 0-198.697-88.956-198.697-198.695 0-109.737 88.958-198.695 198.697-198.695 109.737 0 198.693 88.958 198.693 198.695-0.002 109.739-88.956 198.695-198.693 198.695z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 58882, - "grid": 0, - "attrs": [], - "tags": [ - "" - ] - }, - "attrs": [], - "properties": { - "id": 3, - "order": 4, - "ligatures": "", - "prevSize": 32, - "code": 58882, - "name": "setting" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 2 - }, - { - "icon": { - "paths": [ - "M22.106 876.094c-0.234-2.427-0.433-4.859-0.56-7.312 0.125 2.453 0.326 4.886 0.56 7.312zM247.412 584.266c88.176 2.624 147.328-88.836 132.118-204.315-15.232-115.46-99.088-208.119-187.266-210.759-88.192-2.616-147.334 85.754-132.108 201.25 15.22 115.448 99.046 211.192 187.256 213.823zM1002.667 288v-81.755c0-89.968-73.583-163.578-163.547-163.578h-654.212c-88.431 0-161.012 71.139-163.457 159.012 55.93-49.245 133.519-90.386 213.588-90.386 85.583 0 342.359 0 342.359 0l-76.617 64.801h-108.549c72 27.604 110.358 111.286 110.358 197.15 0 72.113-40.068 134.123-96.684 178.219-55.242 43.031-65.715 61.053-65.715 97.633 0 31.221 59.173 84.333 90.114 106.172 90.449 63.766 119.711 122.966 119.711 221.812 0 15.743-1.957 31.462-5.813 46.92h294.919c89.963 0 163.545-73.552 163.545-163.578v-511.087h-184v183.998h-61.333v-184h-183.998v-61.333h183.998v-184h61.333v184h184zM199.474 776.688c20.713 0 39.696-0.565 59.355-0.565-26.015-25.237-46.6-56.158-46.6-94.281 0-22.624 7.249-44.405 17.378-63.748-10.333 0.738-20.882 0.953-31.746 0.953-71.258 0-131.777-23.073-176.529-61.193v64.44l0.006 193.325c51.213-24.317 112.018-38.929 178.135-38.929zM24.611 892.955c-1.066-5.231-1.884-10.547-2.436-15.941 0.55 5.393 1.37 10.71 2.436 15.941zM457.806 955.81c-14.431-56.356-65.602-84.299-136.934-133.753-25.944-8.368-54.523-13.296-85.19-13.616-85.884-0.924-165.895 33.486-211.040 84.69 15.257 74.468 81.491 130.868 160.266 130.868h274.509c1.74-10.664 2.584-21.689 2.584-32.997 0-12.012-1.47-23.759-4.194-35.192z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 58883, - "grid": 0, - "attrs": [] - }, - "attrs": [], - "properties": { - "id": 4, - "order": 5, - "ligatures": "", - "prevSize": 32, - "code": 58883, - "name": "google" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 3 - }, - { - "icon": { - "paths": [ - "M431.713 490.026c-138.186 6.379-249.878 80.393-249.878 172.715 0 92.194 111.717 161.506 249.878 155.051 138.289-6.302 250.215-92.839 250.215-185.033 0-92.115-111.924-149.111-250.215-142.732zM525.869 722.24c-42.328 54.619-126.050 81.269-207.345 37.239-38.711-20.995-37.264-62.211-37.264-62.211s-16.062-130.182 122.925-146.451c139.142-16.115 163.986 116.779 121.685 171.423zM432.64 635.056c-8.911 6.455-10.716 18.801-5.888 26.469 4.648 7.878 15.469 8.78 24.223 2.221 8.6-6.791 11.931-18.619 7.257-26.469-4.598-7.644-15.287-9.865-25.591-2.221zM366.763 652.977c-25.978 2.685-44.547 25.308-44.547 46.949 0 21.693 20.917 36.67 46.845 33.624 25.85-2.944 46.87-22.931 46.87-44.547 0.052-21.693-19.343-38.891-49.17-36.026zM853.245 42.666h-682.544c-82.509 0-149.395 66.886-149.395 149.395v682.544c0 82.509 66.886 149.395 149.395 149.395h682.544c82.509 0 149.395-66.886 149.395-149.395v-682.544c0-82.509-66.861-149.395-149.395-149.395zM805.444 693.963c-56.969 121.013-244.818 179.894-384.037 168.996-132.298-10.408-302.379-54.361-319.966-214.473 0 0-9.296-72.515 60.998-166.336 0 0 101.102-141.184 218.862-181.47 117.863-40.106 131.627 27.761 131.627 67.867-6.275 34.011-17.999 54.025 26.239 40.286 0 0 115.849-53.74 163.547-6.068 38.454 38.479 6.354 91.444 6.354 91.444s-15.96 17.637 16.89 23.991c32.926 6.586 136.43 54.543 79.488 175.762zM691.197 359.612c-12.602 0-22.726-10.201-22.726-22.701 0-12.732 10.122-22.958 22.726-22.958 0 0 142.036-26.262 125.043 126.358 0 0.903-0.103 1.627-0.309 2.428-1.602 10.82-11.103 19.109-22.287 19.109-12.654 0-22.958-10.122-22.958-22.751 0 0.025 22.519-101.982-79.488-79.488zM931.288 481.685h-0.207c-3.745 25.825-16.554 27.891-31.815 27.891-18.258 0-33.003-11.466-33.003-29.75 0-15.832 6.561-31.92 6.561-31.92 1.936-6.662 17.38-48.085-10.201-110.013-50.512-84.834-152.237-86.074-164.243-81.244-12.111 4.751-29.982 7.126-29.982 7.126-18.389 0-33.109-14.952-33.109-33.132 0-15.262 10.201-28.175 24.146-32.127 0 0 0.309-0.516 0.774-0.594 1.008-0.207 2.041-1.215 3.124-1.317 14.178-2.712 64.664-12.629 113.756-1.137 87.829 20.504 208.457 105.442 154.2 286.214z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 58885, - "grid": 0, - "attrs": [] - }, - "attrs": [], - "properties": { - "id": 5, - "order": 6, - "ligatures": "", - "prevSize": 32, - "code": 58885, - "name": "weibo" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 4 - }, - { - "icon": { - "paths": [ - "M1014.323 537.151l-253.013 0.064 0.067 463.723h-499.15v-463.79l-252.549 0.064 502.389-501.267z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 58890, - "grid": 0, - "attrs": [] - }, - "attrs": [], - "properties": { - "id": 6, - "order": 7, - "ligatures": "", - "prevSize": 32, - "code": 58890, - "name": "gotop" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 5 - }, - { - "icon": { - "paths": [ - "M839.119 42.666h-654.212c-89.963 0-163.574 73.61-163.574 163.578v654.179c0 90.024 73.612 163.576 163.574 163.576h654.212c89.965 0 163.547-73.552 163.547-163.578v-654.178c0-89.968-73.583-163.578-163.547-163.578zM824.466 370.257c0.314 7.036 0.47 14.114 0.47 21.225 0 216.788-162.165 466.773-458.714 466.773-91.046 0-175.791-27.167-247.141-73.713 12.612 1.522 25.446 2.294 38.458 2.294 75.538 0 145.051-26.23 200.228-70.229-70.549-1.322-130.088-48.756-150.606-113.929 9.846 1.917 19.945 2.946 30.333 2.946 14.705 0 28.947-2.009 42.473-5.758-73.753-15.077-129.327-81.378-129.327-160.862 0-0.692 0-1.378 0.015-2.062 21.735 12.286 46.598 19.665 73.025 20.518-43.261-29.419-71.724-79.63-71.724-136.551 0-30.063 7.948-58.246 21.829-82.472 79.517 99.255 198.314 164.565 332.306 171.409-2.75-12.010-4.176-24.529-4.176-37.388 0-90.599 72.187-164.048 161.22-164.048 46.374 0 88.28 19.92 117.685 51.806 36.723-7.356 71.227-21.007 102.381-39.811-12.039 38.31-37.599 70.459-70.884 90.764 32.608-3.966 63.683-12.784 92.594-25.831-21.607 32.894-48.942 61.789-80.446 84.918z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 58891, - "grid": 0, - "attrs": [] - }, - "attrs": [], - "properties": { - "id": 7, - "order": 9, - "ligatures": "", - "prevSize": 32, - "code": 58891, - "name": "twitter" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 6 - }, - { - "icon": { - "paths": [ - "M1002.64 192.061c0-82.509-66.886-149.395-149.395-149.395h-682.544c-82.509 0-149.395 66.886-149.395 149.395v682.544c0 82.509 66.886 149.395 149.395 149.395h682.544c82.509 0 149.395-66.886 149.395-149.395v-682.544zM149.294 904.405c0.981 11.803-7.876 42.121-19.705 42.121h-2.17c-10.95 0-20.297-27.063-21.356-38.297-16.347-182.217 41.191-329.832 92.633-406.038 18.515-27.711 37.498-50.512 54.696-68.642-4.288-9.813-6.689-20.66-6.689-32.127 0-44.29 36.077-80.109 80.366-80.109 44.547 0 80.213 35.819 80.213 80.109 0 44.572-35.688 80.366-80.213 80.366-17.095 0-32.848-5.397-45.942-14.463-15.211 16.244-31.686 45.889-47.673 70.010-68.151 102.007-96.688 231.903-84.161 367.070zM323.505 648.329c-18.285 0-36.8-2.014-54.464-5.94-11.673-2.764-18.62-14.385-16.219-25.773 2.816-11.749 14.178-19.006 25.772-16.269 14.592 3.358 29.724 4.985 44.908 4.985 110.091 0 199.519-89.432 199.519-199.262 0-109.858-89.432-199.287-199.519-199.287-109.831 0-199.418 89.43-199.418 199.287 0 31.868 7.283 62.548 21.873 90.904 5.604 10.484 1.42 23.5-9.451 28.846-10.615 5.656-23.397 1.472-28.898-9.167-17.534-33.908-26.599-72.362-26.599-110.555 0-133.72 108.746-242.493 242.493-242.493 133.824 0 242.646 108.773 242.646 242.493-0.027 133.488-108.849 242.234-242.648 242.234zM774.455 366.428c-21.486 0.466-43.334-4.029-62.961-13.351-68.486-32.591-97.746-114.737-65.155-183.302 32.487-68.511 114.737-97.746 183.302-65.155 68.511 32.463 97.773 114.843 65.025 183.149-4.751 9.426-9.994 18.412-16.426 26.521-4.054 5.242-11.931 6.197-17.2 2.014s-6.095-11.931-1.911-17.2c5.267-6.561 9.786-14.099 13.376-21.848 26.856-56.271 2.971-123.957-53.483-150.428-56.348-26.856-123.803-2.996-150.428 53.611-27.115 56.22-3.124 123.675 53.379 150.531 16.347 7.67 33.984 11.492 51.804 10.768 6.791-0.128 12.524 5.114 12.654 11.931 0.309 6.818-5.087 12.395-11.983 12.757zM980.897 450.487c-0.155 0.621-0.414 0.826-0.414 1.188-2.816 5.654-9.271 8.366-15.393 6.197-97.307-35.922-149.473-96.817-175.994-141.699-9.53-16.244-16.449-31.661-21.486-44.754-6.302-0.155-12.318-1.807-17.999-4.313-23.061-10.977-32.643-37.963-21.745-60.766 10.743-22.701 37.833-32.384 60.636-21.486 22.701 10.846 32.256 37.988 21.641 60.636-4.184 8.625-10.873 15.519-18.67 19.834 4.803 11.956 11.002 25.206 19.471 39.278 35.612 59.81 90.386 103.661 162.514 130.261 6.43 2.505 9.557 9.298 7.437 15.623z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 58893, - "grid": 0, - "attrs": [] - }, - "attrs": [], - "properties": { - "id": 8, - "order": 8, - "ligatures": "", - "prevSize": 32, - "code": 58893, - "name": "tencent" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 7 - }, - { - "icon": { - "paths": [ - "M360 554.666h-300v-120h300v-120l180 180-180 180zM960 74.666v780l-360 180v-180h-360v-240h60v180h300v-540l240-120h-540v240h-60v-300z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 58897, - "grid": 0, - "attrs": [] - }, - "attrs": [], - "properties": { - "id": 9, - "order": 10, - "ligatures": "", - "prevSize": 32, - "code": 58897, - "name": "login" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 8 - }, - { - "icon": { - "paths": [ - "M891.802 286.77c13.876-13.722 36.25-13.722 50.126 0s13.876 35.89 0 49.614l-404.838 400.896c-13.876 13.722-36.3 13.722-50.126 0l-404.89-400.896c-13.876-13.722-13.876-35.89 0-49.614s36.25-13.722 50.126 0l379.802 365.568 379.802-365.568z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 62981, - "grid": 0, - "attrs": [] - }, - "attrs": [], - "properties": { - "id": 10, - "order": 11, - "ligatures": "", - "prevSize": 32, - "code": 62981, - "name": "arrow-left" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 9 - }, - { - "icon": { - "paths": [ - "M128 213.332h768q17.668 0 30.168 12.5t12.5 30.166-12.5 30.168-30.168 12.5h-768q-17.668 0-30.168-12.5t-12.5-30.168 12.5-30.166 30.168-12.5zM128 725.332h768q17.668 0 30.168 12.5t12.5 30.168-12.5 30.168-30.168 12.5h-768q-17.668 0-30.168-12.5t-12.5-30.168 12.5-30.168 30.168-12.5zM128 469.332h768q17.668 0 30.168 12.5t12.5 30.168-12.5 30.168-30.168 12.5h-768q-17.668 0-30.168-12.5t-12.5-30.168 12.5-30.168 30.168-12.5z" - ], - "isMulticolor": false, - "isMulticolor2": false, - "defaultCode": 62985, - "grid": 0, - "tags": [ - "" - ], - "attrs": [] - }, - "attrs": [], - "properties": { - "id": 11, - "order": 13, - "ligatures": "", - "prevSize": 32, - "code": 62985, - "name": "menu" - }, - "setIdx": 2, - "setId": 0, - "iconIdx": 10 - } - ], - "height": 1024, - "metadata": { - "name": "icomoon" - }, - "preferences": { - "showGlyphs": true, - "showCodes": true, - "showQuickUse": true, - "showQuickUse2": true, - "showSVGs": true, - "fontPref": { - "prefix": "icon-", - "metadata": { - "fontFamily": "icomoon" - }, - "metrics": { - "emSize": 1024, - "baseline": 6.25, - "whitespace": 50 - }, - "embed": false - }, - "imagePref": { - "prefix": "icon-", - "png": true, - "useClassSelector": true, - "color": 0, - "bgColor": 16777215 - }, - "historySize": 100, - "gridSize": 16 - } -} \ No newline at end of file +{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M761.521 438.476l-305.287 229.916s122.546 19.090 307.335 16.859l-8.411-38.033 263.305-239.498c4.827-4.388 6.692-11.41 4.718-17.81s-7.424-10.934-13.787-11.483l-347.124-31.304-135.602-336.92c-2.487-6.18-8.265-10.203-14.665-10.203s-12.178 4.023-14.665 10.203l-135.602 336.92-347.124 31.304c-6.363 0.549-11.812 5.083-13.787 11.483s-0.146 13.385 4.718 17.81l263.305 239.498-78.918 356.266c-1.463 6.509 0.951 13.348 6.144 17.334 5.193 3.913 12.105 4.206 17.59 0.768l298.339-188.885 298.339 188.885c2.56 1.646 5.376 2.414 8.228 2.414 3.291 0 6.583-1.061 9.362-3.145 5.193-3.986 7.607-10.788 6.144-17.334l-62.425-281.736c26.769-14.116 56.245-38.033 56.245-38.033s-116.842 59.902-536.264 30.646l303.971-231.306s-11.958-19.528-392.909-33.425c-25.489-0.951 310.59-66.923 558.828-11.154z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["1"]},"attrs":[{}],"properties":{"order":3,"id":0,"name":"1","prevSize":32,"code":59650},"setIdx":0,"setId":4,"iconIdx":0},{"icon":{"paths":["M358.344 502.486q-76.634 0-130.858-54.222t-54.223-130.858 54.222-130.858 130.858-54.223 130.858 54.223 54.223 130.858-54.222 130.858-130.858 54.222zM821.043 564.18h169.657q6.266 0 10.845 4.579t4.579 10.845v92.54q0 6.266-4.579 10.845t-10.845 4.579h-169.657v169.657q0 6.266-4.579 10.845t-10.845 4.579h-92.54q-6.266 0-10.845-4.579t-4.579-10.845v-169.657h-169.657q-6.266 0-10.845-4.579t-4.579-10.845v-92.54q0-6.266 4.579-10.845t10.845-4.579h169.657v-169.657q0-6.266 4.579-10.844t10.845-4.579h92.54q6.266 0 10.845 4.579t4.579 10.844v169.657zM466.308 672.144q0 25.062 18.315 43.377t43.377 18.315h123.387v114.711q-32.773 24.099-82.419 24.099h-421.251q-58.319 0-93.504-33.257t-35.184-91.575q0-25.545 1.687-49.884t6.749-52.537 12.773-52.294 20.725-46.993 29.883-39.041 41.208-25.785 53.74-9.641q9.158 0 18.797 8.193 38.076 29.401 74.466 44.101t79.286 14.701 79.286-14.701 74.466-44.101q9.641-8.193 18.797-8.193 63.622 0 104.59 46.27h-107.482q-25.062 0-43.377 18.315t-18.315 43.377v92.54z"],"width":1027,"attrs":[],"isMulticolor":false,"isMulticolor2":false,"defaultCode":58880,"grid":0},"attrs":[],"properties":{"id":0,"order":2,"ligatures":"","prevSize":32,"code":58880,"name":"register"},"setIdx":2,"setId":2,"iconIdx":0},{"icon":{"paths":["M798.222 677.333v-122.667h-306.667v-122.667h306.667v-122.667l184 184zM736.888 615.999v245.333h-306.667v184l-368-184v-797.333h674.667v306.667h-61.333v-245.333h-490.667l245.333 122.667v552h245.333v-184z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"tags":[""],"defaultCode":58881,"grid":0},"attrs":[],"properties":{"id":1,"order":3,"ligatures":"","prevSize":32,"code":58881,"name":"logout"},"setIdx":2,"setId":2,"iconIdx":1},{"icon":{"paths":["M916.215 627.489c-51.487-89.177-20.524-203.458 69.146-255.384l-96.433-167.030c-27.552 16.152-59.585 25.413-93.769 25.413-103.055 0-186.595-84.090-186.595-187.824h-192.872c0.255 32.018-7.738 64.479-24.876 94.158-51.486 89.179-165.941 119.506-255.743 67.81l-96.431 167.030c27.763 15.786 51.798 38.897 68.891 68.5 51.403 89.037 20.616 203.090-68.72 255.131l96.433 167.030c27.456-16 59.336-25.16 93.342-25.16 102.729 0 186.055 83.559 186.588 186.835h192.868c-0.082-31.696 7.927-63.796 24.884-93.167 51.401-89.035 165.577-119.403 255.313-68.053l96.433-167.028c-27.581-15.78-51.455-38.811-68.458-68.26zM512 732.026c-109.737 0-198.697-88.956-198.697-198.695 0-109.737 88.958-198.695 198.697-198.695 109.737 0 198.693 88.958 198.693 198.695-0.002 109.739-88.956 198.695-198.693 198.695z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"tags":[""],"defaultCode":58882,"grid":0},"attrs":[],"properties":{"id":2,"order":4,"ligatures":"","prevSize":32,"code":58882,"name":"setting"},"setIdx":2,"setId":2,"iconIdx":2},{"icon":{"paths":["M431.713 490.026c-138.186 6.379-249.878 80.393-249.878 172.715 0 92.194 111.717 161.506 249.878 155.051 138.289-6.302 250.215-92.839 250.215-185.033 0-92.115-111.924-149.111-250.215-142.732zM525.869 722.24c-42.328 54.619-126.050 81.269-207.345 37.239-38.711-20.995-37.264-62.211-37.264-62.211s-16.062-130.182 122.925-146.451c139.142-16.115 163.986 116.779 121.685 171.423zM432.64 635.056c-8.911 6.455-10.716 18.801-5.888 26.469 4.648 7.878 15.469 8.78 24.223 2.221 8.6-6.791 11.931-18.619 7.257-26.469-4.598-7.644-15.287-9.865-25.591-2.221zM366.763 652.977c-25.978 2.685-44.547 25.308-44.547 46.949 0 21.693 20.917 36.67 46.845 33.624 25.85-2.944 46.87-22.931 46.87-44.547 0.052-21.693-19.343-38.891-49.17-36.026zM853.245 42.666h-682.544c-82.509 0-149.395 66.886-149.395 149.395v682.544c0 82.509 66.886 149.395 149.395 149.395h682.544c82.509 0 149.395-66.886 149.395-149.395v-682.544c0-82.509-66.861-149.395-149.395-149.395zM805.444 693.963c-56.969 121.013-244.818 179.894-384.037 168.996-132.298-10.408-302.379-54.361-319.966-214.473 0 0-9.296-72.515 60.998-166.336 0 0 101.102-141.184 218.862-181.47 117.863-40.106 131.627 27.761 131.627 67.867-6.275 34.011-17.999 54.025 26.239 40.286 0 0 115.849-53.74 163.547-6.068 38.454 38.479 6.354 91.444 6.354 91.444s-15.96 17.637 16.89 23.991c32.926 6.586 136.43 54.543 79.488 175.762zM691.197 359.612c-12.602 0-22.726-10.201-22.726-22.701 0-12.732 10.122-22.958 22.726-22.958 0 0 142.036-26.262 125.043 126.358 0 0.903-0.103 1.627-0.309 2.428-1.602 10.82-11.103 19.109-22.287 19.109-12.654 0-22.958-10.122-22.958-22.751 0 0.025 22.519-101.982-79.488-79.488zM931.288 481.685h-0.207c-3.745 25.825-16.554 27.891-31.815 27.891-18.258 0-33.003-11.466-33.003-29.75 0-15.832 6.561-31.92 6.561-31.92 1.936-6.662 17.38-48.085-10.201-110.013-50.512-84.834-152.237-86.074-164.243-81.244-12.111 4.751-29.982 7.126-29.982 7.126-18.389 0-33.109-14.952-33.109-33.132 0-15.262 10.201-28.175 24.146-32.127 0 0 0.309-0.516 0.774-0.594 1.008-0.207 2.041-1.215 3.124-1.317 14.178-2.712 64.664-12.629 113.756-1.137 87.829 20.504 208.457 105.442 154.2 286.214z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"defaultCode":58885,"grid":0},"attrs":[],"properties":{"id":4,"order":6,"ligatures":"","prevSize":32,"code":58885,"name":"weibo"},"setIdx":2,"setId":2,"iconIdx":3},{"icon":{"paths":["M1014.323 537.151l-253.013 0.064 0.067 463.723h-499.15v-463.79l-252.549 0.064 502.389-501.267z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"defaultCode":58890,"grid":0},"attrs":[],"properties":{"id":5,"order":7,"ligatures":"","prevSize":32,"code":58890,"name":"gotop"},"setIdx":2,"setId":2,"iconIdx":4},{"icon":{"paths":["M839.119 42.666h-654.212c-89.963 0-163.574 73.61-163.574 163.578v654.179c0 90.024 73.612 163.576 163.574 163.576h654.212c89.965 0 163.547-73.552 163.547-163.578v-654.178c0-89.968-73.583-163.578-163.547-163.578zM824.466 370.257c0.314 7.036 0.47 14.114 0.47 21.225 0 216.788-162.165 466.773-458.714 466.773-91.046 0-175.791-27.167-247.141-73.713 12.612 1.522 25.446 2.294 38.458 2.294 75.538 0 145.051-26.23 200.228-70.229-70.549-1.322-130.088-48.756-150.606-113.929 9.846 1.917 19.945 2.946 30.333 2.946 14.705 0 28.947-2.009 42.473-5.758-73.753-15.077-129.327-81.378-129.327-160.862 0-0.692 0-1.378 0.015-2.062 21.735 12.286 46.598 19.665 73.025 20.518-43.261-29.419-71.724-79.63-71.724-136.551 0-30.063 7.948-58.246 21.829-82.472 79.517 99.255 198.314 164.565 332.306 171.409-2.75-12.010-4.176-24.529-4.176-37.388 0-90.599 72.187-164.048 161.22-164.048 46.374 0 88.28 19.92 117.685 51.806 36.723-7.356 71.227-21.007 102.381-39.811-12.039 38.31-37.599 70.459-70.884 90.764 32.608-3.966 63.683-12.784 92.594-25.831-21.607 32.894-48.942 61.789-80.446 84.918z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"defaultCode":58891,"grid":0},"attrs":[],"properties":{"id":6,"order":9,"ligatures":"","prevSize":32,"code":58891,"name":"twitter"},"setIdx":2,"setId":2,"iconIdx":5},{"icon":{"paths":["M360 554.666h-300v-120h300v-120l180 180-180 180zM960 74.666v780l-360 180v-180h-360v-240h60v180h300v-540l240-120h-540v240h-60v-300z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"defaultCode":58897,"grid":0},"attrs":[],"properties":{"id":8,"order":10,"ligatures":"","prevSize":32,"code":58897,"name":"login"},"setIdx":2,"setId":2,"iconIdx":6},{"icon":{"paths":["M891.802 286.77c13.876-13.722 36.25-13.722 50.126 0s13.876 35.89 0 49.614l-404.838 400.896c-13.876 13.722-36.3 13.722-50.126 0l-404.89-400.896c-13.876-13.722-13.876-35.89 0-49.614s36.25-13.722 50.126 0l379.802 365.568 379.802-365.568z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"defaultCode":62981,"grid":0},"attrs":[],"properties":{"id":9,"order":11,"ligatures":"","prevSize":32,"code":62981,"name":"arrow-left"},"setIdx":2,"setId":2,"iconIdx":7},{"icon":{"paths":["M128 213.332h768q17.668 0 30.168 12.5t12.5 30.166-12.5 30.168-30.168 12.5h-768q-17.668 0-30.168-12.5t-12.5-30.168 12.5-30.166 30.168-12.5zM128 725.332h768q17.668 0 30.168 12.5t12.5 30.168-12.5 30.168-30.168 12.5h-768q-17.668 0-30.168-12.5t-12.5-30.168 12.5-30.168 30.168-12.5zM128 469.332h768q17.668 0 30.168 12.5t12.5 30.168-12.5 30.168-30.168 12.5h-768q-17.668 0-30.168-12.5t-12.5-30.168 12.5-30.168 30.168-12.5z"],"attrs":[],"isMulticolor":false,"isMulticolor2":false,"tags":[""],"defaultCode":62985,"grid":0},"attrs":[],"properties":{"id":10,"order":13,"ligatures":"","prevSize":32,"code":62985,"name":"menu"},"setIdx":2,"setId":2,"iconIdx":8},{"icon":{"paths":["M331.429 263.429c0-31.429-20.571-52-52-52-30.857 0-62.286 20.571-62.286 52 0 30.857 31.429 51.429 62.286 51.429 31.429 0 52-20.571 52-51.429zM756 553.143c0-20.571-20.571-41.143-52-41.143-20.571 0-41.143 20.571-41.143 41.143 0 21.143 20.571 41.714 41.143 41.714 31.429 0 52-20.571 52-41.714zM621.143 263.429c0-31.429-20.571-52-51.429-52-31.429 0-62.286 20.571-62.286 52 0 30.857 30.857 51.429 62.286 51.429 30.857 0 51.429-20.571 51.429-51.429zM984 553.143c0-20.571-21.143-41.143-52-41.143-20.571 0-41.143 20.571-41.143 41.143 0 21.143 20.571 41.714 41.143 41.714 30.857 0 52-20.571 52-41.714zM832 326.286c-13.143-1.714-26.286-2.286-40-2.286-196.571 0-352 146.857-352 327.429 0 30.286 4.571 59.429 13.143 86.857-13.143 1.143-25.714 1.714-38.857 1.714-52 0-93.143-10.286-145.143-20.571l-144.571 72.571 41.143-124.571c-103.429-72.571-165.714-166.286-165.714-280 0-197.143 186.286-352 414.286-352 203.429 0 382.286 124 417.714 290.857zM1170.286 646.857c0 93.143-61.714 176-145.143 238.286l31.429 103.429-113.714-62.286c-41.714 10.286-83.429 21.143-124.571 21.143-197.143 0-352-134.857-352-300.571s154.857-300.571 352-300.571c186.286 0 352 134.857 352 300.571z"],"attrs":[{}],"width":1170,"isMulticolor":false,"isMulticolor2":false,"tags":["wechat","weixin"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":0,"name":"wechat, weixin","prevSize":28,"code":59651},"setIdx":1,"setId":3,"iconIdx":0},{"icon":{"paths":["M981.333 696.381v167.619q0 20.952-14.667 35.619t-35.619 14.667h-167.619q-20.952 0-35.619-14.667t-14.667-35.619v-167.619q0-20.952 14.667-35.619t35.619-14.667h50.286v-100.571h-268.19v100.571h50.286q20.952 0 35.619 14.667t14.667 35.619v167.619q0 20.952-14.667 35.619t-35.619 14.667h-167.619q-20.952 0-35.619-14.667t-14.667-35.619v-167.619q0-20.952 14.667-35.619t35.619-14.667h50.286v-100.571h-268.19v100.571h50.286q20.952 0 35.619 14.667t14.667 35.619v167.619q0 20.952-14.667 35.619t-35.619 14.667h-167.619q-20.952 0-35.619-14.667t-14.667-35.619v-167.619q0-20.952 14.667-35.619t35.619-14.667h50.286v-100.571q0-27.238 19.904-47.143t47.143-19.904h268.19v-100.571h-50.286q-20.952 0-35.619-14.667t-14.667-35.619v-167.619q0-20.952 14.667-35.619t35.619-14.667h167.619q20.952 0 35.619 14.667t14.667 35.619v167.619q0 20.952-14.667 35.619t-35.619 14.667h-50.286v100.571h268.19q27.238 0 47.143 19.904t19.904 47.143v100.571h50.286q20.952 0 35.619 14.667t14.667 35.619z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["sitemap"],"grid":14},"attrs":[{}],"properties":{"order":1,"id":0,"name":"sitemap","prevSize":28,"code":59648},"setIdx":4,"setId":0,"iconIdx":0},{"icon":{"paths":["M260 736h-168c-15.484 0-28 12.516-28 28v168c0 15.484 12.516 28 28 28h168c15.484 0 28-12.516 28-28v-168c0-15.484-12.516-28-28-28zM232 876c0 15.484-12.516 28-28 28h-56c-15.484 0-28-12.516-28-28v-56c0-15.484 12.516-28 28-28h56c15.484 0 28 12.516 28 28v56zM932 792h-504c-15.484 0-28 12.516-28 28v56c0 15.484 12.516 28 28 28h504c15.484 0 28-12.516 28-28v-56c0-15.484-12.516-28-28-28zM932 456h-504c-15.484 0-28 12.516-28 28v56c0 15.484 12.516 28 28 28h504c15.484 0 28-12.516 28-28v-56c0-15.484-12.516-28-28-28zM260 64h-168c-15.484 0-28 12.516-28 28v168c0 15.484 12.516 28 28 28h168c15.484 0 28-40.516 28-56v-140c0-15.484-12.516-28-28-28zM232 204c0 15.484-12.516 28-28 28h-56c-15.484 0-28-12.516-28-28v-56c0-15.484 12.516-28 28-28h56c15.484 0 28 12.516 28 28v56zM260 400h-168c-15.484 0-28 12.516-28 28v168c0 15.484 12.516 28 28 28h168c15.484 0 28-12.516 28-28v-168c0-15.484-12.516-28-28-28zM232 540c0 15.484-12.516 28-28 28h-56c-15.484 0-28-12.516-28-28v-56c0-15.484 12.516-28 28-28h56c15.484 0 28 12.516 28 28v56zM932 120h-504c-15.484 0-28 12.516-28 28v56c0 15.484 12.516 28 28 28h504c15.484 0 28-12.516 28-28v-56c0-15.484-12.516-28-28-28z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"tags":["list"],"grid":16},"attrs":[{}],"properties":{"order":20,"id":0,"name":"list","prevSize":32,"code":59649},"setIdx":3,"setId":1,"iconIdx":0}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showCodes":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215},"historySize":100,"gridSize":16}} \ No newline at end of file diff --git a/Finding/js/Finding.js b/Finding/js/Finding.js index 25af630..10cc3d4 100644 --- a/Finding/js/Finding.js +++ b/Finding/js/Finding.js @@ -33,6 +33,7 @@ var Finding = { init: function () { Util.killIE(); this._initToc(); + this.share(); $(".scroll-down").click(function (event) { event.preventDefault(); @@ -130,20 +131,53 @@ var Finding = { * @returns {undefined} */ share: function () { - $(".share span").click(function () { - var key = $(this).data("type"); - var title = encodeURIComponent($("title").text()), - url = $(".post-title a").attr('href') ? $(".post-title a").attr('href') : location, - pic = $(".post-content img:eq(0)").attr("src"); - var urls = {}; - urls.tencent = "http://share.v.t.qq.com/index.php?c=share&a=index&title=" + title + - "&url=" + url + "&pic=" + pic; - urls.weibo = "http://v.t.sina.com.cn/share/share.php?title=" + - title + "&url=" + url + "&pic=" + pic; - urls.google = "https://plus.google.com/share?url=" + url; - urls.twitter = "https://twitter.com/intent/tweet?status=" + title + " " + url; - window.open(urls[key], "_blank", "top=100,left=200,width=648,height=618"); - }); + var $this = $('.share') + var $qrCode = $this.find('.icon-wechat') + var shareURL = $qrCode.data('url') + var avatarURL = $qrCode.data('avatar') + var title = encodeURIComponent($qrCode.data('title') + ' - ' + + $qrCode.data('blogtitle')), + url = encodeURIComponent(shareURL) + + var urls = {} + urls.weibo = 'http://v.t.sina.com.cn/share/share.php?title=' + + title + '&url=' + url + '&pic=' + avatarURL + urls.qqz = 'https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + + url + '&sharesource=qzone&title=' + title + '&pics=' + avatarURL + urls.twitter = 'https://twitter.com/intent/tweet?status=' + title + ' ' + + url + + $this.find('span').click(function () { + var key = $(this).data('type') + + if (!key) { + return + } + + if (key === 'wechat') { + if ($qrCode.find('canvas').length === 0) { + $.ajax({ + method: 'GET', + url: latkeConfig.staticServePath + + '/skins/Finding/js/jquery.qrcode.min.js', + dataType: 'script', + cache: true, + success: function () { + $qrCode.qrcode({ + width: 128, + height: 128, + text: shareURL, + }) + }, + }) + } else { + $qrCode.find('canvas').slideToggle() + } + return false + } + + window.open(urls[key], '_blank', 'top=100,left=200,width=648,height=618') + }) } }; diff --git a/Finding/js/jquery.qrcode.js b/Finding/js/jquery.qrcode.js new file mode 100644 index 0000000..ff33366 --- /dev/null +++ b/Finding/js/jquery.qrcode.js @@ -0,0 +1,45 @@ +/* + * 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(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 @@     -