Skip to content

Instantly share code, notes, and snippets.

@whatcould
Last active December 20, 2015 10:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save whatcould/6119191 to your computer and use it in GitHub Desktop.
Save whatcould/6119191 to your computer and use it in GitHub Desktop.
Tumblr theme
<!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}">&rarr;</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">&mdash;&#8194;{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}">&larr;</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" title="{lang:Older posts}">&rarr;</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