Last active
March 15, 2017 12:50
-
-
Save puikinsh/46ffbd1aeac929fe3c1a7a4f39c61991 to your computer and use it in GitHub Desktop.
A simple tumblr theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<!-- | |
theme: Gravity | |
version: 1.0 (March 1, 2017) | |
from: colorlib.com | |
--> | |
<meta charset="UTF-8"> | |
<title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</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}"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
{block:Hidden} | |
<meta name="image:Background" content=""> | |
<meta name="color:Background" content="#f6f6f6"> | |
<meta name="color:Header" content="#0063b1"> | |
<meta name="color:Header Text" content="#ffffff"> | |
<meta name="color:Subheader" content="#0d70be"> | |
<meta name="color:Subheader Text" content="#ffffff"> | |
<meta name="color:Post Links" content="#0063b1"> | |
<meta name="color:Photo Hover" content="#0063b1"> | |
<meta name="text:Google Analytics ID" content=""> | |
<meta name="if:Infinite Scrolling" content="1"> | |
<meta name="if:Permalink New Window" content="1"> | |
<meta name="if:Show Like and Reblog Buttons" content="1"> | |
<meta name="if:Page Shadow" content="1"> | |
<meta name="select:Background Image Style" content="tile" title="tile"> | |
<meta name="select:Background Image Style" content="cover" title="cover"> | |
<meta name="select:Background Image Style" content="center" title="center"> | |
<meta name="select:Columns" content="3col" title="3 columns"> | |
<meta name="select:Columns" content="4col" title="4 columns"> | |
<meta name="select:Columns" content="2col" title="2 columns"> | |
{/block:Hidden} | |
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic" rel="stylesheet"> | |
<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> | |
<style type="text/css"> | |
/* =Base styles= | |
-------------------------------------------------------------- */ | |
* { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
body { | |
color: #333; | |
background-color: {color:Background}; | |
{block:IfBackgroundImage} | |
background-image: url('{image:Background}'); | |
background-position: center center; | |
background-attachment: fixed; | |
{/block:IfBackgroundImage} | |
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
margin: 0; | |
padding: 36px 0; | |
} | |
.background-cover { | |
background-position: center center; | |
background-size: cover; | |
} | |
.background-tile { | |
background-repeat: repeat; | |
} | |
.background-center { | |
background-position: center center; | |
background-repeat: no-repeat; | |
} | |
.wrapper { | |
background-color: white; | |
{block:IfPageShadow} | |
-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.25); | |
box-shadow: 0px 2px 15px rgba(0,0,0,0.25); | |
{/block:IfPageShadow} | |
width: 960px; | |
margin: 0 auto; | |
border-radius: 4px; | |
overflow: hidden; | |
} | |
.permalink-page .wrapper { | |
width: 750px; | |
} | |
#gravity { | |
margin: 0; | |
-webkit-transition: opacity 0.3s linear; | |
-moz-transition: opacity 0.3s linear; | |
transition: opacity 0.3s linear; | |
} | |
main { | |
max-width: 960px; | |
} | |
a, a:hover { | |
text-decoration: none; | |
} | |
h1,h2,h3,h4,h5,h6 { | |
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; | |
font-weight: 600; | |
} | |
ul { | |
list-style-type: none; | |
padding-left: 0; | |
} | |
/* =Header styles= | |
-------------------------------------------------------------- */ | |
header { | |
background-color: {color:Header}; | |
padding: 0; | |
max-height: 48px; | |
margin: 0 auto; | |
position: relative; | |
} | |
.header-navbar { | |
text-align: right; | |
clear: both; | |
width: 100%; | |
margin: 0 auto; | |
} | |
ul.header-links { | |
margin: 0 auto; | |
} | |
ul.header-links li { | |
text-align: center; | |
display: inline-block; | |
padding: 15px 25px; | |
} | |
ul.header-links li:hover { | |
background-color: rgba({RGBcolor:Header Text},0.05); | |
} | |
.header-link { | |
font-size: 1em; | |
color: {color:Header Text}; | |
} | |
.logo { | |
color: {color:Header Text}; | |
font-weight: 400; | |
float: left; | |
text-transform: none; | |
font-size: 1.2em; | |
line-height: 1.1em; | |
padding: 15px 25px; | |
text-decoration: none; | |
} | |
.logo:hover { | |
background-color: rgba({RGBcolor:Header Text},0.05); | |
text-decoration: none; | |
} | |
nav { | |
clear: both; | |
} | |
.pages-links { | |
z-index: 1005; | |
background-color: white; | |
width: 250px; | |
position: absolute; | |
top: 48px; | |
right: 0; | |
border-radius: 3px; | |
-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.25); | |
box-shadow: 0px 2px 15px rgba(0,0,0,0.25); | |
} | |
.pages-link { | |
z-index: 1005; | |
display: block; | |
color: black; | |
padding: 15px 20px; | |
} | |
.pages-link:hover { | |
background-color: rgba({RGBcolor:Header},0.1); | |
color: black; | |
} | |
.menu-hidden { | |
display: none; | |
} | |
.arrow-up { | |
width: 0; | |
height: 0; | |
border-left: 10px solid transparent; | |
border-right: 10px solid transparent; | |
border-bottom: 10px solid white; | |
position: absolute; | |
top: -10px; | |
left: 206px; | |
} | |
.subheader { | |
background-color: {color:Subheader}; | |
color: {color:Subheader Text}; | |
padding: 15px 25px; | |
text-align: center; | |
} | |
.blog-description { | |
text-align: left; | |
border-bottom: 1px solid {color:Header}; | |
} | |
.blog-description a, .blog-description a:hover { | |
color: {color:Subheader Text}; | |
text-decoration: underline; | |
} | |
.blog-description a:hover { | |
background-color: rgba({RGBcolor:Subheader Text},0.1); | |
} | |
/* =Post styles= | |
-------------------------------------------------------------- */ | |
.post { | |
width: 240px; | |
float: left; | |
} | |
.layout-3col .post { | |
width: 320px; | |
} | |
.layout-2col .post { | |
width: 480px; | |
} | |
.index-page .post { | |
} | |
.index-page .post.photo { | |
border: 0; | |
} | |
.post-content { | |
position: relative; | |
background-color: white; | |
padding: 20px 25px; | |
font-size: 1em; | |
line-height: 140%; | |
overflow: hidden; | |
} | |
.index-page .photo .post-content { | |
border: 0; | |
padding: 0; | |
} | |
.post a, .post a:hover { | |
color: {color:Post Links}; | |
text-decoration: none; | |
} | |
.post-content a:hover { | |
text-decoration: underline; | |
} | |
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { | |
font-weight: 600; | |
font-size: 1.28em; | |
margin: 14px 0 14px; | |
} | |
.post p { | |
font-size: 1em; | |
line-height: 150%; | |
} | |
.post ul { | |
list-style-type: square; | |
font-size: 1em; | |
padding-left: 20px; | |
} | |
.post ol { | |
font-size: 1em; | |
padding-left: 20px; | |
} | |
.post blockquote { | |
font-size: 1em; | |
padding: 0 8px; | |
margin: 16px 0; | |
font-style: italic; | |
border-left: 2px solid #eee; | |
} | |
.post figure { | |
margin: 0; | |
} | |
.quote-text { | |
font-family: Georgia, serif; | |
font-weight: 400 !important; | |
font-style: italic; | |
} | |
.post-content img { | |
max-width: 100%; | |
height: auto; | |
} | |
.index-page .photo-post-photo { | |
max-width: 100%; | |
width: 100%; | |
height: auto; | |
display: block; | |
} | |
.video-content { | |
position: relative; | |
padding-bottom: 56.25%; | |
height: 0; | |
} | |
.video-content iframe { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
} | |
ul.chat { | |
list-style-type: none; | |
padding-left: 0; | |
} | |
.chat li { | |
padding-top: 5px; | |
padding-bottom: 5px; | |
border-bottom: 1px solid #eee; | |
} | |
.chat li:last-child { | |
border-bottom: none; | |
} | |
.chat-label { | |
font-weight: bold; | |
} | |
.clear { | |
clear: both; | |
} | |
.post iframe, figure img { | |
display: block; | |
max-width: 100%; | |
} | |
figure img { | |
height: auto; | |
} | |
.post-content hr { | |
clear: both; | |
border: 0; | |
border-bottom: 1px solid #eee; | |
} | |
.asker-avatar { | |
width: 16px; | |
height: 16px; | |
vertical-align: middle; | |
border-radius: 2px; | |
margin-right: 5px; | |
} | |
/* =Post Meta and Notes | |
-------------------------------------------------------------- */ | |
.photo .post-index-info { | |
display: none; | |
} | |
.post-index-info { | |
margin-top: 20px; | |
} | |
.post-index-info a { | |
color: #888; | |
} | |
.photo-hover { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
padding: 0; | |
font-size: 1em; | |
line-height: 30px; | |
font-weight: normal; | |
background: rgba({RGBcolor:Photo Hover}, 0); | |
border-top: 0; | |
z-index: 100; | |
opacity: 0; | |
-webkit-transition: all 0.15s ease-in-out; | |
-moz-transition: all 0.15s ease-in-out; | |
transition: all 0.15s ease-in-out; | |
} | |
.photo-hover:hover { | |
background: rgba({RGBcolor:Photo Hover}, 0.75); | |
opacity: 1; | |
} | |
.photo-hover a, .photo-hover a:hover { | |
color: white; | |
text-shadow: 1px 2px 5px rgba(0,0,0,0.5); | |
} | |
.photo-hover .inside { | |
text-align: center; | |
transition: all 0.15s ease-in-out; | |
position: relative; | |
width: 100%; | |
top: 50%; | |
margin-top: -24px; | |
} | |
.post-meta { | |
padding: 25px 0 0; | |
} | |
.post-meta-item { | |
margin-right: 8px; | |
} | |
.tag { | |
margin-right: 8px; | |
} | |
.tag:before { | |
content: "#"; | |
} | |
.like_button, .reblog_button { | |
display: inline-block !important; | |
} | |
.reblog_button { | |
margin-right: 10px; | |
} | |
ol.notes { | |
list-style-type: none; | |
padding-left: 0; | |
} | |
.notes .avatar { | |
width: 16px; | |
height: 16px; | |
vertical-align: middle; | |
display: inline; | |
border-radius: 3px; | |
margin-right: 10px; | |
} | |
.note { | |
padding: 4px; | |
} | |
.note:last-child { | |
margin-bottom: 10px; | |
} | |
/* Note icons */ | |
ol.notes .reblog {background: transparent url('//static.tumblr.com/anzluor/Gw5n6ay0z/reblog.png') right center no-repeat;} | |
ol.notes .like {background: transparent url('//static.tumblr.com/anzluor/0yrn6ay0n/like.png') right center no-repeat;} | |
ol.notes .reply {background: transparent url('//static.tumblr.com/anzluor/n70n6ay1a/reply.png') right center no-repeat;} | |
.note blockquote { | |
border: 0; | |
background: transparent; | |
border-left: 2px solid #eee; | |
} | |
/* =Pagination= | |
-------------------------------------------------------------- */ | |
.pagination { | |
clear: both; | |
text-align: center; | |
} | |
.span33, .span50 { | |
float: left; | |
min-height: 1px; | |
padding: 60px 25px; | |
} | |
.span33 { | |
width: 33%; | |
} | |
.span50 { | |
width: 50%; | |
} | |
#previous, #next, .page-info { | |
font-size: 1em; | |
color: #333; | |
} | |
#previous:hover, #next:hover, .page-info:hover { | |
text-decoration: underline; | |
} | |
/* =Misc styles= | |
-------------------------------------------------------------- */ | |
.align-left { | |
text-align: left; | |
} | |
.align-right { | |
text-align: right; | |
} | |
.spinner { | |
background: white; | |
color: black; | |
-webkit-box-shadow: 0px 0px 55px rgba(0,0,0,0.15); | |
box-shadow: 0px 0px 55px rgba(0,0,0,0.15); | |
border-radius: 64px; | |
padding: 20px; | |
position: fixed; | |
top: 48%; | |
left: 48%; | |
z-index: 999; | |
display: none; | |
} | |
.loading { | |
display: block; | |
} | |
/* Only show first photoset photo */ | |
.index-page .photoset-content a { | |
display: none; | |
} | |
.index-page .photoset-content a:first-child { | |
display: block; | |
} | |
/* Keep reading link arrow */ | |
a.read_more:after { | |
content: " \2192"; | |
} | |
/* Hide posts before they load */ | |
.posts-hidden { | |
opacity: 0.01; | |
} | |
/* Permalink page styles */ | |
.permalink-page .post { | |
width: 100%; | |
} | |
.permalink-page .post-content { | |
padding: 25px; | |
} | |
.permalink-page .post-content img { | |
border-radius: 2px; | |
} | |
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } | |
.clearfix:after { clear: both; } | |
.clearfix { zoom: 1; } | |
a img { | |
border: 0; | |
} | |
/* =Responsive styles= | |
-------------------------------------------------------------- */ | |
@media screen and (max-width:960px) { | |
body { | |
padding: 0; | |
} | |
.wrapper, .permalink-page .wrapper { | |
width: 100%; | |
border-radius: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.index-page.layout-4col .post, .index-page.layout-3col .post, .index-page.layout-2col .post { | |
width: 50%; | |
} | |
#tumblr_controls { | |
display: none; | |
} | |
.photo-hover { | |
display: none; | |
} | |
} | |
@media screen and (max-width:640px) { | |
.index-page.layout-4col .post, .index-page.layout-3col .post, .index-page.layout-2col .post { | |
width: 100%; | |
} | |
} | |
{CustomCSS} | |
</style> | |
<script type="text/javascript"> | |
var volume = {{block:IfInfiniteScrolling}infScroll: true,{/block:IfInfiniteScrolling}{block:IfNotInfiniteScrolling}infScroll: false,{/block:IfNotInfiniteScrolling} {block:IndexPage}indexPage: true{/block:IndexPage}{block:PermalinkPage}indexPage: false{/block:PermalinkPage}, prefill: false}; | |
</script> | |
</head> | |
<body class="{block:IndexPage}index-page{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage} layout-{select:Columns} background-{select:Background Image Style}"> | |
{block:IndexPage} | |
<div id="spinner" class="spinner loading"><i class="fa fa-lg fa-circle-o-notch fa-spin"></i></div> | |
{/block:IndexPage} | |
<div class="wrapper clearfix"> | |
<header class="clearfix"> | |
<nav class="header-navbar"> | |
<a class="logo" href="/">{block:ShowTitle}{Title}{/block:ShowTitle}{block:HideTitle}<i class="fa fa-home"></i>{/block:HideTitle}</a> | |
<ul class="header-links"> | |
{block:AskEnabled}<a class="header-link" href="/ask" title="{AskLabel}"><li><i class="fa fa-fw fa-comment-o"></i></li></a>{/block:AskEnabled} | |
{block:SubmissionsEnabled}<a class="header-link" href="/submit" title="{SubmitLabel}"><li><i class="fa fa-fw fa-envelope-o"></i></li></a>{/block:SubmissionsEnabled} | |
<a id="open_menu" class="header-link" href="#" title="{lang:Pages}"><li><i class="fa fa-fw fa-bars"></i></li></a> | |
</ul> | |
</nav> | |
<ul class="pages-links menu-hidden"> | |
<div class="arrow-up"></div> | |
<a class="pages-link" href="/archive"><li>{lang:Archive}</li></a> | |
{block:HasPages} | |
{block:Pages}<a class="pages-link" href="{URL}"><li>{Label}</li></a>{/block:Pages} | |
{/block:HasPages} | |
<a class="pages-link" href="http://colorlib.com/wp/"><li>Theme Author</li></a> | |
</ul> | |
</header> | |
<main role="main"> | |
{block:ShowDescription} | |
<div class="subheader blog-description"> | |
{Description} | |
</div> | |
{/block:ShowDescription} | |
{block:DayPage} | |
<div class="subheader"> | |
<h2>{lang:Posted on Month DayOfMonth Year}</h2> | |
</div> | |
{/block:DayPage} | |
{block:SearchPage} | |
{block:SearchResults} | |
<div class="subheader"> | |
<h2>{lang:SearchResultCount results for SearchQuery 2}</h2> | |
</div> | |
{/block:SearchResults} | |
{block:NoSearchResults} | |
<div class="subheader"> | |
<h2>{lang:No search results for SearchQuery 2}</h2> | |
</div> | |
{/block:NoSearchResults} | |
{/block:SearchPage} | |
{block:TagPage} | |
<div class="subheader"> | |
<h2>{lang:Posts tagged Tag}</h2> | |
</div> | |
{/block:TagPage} | |
<div id="gravity"{block:IndexPage} class="posts-hidden"{/block:IndexPage}> | |
{block:Posts} | |
<article id="{PostID}" class="post {PostType}{block:PermalinkPage} {block:Date}not-{/block:Date}page{/block:PermalinkPage}"> | |
<div class="post-content"> | |
{block:Text} | |
{block:Title}<h2>{Title}</h2>{/block:Title} | |
{Body} | |
{/block:Text} | |
{block:Answer} | |
<p><img class="asker-avatar" src="{AskerPortraitURL-16}" srcset="{AskerPortraitURL-30} 2x" /> <b>{Asker}:</b></p><p>{Question}</p> | |
<hr> | |
{block:Answerer} | |
<p><img class="asker-avatar" src="{AnswererPortraitURL-16}" srcset="{AnswererPortraitURL-30} 2x" /> <b>{Answerer}:</b></p> | |
{Answer} | |
<hr> | |
{/block:Answerer} | |
{Replies} | |
{/block:Answer} | |
{block:Photo} | |
<figure class="photo-content"> | |
{block:PermalinkPage} | |
{LinkOpenTag}<img class="photo-post-photo" src="{PhotoURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag} | |
{/block:PermalinkPage} | |
{block:IndexPage}<a{block:IfPermalinkNewWindow} target="_blank"{/block:IfPermalinkNewWindow} href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{/block:IndexPage} | |
</figure> | |
{block:PermalinkPage} | |
{block:Caption} | |
<figcaption>{Caption}</figcaption> | |
{/block:Caption} | |
{/block:PermalinkPage} | |
{/block:Photo} | |
{block:Photoset} | |
{block:IndexPage} | |
<figure class="photoset-content"> | |
{block:Photos}<a{block:IfPermalinkNewWindow} target="_blank"{/block:IfPermalinkNewWindow} href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{/block:Photos} | |
</figure> | |
{/block:IndexPage} | |
{block:PermalinkPage} | |
<figure class="photoset-content">{Photoset}</figure> | |
<figcaption>{Caption}</figcaption> | |
{/block:PermalinkPage} | |
{/block:Photoset} | |
{block:Quote} | |
<h2 class="quote-text">"{Quote}"</h2> | |
{block:Source} | |
<p style="text-align: right">— {Source}</p> | |
{/block:Source} | |
{/block:Quote} | |
{block:Link} | |
<h2><a href="{URL}" class="link-post-link" {Target}><i class="fa fa-fw fa-mail-forward"></i> {Name}</a></h2> | |
{block:Host}<p>({Host})</p>{/block:Host} | |
{block:Description}{Description}{/block:Description} | |
{/block:Link} | |
{block:Chat} | |
{block:Title}<h2>{Title}</h2>{/block:Title} | |
<ul class="chat"> | |
{block:Lines} | |
<li class="{Alt} user_{UserNumber}"> | |
{block:Label} | |
<span class="chat-label">{Label}</span> | |
{/block:Label} | |
<span class="chat-line">{Line}</span> | |
</li> | |
{/block:Lines} | |
</ul> | |
{/block:Chat} | |
{block:Video} | |
<figure class="video-content"> | |
{block:IndexPage} | |
{VideoEmbed-250} | |
{/block:IndexPage} | |
{block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage} | |
</figure> | |
{block:Caption} | |
<figcaption>{Caption}</figcaption> | |
{/block:Caption} | |
{/block:Video} | |
{block:Audio} | |
<figure class="audio-content"> | |
{AudioEmbed} | |
</figure> | |
{block:Caption} | |
<figcaption>{Caption}</figcaption> | |
{/block:Caption} | |
{/block:Audio} | |
{block:PermalinkPage} | |
{block:Date} | |
{block:HasTags} | |
<div class="post-meta post-tags"> | |
{block:Tags} | |
<a class="tag" href="{TagURL}">{Tag}</a> | |
{/block:Tags} | |
</div> | |
{/block:HasTags} | |
<div class="post-meta"> | |
{block:IfShowLikeandReblogButtons}<span style="float: right">{ReblogButton color="gray" size="18"}{LikeButton color="gray" size="18"}</span>{/block:IfShowLikeandReblogButtons} | |
<span class="post-meta-item"><i class="fa fa-fw fa-clock-o"></i> {TimeAgo}</span> | |
{block:RebloggedFrom}<span class="post-meta-item"><a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}"><i class="fa fa-fw fa-retweet"></i> {ReblogParentName}</a></span>{/block:RebloggedFrom} | |
{block:Submission}<span class="post-meta-item"><a href="{SubmitterURL}"><i class="fa fa-fw fa-envelope-o"></i> {Submitter}</a></span>{/block:Submission} | |
{block:ContentSource}<span class="post-meta-item"><a href="{SourceURL}" title="{SourceTitle}"><i class="fa fa-fw fa-globe"></i> {lang:Source}</a></span>{/block:ContentSource} | |
</div> | |
{/block:Date} | |
{/block:PermalinkPage} | |
{block:IndexPage} | |
{block:Photo} | |
<div class="photo-hover"> | |
<div class="inside"> | |
{block:IfShowLikeandReblogButtons} | |
{ReblogButton color="white" size="18"}{LikeButton color="white" size="18"} | |
<br>{/block:IfShowLikeandReblogButtons}<a {block:IfPermalinkNewWindow}target="_blank" {/block:IfPermalinkNewWindow}href="{Permalink}">{block:NoteCount}<span class="post-meta-item"><i class="fa fa-fw fa-sticky-note-o"></i> {NoteCount}</span>{/block:NoteCount}<span><i class="fa fa-fw fa-clock-o"></i> {TimeAgo}</span></a> | |
</div> | |
</div> | |
{/block:Photo} | |
{block:Photoset} | |
<div class="photo-hover"> | |
<div class="inside"> | |
{block:IfShowLikeandReblogButtons} | |
{ReblogButton color="white" size="18"}{LikeButton color="white" size="18"} | |
<br>{/block:IfShowLikeandReblogButtons}<a {block:IfPermalinkNewWindow}target="_blank" {/block:IfPermalinkNewWindow}href="{Permalink}">{block:NoteCount}<span class="post-meta-item"><i class="fa fa-fw fa-sticky-note-o"></i> {NoteCount}</span>{/block:NoteCount}<span><i class="fa fa-fw fa-clock-o"></i> {TimeAgo}</span></a> | |
</div> | |
</div> | |
{/block:Photoset} | |
<div class="post-index-info"> | |
{block:IfShowLikeandReblogButtons} | |
<span style="float: right">{ReblogButton color="gray" size="18"}{LikeButton color="gray" size="18"}</span>{/block:IfShowLikeandReblogButtons} | |
<a {block:IfPermalinkNewWindow}target="_blank" {/block:IfPermalinkNewWindow}href="{Permalink}">{block:NoteCount}<span class="post-meta-item"><i class="fa fa-fw fa-sticky-note-o"></i> {NoteCount}</span>{/block:NoteCount}<span><i class="fa fa-fw fa-clock-o"></i> {TimeAgo}</span></a> | |
</div> | |
{/block:IndexPage} | |
</div> | |
</article> | |
{block:PermalinkPage} | |
{block:Date} | |
{block:NoteCount} | |
<div class="post"> | |
<div class="post-content"> | |
<h2>{NoteCountWithLabel}</h2> | |
{PostNotes-16} | |
</div> | |
</div> | |
{/block:NoteCount} | |
{/block:Date} | |
{/block:PermalinkPage} | |
{/block:Posts} | |
</div> | |
</main> | |
{block:DayPage} | |
{block:DayPagination} | |
<nav class="pagination"> | |
<div class="span50 align-left"> | |
{block:PreviousDayPage}<a href="{PreviousDayPage}" class="jump-page" id="previous"><i class="fa fa-fw fa-angle-left"></i> {ShortMonth} {DayOfMonth}</a>{/block:PreviousDayPage} | |
</div> | |
<div class="span50 align-right"> | |
{block:NextDayPage}<a href="{NextDayPage}" class="jump-page" id="next">{ShortMonth} {DayOfMonth} <i class="fa fa-fw fa-angle-right"></i></a>{/block:NextDayPage} | |
</div> | |
</nav> | |
{/block:DayPagination} | |
{/block:DayPage} | |
{block:PermalinkPagination} | |
<nav class="pagination"> | |
<div class="span50 align-left"> | |
{block:PreviousPost}<a href="{PreviousPost}" id="previous"><i class="fa fa-fw fa-angle-left"></i> {lang:Previous Post}</a>{/block:PreviousPost} | |
</div> | |
<div class="span50 align-right"> | |
{block:NextPost}<a href="{NextPost}" id="next">{lang:Next Post} <i class="fa fa-fw fa-angle-right"></i></a>{/block:NextPost} | |
</div> | |
</nav> | |
{/block:PermalinkPagination} | |
{block:Pagination} | |
<nav class="pagination"> | |
<div class="span33 align-left"> | |
{block:PreviousPage}<a href="{PreviousPage}" id="previous"><i class="fa fa-fw fa-angle-left"></i> {lang:Previous}</a>{/block:PreviousPage} | |
</div> | |
<div class="span33"> | |
<a href="/archive" class="page-info">{CurrentPage} / {TotalPages}</a> | |
</div> | |
<div class="span33 align-right"> | |
{block:NextPage}<a href="{NextPage}" id="next">{lang:Next} <i class="fa fa-fw fa-angle-right"></i></a>{/block:NextPage} | |
</div> | |
</nav> | |
{/block:Pagination} | |
</div> | |
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> | |
<script src="//static.tumblr.com/anzluor/Np0nv9fs0/masonry.pkgd.min.js"></script> | |
{block:IfInfiniteScrolling}<script src="//static.tumblr.com/anzluor/ycPn74dop/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling} | |
<script src="//static.tumblr.com/mkc38v5/nQuomuwx2/gravity.min.js"></script> | |
{block:IfGoogleAnalyticsID} | |
<script> | |
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | |
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | |
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | |
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | |
ga('create', '{text:Google Analytics ID}', 'auto'); | |
ga('send', 'pageview'); | |
</script> | |
{/block:IfGoogleAnalyticsID} | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment