Skip to content

Instantly share code, notes, and snippets.

@judges119
Last active July 8, 2016 05:54
Show Gist options
  • Save judges119/acf4370ff028af00e77b49d4cee3034d to your computer and use it in GitHub Desktop.
Save judges119/acf4370ff028af00e77b49d4cee3034d to your computer and use it in GitHub Desktop.
My Tumblr theme: http://blog.adamogrady.id.au/ consider all of the design MIT licensed except for the Special Elite font used for headers (which is Apache licensed via Google Fonts).
<!DOCTYPE html>
<html>
<head>
<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}
<link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet'>
<style>
body,
p {
color: #333333;
background:#FAFAF8;
font-size: 14px;
line-height: 1.428571429;
font-family: Helvetica, Arial, sans-serif;
}
p {
margin: 0 0 10px;
}
a {
color: #337ab7;
text-decoration: none;
}
a:focus, a:hover {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
blockquote {
padding: 10px 20px;
margin: 0;
font-size: 17.5px;
border-left: 5px solid #eee;
}
pre {
overflow: auto;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
border: 1px solid #999;
page-break-inside: avoid;
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
.col-xs-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.aps-sidebar {
position: absolute;
width: 33%;
left: 0;
top: 0;
bottom: 0;
font-family:'Special Elite', serif;
text-align: center;
}
.aps-sidebar h1 {
font-weight: 500;
line-height: 1.1;
font-size: 36px;
}
.aps-sidebar .aps-sidebar-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.aps-sidebar a {
color: #333333;
text-decoration:none;
}
.aps-sidebar a:hover,
.aps-sidebar a:focus {
color: #2a6496;
text-decoration: underline;
}
.pagination .active a {
background-color: #fff;
color: #333333;
border-color: #dddddd;
}
.aps-main h1,
.aps-main h2,
.aps-main h3,
.aps-main h4,
.aps-main h5,
.aps-main h6 {
font-family:'Special Elite', serif;
font-weight: 500;
line-height: 1.1;
margin-bottom: 5px;
}
.aps-main h1,
.aps-main h2 {
text-align: center;
}
.aps-main h1 {
font-size: 2em;
}
.aps-main h2 {
font-size: 30px;
}
.aps-main h2 > a {
color: #333333;
text-decoration:none;
}
.aps-main h2 > a:hover,
.aps-main h2 > a:focus {
color: #2a6496;
text-decoration: underline;
}
.aps-404-shroud {
position: relative;
height: 100vh;
}
.aps-404-main {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.centerimg {
display: block;
margin-left: auto;
margin-right: auto;
}
.hires {
text-align: center;
}
article {
margin-top: 50px;
margin-bottom: 50px;
}
header {
text-align: center;
margin-bottom: 10px;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
</style>
</head>
<body>
<div class="aps-sidebar">
<div class="aps-sidebar-content">
<h1>{Title}</h1>
<div id="aps-sidebar-contact">
{block:HasPages}
{block:Pages}
<a href="{URL}">{Label}</a><br>
{/block:Pages}
{/block:HasPages}
</div>
</div>
</div>
<div class="container">
<div class="col-xs-8 col-xs-offset-4">
<section class="aps-main">
<!-- Search Pages -->
{block:SearchPage}
<article class="post">
<header>
<h2>Query: "{SearchQuery}" </h2>
<p><strong>Results: {SearchResultCount}</p>
</header>
</article>
{/block:SearchPage}
<!-- Search Pages -->
<!-- Tag Pages -->
{block:TagPage}
<article class="post">
<header>
Tag: "{Tag}"
</header>
</article>
{/block:TagPage}
<!-- Tag Pages -->
{block:Posts}
{block:Text}
<article class="post">
<header>
{block:Title}<h2>{Title}</h2>{/block:Title}
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
{Body}
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Text}
{block:Photo}
<article class="post">
<header>
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
{LinkOpenTag}
<img class="centerimg" src="{PhotoURL-500}" alt="{PhotoAlt}" />
{LinkCloseTag}
{block:HighRes}
<p class="hires">(<a href="{PhotoURL-HighRes}">Hi-Res</a>)</p>
{/block:HighRes}
{block:Caption}
<p>
{Caption}
</p>
{/block:Caption}
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Photo}
{block:Panorama}
<article class="post">
<header>
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
{LinkOpenTag}
<img class="centerimg" src="{PhotoURL-500}" alt="{PhotoAlt}" />
{LinkCloseTag}
{block:HighRes}
<p class="hires">(<a href="{PhotoURL-HighRes}">Hi-Res</a>)</p>
{/block:HighRes}
{block:Caption}
<p>
{Caption}
</p>
{/block:Caption}
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Panorama}
{block:Photoset}
<article class="post">
<header>
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
<div class="centerimg" style="width: 500px">
{Photoset-500}
</div>
{block:Caption}
<p>
{Caption}
</p>
{/block:Caption}
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Photoset}
{block:Quote}
<article class="post">
<header>
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
<h4>{Quote}</h4>
{block:Source}
<p>- {Source}</p>
{/block:Source}
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Quote}
{block:Link}
<article class="post">
<header>
<h2><a href="{URL}" {Target}>{Name}</a></h2>
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
{block:Description}
<p>
{Description}
</p>
{/block:Description}
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Link}
{block:Chat}
<article class="post">
<header>
{block:Title}<h2>{Title}</h2>{/block:Title}
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
<ul>
{block:Lines}
<li>
{block:Label}<strong>{Label}</strong>{/block:Label} {Line}
</li>
{/block:Lines}
</ul>
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Chat}
{block:Video}
<article class="post">
<header>
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
<div class="centerimg" style="width: 500px;">{VideoEmbed-500}</div>
<p>
{PlayCountWithLabel}
</p>
{block:Caption}
<p>
{Caption}
</p>
{/block:Caption}
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Video}
{block:Audio}
<article class="post">
<header>
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
{block:AudioEmbed}
{AudioEmbed-500}
{/block:AudioEmbed}
{block:AudioPlayer}
{AudioPlayer}
{/block:AudioPlayer}
<p>
{PlayCountWithLabel}
</p>
{block:Caption}
<p>
{Caption}
</p>
{/block:Caption}
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Audio}
{block:Answer}
<article class="post">
<header>
<h2>{Asker} asks:</h2>
{block:Date}<strong><a href="{Permalink}">{ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year}</a></strong> {block:PostNotes}| {/block:PostNotes}{/block:Date}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</header>
<blockquote>{Question}</blockquote>
<p>
{block:Answerer}<strong>{Answerer}</strong>: {Answer}{/block:Answerer}
</p>
<div>
{Replies}
</div>
{block:PermalinkPage}
<footer>
{block:HasTags}
<p>
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</p>
{/block:HasTags}
{block:RebloggedFrom}
<p>
<a href="{ReblogRootURL}">{ReblogRootName}</a>, via <a href="{ReblogParentURL}">{ReblogParentName}</a>
</p>
{/block:RebloggedFrom}
{block:ContentSource}
<p>
Source: <a href="{SourceURL}">{SourceTitle}</a>
</p>
{/block:ContentSource}
{block:PostNotes}
<h6>Notes:</h6>
{PostNotes}
{/block:PostNotes}
</footer>
{/block:PermalinkPage}
</article>
{/block:Answer}
{/block:Posts}
<h6 style="text-align: center;">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">&#171; Previous</a>
{/block:PreviousPage}
{/block:Pagination}
&copy; {CopyrightYears}
{/block:Pagination}
{block:NextPage}
<a href="{NextPage}">Next &#187;</a>
{/block:NextPage}
{/block:Pagination}
</h6>
</div>
</section>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment