lunchkid - Tumblr blog

<!DOCTYPE html> <!--

Theme: Ashley v0.6 Author: Jxnblk [https://jxnblk.com] For: Tumblr [https://tumblr.com/] Terms: Protected under Creative Commons. [https://creativecommons.org/licenses/by-nc/3.0/]

--> <html lang="en"> <head> <meta charset="UTF-8">  <meta name="image:Logo" content=""/> <meta name="text:Colophon" content="Ashley theme by Jxnblk"/> <meta name="text:GoogleWebFont" content="Gentium Book Basic"/> <meta name="text:GoogleWebFontURL" content="Gentium+Book+Basic"/> <meta name="color:Background" content="#fff"/> <meta name="color:Text" content="#444"/> <meta name="color:Link" content="#09b"/> <title>{Title}{block:PostSummary} — {PostSummary}{/block:PostSummary}</title> {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description} <link rel="shortcut icon" href="{Favicon}"> <link rel="apple-touch-icon" href="{PortraitURL-128}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:IfGoogleWebFont} <link href='https://fonts.googleapis.com/css?family={text:GoogleWebFontURL}' rel='stylesheet' type='text/css'> {/block:IfGoogleWebFont} <meta name=viewport content='width=device-width, initial-scale=1'>  <style>

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin:0;padding:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}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;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;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{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body { color: {color:Text}; background: {color:Background}; font-family: '{text:GoogleWebFont}', Georgia, serif; font-size: 100%; line-height: 1.5; font-weight: 400; }

h1, h2, .h1, .h2 { font-weight: 400; line-height: 1.25; margin-top: .5em; }

h1, .h1 { font-size: 32px; }

h2, .h2 { font-size: 24px; }

h3, .h3 { font-size: 20px; }

h1+h2 { margin-top: 0; }

p, .p, ul, ol { font-size: 18px; }

small, .small { font-size: 14px; }

strong, .strong { font-weight: 700; }

p, ul, ol { margin-top: 1em; }

@media screen and (min-width: 480px) { h1, .h1 { font-size: 48px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 24px; } p, .p, ul, ol { font-size: 20px;} small, .small { font-size: 16px;} }

@media screen and (min-width: 640px) { h1, .h1 { font-size: 64px; } h2, .h2 { font-size: 48px; } h3, .h3 { font-size: 32px; } }

.wrap { width: 90%; padding: 0 5%; max-width: 48em; margin: 0 auto; overflow: hidden; }

article { margin-top: 4em; }

a { color: {color:Link}; text-decoration: none; }

a:hover { text-decoration: underline; }

header { width: 90%; padding: 2em 5% 0; max-width: 48em; margin: 0 auto; overflow: hidden; }

.logo { float: left; margin-right: 1em; }

header h1, header p { margin: 0; }

header a, a.post-title { color: {color:Text}; }

a.post-title:hover { text-decoration: none; color: {color:Link}; }

header a:hover { text-decoration: none; }

.post img, .photoset, .photoset img, .photoset_row { max-width: 100%; }

.post iframe, .video object { width: 100%; max-width: 100%; }

.post blockquote { padding-left: 1em; border-left: 1px solid #ddd; }

.post ul, .post ol { margin-left: 2em; }

.post footer ul, .post footer ol { margin: 0; }

.quote blockquote { padding: 0; border: none; font-style: italic; }

.quote .source { text-align: right; }

.post footer { padding: 0; margin-top: 1em; color: #aaa; font-style: italic; }

.post footer a { color: #aaa; }

.post footer a:hover { color: #999; }

.post footer .source { float: right; margin-right: 0; }

.post footer ul li { display: inline-block; margin-right: 1em; }

.tags { margin-top: 1em; }

.pagination { margin-top: 4em; text-align: center; line-height: 3em; overflow: hidden; }

.pagination a { display: block; height: 3em; padding: 0 1em; border-radius: 0.25em; }

.pagination a:hover { background: #eee; text-decoration: none; }

.pagination .previous { float: left; }

.pagination .next { float: right; }

footer.wrap { padding-top: 2em; padding-bottom: 2em; }

ul.pages { list-style: none; }

ul.pages li { display: inline-block; margin-right: 1em; }

ul.pages li a { display: block; height: 3em; line-height: 3em; }

/* Permalink Notes */

aside.notes { margin-top: 4em; }

ol.notes { list-style: none; margin-top: 1em; border: 1px solid #ddd; border-radius: 0.25em; }

ol.notes, ol.notes a { color: #aaa; }

li.note { display: block; line-height: 2em; padding: 0.5em 1em; border-bottom: 1px solid #ddd; } li.note:last-child { border: none; }

ol.notes li.note img.avatar { display: block; float: left; width: 2em; height: 2em; margin-right: 1em; border-radius: 0.25em; }

.notes .action a { color: {color:Text}; }

.action { display: block; margin-left: 3em; }

.notes blockquote { line-height: 1.5; margin-left: 3em; } {CustomCSS} </style> </head> <body>

<header> {block:IfLogoImage}<a href="/"><img src="{image:Logo}" class="logo" /></a>{/block:IfLogoImage} <h1><a href="/">{Title}</a></h1> {block:Description} <p>{Description}</p> {/block:Description} </header>

<div class="content wrap"> <section class="posts"> {block:NoSearchResults} <h2>Sorry, nothing found for “{SearchQuery}”.</h2> {/block:NoSearchResults}

{block:TagPage} <h2 class="h1">#{Tag}</h2> {/block:TagPage}

{block:Posts} <article class="post {PostType}"> {block:Text} {block:Title} <a href="{Permalink}" class="post-title"><h2>{Title}</h2></a> {/block:Title} {Body} {block:More}<a href="{Permalink}" class="p">Read More »</a>{/block:More} {/block:Text}

{block:Photo} {LinkOpenTag} <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"> {LinkCloseTag}

{block:Caption} {Caption} {/block:Caption} {/block:Photo}

{block:Photoset} {Photoset}

{block:Caption} {Caption} {/block:Caption} {/block:Photoset}

{block:Quote} <blockquote> <p class="h3">“{Quote}”</p>

{block:Source} <p class="source">– {Source}</p> {/block:Source} </blockquote> {/block:Quote}

{block:Link} <h2><a href="{URL}"{Target}>{Name} »</a></h2>

{block:Description} {Description} {/block:Description} {/block:Link}

{block:Chat} {block:Title} <h2>{Title}</h2> {/block:Title}

<ul> {block:Lines} <li class="{Alt}"> {block:Label} <b>{Label}</b> {/block:Label}

{Line} </li> {/block:Lines} </ul> {/block:Chat}

{block:Audio} {AudioEmbed-640} {block:Caption} {Caption} {/block:Caption} {/block:Audio}

{block:Video} {Video-700}

{block:Caption} {Caption} {/block:Caption} {/block:Video}

{block:Answer} <h2>{Asker} asked: <q>{Question}</q></h2>

{Answer} {/block:Answer}

{block:Date} <footer> <ul class="small"> <center><li><a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}:{Seconds}">{TimeAgo}</a><br><img src="https://ui-ex.com/images/transparent-divider-page-tumblr.png"></li</center> {block:RebloggedFrom}<li class="source"> (reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>)</li>{/block:RebloggedFrom} {block:ContentSource} <li class="source">via <a href="{SourceURL}">{SourceTitle}</a></li> {/block:ContentSource} </ul> {block:PermalinkPage} {block:HasTags} <ul class="tags"> {block:Tags} <li> <a href="{TagURL}">#{Tag}</a> </li> {/block:Tags} </ul> {/block:HasTags} {/block:PermalinkPage} </footer> {/block:Date} </article>  {block:PostNotes} <aside class="notes"> {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount} {PostNotes-64} </aside> {/block:PostNotes}

{/block:Posts} {block:Pagination} <div class="pagination p"> <span class="previous">{block:PreviousPage}<a href="{PreviousPage}" class="previous">{/block:PreviousPage}« Previous{block:PreviousPage}</a>{/block:PreviousPage}</span> <span class="page-numbers">{CurrentPage}/{TotalPages}</span> <span class="next">{block:NextPage}<a href="{NextPage}">{/block:NextPage}Next »{block:NextPage}</a>{/block:NextPage}</span> </div> {/block:Pagination} </section>  </div>  <footer class="small wrap"> {block:HasPages} <ul class="pages"> {block:Pages} <li><a href="{URL}">{Label}</a></li> {/block:Pages} </ul> {/block:HasPages} {block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled} {block:IfColophon}<p class="small">{text:Colophon}</p>{block:IfColophon} </footer> </body> </html>