-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyle.css
More file actions
1 lines (1 loc) · 17.8 KB
/
Copy pathstyle.css
File metadata and controls
1 lines (1 loc) · 17.8 KB
1
button,hr,input{overflow:visible}img,legend{max-width:100%}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}body,html{-webkit-text-size-adjust:100%}code,pre{background-color:#f3f6fa}.title,sub,sup{position:relative}.post-card__thumb::after,.title::after{content:""}.header__logo .header__logo--container .logo,.social__icon{fill:currentColor}.controls__item,.header__toggle,.site{-webkit-box-orient:vertical;-webkit-box-direction:normal}.show-more-trigger,a,abbr[title]{text-decoration:none}html{line-height:1.15;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:1px;background:#ededed;border:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#277cea;-webkit-transition:all .2s linear;transition:all .2s linear}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background:#ff0;color:#313237}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none;height:auto;width:auto;vertical-align:middle}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}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:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;padding:0;white-space:normal}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}.show-more-trigger:active,.show-more-trigger:focus,a:active,a:focus{outline:0}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;-webkit-overflow-scrolling:touch;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;line-height:1.75;color:#343851;-webkit-font-smoothing:antialiased}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}.site{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;-ms-flex-direction:column;flex-direction:column}.site__content{-webkit-box-flex:1;-ms-flex:1;flex:1}.center-image{margin:0 auto;display:block}p,pre{margin-top:0}img::-moz-selection{background:0 0}img::selection{background:0 0}figure{margin:0}::-moz-selection{color:#fff;background-color:#3c3d41}::selection{color:#fff;background-color:#3c3d41}p{text-align:justify;margin-bottom:1.25rem}.hero__wrap,.title,footer{text-align:center}h1,h2,h3,h4,h5,h6{color:#313237;margin-top:0;margin-bottom:.5rem}a:focus,a:hover{color:#68a4f1;border-bottom:1px solid #68a4f1}code,pre,pre>code{color:#567482}em{font-style:italic}code{padding:2px 4px;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:.9rem;border-radius:.3rem}pre{padding:.8rem;margin-bottom:1rem;overflow-x:auto;font:1rem Consolas,"Liberation Mono",Menlo,Courier,monospace;word-wrap:normal;border:1px solid #dce6f0;border-radius:.3rem}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs,.highlight .ge{font-style:italic}.controls__item a,.highlight .cp,.highlight .cs,.highlight .gs,.highlight .k,.highlight .kt,.highlight .nc,.highlight .ne,.highlight .nf,.highlight .o,.highlight .ow{font-weight:700}pre>code{padding:0;margin:0;font-size:.9rem;word-break:normal;white-space:pre;background:0 0;border:0}.post-card__header .post-card__meta,footer{font-size:.875rem}.blur{background:#fff;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="16" /></filter></svg>#filter');-webkit-filter:blur(1rem);filter:blur(1rem);transition:filter .4s,-webkit-filter .4s}.blur.lazyloaded{-webkit-filter:blur(0);filter:blur(0)}.dark-bg{background-color:#313237}.title{margin:0 0 85px;text-transform:capitalize}.title::after{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-8px;width:50px;height:2px;background-color:#277cea}.hidden{display:none;visibility:hidden}.header a,.header__logo{display:-webkit-box;display:-ms-flexbox}.container{padding:1px 20px}@media (min-width:0){.container{max-width:auto;margin:0 auto}}@media (min-width:36em){.container{max-width:540px;margin:0 auto}}@media (min-width:48em){.container{max-width:720px;margin:0 auto}}@media (min-width:62em){.container{max-width:960px;margin:0 auto}}@media (min-width:75em){.container{max-width:1170px;margin:0 auto}}.header{background-color:#fff;color:#343851;position:absolute;z-index:4;width:100%;top:0;left:0;will-change:transform;-webkit-transition:background-color .5s ease,-webkit-transform .3s;transition:background-color .5s ease,-webkit-transform .3s;transition:transform .3s,background-color .5s ease;transition:transform .3s,background-color .5s ease,-webkit-transform .3s;-webkit-transform:translateY(0);transform:translateY(0)}.header__logo,.header__logo:hover{color:#313237;border-bottom:0}.header a{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:0}.header.fix-nav{position:fixed;background-color:#fff;-webkit-transition:background-color .5s ease,-webkit-transform .3s;transition:background-color .5s ease,-webkit-transform .3s;transition:transform .3s,background-color .5s ease;transition:transform .3s,background-color .5s ease,-webkit-transform .3s;z-index:5}.header.hide-nav{-webkit-transform:translateY(-120%);transform:translateY(-120%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.header__logo{display:flex;height:100%;overflow:hidden;padding:19px 0;margin-right:1.25rem;outline:0}.header__logo .header__logo--container{width:110px}.header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3.75em;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__links{padding-bottom:.5rem;display:block;position:absolute;top:3.75em;left:0;width:100%;height:auto;background:#fff}.header__link{color:#343851;padding:.938rem 0;border-top:1px solid #ededed}.header__toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:44px;height:100%;background-color:transparent;padding-left:1.25rem;cursor:pointer}.header__toggle span{display:block;position:relative;margin-top:4px;background-color:#343851;width:100%;height:2px;border-radius:1px;-webkit-transition:all .2s cubic-bezier(1,.13,.35,1.09);transition:all .2s cubic-bezier(1,.13,.35,1.09)}.header__toggle span:first-child{margin-top:0}.header__toggle.--open span:first-child{-webkit-transform:rotate(45deg) translate(4px,4px);transform:rotate(45deg) translate(4px,4px)}.header__toggle.--open span:nth-child(2n){opacity:0}.header__toggle.--open span:last-child{-webkit-transform:rotate(-45deg) translate(4px,-4px);transform:rotate(-45deg) translate(4px,-4px)}.header__overlay{position:fixed;top:0;left:0;width:0;height:0;opacity:0;background-color:rgba(0,0,0,.75);z-index:2;-webkit-transition:opacity 1s ease .1s;transition:opacity 1s ease .1s}.header__overlay.--open{width:100%;height:120%;opacity:1}@media (min-width:62em){.header__toggle{display:none;visibility:hidden}.header__links{position:static;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;visibility:visible;width:auto;height:100%}.header__links-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;padding:0}.header__link{position:relative;padding:.938rem 1rem;border:0;height:100%}.header__link::after{content:"";display:block;position:absolute;left:0;bottom:0;height:3px;width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);background:#277cea;-webkit-transition:color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:color .2s ease-in-out,transform .2s ease-in-out;transition:color .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.header__link:hover{color:#0f4c9c}.header__link :active::after,.header__link :focus::after,.header__link:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1);color:#0f4c9c;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}}footer,footer a{color:rgba(33,33,33,.6)}footer{padding:2.8125rem 0;border-top:1px solid #f0f0f0}footer a{border-bottom:0}footer a:hover{color:#277cea;border-bottom:0}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100px;margin:0 auto 25px}.social__link:not(:last-child){margin-right:1.125rem}.social__icon{height:1.5rem;width:1.5rem}.post-card{display:block;width:100%;min-height:250px;border-radius:4px;overflow:hidden;background-color:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:35px;border-bottom:0;-webkit-transition:-webkit-box-shadow .25s ease;transition:-webkit-box-shadow .25s ease;transition:box-shadow .25s ease;transition:box-shadow .25s ease,-webkit-box-shadow .25s ease}.post-card:focus,.post-card:hover{border-bottom:0;-webkit-box-shadow:0 2px 40px 0 rgba(153,155,168,.3);box-shadow:0 2px 40px 0 rgba(153,155,168,.3)}@media (min-width:48em){.post-card{width:48.4375%;margin-right:3.125%}.post-card:last-of-type,.post-card:nth-child(2n+2){margin-right:0}}@media (min-width:75em){.post-card,.post-card:nth-child(2n+2){margin-right:3.125%}.post-card{width:31.25%}.post-card:last-of-type,.post-card:nth-child(3n+3){margin-right:0}}.post-card__thumb{margin:0;background:#fff;position:relative;overflow:hidden}.post-card__thumb::after{display:block;height:0;width:100%;padding-bottom:56.25%}.post-card__thumb>*{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.post-card__inner{padding:1.875rem 1.25rem .625rem;color:#838c8d}.post-card__header{margin-bottom:.75rem}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:1.25rem auto}.pagination em,.pagination span{margin:3px}table{display:table;width:100%;overflow-x:auto;margin-bottom:1.25rem;border-collapse:collapse;border-spacing:0;border:1px solid #e0e0e0;border-radius:4px;font-size:14.5px}.hero--big::before,.hero--small::before,.hero::before{display:block;content:"";top:0;left:0;width:100%}table th{background-color:#f5f5f5}table td,table th{padding:6px 13px;border:1px solid #dfe2e5}.highlight{background:#fff}.highlight .c{color:#998}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .cm{color:#998}.highlight .cp{color:#999}.highlight .c1{color:#998}.highlight .cs{color:#999}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr{font-weight:700}.highlight .kt{color:#458}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne,.highlight .nf{color:#900}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbb}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#099}.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc,.highlight .vg,.highlight .vi{color:teal}.highlight .il{color:#099}.hero{margin:3.75rem auto 0;min-height:16.5rem;width:100%;position:relative;background-color:#dde5ea;background-repeat:no-repeat;background-position:50%;background-size:cover}@media (min-width:62em){.hero{margin:0 auto;height:25em}}.hero::before{position:absolute;height:100%;background:rgba(52,56,81,.8)}.hero--big{margin:3.75rem auto 0;min-height:21rem;width:100%;position:relative;background-color:#dde5ea;background-repeat:no-repeat;background-position:50%;background-size:cover}@media (min-width:62em){.hero--big{margin:0 auto;height:36em}}.hero--big::before{position:absolute;height:100%;background:rgba(52,56,81,.8)}.hero--small{margin:3.75rem auto 0;min-height:8.75rem;width:100%;position:relative;background-color:#313237}@media (min-width:62em){.hero--small{height:12.5em}}.hero--small::before{position:absolute;height:100%;background:rgba(52,56,81,.8)}.hero__wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:40em;z-index:1;color:#fff}.hero__title{font-size:1.5em;color:rgba(255,255,255,1);padding-bottom:5px}.hero__category{font-size:1em;color:rgba(255,255,255,.8)}.hero__meta{font-size:.8em;color:rgba(255,255,255,.8)}.hero__tag{color:#fff;margin-left:-40px}.hero__tag li{display:inline-block;border:1px dashed #fff;border-radius:10px;padding:10px;margin:5px}.controls__inner,.post-list{display:-webkit-box;display:-ms-flexbox}.page-content,.post-content{max-width:52.5rem;margin:0 auto}@media (min-width:48em){.hero__wrap .hero__title{font-size:2.625em;line-height:3.125rem;padding-bottom:15px}.hero__category{font-size:1.25em}.hero__meta{font-size:1em}}.page-content{padding:2.5em 0}@media (min-width:48em){.page-content{padding:3.75rem 0}}.blog{background-color:#f9f9f9}.post-list{padding-top:2.5em;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}@media (min-width:48em){.post-list{padding-top:5em}}.post-content{padding-top:2.5em}@media (min-width:48em){.post-content{padding-top:5em}}.comments{padding:50px 0;background-color:#fafafa}.controls__inner{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1.375rem 0 1.25rem;border-top:1px solid #ededed}.pagination__inner{border-top:0}.controls__inner .prev{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:left}.controls__inner .next{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-align:right}.controls__item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.controls__item span{font-size:.875rem;color:#838c8d}.controls__item a{color:#313237;border-bottom:0}.controls__item a svg{-webkit-transition:all .2s linear;transition:all .2s linear}.controls__item a:hover{color:#277cea;border-bottom:0}.controls__item a:hover svg{fill:#277cea}.show-more-state{display:none}.show-more-target{opacity:0;max-height:0;font-size:0;padding:0;transition:.25s ease}.show-more-state:checked~.show-more-wrap .show-more-target{opacity:1;font-size:inherit;max-height:999em}.show-more-state:checked~.show-more-wrap .show-more-target.category-post{padding:.25rem 0}.show-more-target.category-post{padding:0}.show-more-state~.show-more-trigger:before{content:attr(text-all)}.show-more-state:checked~.show-more-trigger:before{content:attr(text-less)}.show-more-trigger{cursor:pointer;text-align:right;float:right;color:#277cea;-webkit-transition:all .2s linear;transition:all .2s linear}.show-more-trigger:focus,.show-more-trigger:hover{color:#68a4f1;border-bottom:1px solid #68a4f1}ul.show-more-wrap{padding-left:5px}.category-posts-wrapper{padding:3.0rem 0 1.0rem;border-bottom:1px solid #f3f3f3}.category-posts-wrapper:last-child{border:0}.category-title{display:inline;clear:none;padding:0;margin:0}.category-post{padding:.25rem 0}.category-post-date{color:#838c8d;display:inline-block;letter-spacing:1px;font-size:.75rem;border:1px solid #f3f3f3;padding:0 .3em;float:right;margin:2px 1em 2px 0}@media (min-width:30em){.category-post-date{margin-left:1em;margin-right:0}}.share-bar{margin-bottom:10px;margin-top:50px}.share-bar h4{font-weight:500;font-size:16px}.share-buttons a:hover{text-decoration:none;border-bottom:none}.share-button{padding:5px}.share-button:hover{opacity:1;color:#fff;border-radius:5px}.fa-facebook-square{color:#3b5998}.fa-facebook-square:hover{background-color:#3b5998}.fa-twitter-square{color:#55acee}.fa-twitter-square:hover{background-color:#55acee}.fa-google-plus-square{color:#dd4b39}.fa-google-plus-square:hover{background-color:#dd4b39}.fa-linkedin-square{color:#007bb5}.fa-linkedin-square:hover{background-color:#007bb5}.fa-envelope-square{color:#444}.fa-envelope-square:hover{background-color:#444}.fa-github-square{color:#333}.fa-github-square:hover{background-color:#333}