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 @@