<![CDATA[<!DOCTYPE html>
<!---------------------------------------------------------------
Theme Ultimate by Max Davis
Last update 08.10.15
Theme info + code: http://themes.mxdvs.co/archive/ultimate
More free themes: http://themes.mxdvs.co
------------------------------------------------------------- -->
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="color:Body Background" content="#eee"/>
<meta name="color:Posts Background" content="#FFFFFF"/>
<meta name="color:Posts Title" content="#333"/>
<meta name="color:Posts Text" content="#777"/>
<meta name="color:Posts Links" content="#555"/>
<meta name="color:Header Title" content="#333"/>
<meta name="color:Header Description" content="#777"/>
<meta name="color:Header Links" content="#555"/>
<meta name="image:Background" content="http://static.tumblr.com/b2ajd3k/76Alyb6m8/boxed-texture.png" />
<meta name="image:Header" content="http://static.tumblr.com/b2ajd3k/gY7lsykd6/logo_blog2.png" />
<meta name="if:Post width 150px" content="0" />
<meta name="if:Post width 250px" content="1" />
<meta name="if:Post width 300px" content="0" />
<meta name="if:Post width 400px" content="0" />
<meta name="if:Post width 500px" content="0" />
<meta name="if:Infinite Scroll" content="1" />
<meta name="if:Post Shadow" content="0" />
<meta name="if:Post Round Borders" content="0" />
<meta name="if:Post Hide Permalinks" content="0" />
<meta name="if:Post Hide Caption" content="1" />
<meta name="if:Header Text Center" content="0" />
<meta name="if:Header Hide Description" content="0" />
<meta name="if:Header BlogRoll" content="0" />
<meta name="if:Full Page Background Image" content="0" />
<meta name="text:Post Reblog Title" content="Reblog This" />
<meta name="text:Previous Page Title" content="Previous" />
<meta name="text:Next Page Title" content="Next" />
<meta name="text:Ask Title" content="Ask" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Title" content="" />
<title>{Title}</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='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
{block:IndexPage}
<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
<script>
$(window).load(function(){
var $wall = $('#container');
$wall.masonry({
itemSelector: '.entry, .entry_load{block:ifNotInfiniteScroll}, .navi{/block:ifNotInfiniteScroll}',
{block:ifpostwidth150px}columnWidth: 180,{/block:ifpostwidth150px}
{block:ifpostwidth250px}columnWidth: 280,{/block:ifpostwidth250px}
{block:ifpostwidth300px}columnWidth: 330,{/block:ifpostwidth300px}
{block:ifpostwidth400px}columnWidth: 440,{/block:ifpostwidth400px}
{block:ifpostwidth500px}columnWidth: 520,{/block:ifpostwidth500px}
isAnimated: !Modernizr.csstransitions,
isFitWidth: true
});
$wal{block:ifInfiniteScroll}l{/block:ifInfiniteScroll}.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '.entry',
donetext : 'The End.',
loadingText : 'Loading...',
extraScrollPx : 0,
bufferPx : 20000,
behavior : 'twitter',
debug : false,
errorCallback: function() {
$('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn();} );
});
}); $wall.show(500);
$('#load').click(function(e){
e.preventDefault();
$wall.infinitescroll('retrieve');
$(this).css('display','block');
});
});
</script>{/block:IndexPage}
<style type="text/css">
html {
{block:iffullpagebackgroundimage}
background:{color:Body Background} url({image:Background}) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
{/block:iffullpagebackgroundimage}}
a {
color:{color:Posts Links};
text-decoration:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;}
a:hover{
color:{color:Posts Hover};
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:-moz-any-link:focus{outline: none;}
img{border:none;}
.clear{clear:both}
body {
font: 11px 'Open Sans', Arial, sans-serif;
{block:ifNotfullpagebackgroundimage}
background:{color:Body Background} url({image:Background}) repeat center top;
{/block:ifNotfullpagebackgroundimage}
color:{color:Posts Text};}
/**** Content ****/
#content {
padding: 10px;}
/**** Blog ****/
#container {
background-color:transparent;
margin-bottom: 20px;
clear: both;
{block:PermalinkPage}
width:900px;
margin:auto;
{/block:PermalinkPage}}
.centered { margin: 0 auto; }
#header{
max-width:900px;
margin:0 auto 20px;
padding: 0px 0 50px;
color:{color:Header description};}
#header .header_image{
max-width:1000px;
margin: 50px 0;
max-height:300px;}
#header h1{
font-size:60px;
line-height:70px;
font-family:oswald;
font-weight:normal;
color:{color:Header Title};
margin:0 auto 20px;
padding:0;
word-spacing:10px;
{block:ifHeaderTextCenter}
text-align:center;
{/block:ifHeaderTextCenter}}
#header .description{
max-width:900px;
color:{color:HeaderDescription};
{block:ifHeaderTextCenter}
text-align:center;
{/block:ifHeaderTextCenter}
{block:ifHeaderimage}
text-align:center;
{/block:ifHeaderimage}
{block:ifHeaderHideDescription}
display:none;
padding:0 0 10px;
{/block:ifHeaderHideDescription} }
#header .description_button{
cursor:help;}
#header .links{
max-width:1000px;
padding: 15px 0 0;
clear: both;
{block:ifHeaderTextCenter}
text-align:center;
{/block:ifHeaderTextCenter}}
#header .links a{
padding:0 20px;
text-transform:uppercase;
color:{color:HeaderLinks};}
#header .links a:hover{
color:{color:HeaderDescription};}
/**** Blogroll ****/
#header .blogroll{
max-width:500px;
margin:0 auto;
display:none;
{block:ifHeaderTextCenter}
text-align:center;
{/block:ifHeaderTextCenter}
{block:ifHeaderimage}
text-align:center;
{/block:ifHeaderimage}
{block:ifHeaderHideDescription}
padding:10px 0 0;
{/block:ifHeaderHideDescription} }
#header .blogroll_button{
cursor:help;}
#header ul.blogroll_img{
margin:0;
padding:0;
list-style:none;}
#header ul.blogroll_img li{
float:left;
height: 22px;}
#header ul.blogroll_img li img{
width:20px;
height:20px;
margin:1px;}
/**** Posts ****/
.entry {
background:{color:Posts Background};
overflow:hidden;
{block:IndexPage}
{block:ifpostwidth150px}margin: 5px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}margin: 5px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}margin: 5px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}margin: 10px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}margin: 10px;{/block:ifpostwidth500px}
width:250px;
padding: 10px;
float: left;
{block:ifpostwidth150px}width:150px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:250px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:300px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:400px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:480px;{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}
width:860px;
padding: 20px;
margin-bottom:5px;
float: left;
{/block:PermalinkPage}
{block:ifPostRoundBorders}
border-radius: 4px;
{/block:ifPostRoundBorders}
{block:ifPostShadow}
box-shadow: 0px 0px 5px rgba(0,0,0,0.1),
0px 0px 30px rgba(100, 100, 100, 0.1) inset;
{/block:ifPostShadow}}
.photo {
{block:IndexPage}
padding:0px;background:transparent;
{block:ifpostwidth150px}width:170px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:270px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:320px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:420px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:500px;{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}
background-color:black;
float: left;
width:900px;
padding:0px;
{/block:PermalinkPage}}
.video {
padding:0;
background-color:black;
{block:IndexPage}
{block:ifpostwidth150px}width:170px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:270px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:320px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:420px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:500px;{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}
width:900px;
float: left;
{/block:PermalinkPage}}
.audio {
padding:0;
background-color:black;
{block:IndexPage}
{block:ifpostwidth150px}width:170px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:270px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:320px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:420px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:500px;{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}
width:900px;
float: left;
{/block:PermalinkPage}}
.post img{
height:auto;
{block:ifpostwidth150px}max-width:140px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}max-width:240px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}max-width:290px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}max-width:390px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}max-width:470px;{/block:ifpostwidth500px}}
.container_load {
margin:10px auto;
padding: 10px;
background:{color:Posts Background};
font-weight:700;
{block:ifpostwidth150px}width:150px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:250px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:300px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:400px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:500px;{/block:ifpostwidth500px}
text-align:center;
{block:ifPostRoundBorders}
border-radius: 4px;
{/block:ifPostRoundBorders}
{block:ifPostShadow}
box-shadow: 0px 0px 5px rgba(0,0,0,0.1),
0px 0px 30px rgba(100, 100, 100, 0.1) inset;
{/block:ifPostShadow}}
.entry h1{
font-size:18px;
{block:ifpostwidth150px}
font-size:15px;
letter-spacing:-0.5px;
{/block:ifpostwidth150px}
line-height:30px;
color:{color:Posts Title};
margin:0 auto 10px;
padding:0;}
#permalink{
padding:0;
margin:15px 0 0;
text-align:center;
{block:ifPostHidePermalinks}
display:none;
{/block:ifPostHidePermalinks}}
#permalink .notes{float:left;}
#permalink .date{text-align:center;
{block:ifpostwidth150px}display:none;{/block:ifpostwidth150px}
{block:ifpostwidth250px}display:none;{/block:ifpostwidth250px}
{block:ifpostwidth300px}display:none;{/block:ifpostwidth300px}}
#permalink .permalink{float:right;}
/**** Posts: Photos ****/
#photo {
overflow:hidden;
{block:IndexPage}
max-width:500px;
{block:ifpostwidth150px}max-width:170px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}max-width:270px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}max-width:320px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}max-width:420px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}max-width:500px;{/block:ifpostwidth500px}
{/block:IndexPage}
{block:ifPostRoundBorders}
{block:ifPostHideCaption}
border-radius: 4px;
{/block:ifPostHideCaption}
{block:ifNotPostHideCaption}
border-top-right-radius: 4px;
border-top-left-radius: 4px;
{/block:ifNotPostHideCaption}
{/block:ifPostRoundBorders}
{block:PermalinkPage}
width: 900px;
{/block:PermalinkPage}}
#photo a{
color:white;}
#photo a:hover{
color:white;}
#photo img {
{block:IndexPage}
{block:ifpostwidth150px}width:170px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:270px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:320px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:420px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:500px;{/block:ifpostwidth500px}
{/block:IndexPage}
display:block;}
div#photo div#picture {
position:relative;}
div#photo div#picture div#info_2 {
position:absolute;
top:0;
left:0;
opacity:0;
width:250px;
{block:ifpostwidth150px}width:150px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:250px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:300px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:400px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:480px;{/block:ifpostwidth500px}
margin-top:-50px;
height:auto;
padding:15px 10px;
{block:ifpostwidth150px}
padding:10px;
{/block:ifpostwidth150px}
background-color:rgba(0,0,0,0.7);
visibility:hidden;
z-index:998;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;}
div#photo:hover div#picture div#info_2 {
opacity:1;
margin-top:0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;}
div#photo div#picture div#info_2 div#holder {
{block:ifpostwidth150px}width:150px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:250px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:300px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:400px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:480px;{/block:ifpostwidth500px}
height:auto;
z-index:999;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;}
div#photo div#picture div#info_2 div#holder #month {
font-size:8px;
{block:ifNotpostwidth150px}
float:right;
text-align:right;
{/block:ifNotpostwidth150px}
color:white;
text-transform:uppercase;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;}
div#photo div#picture div#info_2 div#holder #note_count {
font-family:arial;
text-transform:uppercase;
color:white;
letter-spacing:-1px;
{block:ifNotpostwidth150px}
float:left;
font-size:25px;
line-height:25px;
{/block:ifNotpostwidth150px}
{block:ifpostwidth150px}
display:block;
font-size:20px;
line-height:20px;
{/block:ifpostwidth150px}
font-weight:bold;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;}
div#photo div#picture:hover div#info_2 {visibility:visible;}
#reblog {
background-color:rgba(0,0,0,0.7);
position:absolute;
color:#FFFFFF;
font-family:arial;
text-align:center;
font-weight:bold;
text-transform:uppercase;
{block:ifpostwidth150px}width:170px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:270px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:320px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:420px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:500px;{/block:ifpostwidth500px}
{block:ifNotpostwidth150px}
font-size:22px;
padding:15px 0px;
{/block:ifNotpostwidth150px}
{block:ifpostwidth150px}
font-size:17px;
padding:10px 0px;
{/block:ifpostwidth150px}
line-height:10px;
opacity:0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;}
.entry:hover #reblog {
{block:ifNotpostwidth150px}
margin-top:-40px;
{/block:ifNotpostwidth150px}
{block:ifpostwidth150px}
margin-top:-30px;
{/block:ifpostwidth150px}
opacity:1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;}
.caption{
padding:5px 10px;
background:{color:Posts Background};}
.caption img{
height:auto;
{block:IndexPage}
{block:ifpostwidth150px}max-width:150px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}max-width:230px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}max-width:280px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}max-width:380px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}max-width:460px;{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}max-width:840px;{/block:PermalinkPage}}
#permalink_image{
margin:10px auto;
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,1);
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,1);
-o-box-shadow: inset 0 0 50px rgba(0,0,0,1);
box-shadow: inset 0 0 50px rgba(0,0,0,1);}
/**** Posts: Text ****/
#text blockquote {
margin:5px 10px;
padding:0;}
#text li {
list-style:none;
margin:0;
padding:0;}
#text img{
height:auto;
{block:IndexPage}
{block:ifpostwidth150px}max-width:150px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}max-width:230px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}max-width:280px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}max-width:380px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}max-width:460px;{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}max-width:840px;{/block:PermalinkPage}}
/**** Posts: Videos ****/
#video{
margin:5px;}
/**** Posts: Audio ****/
#audio{
margin:5px;
{block:ifpostwidth150px}margin:5px 70px;{/block:ifpostwidth150px}}
.playcount{
float:right;
margin-top:-26px;
font-family:oswald;
color:white;
font-size:15px;
margin-right:10px;
{block:ifpostwidth150px}display:none;{/block:ifpostwidth150px}
{block:ifpostwidth250px}display:none;{/block:ifpostwidth250px}
{block:ifpostwidth300px}display:none;{/block:ifpostwidth300px}}
/**** Posts: Chat ****/
.entry ul.chat{
margin:0;
padding:0;
list-style:none;}
.entry ul.chat li{
padding:7px 10px;
border-top:1px solid rgba(0,0,0,0.1);
margin:5px 0;}
.entry ul.chat li:nth-child(1){
border:0}
/**** Posts: Questions ****/
.entry .asker_portrait{
float:left;
width:30px;
height:30px;
margin-right:5px;
margin-bottom:5px;}
.entry .question{
float:left;
line-height:11px;
margin-bottom:10px;
{block:IndexPage}
{block:ifpostwidth150px}max-width:110px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}max-width:190px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}max-width:240px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}max-width:340px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}max-width:420px;{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}
width:840px;
{/block:PermalinkPage}}
.entry .answer{
margin-top:5px;
line-height:11px;
clear:both;
display:block;
font-style:italic;
{block:IndexPage}
{block:ifpostwidth150px}width:150px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:230px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:280px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:380px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:460px;{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}
width:870px;
{/block:PermalinkPage}}
.navi {
background:{color:Posts Background};
overflow:hidden;
{block:ifpostwidth150px}margin: 5px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}margin: 5px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}margin: 5px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}margin: 10px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}margin: 10px;{/block:ifpostwidth500px}
width:250px;
padding: 10px;
float: left;
{block:ifpostwidth150px}width:150px;{/block:ifpostwidth150px}
{block:ifpostwidth250px}width:250px;{/block:ifpostwidth250px}
{block:ifpostwidth300px}width:300px;{/block:ifpostwidth300px}
{block:ifpostwidth400px}width:400px;{/block:ifpostwidth400px}
{block:ifpostwidth500px}width:480px;{/block:ifpostwidth500px}
{block:ifPostRoundBorders}
border-radius: 4px;
{/block:ifPostRoundBorders}
{block:ifPostShadow}
box-shadow: 0px 0px 5px rgba(0,0,0,0.1),
0px 0px 30px rgba(100, 100, 100, 0.1) inset;
{/block:ifPostShadow}}
.space{
height:10px;}
/**** Posts: Notes ****/
#notes {
float: left;
margin: 15px 0;
padding: 10px;
width: 880px;
background-color:{color:Posts Background};
{block:ifPostRoundBorders}
border-radius: 4px;
{/block:ifPostRoundBorders}
{block:ifPostShadow}
box-shadow: 0px 0px 5px rgba(0,0,0,0.1),
0px 0px 30px rgba(100, 100, 100, 0.1) inset;
{/block:ifPostShadow}}
.notes_button{
color:{color:Posts Links}
cursor:help;}
ol.notes {
padding: 0;
margin: 0;
list-style-type: none;
display:none;}
ol.notes li.note {
padding: 1px;
float:left;}
ol.notes li.note img.avatar {
vertical-align: -4px;
width: 20px;
height: 20px;}
ol.notes li.note span.action {
font-weight:normal;
display:none;}
ol.notes li.note .answer_content {
font-weight: normal;
display:none;}
ol.notes li.note blockquote {
padding: 4px 10px;
margin: 10px 0px 0px 25px;
display:none;}
ol.notes li.note blockquote a {
text-decoration: none;
display:none;}
ol.notes more_notes_link_container{
text-align:center;
height:14px;
padding:3px;
width:104px;
margin:1px;
background-color:rgba(0,0,0,0.1);}
ol.notes more_notes_link_container:hover{
background-color:rgba(0,0,0,0);}
/**** Posts: Permalink Post Info ****/
#post_info{
float: left;
margin: 15px 0 0;
padding: 10px;
width: 880px;
background-color:{color:Posts Background};
{block:ifPostRoundBorders}
border-radius: 4px;
{/block:ifPostRoundBorders}
{block:ifPostShadow}
box-shadow: 0px 0px 5px rgba(0,0,0,0.1),
0px 0px 30px rgba(100, 100, 100, 0.1) inset;
{/block:ifPostShadow}}
/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;}
.transitions-enabled.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;}
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;}
</style>
</head>
<body>
{block:ifInfiniteScroll}
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}{/block:ifInfiniteScroll}
<div id="content">
<div id="header">
{block:ifHeaderimage}
<center><a href="/" title="Home"><img src="{image:Header}" class="header_image" /></a></center>
{/block:ifHeaderimage}
{block:ifNotHeaderimage}<a href="/" title="Home"><h1>{title}</h1></a>{/block:ifNotHeaderimage}
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{block:Following}
<div class="blogroll">
<ul class="blogroll_img">{block:Followed}
<li>
<a href="{FollowedURL}" title="{FollowedName}" target="_blank">
<img src="{FollowedPortraitURL-24}"/></a>
</li>
{/block:Followed}</ul>
</div>
{/block:Following}
<div class="links">
{block:AskEnabled}
<a href="/ask">
{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
</a>
{/block:AskEnabled}
{block:ifHeaderHideDescription}
<a class="description_button" title="Description">
Description</a>
{/block:ifHeaderHideDescription}
{block:ifHeaderBlogRoll}
<a class="blogroll_button" title="Blogs I follow">
Blogroll</a>
{/block:ifHeaderBlogRoll}
{block:ifLink1Title}
<a href="{text:Link 1}" title="{text:Link 1 Title}">
{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}" title="{text:Link 2 Title}">
{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}" title="{text:Link 3 Title}">
{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}" title="{text:Link 4 Title}">
{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}" title="{text:Link 5 Title}">
{text:Link 5 Title}</a>
{/block:ifLink5Title}
{block:HasPages}
{block:Pages}
<a href="{URL}" title="{Label}">{Label}</a>
{/block:Pages}
{/block:HasPages}
</div>
{block:ifHeaderHideDescription}
<script>
$('.description_button').click(function() {
$('#header .description').slideToggle('medium', function() {
});
});
</script>
{/block:ifHeaderHideDescription}
<script>
$('.blogroll_button').click(function() {
$('#header .blogroll').slideToggle('medium', function() {
});
});
</script>
</div>
<div id="container" class="transitions-enabled centered clearfix">
{block:Posts}
<div class="entry{block:Photo} photo{/block:Photo}{block:Video} video{/block:Video}{block:Audio} audio{/block:Audio}">
{block:Text}
{block:Title}
<a href="{Permalink}"><h1>{Title}</h1></a>
{/block:Title}
<div id="text">{Body}</div>
{block:IndexPage}
{block:Date}
<div id="permalink">
{block:NoteCount}
<a href="{Permalink}" class="notes">{NoteCountWithLabel}</a>
{/block:NoteCount}
<a href="{Permalink}" class="permalink">
❖ Permalink</a>
<a href="{Permalink}" class="date">
{TimeAgo} on {DayOfMonth} {ShortMonth} {Year}</a>
</div>
{/block:Date}
{/block:IndexPage}
{/block:Text}
{block:Photo}
<div id="photo">
<div id="picture">
{block:IndexPage}
{block:Date}
<div id="info_2">
<div id="holder">
<div id="note_count">
<a href="{Permalink}">{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} </a>
</div>
<div id="month"><a href="{Permalink}">
{block:ifNotpostwidth150px}Posted on {DayOfWeek},
<br> {DayOfMonth} {Month} {Year}.
{/block:ifNotpostwidth150px}
{block:ifpostwidth150px}
{TimeAgo}
{/block:ifpostwidth150px}</a>
</div>
</div>
</div>
{/block:Date}
<img src="{block:ifNotpostwidth150px}{PhotoURL-HighRes}{/block:ifNotpostwidth150px}{block:ifpostwidth150px}{PhotoURL-250}{/block:ifpostwidth150px}"
{block:ifpostwidth150px}width="170"{/block:ifpostwidth150px}
{block:ifpostwidth250px}width="270"{/block:ifpostwidth250px}
{block:ifpostwidth300px}width="320"{/block:ifpostwidth300px}
{block:ifpostwidth400px}width="420"{/block:ifpostwidth400px}
{block:ifpostwidth500px}width="500"{/block:ifpostwidth500px}
/>{/block:IndexPage}
{block:PermalinkPage}
<div id="permalink_image" align="center">
<img src="{PhotoURL-500}" max-width="500"/>
</div>{/block:PermalinkPage}
{block:IndexPage}{block:IfPostReblogTitle}<a href="{ReblogURL}" target="_blank"><div id="reblog">{text:Post Reblog Title}</div></a>{/block:ifPostReblogTitle}{/block:IndexPage}
</div>
</div>
{block:IndexPage}
{block:ifNotPostHideCaption}{block:Caption}
<a href="{Permalink}"><div class="caption">{Caption}
</div></a>
{/block:Caption}{/block:ifNotPostHideCaption}
{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:PermalinkPage}
{/block:Photo}
{block:Photoset}
<center>
{block:IndexPage}
{block:ifpostwidth150px}{Photoset-250}{/block:ifpostwidth150px}
{block:ifpostwidth250px}{Photoset-250}{/block:ifpostwidth250px}
{block:ifpostwidth300px}{Photoset-250}{/block:ifpostwidth300px}
{block:ifpostwidth400px}{Photoset-400}{/block:ifpostwidth400px}
{block:ifpostwidth500px}{Photoset-500}{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
</center>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{block:IndexPage}
{block:Date}
<div id="permalink">
{block:NoteCount}
<a href="{Permalink}" class="notes">{NoteCountWithLabel}</a>
{/block:NoteCount}
<a href="{Permalink}" class="permalink">
❖ Permalink</a>
<a href="{Permalink}" class="date">
{TimeAgo} on {DayOfMonth} {ShortMonth} {Year}</a>
</div>
{/block:Date}
{/block:IndexPage}
{/block:Photoset}
{block:Quote}
<center>
<a href="{Permalink}"><h1>"{Quote}"</h1></a>
</center>
{block:Source}
<div class="source" align="center">{Source}</div>
{/block:Source}
{block:IndexPage}
{block:Date}
<div id="permalink">
{block:NoteCount}
<a href="{Permalink}" class="notes">{NoteCountWithLabel}</a>
{/block:NoteCount}
<a href="{Permalink}" class="permalink">
❖ Permalink</a>
<a href="{Permalink}" class="date">
{TimeAgo} on {DayOfMonth} {ShortMonth} {Year}</a>
</div>
{/block:Date}
{/block:IndexPage}
{/block:Quote}
{block:Link}
<a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{block:IndexPage}
{block:Date}
<div id="permalink">
{block:NoteCount}
<a href="{Permalink}" class="notes">{NoteCountWithLabel}</a>
{/block:NoteCount}
<a href="{Permalink}" target="_blank" class="permalink">
❖ Permalink</a>
<a href="{Permalink}" class="date">
{TimeAgo} on {DayOfMonth} {ShortMonth} {Year}</a>
</div>
{/block:Date}
{/block:IndexPage}
{/block:Link}
{block:Audio}
<div id="audio">{AudioPlayerBlack}
<div class="playcount">{PlayCountWithLabel}</div></div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:Audio}
{block:Answer}
<img class="asker_portrait" src="{AskerPortraitURL-30}"/>
<div class="question">
{Asker} asked:<br>
{Question}
</div>
<div class="answer">{Answer}</div>
{block:IndexPage}
{block:Date}
<div id="permalink">
{block:NoteCount}
<a href="{Permalink}" class="notes">{NoteCountWithLabel}</a>
{/block:NoteCount}
<a href="{Permalink}" class="permalink">
❖ Permalink</a>
<a href="{Permalink}" class="date">
{TimeAgo} on {DayOfMonth} {ShortMonth} {Year}</a>
</div>
{/block:Date}
{/block:IndexPage}
{/block:Answer}
{block:Chat}
{block:Title}
<a href="{Permalink}"><h1>{Title}</h1></a>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{block:IndexPage}
{block:Date}
<div id="permalink">
{block:NoteCount}
<a href="{Permalink}" class="notes">{NoteCountWithLabel}</a>
{/block:NoteCount}
<a href="{Permalink}" class="permalink">
❖ Permalink</a>
<a href="{Permalink}" class="date">
{TimeAgo} on {DayOfMonth} {ShortMonth} {Year}</a>
</div>
{/block:Date}
{/block:IndexPage}
{/block:Chat}
{block:Video}
<center><div id="video">
{block:IndexPage}
{block:ifpostwidth150px}{Video-250}{/block:ifpostwidth150px}
{block:ifpostwidth250px}{Video-250}{/block:ifpostwidth250px}
{block:ifpostwidth300px}{Video-250}{/block:ifpostwidth300px}
{block:ifpostwidth400px}{Video-400}{/block:ifpostwidth400px}
{block:ifpostwidth500px}{Video-500}{/block:ifpostwidth500px}
{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
</div></center>
{block:Caption}
<a href="{Permalink}"><div class="caption">{Caption}</div></a>
{/block:Caption}
{/block:Video}
</div>
{block:PermalinkPage}
{block:Date}
<div id="post_info">
This post is posted on {DayOfWeek} {DayOfMonth} {Month} {Year}.<br>
{block:NoteCount}
Currently has {NoteCountWithLabel}<br>
{/block:NoteCount}
{block:HasTags}
Tagged as: {block:Tags}
<a href="{TagURL}" style="text-decoration:underline;">{Tag}</a>
{/block:Tags}<br>
{/block:HasTags}
</div>
{/block:Date}
{/block:PermalinkPage}
{block:PostNotes}
<div id="notes">
{NoteCountWithLabel} -
<span class="notes_button">Show notes</span>
{PostNotes}
<script>
$('.notes_button').click(function() {
$('ol.notes').slideToggle('slow', function() {
});
});
</script>
</div>
{/block:PostNotes}
{/block:Posts}
{block:ifNotInfiniteScroll}{block:IndexPage}{block:Pagination}
<div class="navi">
{block:PreviousPage}
<a href="{PreviousPage}">{text:Previous Page Title}</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" style="float: right;">{text:Next Page Title}</a>
{/block:NextPage}
</div>
{/block:Pagination}{/block:IndexPage}{/block:ifNotInfiniteScroll}
</div> <!-- #container -->
{block:ifNotInfiniteScroll}
<div class="clear"><div class="space"></div></div>
{/block:ifNotInfiniteScroll}
{block:ifInfiniteScroll}
{block:IndexPage}<div class="container_load">
<a href="#" id="load">+ Load More Posts</a><br>
</div>{/block:IndexPage}{/block:ifInfiniteScroll}
</div>
</body>
</html>]]>
