Basic Ghost theme using Google's AMP HTML
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 2 commits ahead, 2 commits behind varun-d:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
partials
.gitignore
LICENSE
README.md
author.hbs
default.hbs
index.hbs
package.json
page.hbs
post.hbs
tag.hbs

README.md

AMPSPER

Casper Ghost theme modified to use Google AMP Forked from https://github.com/varun-d/ampsper and modifed to validate with the #development=1 parameter.

Version: 0.1.0

Installation

Create a new directory called ampsper, under /themes of your Ghost installation.

Activate theme from your settings.

Notes

  • Because of Amp's strict format Casper's scripts have been removed. That disables the menu. That has been replaced with a static link to the home page.
  • Includes the Amp edition of Google Analytics. In the "Blog Footer" you should add the <amp-analytics/> tag
  • It renders very fast. See http://www.kli.dk/ for live demo.
  • Even if the #developmet=1 validates, the Google webmaster's tools is even stricter and doesn't like the way Ghost renders schema.org stuff. This cannot be fixed in the theme but must be done in Ghost core.

Adding custom style to your Ghost blog

Add the following to "Blog Header" (it's the minified Casper styling), append with your own styling:

<style amp-custom>
body,html{height:100%;max-height:100%}body,dl,h1,h2,h3,h4,h5,h6,ol,p,ul{text-rendering:geometricPrecision}dl dt,svg:not(:root){overflow:hidden}dl dd,dl dt{margin-bottom:1em}article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,nav,section,summary{display:block}amp-img,hr,legend{border:0}pre,textarea{overflow:auto}audio,blockquote small,canvas,kbd,video{display:inline-block}mark,table th{color:#000}.inner,.main-header,.main-nav,.site-wrapper,sub,sup{position:relative}.nav li a,dl dt{text-overflow:ellipsis}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,figure{margin:0}a{background:0 0;color:#4A4A4A;transition:color .3s ease}a:focus{outline:dotted thin}.menu-button:focus,.nav-close:focus,a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box}mark{background:#fdffb6}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{vertical-align:top}@font-face{font-family:casper-icons;src:url(/assets/fonts/casper-icons.eot?v=1);src:url(/assets/fonts/casper-icons.eot?v=1#iefix) format("embedded-opentype"),url(/assets/fonts/casper-icons.woff?v=1) format("woff"),url(/assets/fonts/casper-icons.ttf?v=1) format("truetype"),url(/assets/fonts/casper-icons.svg?v=1#icons) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:casper-icons,"Open Sans",sans-serif;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}blockquote cite,dl dt{font-weight:700}.main-nav a,.nav li a,.post-meta a,.post-title a,.read-more,.scroll-down,.subscribe-button{text-decoration:none}.icon-ghost:before{content:"\f600"}.icon-feed:before{content:"\f601"}.icon-twitter:before{content:"\f602";font-size:1.1em}.icon-google-plus:before{content:"\f603"}.icon-facebook:before{content:"\f604"}.icon-arrow-left:before{content:"\f605"}.icon-stats:before{content:"\f606"}.icon-location:before{content:"\f607";margin-left:-3px}dl,ol,p,pre,ul{margin:0 0 1.75em}.icon-link:before{content:"\f608"}.icon-menu:before{content:"\f609"}html{font-size:62.5%;-webkit-tap-highlight-color:transparent}body{font-family:Merriweather,serif;letter-spacing:.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}::-moz-selection{background:#D6EDFF}::selection{background:#D6EDFF}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;margin:0 0 .4em;font-family:"Open Sans",sans-serif}code,pre,tt{font-family:Inconsolata,monospace,sans-serif;background:#F7FAFB}h1{font-size:5rem;letter-spacing:-2px;text-indent:-3px}.page-title,h2{letter-spacing:-1px}h2{font-size:3.6rem}h3{font-size:3rem}h4{font-size:2.5rem}h5,h6{font-size:2rem}a:hover{color:#111}dl,ol,p,ul{-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}ol,ul{padding-left:3rem}ol ol,ol ul,ul ol,ul ul{margin:0 0 .4em;padding-left:2em}dl dt{float:left;width:180px;clear:left;text-align:right;white-space:nowrap}dl dd{margin-left:200px}li{margin:.4em 0}li li{margin:0}hr{height:1px;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 -2.2em;padding:0 0 0 1.75em;border-left:#4A4A4A .4em solid}pre,table{-moz-box-sizing:border-box;width:100%}blockquote p{margin:.8em 0;font-style:italic}blockquote small{margin:.8em 0 .8em 1.5em;font-size:.9em;color:#CCC}blockquote small:before{content:"\2014 \00A0"}blockquote cite a{font-weight:400}.page-title,kbd{font-weight:700}code,tt{padding:1px 3px;font-size:.85em;white-space:pre-wrap;border:1px solid #E3EDF3;border-radius:2px}pre{box-sizing:border-box;border:1px solid #E3EDF3;padding:10px;font-size:.9em;white-space:pre;border-radius:3px}pre code,pre tt{font-size:inherit;white-space:pre-wrap;background:0 0;border:none;padding:0}.menu-button,.nav li a,.post-date{white-space:nowrap}kbd{margin-bottom:.4em;padding:1px 8px;border:1px solid #CCC;color:#666;text-shadow:#FFF 0 1px 0;font-size:.9em;background:#F4F4F4;border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.2),0 1px 0 0 #fff inset}table{border-collapse:collapse;border-spacing:0;box-sizing:border-box;margin:1.75em 0;max-width:100%;background-color:transparent}.inner,.pagination,.post{max-width:710px}table td,table th{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:#EFEFEF 1px solid}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-top:0}table tbody+tbody{border-top:#EFEFEF 2px solid}table table table{background-color:#FFF}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:#F6F6F6}table.plain tbody>tr:nth-child(odd)>td,table.plain tbody>tr:nth-child(odd)>th{background:0 0}.fluid-width-video-wrapper,iframe{display:block;margin:1.75em 0}.fluid-width-video-wrapper iframe{margin:0}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.hidden{text-indent:-9999px;visibility:hidden;display:none}.inner{width:80%;margin:0 auto}.vertical{display:table-cell;vertical-align:middle}.site-wrapper{z-index:10;min-height:100%;background:#fff;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}body.nav-opened .site-wrapper{overflow-x:hidden;-webkit-transform:translate3D(-240px,0,0);-ms-transform:translate3D(-240px,0,0);transform:translate3D(-240px,0,0);-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.main-header{display:table;width:100%;height:100vh;margin-bottom:5rem;text-align:center;background:center center no-repeat #222;background-size:cover;overflow:hidden}.main-header .inner{width:80%}.main-nav{padding:35px 40px;margin:0 0 30px}.main-nav a{font-family:'Open Sans',sans-serif}.page-title,.subscribe-button{font-family:"Open Sans",sans-serif}body.nav-opened .nav-cover{position:fixed;top:0;left:0;right:240px;bottom:0;z-index:200}.nav{position:fixed;top:0;right:0;bottom:0;z-index:5;width:240px;opacity:0;background:#111;margin-bottom:0;text-align:left;overflow-y:auto;-webkit-transition:-webkit-transform .5s ease,opacity .3s ease .7s;transition:transform .5s ease,opacity .3s ease .7s}.author-image,.nav li a,.post-template .content{overflow:hidden}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 .3s ease,opacity 0s ease 0s;transition:transform .3s ease,opacity 0s ease 0s;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}.nav-title{position:absolute;top:45px;left:30px;font-size:16px;font-weight:100;text-transform:uppercase;color:#fff}.nav-close{position:absolute;top:38px;right:25px;width:20px;height:20px;padding:0;font-size:10px}.nav-close:after,.nav-close:before{content:'';position:absolute;width:20px;height:1px;background:#969696;top:15px;-webkit-transition:background .15s ease;transition:background .15s ease}.nav-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.nav-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-close:hover:after,.nav-close:hover:before{background:#fff}.nav ul{padding:90px 9% 5%;list-style:none;counter-reset:item}.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}.nav li{margin:0}.nav li a{line-height:1.4;font-size:1.4rem;display:block;padding:.6rem 4%}.menu-button,.subscribe-button{text-align:center;line-height:35px;text-transform:uppercase}.nav li a:after{display:inline-block;content:" .......................................................";color:rgba(255,255,255,.2);margin-left:5px}.scroll-down,.subscribe-button{display:block;position:absolute}.nav .nav-current:before{color:#fff}.nav .nav-current a:after{content:" ";border-bottom:rgba(255,255,255,.5) 1px solid;width:100%;height:1px}.nav a:link,.nav a:visited{color:#B8B8B8}.nav a:active,.nav a:focus,.nav a:hover,.nav li.nav-current a{color:#fff}.subscribe-button{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;bottom:30px;left:30px;right:30px;height:38px;padding:0 20px;color:#111;font-size:12px;border-radius:3px;background:#fff;transition:all ease .3s}.subscribe-button:before{font-size:9px;margin-right:6px}.scroll-down{z-index:100;bottom:45px;left:50%;margin-left:-16px;width:34px;height:34px;font-size:34px;text-align:center;color:rgba(255,255,255,.7);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-animation:bounce 4s 2s infinite;animation:bounce 4s 2s infinite}.scroll-down:hover{color:#fff;-webkit-animation:none;animation:none}.home-template .main-header:after{display:block;content:" ";width:150px;height:130px;border-radius:100%;position:absolute;bottom:0;left:50%;margin-left:-75px;background:radial-gradient(ellipse at center,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%)}.blog-logo amp-img,.menu-button{-webkit-box-sizing:border-box;height:38px}.author-profile:after,.post:after{bottom:-5px;box-shadow:#FFF 0 0 0 5px;content:""}.archive-template .main-header:after,.archive-template .scroll-down,.no-cover .scroll-down,.no-cover.main-header:after{display:none}.blog-logo{display:block;float:left;background:0 0;border:none}.blog-logo amp-img{-moz-box-sizing:border-box;box-sizing:border-box;display:block;padding:1px 0 5px;width:auto}.author-image,.menu-button{-moz-box-sizing:border-box}.menu-button{box-sizing:border-box;display:inline-block;float:right;padding:0 15px;border-style:solid;border-width:1px;opacity:1;font-size:12px;border-radius:3px;transition:all .5s ease}.menu-button:before{font-size:12px;font-weight:700;margin-right:6px;position:relative;top:1px}.menu-button:hover{background:#fff}.nav-closed .menu-button{color:#fff;border-color:rgba(255,255,255,.6)}.nav-closed .menu-button:hover{color:#222}.nav-closed .no-cover .menu-button{border-color:#BFC8CD;color:#9EABB3}.nav-closed .no-cover .menu-button:hover{border-color:#555;color:#555}.nav-opened .menu-button{padding:0 12px;background:#111;border-color:#111;color:#fff;-webkit-transform:translate3D(94px,0,0);-ms-transform:translate3D(94px,0,0);transform:translate3D(94px,0,0);transition:all .3s ease}.nav-opened .menu-button .word{opacity:0;transition:all .3s ease}.main-nav.overlay{position:absolute;top:0;left:0;right:0;height:70px;border:none;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 100%)}.no-cover .main-nav.overlay{background:0 0}.page-title{margin:10px 0;font-size:5rem;color:#fff}.page-description{margin:0;font-size:2rem;line-height:1.5em;font-weight:400;font-family:Merriweather,serif;letter-spacing:.01rem;color:rgba(255,255,255,.8)}.no-cover.main-header{min-height:160px;max-height:40vh;background:#f5f8fa}.no-cover .page-title{color:rgba(0,0,0,.8)}.no-cover .page-description{color:rgba(0,0,0,.5)}.author-meta,.author-meta a,.post-meta,.post-meta a{color:#9EABB3}.home-template .page-title{-webkit-animation:fade-in-down .6s;animation:fade-in-down .6s;-webkit-animation-delay:.2s;animation-delay:.2s}.home-template .page-description{-webkit-animation:fade-in-down .9s;animation:fade-in-down .9s;-webkit-animation-delay:.1s;animation-delay:.1s}.post{position:relative;width:80%;margin:4rem auto;padding-bottom:4rem;border-bottom:#EBF2F6 1px solid;word-wrap:break-word}.post:after{display:block;width:7px;height:7px;border:1px solid #E7EEF2;position:absolute;left:50%;margin-left:-5px;background:#FFF;border-radius:100%}body:not(.post-template) .post-title{font-size:3.6rem}.post-excerpt p{margin:0;font-size:.9em;line-height:1.7em}.post-meta{display:block;margin:1.75rem 0 0;font-family:"Open Sans",sans-serif;font-size:1.5rem;line-height:2.2rem}.author-thumb{width:24px;height:24px;float:left;margin-right:9px;border-radius:100%}.post-meta a:hover{text-decoration:underline}.footnotes p a:last-child,.post-footer h4 a{text-decoration:none}.user-meta{position:relative;padding:.3rem 40px 0 100px;min-height:77px}.post-date{display:inline-block;margin-left:8px;padding-left:12px;border-left:#d5dbde 1px solid;text-transform:uppercase;font-size:1.3rem}.publish-date,.user-bio{display:block;font-size:1.4rem;line-height:1.5em}.user-image{position:absolute;top:0;left:0}.user-name{display:block;font-weight:700}.user-bio{max-width:440px}.publish-meta{position:absolute;top:0;right:0;padding:4.3rem 0 4rem;text-align:right}.publish-heading{display:block;font-weight:700}.post-template .post-header{margin-bottom:3.4rem}.post-template .post-title{margin-bottom:0}.post-template .post-meta{margin:0}.post-template .post-date{padding:0;margin:0;border:none}.post-template .post{margin-top:0;border-bottom:none;padding-bottom:0}.post-template .post:after{display:none}.post-content amp-img{display:block;max-width:126%;height:auto;padding:.6em 0;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.footnotes{font-style:italic;font-size:1.3rem;line-height:1.6em}.footnotes li{margin:.6rem 0}.footnotes p{margin:0}.post-footer{position:relative;margin:6rem 0 0;padding:6rem 0 0;border-top:#EBF2F6 1px solid}.post-footer h4{font-size:1.8rem;margin:0}.post-footer p{margin:1rem 0;font-size:1.4rem;line-height:1.75em}.author-meta{padding:0;list-style:none;font-size:1.4rem;line-height:1;font-style:italic}.author-meta a:hover{color:#111}.post-footer .author{margin-right:180px}.post-footer h4 a{color:#2e2e2e}.post-footer h4 a:hover{text-decoration:underline}.author-meta a,.post-footer .share a,.read-next-story,.site-footer a{text-decoration:none}.post-footer .share{position:absolute;top:6rem;right:0;width:140px}.post-footer .share a{font-size:1.8rem;display:inline-block;margin:1rem 1.6rem 1.6rem 0;color:#BBC7CC}.post-footer .share .icon-twitter:hover{color:#55acee}.post-footer .share .icon-facebook:hover{color:#3b5998}.post-footer .share .icon-google-plus:hover{color:#dd4b39}.post-head.main-header{height:65vh;min-height:180px}.no-cover.post-head.main-header{height:85px;min-height:0;margin-bottom:0;background:0 0}.author-head.main-header,.tag-head.main-header{height:40vh;min-height:180px}.no-cover.author-head.main-header{height:10vh;min-height:100px;background:0 0}.author-profile{padding:0 15px 5rem;border-bottom:#EBF2F6 1px solid;text-align:center}.author-profile:after{display:block;width:7px;height:7px;border:1px solid #E7EEF2;position:absolute;left:50%;margin-left:-5px;background:#FFF;border-radius:100%}.author-image,.author-image .img{display:block;border-radius:100%}.author-image{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:-40px;left:50%;margin-left:-40px;width:80px;height:80px;padding:6px;background:#fff;z-index:2;box-shadow:#E7EEF2 0 0 0 1px}.author-image .img{position:relative;width:100%;height:100%;background-size:cover;background-position:center center}.author-profile .author-image{position:relative;left:auto;top:auto;width:120px;height:120px;padding:3px;margin:-100px auto 0;box-shadow:none}.author-title{margin:1.5rem 0 1rem}.author-bio{font-size:1.8rem;line-height:1.5em;font-weight:200;color:#50585D;letter-spacing:0;text-indent:0}.author-meta{margin:1.6rem 0}.author-profile .author-meta{margin:2rem 0;font-family:Merriweather,serif;letter-spacing:.01rem;font-size:1.7rem}.pagination,.read-next-story .post:before,.site-footer{font-family:"Open Sans",sans-serif}.author-meta span{display:inline-block;margin:0 2rem 1rem 0;word-wrap:break-word}.archive-template .author-profile .author-meta{display:none}.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%;position:relative;text-align:center;color:#fff;background:center center no-repeat #222;background-size:cover;overflow:hidden}.read-next-story:hover:before{background:rgba(0,0,0,.8);transition:all .2s ease}.read-next-story:hover .post:before{color:#222;background:#fff;transition:all .2s ease}.read-next-story:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);transition:all .5s ease}.read-next-story .post{padding-top:6rem;padding-bottom:6rem}.read-next-story .post:before{content:"Read This Next";padding:4px 10px 5px;text-transform:uppercase;font-size:1.1rem;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.5);border-radius:4px;transition:all .5s ease}.read-next-story.prev .post:before{content:"You Might Enjoy"}.read-next-story h2{margin-top:1rem;color:#fff}.read-next-story p{margin:0;color:rgba(255,255,255,.8)}.read-next-story.no-cover{background:#f5f8fa}.read-next-story.no-cover:before{display:none}.read-next-story.no-cover .post:before{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.2)}.read-next-story.no-cover h2{color:rgba(0,0,0,.8)}.read-next-story.no-cover p{color:rgba(0,0,0,.5)}.read-next-story.no-cover+.read-next-story.no-cover{border-left:rgba(0,0,100,.04) 1px solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.read-next+.site-footer{position:absolute;bottom:0;left:0;right:0;margin:0}.gist table{margin:0;font-size:1.4rem}.gist td{line-height:1.4}.gist .line-number{min-width:25px}.content .embedPastebin{margin-bottom:1.75em}.pagination{position:relative;width:80%;margin:4rem auto;font-size:1.3rem;color:#9EABB3;text-align:center}.pagination a{color:#9EABB3;transition:all .2s ease}.newer-posts,.older-posts{position:absolute;display:inline-block;padding:0 15px;border:1px solid #bfc8cd;text-decoration:none;border-radius:4px;transition:border .3s ease}.older-posts{right:0}.page-number{display:inline-block;padding:2px 0;min-width:100px}.newer-posts{left:0}.newer-posts:hover,.older-posts:hover{color:#889093;border-color:#98a0a4}.extra-pagination{display:none;border-bottom:#EBF2F6 1px solid}.extra-pagination:after{display:block;content:"";width:7px;height:7px;border:1px solid #E7EEF2;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#FFF;border-radius:100%;box-shadow:#FFF 0 0 0 5px}.extra-pagination .pagination{width:auto}.copyright,.poweredby{display:block;width:45%}.archive-template .main-header{max-height:30vh}.archive-template .extra-pagination{display:block}.site-footer{position:relative;margin:8rem 0 0;padding:1rem 15px;font-size:1rem;line-height:1.75em;color:#BBC7CC}.site-footer a{color:#BBC7CC;font-weight:700}.site-footer a:hover{border-bottom:#bbc7cc 1px solid}.poweredby{float:right;text-align:right}.copyright{float:left}@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;min-height:240px;height:60vh;padding:15% 0}.home-template .main-header:after,.scroll-down{display:none}.archive-template .main-header{min-height:180px;padding:10% 0}.blog-logo amp-img{padding:4px 0}.page-title{font-size:4rem;letter-spacing:-1px}.page-description{font-size:1.8rem;line-height:1.5em}.post{font-size:.95em}body:not(.post-template) .post-title{font-size:3.2rem}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}.author-profile .author-bio,.author-profile .author-meta span{font-size:1.6rem}.author-profile{padding-bottom:4rem}.author-meta span{display:block;margin:1.5rem 0}.post-head.main-header{height:45vh}.author-head.main-header,.tag-head.main-header{height:30vh}.no-cover.post-head.main-header{height:55px;padding:0}.no-cover.author-head.main-header{padding:0}.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 p{display:none}.read-next-story.no-cover+.read-next-story.no-cover{border-top:rgba(0,0,100,.06) 1px solid;border-left:none}}@media only screen and (max-width:500px){.main-header{margin-bottom:15px;height:40vh}.no-cover.main-header{height:30vh}.archive-template .main-header{max-height:20vh;min-height:160px;padding:10% 0}.blog-logo,.main-nav{padding:5px}.main-nav{margin-bottom:2rem}.blog-logo amp-img{height:30px}.menu-button{padding:0 5px;border-radius:0;border-width:0;color:#2e2e2e;background:0 0}.menu-button:hover{color:#2e2e2e;border-color:transparent;background:0 0}body.nav-opened .menu-button{background:0 0;border:transparent}.main-nav.overlay a:hover{color:#fff;border-color:transparent;background:0 0}.no-cover .main-nav.overlay{background:0 0}.no-cover .main-nav.overlay .menu-button{border:none}.main-nav.overlay .menu-button{border-color:transparent}.nav-title{top:25px}.nav-close{position:absolute;top:18px}.nav ul{padding:60px 9% 5%}.inner,.pagination{width:auto;margin:2rem auto}.post{width:auto;padding-bottom:2rem;line-height:1.65em;margin:2rem 16px}.post-date{display:none}.post-template .post-header{margin-bottom:2rem}.post-template .post-date{display:inline-block}hr{margin:1.75em 0}dl,ol,p,ul{font-size:.95em;margin:0 0 2.5rem}.page-title{font-size:3rem}.post-excerpt p{font-size:.85em}.page-description{font-size:1.6rem}h1,h2,h3,h4,h5,h6{margin:0 0 .3em}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,h6{font-size:1.8rem}body:not(.post-template) .post-title{font-size:2.5rem}.post-template .site-footer{margin-top:0}.post-content amp-img{padding:0;width:calc(100% + 32px);min-width:0;max-width:112%}.post-meta{font-size:1.3rem;margin-top:1rem}.post-footer{padding:5rem 0 3rem;text-align:center}.post-footer .author{margin:0 0 2rem;padding:0 0 1.6rem;border-bottom:#EBF2F6 1px dashed}.post-footer .share{position:static;width:auto}.post-footer .share a{margin:1.4rem .8rem 0}.author-meta li{float:none;margin:0;line-height:1.75em}.author-meta li:before{display:none}.newer-posts,.older-posts{position:static;margin:10px 0}.page-number{display:block}.site-footer{margin-top:3rem}.author-profile{padding-bottom:2rem}.post-head.main-header{height:30vh}.author-head.main-header,.tag-head.main-header{height:20vh}.author-profile .author-image{margin-top:-70px}.author-profile .author-meta span{font-size:1.4rem}.archive-template .main-header .page-description{display:none}.read-next{margin-top:2rem;margin-bottom:-37px}.read-next .post{width:100%}}@-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) rotate(-90deg);transform:translateY(0) rotate(-90deg)}20%{-webkit-transform:translateY(-10px) rotate(-90deg);transform:translateY(-10px) rotate(-90deg)}30%{-webkit-transform:translateY(-5px) rotate(-90deg);transform:translateY(-5px) rotate(-90deg)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}40%{-webkit-transform:translateY(-10px) rotate(-90deg);transform:translateY(-10px) rotate(-90deg)}60%{-webkit-transform:translateY(-5px) rotate(-90deg);transform:translateY(-5px) rotate(-90deg)}}
</style>