Skip to content

Instantly share code, notes, and snippets.

@paulmars

paulmars/theme.html

Created April 11, 2014 19:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save paulmars/10495003 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save paulmars/10495003 to your computer and use it in GitHub Desktop.
Download ZIP
Tumblr theme
Raw
theme.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!--
___ ___
/ /\ / /\ ___
/ /::\ / /::\ /__/|
/ /:/\:\ ___ ___ / /:/\:\ | |:|
/ /:/~/:/ /__/\ / /\ / /:/~/::\ | |:|
/__/:/ /:/ \ \:\ / /:/ /__/:/ /:/\:\ __|__|:|
\ \:\/:/ \ \:\ /:/ \ \:\/:/__\/ /__/::::\
\ \::/ \ \:\/:/ \ \::/ ~\~~\:\
\ \:\ \ \::/ \ \:\ \ \:\
\ \:\ \__\/ \ \:\ \__\/
\__\/ \__\/
— www.play.tumblr.com —
heavily based on:
"Aaron" theme designed by Gerhard Fagundes
changed some sizes and fonts
http://www.tumblr.com/theme/35629
-->
<title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="color:Text" content="#000000"/>
<meta name="color:Hover" content="#005439"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="if:InfiniteScroll" content="1"/>
<link href='http://static.tumblr.com/lkozsms/YvLm761vj/electrolize.css' rel='stylesheet' type='text/css'>
<style type="text/css">
body, html {
margin: 50px;
padding: 0;
}
body {
color: {color:Text};
background: {color:Background};
font-size: 12px;
font-family: 'Helvetica', sans-serif;
}
a {
color: {color:Text};
text-decoration: none;
}
a:hover {
color: {color:Hover};
text-decoration: underline;
}
a:active {
color: color: {color:Text};
}
img {
height: auto;
}
#content {
width: 100%;
margin: 138px 0;
}
.post {
{block:IndexPage}
width: 100%;
{/block:IndexPage}
{block:PermalinkPage}
width: 100%;
{/block:PermalinkPage}
margin: auto auto 50px auto;
text-align: center;
}
.post img {
max-width: 100%;
padding: 0;
margin: 0;
}
#text {
width: 500px;
text-align: left;
margin: auto;
}
.header {
top: 50px;
width: 100%;
margin: 0 0 0 -100px;
position: absolute;
text-align: center;
}
#links {
opacity: 0;
margin: auto;
transition: .5s;
-moz-transition: .5s; /* Firefox 4 */
-webkit-transition: .5s; /* Safari and Chrome */
-o-transition: .5s; /* Opera */
}
#links li:after {
content: "/";
margin: 0 0 0 5px;
}
#links li:last-child:after {
content: "";
}
ul#links {
padding: 0;
margin: 0;
}
#links li {
list-style-type: none;
display: inline-block;
}
.description {
cursor: help;
}
.description:hover #links {
opacity: 1;
transition: .5s;
-moz-transition: .5s; /* Firefox 4 */
-webkit-transition: .5s; /* Safari and Chrome */
-o-transition: .5s; /* Opera */
}
{block:IndexPage}
#permalink {
opacity: 0;
margin: 50px 0;
transition: .5s;
-moz-transition: .5s; /* Firefox 4 */
-webkit-transition: .5s; /* Safari and Chrome */
-o-transition: .5s; /* Opera */
}
.post:hover #permalink {
opacity: 1;
transition: .5s;
-moz-transition: .5s; /* Firefox 4 */
-webkit-transition: .5s; /* Safari and Chrome */
-o-transition: .5s; /* Opera */
}
{/block:IndexPage}
blockquote {
border-left: 5px solid;
padding: 0 0 0 15px;
}
ul#tags {
padding: 0;
margin: 0;
}
#tags li {
list-style-type: none;
display: inline-block;
}
#tags li:after {
content: ',';
}
#tags li:before {
content: '#';
}
#tags li:last-child:after {
content: '';
}
ul.chat {
list-style: none;
padding: 0;
margin: 0;
}
.even {
width: 500px;
background: {color:Text};
color: {color:Background};
}
#infscr-loading {
position: fixed;
bottom: 50px;
right: 50px;
}
#audio {
width: 28px;
height: 28px;
overflow: hidden;
margin: auto;
}
.pagination {
text-align: center;
position: fixed;
bottom: 50px;
right: 50px;
}
{CustomCSS}
</style>
</head>
<body>
<div id="content">
<div class="header">
<h2><a href="/" title="{Title}">{Title}</a></h2>
<div class="description"><p>{Description}</p>
<ul id="links">
{block:HasPages}{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}{/block:HasPages}
{block:AskEnabled}<li><a href="/ask">Message</a></li>{block:AskEnabled}
<li><a href="/archive">Archive</a></li>
<li><a href="/subscribe">Subscribe</a></li>
<li><a href="http://www.tumblr.com/theme/35629">Theme</a></li>
</div>
</ul>
</div>
{block:Posts}
<div class="post">
{block:Text}<div id="text">
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}</div>
{/block:Text}
{block:Quote}<div id="text">
<h2>"{Quote}"</h2>
<p>{block:Source}— {Source}{/block:Source}{/block:Source}</p></div>
{/block:Quote}
{block:Photo}
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
{LinkCloseTag}
{/block:Photo}
{block:Photoset}
{Photoset-500}
{/block:Photoset}
{block:Link}<div id="text">
<h2><a href="{URL}" {Target}>{Name}</a></h2>
{block:Description}{Description}{/block:Description}</div>
{/block:Link}
{block:Audio}
<div id="audio">{AudioPlayerWhite}</div>
{/block:Audio}
{block:Video}
{Video-500}
{/block:Video}
{block:Chat}<div id="text">
<h2>{block:Title}{Title}{/block:Title}</h2>
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}</li>{/block:Lines}</ul></div>
{/block:Chat}
<div id="permalink"><div id="text">
{block:IndexPage}
{block:Date}
<center><a href="{Permalink}">Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}
at {12HourWithZero}&#58;{Minutes}{AmPm}</a></center>
{/block:Date}
{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}
{block:Date}
<p>Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}
at {12HourWithZero}&#58;{Minutes}{AmPm}</p>
<p>With {NoteCountWithLabel}</p>
{block:RebloggedFrom}<p>Via <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
{Block:Source}<p>Source: <a href="{SourceURL}">{SourceTitle}</a></p>{/block:Source}
<ul id="tags">{block:HasTags}Filed under: {block:Tags}<li><a href="{TagURL}">{Tag}</a></li> {/block:Tags}{/block:HasTags}</ul>
{/block:Date}
{/block:PermalinkPage}
</div></div>
</div>
{/block:Posts}
</div>
{block:IfNotInfiniteScroll}
<div class="pagination">
{block:Pagination}<h2>
{block:PreviousPage}
<a href="{PreviousPage}">Newer</a>
| {/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">Older</a>
{/block:NextPage}
{/block:Pagination}
</h2>
</div>
{/block:IfNotInfiniteScroll}
{block:IfInfiniteScroll}
<nav id="next_page">
{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
</nav>
<script src="http://static.tumblr.com/lkozsms/RtTm761u8/jquery-1.7.1.min.js"></script>
<script src="http://static.tumblr.com/lkozsms/Mgbm56ebm/jquery.infinitescroll.min.js"></script>
<script>
$('#content').infinitescroll({
navSelector : "#next_page",
nextSelector : "#next_page a:first",
itemSelector : ".post"
});
</script>
{/block:IfInfiniteScroll}
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24824091-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>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment