Skip to content

Instantly share code, notes, and snippets.

@Omochin

Omochin/added_catching_elephant.html

Last active May 20, 2018 17:34
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 Omochin/78d9dda58665fc6b3c06cf9d36e68ed8 to your computer and use it in GitHub Desktop.
Save Omochin/78d9dda58665fc6b3c06cf9d36e68ed8 to your computer and use it in GitHub Desktop.
Download ZIP
Add size change option of Catching Elephant Theme(https://www.tumblr.com/theme/7285)
Raw
added_catching_elephant.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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}{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}
<!-- Jquery -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- Jquery Fancybox -->
<script type="text/javascript" src="http://static.tumblr.com/z7lhmdl/Sgqkzocgr/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/z7lhmdl/C82kzochp/jquery.fancybox-1.3.0.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/z7lhmdl/FOBkzocyp/jquery.fancybox-1.3.0.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".zoombox").fancybox({
'scrolling' : 'no',
'titlePosition' : 'inside',
'transitionIn' : 'elastic',
'autoScale' : false,
'transitionOut' : 'none',
'titleShow' : false
});
$("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox();
});
</script>
<!--
Widescreen YouTube Embeds by Matthew Buchanan & Hayden Hunter
http://matthewbuchanan.name/451892574
http://blog.haydenhunter.me
Released under a Creative Commons attribution license:
http://creativecommons.org/licenses/by/3.0/nz/
-->
<script type="text/javascript">
$(function() {
$("object").each(function () {
if ($(this).find("embed[src^='http://www.youtube.com']").length > 0) {
// Identify and hide embed(s)
var parent = $(this).parent();
parent.css("visibility","hidden");
var youtubeCode = parent.html();
var params = "";
if (youtubeCode.toLowerCase().indexOf("<param") == -1) {
// IE doesn't return params with html(), so…
$("param", this).each(function () {
params += $(this).get(0).outerHTML;
});
}
// Set colours in control bar to match page background
var oldOpts = /rel=0/g;
var newOpts = "rel=0&amp;color1=0xdadddd&amp;color2=0xdadddd";
youtubeCode = youtubeCode.replace(oldOpts, newOpts);
if (params != "") {
params = params.replace(oldOpts, newOpts);
youtubeCode = youtubeCode.replace(/<embed/i, params + "<embed");
}
// Extract YouTube ID and calculate ideal height
var youtubeIDParam = $(this).find("embed").attr("src");
var youtubeIDPattern = /\/v\/([0-9A-Za-z-_]*)/;
var youtubeID = youtubeIDParam.match(youtubeIDPattern);
var youtubeHeight = Math.floor(parent.find("object").width() * 0.75 + 25);
var youtubeHeightWide = Math.floor(parent.find("object").width() * 0.5625 + 25);
// Test for widescreen aspect ratio
$.getJSON("http://gdata.youtube.com/feeds/api/videos/" + youtubeID[1] + "?v=2&alt=json-in-script&callback=?", function (data) {
oldOpts = /height="?([0-9]*)"?/g;
if (data.entry.media$group.yt$aspectRatio != null) {
newOpts = 'height="' + youtubeHeightWide + '"';
} else {
newOpts = 'height="' + youtubeHeight + '"';
}
youtubeCode = youtubeCode.replace(oldOpts, newOpts);
if (params != "") {
params = params.replace(oldOpts, newOpts);
youtubeCode = youtubeCode.replace(/<embed/i, params + "<embed");
}
// Replace YouTube embed with new code
parent.html(youtubeCode).css("visibility","visible");
});
}
});
});
</script>
<meta name="text:Container Width" content="1280px"/>
<meta name="text:Article Width" content="900px"/>
<meta name="text:Menu Width" content="300px"/>
<meta name="text:Interval Width" content="20px"/>
<meta name="text:Disqus Username" content=""/>
<meta name="text:Twitter Username" content=""/>
<meta name="text:Flickr Username" content=""/>
<meta name="text:Custom Link 1 Title" content=""/>
<meta name="text:Custom Link 1" content=""/>
<meta name="text:Custom Link 2 Title" content=""/>
<meta name="text:Custom Link 2" content=""/>
<meta name="text:Custom Link 3 Title" content=""/>
<meta name="text:Custom Link 3" content=""/>
<meta name="text:Custom Link 4 Title" content=""/>
<meta name="text:Custom Link 4" content=""/>
<meta name="image:300pxPortrait" content=""/>
<style type="text/css" media="screen">
/* ==================== */
/* = The 1Kb CSS Grid = */
/* ==================== */
.grid_1 { width:{text:Interval Width}; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:{text:Menu Width}; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:{text:Article Width}; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
margin: 0 10px;
float: left;
}
.row { /* center the row on the page, clear the interior contents with overflow:hidden hack */
width: {text:Container Width};
margin: 0 auto;
}
.row .row {
margin: 0 -10px;
width: auto;
}
body {
margin: 80px 0 0 0;
font-family: Helvetica, sans-serif;
font-size: 13px;
background: url(http://static.tumblr.com/z7lhmdl/mgVkwsss8/bg.png) #8f9595 repeat-x fixed;
}
img {
border: none;
}
.shadow {
box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-transition-duration: 0.2s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
}
.shadow:hover {
box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-webkit-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
}
.lightpanel {
color: #4d4d4d;
line-height: 18px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png) repeat-x #dadddd;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #c5c8c8;
}
.lightpanel p {
padding-left: 20px;
padding-right: 20px;
}
.lightpanel h2, .lightpanel h3, .lightpanel h4, .lightpanel h5, .lightpanel h6 {
padding-left: 20px;
padding-right: 20px;
}
.bottompanel {
background: url(http://static.tumblr.com/z7lhmdl/lkEkwsst2/bottompanel.png) repeat-x #7b7f7f;
color: #dadddd;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px solid #656868;
font-family: Helvetica;
}
.bottompanel a {
color: #dadddd;
}
.roundedbottom {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.roundedtop {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.nav a {
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
display: block;
padding: 20px;
font-size: 20px;
text-transform: uppercase;
text-shadow: 0 2px 1px rgba(255,255,255,0.9);
font-family: Helvetica;
}
.nav a:hover {
background: #e9eaea;
}
h2 {
font-size: 20px;
font-weight: 500;
line-height: 24px;
text-shadow: 0 2px 1px rgba(255,255,255,0.9);
}
h2 a {
color: #4d4d4d;
}
#twitter_update_list {
list-style: none;
padding-left: 20px;
padding-right: 20px;
}
#twitter_update_list li {
padding-bottom: 4px;
padding-top: 4px;
}
a {
color: #41797e;
text-decoration: none;
}
h1 {
font-size: 32px;
letter-spacing: -1px;
font-weight: 100;
text-shadow: 0 2px 1px rgba(255,255,255,0.9);
margin: 0px;
line-height: 30px;
font-family: Georgia;
font-style: italic;
}
h1 a {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
display: block;
color: #4d4d4d;
}
h1 a:hover {
background: #e9eaea;
}
.masthead {
margin-bottom: 40px;
}
blockquote {
border-left: 3px solid #989696;
margin-left: 20px;
padding-left: 15px;
}
blockquote p {
margin-left: -20px;
}
.centeralign {
text-align: center;
}
.bottomlist {
padding-left: 0px;
}
.bottomlist ul {
margin-left: 0px;
padding-left: 0px;
}
.bottomlist li {
display: inline;
padding-right: 17px;
list-style: none;
}
.reblogged {
padding-bottom: 8px;
border-bottom: 1px dotted;
margin-bottom: 8px;
}
::-moz-selection {
background: rgb(0,235,255);
}
::selection {
background: rgb(0,235,255);
}
code::-moz-selection {
background: rgb(0,235,255);
}
code::selection {
background: rgb(0,235,255);
}
.video {
text-align: center;
}
.notopborder {
border-top: none !important;
}
.image img {
max-width: calc({text:Article Width} - 40px);
min-width: calc({text:Article Width} - 40px);
}
.photocaption img {
max-width: calc({text:Article Width} - 40px);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.previous {
width: 235px;
}
.next {
width: 235px;
float: right;
clear: both;
}
.audio {
padding-left: 12px;
padding-top: 20px;
padding-bottom: 20px;
}
.audioholder {
background: #000000;
}
.playcount {
float: right;
clear: both;
padding-top: 25px;
padding-right: 20px;
color: white;
text-shadow: none;
font-family: Georgia;
font-style: italic;
font-size: 14px;
}
input {
color: #4d4d4d;
font-family: Helvetica;
font-size: 13px;
line-height: 18px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
background: url(images/gradbg.png) repeat-x #dadddd;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 260px;
box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
input:hover {
box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-webkit-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
}
.submit {
float: right;
clear: both;
display: none;
}
.note {
padding-bottom: 5px;
padding-top: 5px;
}
ol.notes {
padding: 0px;
list-style-type: none;
}
ol.notes li.note {
padding-left: 20px;
}
ol.notes li.note img.avatar {
display: none;
}
ol.notes li.note span.action {
font-weight: bold;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
border-left: 3px solid #989696;
margin-left: 0px;
padding-left: 15px;
padding-top: 0px;
border-bottom: none;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
.noresults {
font-size: 60px;
font-weight: bolder;
color: #373f3f;
line-height: 50px;
text-shadow: 0 1px 1px rgba(255,255,255,0.7);
letter-spacing: -4px;
}
.search {
margin-bottom: 40px;
}
.comments {
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
.comments h3 {
padding-left: 0px;
}
.chat li {
list-style: none;
}
.label {
font-weight: bolder;
}
.textpostbody img {
max-width: calc({text:Article Width} - 40px);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.textpostbody li {
padding-right: 20px;
}
.description {
padding-right: 20px;
}
.portrait-description {
padding: 20px;
}
.portrait {
width: 300px;
}
.albumart {
width:500px;
}
.triangle {
background: #e4e8e8 url(http://static.tumblr.com/z7lhmdl/IoKkyxv6w/triangle-solo.png) bottom left no-repeat;
height: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.question {
font-size: 16px;
line-height: 22px;
background: #000;
text-shadow: none;
color: #8c8c8c;
box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
padding: 30px;
width: 460px;
margin-left: -10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: left;
margin-bottom: 15px;
}
.asker {
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png) repeat-x #dadddd;
height: 70px;
}
.askerportrait {
float: left;
margin-right: 20px;
padding-top: 20px;
padding-left: 20px;
}
.askerportrait img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.askername {
font-size: 24px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 80px;
}
.askername a {
color: #4d4d4d;
}
.linkbg {
background: #b9bdbd url(http://static.tumblr.com/z7lhmdl/4wRkyxyle/linkbg.png) top right no-repeat;
text-shadow: 0 0px 1px rgba(255,255,255,0.3);
padding: 0px;
margin: 0px;
}
.linkbg h2 {
padding: 0px;
margin: 0px;
}
.linkdescription {
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png) repeat-x #dadddd;
border-top: 1px solid #f3f3f3;
padding-bottom: 1px;
}
.link {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 130px;
display: block;
}
.quote {
margin-right: 130px;
}
.quotebg {
background: #b9bdbd url(http://static.tumblr.com/z7lhmdl/cszkzyztp/quotebg.png) top right no-repeat;
text-shadow: 0 0px 1px rgba(255,255,255,0.3);
padding: 0px;
margin: 0px;
}
.quotedescription {
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png) repeat-x #dadddd;
border-top: 1px solid #f3f3f3;
padding-bottom: 1px;
}
.zoomphoto {
max-width: {text:Container Width};
}
.hiddenzoombox {
display: none;
}
.zoomoverlay {
position: absolute;
z-index:1000;
}
.zoomoverlay img {
width: 100px;
height: 100px;
}
.wholeimage:hover > .zoomoverlay {
background: url(http://static.tumblr.com/z7lhmdl/tPFkzy1ni/zoom.png) no-repeat;
}
.wholeimage {
background: #fff;
}
{CustomCSS}
</style>
<!--[if lte IE 7]>
<style type="text/css">
.twitter ul {
margin-left:0px;
padding-left:0px;
}
.bottompanel li, .bottompanel ul {
padding-left: 0px !important;
list-style: none;
margin-left: 0px;
}
</style>
<![endif]-->
<link rel="stylesheet" href="https://static.tumblr.com/h0t1c4s/EZMp91e1t/lightbox.css">
</head>
<body id="home">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://static.tumblr.com/h0t1c4s/KBTp91e22/lightbox.js"></script>
<div class="row">
<div class="column grid_4">
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop masthead">
<h1><a class="roundedbottom roundedtop" href="/">{Title}</a></h1>
</div>
</div>
<div class="shadow">
{block:If300pxPortraitImage}
<img class="roundedtop portrait" src="{image:300pxPortrait}" />
<div class="lightpanel">
<div><p>{description}</p></div>
</div>
{/block:If300pxPortraitImage}
{block:IfNot300pxPortraitImage}
<div class="lightpanel roundedtop">
<div><p>{description}</p></div>
</div>
{/block:IfNot300pxPortraitImage}
<div class="lightpanel nav">
<a class="nav" href="/">{lang:Home}</a>
</div>
{block:HasPages}
{block:Pages}
<div class="lightpanel nav">
<a class="nav" href="{URL}">{Label}</a>
</div>
{/block:Pages}
{/block:HasPages}
<div class="lightpanel nav">
<a class="nav" href="/archive">{lang:Archive}</a>
</div>
<div class="lightpanel nav">
<a class="nav" href="{RSS}">{lang:Subscribe} ({lang:RSS})</a>
</div>
{block:AskEnabled}
<div class="lightpanel nav">
<a class="nav" href="/ask">{AskLabel}</a>
</div>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<div class="lightpanel nav">
<a class="nav" href="/submit">{SubmitLabel}</a>
</div>
{/block:SubmissionsEnabled}
<div class="lightpanel nav">
<a class="nav" href="/random">{lang:Random post}</a>
</div>
{block:IfFlickrUsername}
<div class="lightpanel nav">
<a class="nav" href="http://www.flickr.com/photos/{text:Flickr Username}">Flickr</a>
</div>
{/block:IfFlickrUsername}
{block:IfTwitterUsername}
<div class="lightpanel nav">
<a class="nav" href="http://www.twitter.com/{text:Twitter Username}">Twitter</a>
</div>
<div class="lightpanel twitter">
<ul id="twitter_update_list"></ul>
</div>
{/block:IfTwitterUsername}
{block:IfCustomLink1}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a>
</div>
{/block:IfCustomLink1}
{block:IfCustomLink2}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a>
</div>
{/block:IfCustomLink2}
{block:IfCustomLink3}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a>
</div>
{/block:IfCustomLink3}
{block:IfCustomLink4}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 4}">{text:Custom Link 4 Title}</a>
</div>
{/block:IfCustomLink4}
<!-- Please do not remove credit. Thanks :) -->
<div class="bottompanel roundedbottom">
<p><a href="http://www.tumblr.com/theme/7285/" target="_blank">Catching Elephant</a> is a theme by <a href="http://www.catchingzebra.com/" target="_blank">Andy Taylor</a></p>
</div>
</div>
<div class="search">
<form action="/search" method="get">
<div class="submit"><input type="submit" value="{lang:Search}"/></div>
<div class="input"><input onfocus="this.value=''" type="text" value="{lang:Search}. Then hit enter." name="q"/></div>
</form>
</div>
</div>
<div class="column grid_1">
<p>&nbsp;</p>
</div>
<div class="column grid_7">
{block:Posts inlineMediaWidth="1280"}
{block:Answer}
<div class="shadow">
<div class="lightpanel roundedtop notopborder">
<div class="asker roundedtop">
<div class="askerportrait"><img src="{AskerPortraitURL-40}" width="40px" height="40px"/></div> <div class="askername">{lang:Asker asked}</div>
</div>
<div class="triangle"></div>
<div class="question">
{Question}
</div>
<div class="textpostbody">
{Answer}
</div>
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">&crarr; {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">&crarr; {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}">#&nbsp;{Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">&infin; {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="http://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Answer}
{block:Photo}
<div class="shadow">
<div class="wholeimage roundedtop">
{block:HighRes}
<a href="#{PostID}-zoom" class="zoombox zoomoverlay"><img src="http://static.tumblr.com/z7lhmdl/5D6kzy1mm/blank.gif" /></a>
{/block:HighRes}
<div class="image">
{LinkOpenTag}<img class="roundedtop" src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
</div>
</div>
{block:Caption}
<div class="lightpanel">
<div class="caption photocaption">{Caption}</div>
</div>
{/block:Caption}
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">&crarr; {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">&crarr; {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}">#&nbsp;{Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">&infin; {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="http://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
{block:HighRes}
<div class="hiddenzoombox">
<div id="{PostID}-zoom">
<img src="{PhotoURL-HighRes}" class="zoomphoto" />
</div>
</div>
{/block:HighRes}
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Photo}
{block:Photoset}
<div class="shadow">
<div class="image">
{Photoset-500}
</div>
<div class="lightpanel">
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">&crarr; {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">&crarr; {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}">#&nbsp;{Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">&infin; {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="http://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Photoset}
{block:Video}
<div class="shadow">
<div class="lightpanel notopborder">
<div class="video">
{Video-500}
</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">&crarr; {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">&crarr; {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}">#&nbsp;{Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">&infin; {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="http://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Video}
{block:Audio}
<div class="shadow">
<div class="lightpanel roundedtop notopborder">
<div class="audioholder roundedtop">
<div class="playcount">{lang:Played PlayCount times}</div>
<div class="audio">{AudioPlayerBlack}</div>
{block:AlbumArt}
<img class="albumart" src="{AlbumArtURL}" />
{/block:AlbumArt}
</div>
{block:Caption}
{Caption}
{/block:Caption}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">&crarr; {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">&crarr; {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}">#&nbsp;{Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">&infin; {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="http://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Audio}
{block:Quote}
<div class="shadow">
<div class="lightpanel roundedtop quotebg">
<h2 class="quote">{Quote}</h2>
{block:Source}
<div class="quotedescription">
<p>{source}</p>
</div>
{/block:Source}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">&crarr; {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">&crarr; {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}">#&nbsp;{Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">&infin; {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="http://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Quote}
{block:Text}
<div class="shadow">
<div class="lightpanel roundedtop">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
<div class="textpostbody">
{Body}
</div>
</div>
{block:Date}
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">&crarr; {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">&crarr; {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}">#&nbsp;{Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">&infin; {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="http://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Date}
{/block:Text}
{block:Link}
<div class="shadow">
<div class="lightpanel roundedtop linkbg">
<h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
{block:Description}
<div class="linkdescription">
<p>{Description}</p>
</div>
{/block:Description}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">&crarr; {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">&crarr; {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}">#&nbsp;{Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">&infin; {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="http://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Link}
{block:Chat}
<div class="shadow">
<div class="lightpanel roundedtop">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
{block:Lines}
<p>
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</p>
{/block:Lines}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">&crarr; {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">&crarr; {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}">#&nbsp;{Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">&infin; {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="http://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Chat}
{/block:Posts}
{block:PermalinkPage}
{block:IfDisqusUsername}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop comments">
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Username}/embed.js"></script><noscript><a href="http://disqus.com/forums/{text:Disqus Username}/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com" class="dsq-brlink">Blog comments powered by <span class="logo-disqus">Disqus</span></a>{/block:Permalink}<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 Username}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
</div>
</div>
{/block:IfDisqusUsername}
{/block:PermalinkPage}
{block:NoSearchResults}
<div class="noresults">Bummer. <br />{lang:No results found}.</div>
{/block:NoSearchResults}
<div>
{block:NextPage}
<div class="lightpanel nav roundedtop roundedbottom centeralign shadow next">
<a class="nav roundedtop roundedbottom" href="{NextPage}">{lang:Older}</a>
</div>
{/block:NextPage}
{block:PreviousPage}
<div class="lightpanel nav roundedtop roundedbottom centeralign shadow previous">
<a class="nav roundedtop roundedbottom" href="{PreviousPage}">{lang:Newer}</a>
</div>
{/block:PreviousPage}
</div>
</div>
</div>
<!-- Twitter feed call is down here so it loads last -->
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&amp;count=3"></script>
<script>
var postImgs = document.getElementsByTagName("img");
for (var i = 0; i < postImgs.length; i++) {
if (!postImgs[i].parentNode || postImgs[i].parentNode.tagName.toLowerCase() !== "figure") {
continue;
}
if (!postImgs[i].parentNode.parentNode || postImgs[i].parentNode.parentNode.className.toLowerCase() !== "textpostbody") {
continue;
}
postImgs[i].parentNode.outerHTML = "<p><a href='" + postImgs[i].src +
"' data-lightbox='group'><img src='" + postImgs[i].src +
"' alt='" + postImgs[i].alt + "' /></a></p>";
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment