菜单
控制台
概要
个人设置
插件
外观
编辑文件 style.css
备份
撰写
撰写文章
创建页面
管理
文章
独立页面
评论
分类
标签
文件
用户
友情链接
设置
基本
评论
阅读
永久链接
测试管理员
登出
网站
编辑文件 style.css
可以使用的外观
编辑
asprie
外观
设置外观
编辑源码
html{-webkit-box-sizing:border-box;box-sizing:border-box} *,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit} /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} article,aside,footer,header,nav,section{display:block} h1{font-size:2em;margin:.67em 0} figcaption,figure,main{display:block} figure{margin:1em 40px} hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible} pre{font-family:monospace,monospace;font-size:1em} a{background-color:transparent;-webkit-text-decoration-skip:objects} a:active,a:hover{outline-width:0} abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted} b,strong{font-weight:inherit} b,strong{font-weight:bolder} code,kbd,samp{font-family:monospace,monospace;font-size:1em} dfn{font-style:italic} mark{background-color:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} audio,video{display:inline-block} audio:not([controls]){display:none;height:0} img{border-style:none} svg:not(:root){overflow:hidden} button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0} [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{display:inline-block;vertical-align:baseline} textarea{overflow:auto} [type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details,menu{display:block} summary{display:list-item} canvas{display:inline-block} template{display:none} [hidden]{display:none} blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul{margin:0;padding:0} li>ol,li>ul{margin-bottom:0} table{border-collapse:collapse;border-spacing:0} address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{margin-bottom:16px} dd,ol,ul{margin-left:16px} @-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } .icon{position:relative;display:inline-block;width:25px;height:25px;overflow:hidden;fill:currentColor} .icon__cnt{width:100%;height:100%;background:inherit;fill:inherit;pointer-events:none;-webkit-transform:translateX(0);transform:translateX(0);-ms-transform:translate(.5px,-.3px)} .icon--m{width:50px;height:50px} .icon--l{width:100px;height:100px} .icon--xl{width:150px;height:150px} .icon--xxl{width:200px;height:200px} .icon__spinner{position:absolute;top:0;left:0;width:100%;height:100%} .icon--ei-spinner .icon__spinner,.icon--ei-spinner-2 .icon__spinner{-webkit-animation:spin 1s steps(12) infinite;animation:spin 1s steps(12) infinite} .icon--ei-spinner-3 .icon__spinner{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite} .icon--ei-sc-facebook{fill:#3b5998} .icon--ei-sc-github{fill:#333} .icon--ei-sc-google-plus{fill:#dd4b39} .icon--ei-sc-instagram{fill:#3f729b} .icon--ei-sc-linkedin{fill:#0976b4} .icon--ei-sc-odnoklassniki{fill:#ed812b} .icon--ei-sc-skype{fill:#00aff0} .icon--ei-sc-soundcloud{fill:#f80} .icon--ei-sc-tumblr{fill:#35465c} .icon--ei-sc-twitter{fill:#55acee} .icon--ei-sc-vimeo{fill:#1ab7ea} .icon--ei-sc-vk{fill:#45668e} .icon--ei-sc-youtube{fill:#e52d27} .icon--ei-sc-pinterest{fill:#bd081c} .icon--ei-sc-telegram{fill:#08c} code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none} code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc} code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc} @media print{code[class*=language-],pre[class*=language-]{text-shadow:none} } pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto} :not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0} :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal} .token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090} .token.punctuation{color:#999} .namespace{opacity:.7} .token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905} .token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690} .language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:rgba(255,255,255,.5)} .token.atrule,.token.attr-value,.token.keyword{color:#07a} .token.class-name,.token.function{color:#dd4a68} .token.important,.token.regex,.token.variable{color:#e90} .token.bold,.token.important{font-weight:700} .token.italic{font-style:italic} .token.entity{cursor:help} body{color:#222;font-size:16px;font-family:-apple-system , BlinkMacSystemFont , "PingFang SC" , "Hiragino Sans GB" , "Helvetica Neue", "Segoe UI" , "Microsoft Yahei" , Helvetica , Arial , "Apple Color Emoji" , sans-serif; font-weight:400;line-height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} ::-moz-selection{color:#fff;background:#1f5f8b} ::selection{color:#fff;background:#1f5f8b} a{text-decoration:none;color:#222;-webkit-transition:.5s;transition:.5s} a:active,a:focus,a:hover{color:#1f5f8b;text-decoration:none} img{display:block;max-width:100%;font-style:italic} hr{height:1px;margin:32px 0;border:0;background-color:#ecf0f1} h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:initial} h1{font-size:36px} h2{font-size:28px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px} b,strong{font-weight:700} blockquote{padding-left:16px;border-left:3px solid #222;font-style:italic} pre{padding:32px} code,pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;font-family:Courier,monospace;font-size:16px;background-color:#f4f6f8} p code{padding:3px 6px} pre[class*=language-]{padding:32px;margin:16px 0} code[class*=language-],pre[class*=language-]{white-space:pre-wrap;word-break:break-all;line-height:inherit} input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;padding:16px;border:1px solid #ecf0f1;border-radius:0;outline:0;line-height:initial;background-color:#fff;font-size:16px;-webkit-transition:.5s;transition:.5s} input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:1px solid #5d738d} table{width:100%;max-width:100%;} table td,table th{padding:16px;text-align:left;vertical-align:top;border-top:1px solid #ecf0f1;font-weight:400} table thead th{font-weight:700;text-transform:uppercase;vertical-align:bottom;border-bottom:2px solid #ecf0f1} table tbody+tbody{border-top:2px solid #ecf0f1} .responsive-table{display:block;width:100%;overflow-x:auto} .o-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;max-width:1100px} .o-grid:after{content:'';display:table;clear:both} .o-grid .o-grid{margin-right:-16px;margin-left:-16px;padding:0} .o-grid__col{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-right:16px;padding-left:16px} .o-grid__col--1-3-s{width:33.33333%} .o-grid__col--2-3-s{width:66.66667%} .o-grid__col--1-4-s{width:25%} .o-grid__col--2-4-s{width:50%} .o-grid__col--3-4-s{width:75%} .o-grid__col--4-4-s{width:100%} @media (min-width:40em){.o-grid__col--1-3-m{width:33.33333%} .o-grid__col--2-3-m{width:66.66667%} .o-grid__col--1-4-m{width:25%} .o-grid__col--2-4-m{width:50%} .o-grid__col--3-4-m{width:75%} } @media (min-width:64em){.o-grid__col--1-3-l{width:33.33333%} .o-grid__col--2-3-l{width:66.66667%} .o-grid__col--1-4-l{width:25%} .o-grid__col--2-4-l{width:50%} .o-grid__col--3-4-l{width:75%} } .o-grid__col--full{width:100%} .o-grid__col--center{margin:0 auto;-webkit-box-flex:initial;-ms-flex-positive:initial;flex-grow:initial} .o-grid__col--end{margin-left:auto} .o-wrapper{padding:32px 0 24px 0} .c-off-canvas-container{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .c-off-canvas-container .o-wrapper{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto} .o-plain-list{margin:0;padding:0;list-style:none} .c-header{height:64px;padding:16px 0;background-color:#fff;border-bottom:1px solid #ecf0f1} .page-tags .c-header{border-bottom:1px solid #ecf0f1} .c-header--has-cover{border-bottom:0} .c-logo__link{font-size:22px;font-weight:400} .c-logo__img{max-height:32px} @media (min-width:64em){.c-nav{text-align:right} } .c-nav__item{font-size:14px} @media (min-width:64em){.c-nav__item{display:inline-block} .c-nav__item{margin-left:16px} } @media (max-width:63.99em){.c-nav__item{display:block} } .c-nav__link{display:block;-webkit-transition:.5s;transition:.5s} @media (max-width:63.99em){.c-nav__link{margin-bottom:8px;padding:4px 0} } .c-nav__link--current{color:#1f5f8b} .home-template .c-nav__link--current:not(:hover){color:#222} .c-nav__link:active,.c-nav__link:focus,.c-nav__link:hover{color:#1f5f8b} .c-search{position:fixed;top:0;right:0;bottom:0;left:0;padding-top:80px;background:#fff;z-index:-1;opacity:0;-webkit-transform:scale(.96);transform:scale(.96);-webkit-transition:opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end,-webkit-transform 250ms cubic-bezier(.694,0,.335,1);transition:opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end,-webkit-transform 250ms cubic-bezier(.694,0,.335,1);transition:transform 250ms cubic-bezier(.694,0,.335,1),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end;transition:transform 250ms cubic-bezier(.694,0,.335,1),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-end,-webkit-transform 250ms cubic-bezier(.694,0,.335,1)} @media (min-width:40em){.c-search{padding-top:64px} } .c-search.is-active{z-index:10;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start,-webkit-transform 250ms cubic-bezier(.8,0,.55,.94);transition:opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start,-webkit-transform 250ms cubic-bezier(.8,0,.55,.94);transition:transform 250ms cubic-bezier(.8,0,.55,.94),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start;transition:transform 250ms cubic-bezier(.8,0,.55,.94),opacity 250ms cubic-bezier(.8,0,.55,.94),z-index 250ms step-start,-webkit-transform 250ms cubic-bezier(.8,0,.55,.94)} .c-search__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-left:16px;padding-right:16px} .c-search__icon{position:absolute;left:16px;fill:#5d738d;width:32px;height:32px} .c-search__input[type=search]{width:100%;outline:0;margin-bottom:0;padding-left:56px;font-weight:300;font-size:19px;border:0;border-radius:4px;background-color:#f4f6f8} .c-search__input[type=search]::-webkit-input-placeholder{opacity:1;color:#5d738d} .c-search__input[type=search]:-ms-input-placeholder{opacity:1;color:#5d738d} .c-search__input[type=search]::-ms-input-placeholder{opacity:1;color:#5d738d} .c-search__input[type=search]::placeholder{opacity:1;color:#5d738d} @media (min-width:40em){.c-search__input[type=search]{font-size:24px} } .c-search__close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:16px;right:32px;width:48px;height:48px;cursor:pointer;border-radius:100%;background-color:#f4f6f8} @media (min-width:40em){.c-search__close{top:32px} } .c-search__close .icon{fill:#5d738d;-webkit-transition:.5s;transition:.5s} .c-search__close:hover .icon{fill:#222;-webkit-transform:rotate(90deg);transform:rotate(90deg)} .c-search-results{display:none;height:calc(100vh - 168px);overflow:auto;white-space:normal;margin-top:16px;margin-left:16px;padding-right:16px;counter-reset:search} @media (min-width:40em){.c-search-results{height:calc(100vh - 160px)} } .c-search-result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:16px 16px 16px 32px;background-color:#f4f6f8;border-radius:4px} .c-search-result:not(:last-child){margin-bottom:16px} .c-search-result:before{counter-increment:search;content:counter(search) ". ";position:relative;left:-16px;font-size:19px;font-style:italic;} .c-search-result__media{margin-left:16px;background-color:#f4f6f8} .c-search-result__content{-webkit-box-flex:1;-ms-flex:1;flex:1} .c-search-result__image{display:block;width:64px;height:48px;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#fff} .c-search-result__title{margin-bottom:8px;font-size:14px;font-weight:700} .c-search-result__date{line-height:1;font-size:12px;color:#5d738d;text-transform:uppercase;letter-spacing:1px} .c-off-canvas-toggle{float:right;position:relative;top:8px;z-index:10;height:24px;width:24px;cursor:pointer} @media (min-width:64em){.c-off-canvas-toggle{display:none} } .c-off-canvas-toggle__icon{position:absolute;left:0;height:1px;width:25px;background:#000;cursor:pointer} .c-off-canvas-toggle__icon:after,.c-off-canvas-toggle__icon:before{content:'';display:block;height:100%;background-color:inherit;-webkit-transition:.5s;transition:.5s} .c-off-canvas-toggle__icon:before{-webkit-transform:translateY(16px);transform:translateY(16px)} .c-off-canvas-toggle__icon:after{-webkit-transform:translateY(7px);transform:translateY(7px)} .c-off-canvas-toggle--close .c-off-canvas-toggle__icon{height:2px;background-color:transparent} .c-off-canvas-toggle--close .c-off-canvas-toggle__icon:after,.c-off-canvas-toggle--close .c-off-canvas-toggle__icon:before{position:relative;visibility:visible;background:#000} .c-off-canvas-toggle--close .c-off-canvas-toggle__icon:before{top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .c-off-canvas-toggle--close .c-off-canvas-toggle__icon:after{top:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg)} @media (max-width:63.99em){.c-off-canvas-toggle--close{top:0;float:none;display:block;margin-left:auto} } body,html{overflow-x:hidden} @media (min-width:64em){.c-off-canvas-content{position:relative} } @media (max-width:63.99em){.c-off-canvas-content{position:fixed;top:0;right:0;z-index:1;width:300px;height:100vh;overflow-y:auto;padding:24px 32px;background-color:#fff;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)} } @media screen and (max-width:63.99em) and (-ms-high-contrast:active),(max-width:63.99em) and (-ms-high-contrast:none){.c-off-canvas-content.is-active{right:300px} } @media (max-width:63.99em){.c-off-canvas-container{-webkit-perspective:1000;-webkit-transition:-webkit-transform .5s cubic-bezier(.565,1.65,.765,.88);transition:-webkit-transform .5s cubic-bezier(.565,1.65,.765,.88);transition:transform .5s cubic-bezier(.565,1.65,.765,.88);transition:transform .5s cubic-bezier(.565,1.65,.765,.88),-webkit-transform .5s cubic-bezier(.565,1.65,.765,.88)} .c-off-canvas-container.is-active{-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)} .c-off-canvas-container.is-active:after{position:fixed;top:0;right:0;bottom:0;left:0;content:'';background-color:rgba(0,0,0,.2)} } @media (min-width:64em){.c-social-nav{text-align:right} } .c-social-nav__item{display:inline-block} .c-social-nav__icon{fill:#222;vertical-align:middle;-webkit-transition:.5s;transition:.5s} .c-social-nav__icon:active,.c-social-nav__icon:focus,.c-social-nav__icon:hover{fill:#1f5f8b} .c-archive{padding:32px;margin-bottom:32px;background-color:#f4f6f8} .c-archive__title{margin-bottom:0;font-size:20px;font-weight:400} .c-archive__description{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px} .c-post-card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #ecf0f1} .c-post-card-wrap{display:-webkit-box;display:-ms-flexbox;display:flex} .c-post-card-wrap--first{width:100%} .c-post-card__media{overflow:hidden;background-color:#f4f6f8;margin-bottom:8px} .c-post-card__image{display:block;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out} .c-post-card__image.js-fadein{opacity:0} .c-post-card__image.is-inview{opacity:1} .c-post-card__image:before{-webkit-transition:.5s;transition:.5s;position:absolute;top:0;height:100%;width:100%;content:'';background-color:#000;opacity:0} .c-post-card__image:after{display:block;content:'';width:100%;padding-bottom:56.25%} .c-post-card__title{margin-bottom:0;font-weight:400;font-size:22px;-webkit-transition:.5s;transition:.5s} .c-post-card__link{display:block} .c-post-card--featured__icon{position:absolute;bottom:8px;left:8px;fill:#fff} .c-post-card__meta{color:#5d738d;font-size:14px} .c-post-card__author:active,.c-post-card__author:focus,.c-post-card__author:hover{text-decoration:none} .c-post-card__date{display:inline-block;color:#5d738d;font-size:14px} .c-post-card:active .c-post-card__image:before,.c-post-card:focus .c-post-card__image:before,.c-post-card:hover .c-post-card__image:before{opacity:.1} .c-post-card:active .c-post-card__title,.c-post-card:focus .c-post-card__title,.c-post-card:hover .c-post-card__title{color:#5d738d} .c-post-card:active .c-post-card__link,.c-post-card:focus .c-post-card__link,.c-post-card:hover .c-post-card__link{color:#1f5f8b} @media (min-width:40em){.c-post-card--first .c-post-card__media{margin-bottom:0} .c-post-card--first .c-post-card__image{outline:2px solid rgba(255,255,255,.5);outline-offset:-10px} .c-post-card--first .c-post-card__image:before{opacity:.3} .c-post-card--first .c-post-card__meta{display:table;position:absolute;top:50%;width:70%;left:96px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);font-weight:400} } @media (min-width:40em) and (min-width:64em){.c-post-card--first .c-post-card__meta{width:50%} } @media (min-width:40em){.c-post-card--first .c-post-card__title{display:table-header-group;font-size:28px;line-height:initial} } @media (min-width:40em) and (min-width:64em){.c-post-card--first .c-post-card__title{font-size:38px} } @media (min-width:40em){.c-post-card--first .c-post-card__link{display:block;color:#fff} .c-post-card--first .c-post-card__author,.c-post-card--first .c-post-card__date{color:#fff} .c-post-card--first .c-post-card--featured__icon{bottom:16px;left:16px} .c-post-card--first:active .c-post-card__title a,.c-post-card--first:focus .c-post-card__title a,.c-post-card--first:hover .c-post-card__title a{color:#fff} .c-post-card--first:active .c-post-card__image,.c-post-card--first:focus .c-post-card__image,.c-post-card--first:hover .c-post-card__image{outline:2px solid rgba(255,255,255,.6)} .c-post-card--first:active .c-post-card__image:before,.c-post-card--first:focus .c-post-card__image:before,.c-post-card--first:hover .c-post-card__image:before{opacity:.2} } .c-post-card-recent:not(:last-child){margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ecf0f1} .c-post-card-recent__image{display:block;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#f4f6f8;margin-bottom:8px;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out} .c-post-card-recent__image.js-fadein{opacity:0} .c-post-card-recent__image.is-inview{opacity:1} .c-post-card-recent__image:before{-webkit-transition:.5s;transition:.5s;position:absolute;top:0;height:100%;width:100%;content:'';background-color:#000;opacity:0} .c-post-card-recent__image:after{display:block;content:'';width:100%;padding-bottom:56.25%} .c-post-card-recent__title{margin-bottom:0;font-weight:400;font-size:16px;line-height:25px;-webkit-transition:.5s;transition:.5s} .c-post-card-recent__link{display:block} .c-post-card-recent--featured__icon{position:absolute;bottom:8px;left:8px;fill:#fff} .c-post-card-recent__author{color:#5d738d;font-size:14px} .c-post-card-recent__author:active,.c-post-card-recent__author:focus,.c-post-card-recent__author:hover{text-decoration:none} .c-post-card-recent__date{display:inline-block;color:#5d738d;font-size:14px} .c-post-card-recent:active .c-post-card-recent__image:before,.c-post-card-recent:focus .c-post-card-recent__image:before,.c-post-card-recent:hover .c-post-card-recent__image:before{opacity:.1} .c-post-card-recent:active .c-post-card-recent__title,.c-post-card-recent:focus .c-post-card-recent__title,.c-post-card-recent:hover .c-post-card-recent__title{color:#5d738d} .c-post-card-recent:active .c-post-card-recent__link,.c-post-card-recent:focus .c-post-card-recent__link,.c-post-card-recent:hover .c-post-card-recent__link{color:#1f5f8b} .c-pagination{text-transform:uppercase} .c-pagination:active,.c-pagination:focus,.c-pagination:hover{color:#1f5f8b;text-decoration:none} .c-pagination__text{position:relative;font-size:14px;letter-spacing:2px} .c-pagination__text--prev{left:-16px} .c-pagination__text--next{right:-16px} .c-pagination__icon{vertical-align:middle} .c-pagination__icon--prev{left:-8px} .c-pagination__icon--next{right:-8px} .c-post-hero{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f4f6f8} .c-post-hero:before{content:'';display:block;padding-bottom:45%} .c-post__date{color:#5d738d;font-size:14px} .c-post__title{font-weight:400;line-height:initial} @media (min-width:64em){.c-post__title{font-size:36px} } .c-content{} @media (max-width:39.99em){.c-content img{position:relative;left:50%;max-width:115%;-webkit-transform:translate(-50%);transform:translate(-50%)} } .c-content a:not(.c-btn){text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip:ink} .c-content a:not(.c-btn):active,.c-content a:not(.c-btn):focus,.c-content a:not(.c-btn):hover{color:#1f5f8b} .c-content h1,.c-content h2,.c-content h3,.c-content h4,.c-content h5,.c-content h6{font-weight:400} .c-content dd:not(:root:root),.c-content ol:not(:root:root),.c-content ul:not(:root:root){-webkit-padding-start:8px} .c-share{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px;border:1px solid #ecf0f1} .c-share__item{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center} .c-share__item:not(:last-child){border-right:1px solid #ecf0f1} .c-share__link{display:block;padding:4px;background-color:#fff;-webkit-transition:.5s;transition:.5s} .c-share__link:active,.c-share__link:focus,.c-share__link:hover{background-color:#f4f6f8} .c-share__icon{vertical-align:middle;fill:#5d738d} .c-author{padding:32px;margin-bottom:32px;background-color:#f4f6f8} @media (min-width:64em){.c-author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} } .c-author__img{float:left;margin-right:16px;border-radius:100%;height:64px;width:64px} @media (min-width:64em){.c-author__img{margin-right:32px;height:96px;width:96px} } @media (max-width:39.99em){.c-author__img{margin-bottom:8px} } @media (min-width:40em){.c-author__body{overflow:hidden} } .c-author__name{margin-bottom:8px;} .c-author__bio{margin-bottom:8px;font-size:16px;line-height:25px} .c-author-links{} .c-author-links__item{display:inline-block;font-size:16px;line-height:25px} .c-author-links__icon{vertical-align:middle;fill:#222;-webkit-transition:.5s;transition:.5s} .c-author-links__icon:active,.c-author-links__icon:focus,.c-author-links__icon:hover{fill:#1f5f8b} .fluid-width-video-wrapper,.twitter-tweet{margin-bottom:16px!important} .c-tags{margin-bottom:8px;margin-top:8px} .c-tags a{display:inline-block;padding:4px 16px;margin:0 8px 4px 0;font-size:14px;font-weight:400;line-height:22px;color:#5d738d;border-radius:3px;background-color:#f4f6f8;-webkit-transition:.5s;transition:.5s} @media (max-width:39.99em){.c-tags a{margin-bottom:14px} } .c-tags a:active,.c-tags a:focus,.c-tags a:hover{color:#000;text-decoration:none} .c-tag-card{position:relative;margin-bottom:32px;background-color:#f4f6f8} .c-tag-card__image{display:block;background-position:50%;background-repeat:no-repeat;background-size:cover;text-decoration:none;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out} .c-tag-card__image.js-fadein{opacity:0} .c-tag-card__image.is-inview{opacity:1} .c-tag-card__image:before{position:absolute;top:0;bottom:0;left:0;right:0;content:'';-webkit-transition:.5s;transition:.5s;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.4)),color-stop(32%,transparent));background:linear-gradient(0deg,rgba(0,0,0,.4) 0,transparent 32%)} .c-tag-card__image:after{display:block;content:'';width:100%;padding-bottom:75%} .c-tag-card__title{position:absolute;bottom:0;left:0;right:0;margin-bottom:0;padding:16px;font-size:19px;font-weight:400;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25),0 1px 25px rgba(0,0,0,.75)} .c-tag-card:active .c-tag-card__image:before,.c-tag-card:focus .c-tag-card__image:before,.c-tag-card:hover .c-tag-card__image:before{background-color:rgba(0,0,0,.1)} .c-btn{display:inline-block;padding:8px 32px;cursor:pointer;-webkit-transition:.5s;transition:.5s;text-align:center;vertical-align:middle;white-space:nowrap;outline:0;line-height:inherit;border:0;border-radius:0;color:#fff;white-space:initial;background-color:#1f5f8b;font-size:16px;font-weight:400} .c-btn:active,.c-btn:focus,.c-btn:hover{color:#fff;text-decoration:none;background-color:#253b6e} .c-btn--full{width:100%} .c-btn--small{padding:4px 16px} .c-btn--radius{border-radius:4px} .c-btn__icon{margin-right:4px;vertical-align:middle;fill:#fff} .c-subscribe{padding:32px;text-align:center;background-color:#f4f6f8} @media (min-width:64em){.c-subscribe{padding:64px 0} } @media (max-width:63.99em){.c-subscribe-form__input{margin-bottom:16px} } @media (min-width:64em){.c-subscribe-form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .c-subscribe-form .form-group{-webkit-box-flex:8;-ms-flex:8;flex:8} .c-subscribe-form__btn{position:relative;left:-1px;-webkit-box-flex:2;-ms-flex:2;flex:2} } .c-widget{padding:32px;margin-bottom:32px;border:1px solid #ecf0f1} .c-widget__title{padding-bottom:16px;margin-bottom:32px;border-bottom:1px solid #ecf0f1;line-height:initial;letter-spacing:2px;font-size:14px;text-transform:uppercase} .c-widget-instagram{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .c-widget-instagram__item{-webkit-box-flex:1;-ms-flex:1 33%;flex:1 33%;border:1px solid #fff} .c-widget-social__item{text-align:center;display:inline-block} .c-widget-social__link{display:block;padding:0 4px;-webkit-transition:.5s;transition:.5s} .c-widget-social__link:active,.c-widget-social__link:focus,.c-widget-social__link:hover{background-color:#f4f6f8} .c-widget-social__icon{vertical-align:middle;fill:#5d738d;-webkit-transition:.5s;transition:.5s} .c-widget-social__icon:active,.c-widget-social__icon:focus,.c-widget-social__icon:hover{fill:#1f5f8b} .c-related{padding:16px 0 0} @media (min-width:40em){.c-related{padding:32px 0 16px 0} } .c-related__title{padding-bottom:8px;margin-bottom:16px;border-bottom:1px solid #ecf0f1} @media (min-width:40em){.c-related__title{padding-bottom:16px;margin-bottom:32px} } .c-footer{padding:32px 0 16px 0;background-color:#f4f6f8;border-top:1px solid #ecf0f1} @media (min-width:64em){.c-footer{padding:64px 0 16px 0} } .c-footer__copy{font-size:14px;margin-top:16px;padding-top:16px;border-top:1px solid #ecf0f1} .c-footer-list{margin-bottom:16px} .c-footer-list li{display:block;margin:0} .c-footer-list a{display:block;padding:0;margin-bottom:4px;font-size:14px} .c-footer-list a:active,.c-footer-list a:focus,.c-footer-list a:hover{color:#1f5f8b} .c-footer-list a:active .icon,.c-footer-list a:focus .icon,.c-footer-list a:hover .icon{fill:#1f5f8b} .c-footer-list .icon{fill:#5d738d;vertical-align:middle;-webkit-transition:.5s;transition:.5s} .u-hidden{display:none} .u-hidden-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .u-font-serif{font-family:serif} .u-font-sans-serif{font-family:sans-serif} .u-font-medium{font-size:16px;line-height:25px} .u-font-small{font-size:14px;line-height:22px} .u-font-tiny{font-size:12px;line-height:19px} .u-font-light{font-weight:300} .u-font-regular{font-weight:400} .u-font-bold{font-weight:700} .u-text-left{text-align:left} .u-text-right{text-align:right} .u-text-center{text-align:center} .u-text-justify{text-align:justify} .u-inline{display:inline} .u-block{display:block} .u-inline-block{display:inline-block} .u-left{float:left} .u-right{float:right} .u-clearfix:after{content:'';display:table;clear:both} .respond {} .respond p {margin-bottom:16px;} .comment-list {list-style-type:none;margin-left: 0;padding-left: 0} .comment-list li {border-bottom: 1px solid #ECF0F1;padding: 24px 0 14px 0} .comment-list img.avatar {float: left;margin-right: 24px;border-radius: 50px;} .comment-list .comment-meta {font-size: 14px;} .comment-reply, .cancel-comment-reply {text-align: right;} .comment-list .comment-list li {margin-left: 104px;border-bottom: 0;padding-bottom: 0;padding-top: 10px;} .comment-list cite.fn {font-style: normal;} .comment-list a {text-decoration:none;} ol.page-navigator {list-style:none;text-align:center} ol.page-navigator li {display:inline;padding:15px;}
保存文件
模板文件
404.php
archive.php
comments.php
footer.php
header.php
index.php
js.js
page.php
post.php
style.css
Typecho
由
Typecho
强力驱动, 版本 1.2.1
帮助文档
•
支持论坛
•
报告错误
•
资源下载