Tumblr
Facebook
<!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> &nbsp;&nbsp; {/block:Tags}<br> {/block:HasTags} </div> {/block:Date} {/block:PermalinkPage} {block:PostNotes} <div id="notes"> {NoteCountWithLabel} &nbsp;&nbsp;-&nbsp;&nbsp; <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>