Last active
December 20, 2015 10:59
-
-
Save whatcould/6119191 to your computer and use it in GitHub Desktop.
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 by inky. | |
Inspired by 'Minimalist', one of the default Tumblr themes. | |
--> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
<title>{Title}{block:PostSummary} : {PostSummary}{/block:PostSummary}</title> | |
<meta name="color:Background" content="#fff"/> | |
<meta name="color:Text" content="#444"/> | |
<meta name="color:Secondary" content="#888"/> | |
<meta name="color:Minor" content="#bbb"/> | |
<meta name="color:Link" content="#000"/> | |
<meta name="font:Main" content="proxima-nova, 'Helvetica Neue', Arial, Helvetica, sans-serif"/> | |
<meta name="font:Headers" content="pt-sans, 'Helvetica Neue', Arial, Helvetica, sans-serif"> | |
<meta name="if:Show post notes" content="1"/> | |
<meta name="if:Show the number of post notes" content="0"/> | |
<meta name="if:Semitransparent audio player" content="1"/> | |
<meta name="if:Link to liked posts" content="0"/> | |
<meta name="if:Link to theme" content="0"/> | |
<meta name="text:Disqus Shortname" content="" /> | |
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> | |
<link rel="icon" href="{Favicon}"/> | |
<meta name="description" content="{MetaDescription}"/> | |
<script type="text/javascript" src="//use.typekit.net/vvi1rhj.js"></script> | |
<script type="text/javascript">try{Typekit.load();}catch(e){}</script> | |
<style type="text/css"> | |
html, body, div, span, object, iframe, | |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
a, abbr, acronym, address, b, cite, code, | |
del, dfn, em, i, img, ins, kbd, q, samp, | |
strike, strong, tt, var, | |
dl, dt, dd, ol, ul, li, | |
fieldset, form, label, legend, | |
table, caption, tbody, tfoot, thead, tr, th, td | |
{margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; | |
line-height: inherit; vertical-align: baseline; background: transparent;} | |
html {font-size:100.01%;} | |
caption, cite, code, dfn, th, var {font-style: normal; font-weight: normal;} | |
h1, h2, h3, h4, h5, h6 {font-weight: normal;} | |
blockquote, q {quotes: none;} | |
blockquote:before, blockquote:after, q:before, q:after {content: '';} | |
:focus {outline: 0;} | |
ins {text-decoration: underline;} | |
del {text-decoration: line-through;} | |
a {text-decoration: none;} | |
html {background-color: {color:Background};} | |
body {font: 12pt/18pt {font:Main}; background-color: {color:Background}; color: {color:Text};} | |
#body {background-color: {color:Background}; padding: 1.5em 0.25em;} | |
#content {position: relative; width: 900px; margin: 0 auto;} | |
h1 {font-size: 2em; line-height:1; padding:0.5em 0 1em; text-align:center; font-family: {font:Headers};} | |
h1 a {color: {color:Text}; padding: 0 0.25em; font-weight: bold;} | |
h2, h3 {line-height: 18pt; font-family: {font:Headers};} | |
p, pre, ul, ol, blockquote, form {margin: 9pt 0 18pt; line-height: 18pt;} | |
blockquote {padding-left: 1em; margin-left: 2pt; border-left: 0.25em solid {color:Minor};} | |
pre {overflow-x: auto; font-size: 11pt;} | |
sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} | |
sup {bottom: 0.5ex;} | |
sub {top: 0.5ex;} | |
sup a {font-weight: normal !important; padding: 0 1px;} | |
hr {height: 0; margin: 0 0 18pt; border: solid {color:Minor}; border-width: 2pt 0 0;} | |
/* Changing left/right 530 to 930 to account for content width */ | |
#description {position: absolute; left: 930px; color: {color:Minor}; font-size: 11pt; width: 10em;} | |
#description p, #description form, #description ul {margin-top: 0;} | |
#description a {color: {color:Secondary};} | |
#description a:hover {color: {color:Text};} | |
#description form .input | |
{background: {color:Background}; color: {color:Secondary}; font-size: 10pt; | |
text-transform: lowercase; width: 90%; border: solid {color:Minor}; | |
border-width: 0 1px 1px 0;} | |
#description .submit {height: 0; overflow: hidden; display: block;} | |
#description .meta {list-style: none; word-spacing: 0.25em; font-size: 10pt; text-transform: uppercase;} | |
#description .meta a {color: {color:Minor};} | |
#description .meta a:hover {color: {color:Text};} | |
#posts {margin: 0;} | |
.post {position: relative; list-style: none; margin-bottom: 4.5em;} | |
.post ul li {list-style: square;} | |
.post img {max-width: 100%;} | |
.post-body h3 {font-size: 1.25em; position: relative;} | |
.post-body a {font-weight: bold; color: {color:Link}; border-bottom: 1px solid transparent;} | |
.post-body a:hover {color: {color:Text}; border-bottom-color: {color:Minor};} | |
.post-body .image a {border-width: 0;} | |
.post-body .image a img {border: 1px solid #aaa;} | |
.post-body ul ul, .post-body ul ol, .post-body ol ol, .post-body ol ul, | |
.post-body blockquote ul, .post-body blockquote ol {margin-left: 1.5em;} | |
.permalink {font-size: 11pt; position: absolute; right: 930px; text-align: right;} | |
.permalink a {color: {color:Minor}; white-space: nowrap; padding: 0 0 4.5pt 9pt;} | |
.permalink a:hover {color: {color:Text};} | |
a.disqus-permalink {text-transform: lowercase; padding-left: 0;} | |
.caption, .cite {font-size: 11pt; margin-top: 9pt;} | |
.caption p {margin-top: 0pt; } | |
.image-post .caption p { text-align: center; } | |
.link-post, .text-post { | |
margin-right: 300px; | |
} | |
/* on single-pages, center the text */ | |
.permalink-posts .link-post, .permalink-posts .text-post { | |
margin-right: 150px; margin-left: 150px; | |
} | |
.text-post {position: relative; top: -2pt; } | |
.text-post h3 {margin-bottom: 9pt;} | |
.link-post {position: relative; top: -2pt;} | |
.link-post h3 {display: inline; padding-right:9pt;} | |
.link-post a {color: {color:Text};} | |
.link-post a:hover {color: {color:Secondary};} | |
.link-post a.link {color: {color:Link};} | |
.link-post a.link:hover {color: {color:Text};} | |
.quote-post {position: relative; top: -4.5pt;} | |
.quote-post blockquote.quote | |
{font-size: 18pt; line-height: 24pt; text-indent: -7pt; | |
margin: 0; padding: 0; border-width: 0;} | |
.quote-post .quote:before {content: '“';} | |
.quote-post .quote:after {content: '”';} | |
.quote-post .quote a {color: {color:Text};} | |
.quote-post .quote a:hover {color: {color:Secondary};} | |
.quote-post .cite {color: {color:Secondary}; margin-left: 1.5em; text-indent: -1.5em;} | |
.chat-post li {list-style: none; margin-left: 2em; text-indent: -2em;} | |
.chat-post b {font-weight: bold; padding-right: 4.5pt;} | |
{block:IfSemitransparentAudioPlayer} | |
.audio-post .audio {opacity: 0.75;} | |
{/block:IfSemitransparentAudioPlayer} | |
.post-source {color: {color:Secondary};} | |
.post-source a {color: {color:Secondary};} | |
.post-source a:hover {color: {color:Text};} | |
.post-source .prefix {font-size: 0.9em; text-transform: uppercase; | |
letter-spacing: 0.1em; word-spacing: 0.1em;} | |
#disqus_thread {margin-top: 54pt;} | |
#disqus_thread a {color: {color:Secondary};} | |
.notes {color: {color:Minor}; margin-top: 54pt;} | |
.notes li {list-style: none; margin-bottom: 18pt;} | |
.notes img, .notes .clear {display: none;} | |
.notes .photo_container img {display: block !important;} | |
.notes a {color: {color:Secondary};} | |
.notes a:hover {color: {color:Text};} | |
.footnotes a[rev="footnote"] {color: {color:Secondary};} | |
.footnotes hr {margin: 34pt 0 18pt;} | |
#footer {text-align: center; word-spacing: 0.75em; margin-top:4.5em;} | |
#footer a {color: {color:Secondary}; font-weight:bold; padding: 0.25em 0.5em;} | |
#footer a:hover {color: {color:Text};} | |
{CustomCSS} | |
</style> | |
<script type="text/javascript"> | |
var _gaq = _gaq || []; | |
_gaq.push(['_setAccount', 'UA-42862617-1']); | |
_gaq.push(['_trackPageview']); | |
(function() { | |
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | |
})(); | |
</script> | |
</head> | |
<body> | |
<div id="body"> | |
<div id="content"> | |
<h1><a href="/">{Title}</a></h1> | |
<div id="description"> | |
<form action="/search" method="get"> | |
<input class="input" type="text" name="q" value="{SearchQuery}"/> | |
<span class="submit"><input type="submit" value="{lang:Search}"/></span> | |
</form> | |
<p>{Description}</p> | |
{block:HasPages} | |
<ul class="pages meta"> | |
{block:Pages} | |
<li><a href="{URL}">{Label}</a></li> | |
{/block:Pages} | |
</ul> | |
{/block:HasPages} | |
<ul class="pages meta"> | |
{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled} | |
{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled} | |
</ul> | |
<ul class="meta"> | |
<li><a href="/archive">{lang:Archive}</a> <span class="dim">/</span> <a href="{RSS}">{lang:RSS}</a></li> | |
{block:IfLinkToLikedPosts} | |
{block:Likes} | |
<li><a href="http://www.tumblr.com/liked/by/{Name}">{lang:Stuff I Like}</a></li> | |
{/block:Likes} | |
{/block:IfLinkToLikedPosts} | |
{block:IfLinkToTheme} | |
<li><a href="http://www.tumblr.com/theme/1386">{lang:Install this theme}</a></li> | |
{/block:IfLinkToTheme} | |
</ul> | |
</div> | |
<ul id="posts" class="{block:PermalinkPage}permalink-posts{/block:PermalinkPage}"> | |
{block:Posts} | |
<li class="post {TagsAsClasses}"> | |
{block:Date} | |
<h2 class="permalink"> | |
{block:NewDayDate} | |
<a title="{NoteCountWithLabel}" | |
href="{Permalink}">{DayOfMonth} {Month}</a> | |
{/block:NewDayDate} | |
{block:IfNotDisqusShortName} | |
{block:IfNotShowTheNumberOfPostNotes} | |
{block:SameDayDate} | |
<a title="{NoteCountWithLabel}" | |
href="{Permalink}">→</a> | |
{/block:SameDayDate} | |
{/block:IfNotShowTheNumberOfPostNotes} | |
{/block:IfNotDisqusShortName} | |
{block:IfShowTheNumberOfPostNotes} | |
<a href="{Permalink}">{NoteCountWithLabel}</a> | |
{/block:IfShowTheNumberOfPostNotes} | |
{block:IfDisqusShortname} | |
<a title="Disqus comments" class="disqus-permalink" | |
href="{Permalink}#disqus_thread"></a> | |
{/block:IfDisqusShortname} | |
</h2> | |
{/block:Date} | |
{block:Regular} | |
<div class="post-body text-post"> | |
{block:Title} | |
<h3>{Title}</h3> | |
{/block:Title} | |
{Body} | |
</div> | |
{/block:Regular} | |
{block:Link} | |
<div class="post-body link-post"> | |
<h3><a class="link" href="{URL}">{Name}</a></h3> | |
{block:Description} | |
{Description} | |
{/block:Description} | |
</div> | |
{/block:Link} | |
{block:Photo} | |
<div class="post-body image-post"> | |
<div class="image"> | |
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
</div> | |
{block:Caption} | |
<div class="caption">{Caption}</div> | |
{/block:Caption} | |
</div> | |
{/block:Photo} | |
{block:Video} | |
<div class="post-body video-post"> | |
{Video-500} | |
{block:Caption} | |
<div class="caption">{Caption}</div> | |
{/block:Caption} | |
</div> | |
{/block:Video} | |
{block:Audio} | |
<div class="post-body audio-post"> | |
<div class="audio">{AudioPlayerBlack}</div> | |
{block:Caption} | |
<div class="caption">{Caption}</div> | |
{/block:Caption} | |
</div> | |
{/block:Audio} | |
{block:Quote} | |
<div class="post-body quote-post"> | |
<blockquote class="quote">{Quote}</blockquote> | |
{block:Source} | |
<p class="cite">— {Source}</p> | |
{/block:Source} | |
</div> | |
{/block:Quote} | |
{block:Conversation} | |
<div class="post-body chat-post"> | |
{block:Title} | |
<h3>{Title}</h3> | |
{/block:Title} | |
<ol> | |
{block:Lines} | |
<li> | |
{block:Label}<b class="label">{Label}</b>{/block:Label} | |
{Line} | |
</li> | |
{/block:Lines} | |
</ol> | |
</div> | |
{/block:Conversation} | |
{block:ContentSource} | |
<p class="post-source"> | |
<span class="prefix">{lang:Source}:</span> | |
{SourceLink} | |
</p> | |
{/block:ContentSource} | |
{block:Permalink} | |
{block:IfDisqusShortname} | |
<div id="disqus_thread"></div> | |
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script> | |
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript> | |
{/block:IfDisqusShortname} | |
{/block:Permalink} | |
{block:IfShowPostNotes} | |
{block:PostNotes} | |
{PostNotes} | |
{/block:PostNotes} | |
{/block:IfShowPostNotes} | |
</li> | |
{/block:Posts} | |
</ul> | |
<div id="footer"> | |
{block:PreviousPage} | |
<a href="{PreviousPage}" title="{lang:Newer posts}">←</a> | |
{/block:PreviousPage} | |
{block:NextPage} | |
<a href="{NextPage}" title="{lang:Older posts}">→</a> | |
{/block:NextPage} | |
</div> | |
</div> | |
</div> | |
{block:IfDisqusShortname} | |
<script type="text/javascript"> | |
//<![CDATA[ | |
(function() { | |
var links = document.getElementsByTagName('a'); | |
var query = '?'; | |
for(var i = 0; i < links.length; i++) { | |
if(links[i].href.indexOf('#disqus_thread') >= 0) { | |
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; | |
} | |
} | |
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>'); | |
})(); | |
//]]> | |
</script> | |
{/block:IfDisqusShortname} | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment