Tumblr
Facebook
<!DOCTYPE html> <!--------------------------------------------------------------- Theme Next By Max Davis Last update 08.10.15 Theme info + code: http://themes.mxdvs.co/archive/next More free themes: http://themes.mxdvs.co ------------------------------------------------------------- --> <html lang="en"> <head> <meta charset="utf-8" /> <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} <meta name="color:Background" content="#F5F5F5"/> <meta name="color:Center" content="FFFFFF"/> <meta name="color:Permalink Background" content="#F1F3F8"/> <meta name="color:Titles" content="#888888"/> <meta name="color:Text" content="#959595"/> <meta name="color:Permalinks" content="#959595"/> <meta name="color:Links" content="#888888"/> <meta name="color:Links Hover" content="#959595"/> <meta name="if:Posts Resize" content="1" /> <meta name="if:Infinite Scroll" content="0"/> <meta name="if:Show Caption" content="0"/> <meta name="image:Background" content="" /> <meta name="image:Portrait" content="" /> <meta name="text:Previous Page Title" content="<<" /> <meta name="text:Next Page Title" content=">>" /> <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="" /> {block:Ifinfinitescroll} <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> {/block:Ifinfinitescroll}<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script> <script type="text/javascript"> $(window).scroll(function(){var totalHeight = $('body').height();var yPos = $(window).scrollTop();if( yPos > (totalHeight*.10) && yPos < (totalHeight*.90) ){$(".footer").fadeIn('fast');} else {$('.footer').fadeOut('fast');}});</script> <style type="text/css"> /*** Basic Styles ***/ body { padding:0; margin:0; font-family: Verdana,Helvetica,Arial,sans-serif; background-color:{color:background}; background-image:url({image:Background}); font-size:11px; color:{color:Text};} a { text-decoration:none; color:{color:links};} a:hover { color:{color:links hover};} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;display:block} p{margin:0;} .clear {clear:both;} .container{ width:520px; margin:20px auto;} .header{ padding:10px; margin:0 15px; width:470px; box-shadow:0 0 5px rgba(0,0,0,0.1); background-color:{color:Center};} .header .portrait{ width:64px; height:64px; float:left; margin:0 10px 0 0; overflow:hidden; border:4px solid {color:Center}; box-shadow:0 0 5px rgba(0,0,0,0.1);} .header .portrait img{ max-width:64px; min-height:64px; height:auto;} .header .title{ float:left; min-width:366px; max-width:366px; font-weight:bold; font-size:15px; color:{color:titles}; margin:0 0 5px;} .header .description{ float:left; min-width:386px; max-width:386px; font-size:10px;} .header .links{ margin:10px 0 0 -10px; width:470px; padding:10px 10px; font-size:9px; line-height:15px; list-style:none; text-align:center; text-transform:uppercase; border-bottom:1px dotted rgba(0,0,0,0.07); border-top:1px dotted rgba(0,0,0,0.07); background-color:{color:Permalink Background};} .header .links li{ display:inline; padding:0 5px;} .header .links li a{ color:{color:Permalinks};} .header .links li:first-child{ padding:0 5px 0 0;} .header .links li:last-child{ padding:0 0 0 5px;} .header .navigation{ font-size: 9px; margin: 8px 0 0; text-align: center;} .header .navigation a{ margin: 0 5px;} .header .navigation a:first-child{ margin: 0 5px 0 0;} .header .navigation a:last-child{ margin: 0 0 0 5px;} .header .navigation .current_page{ text-decoration:underline} .content{ width:490px; margin:15px auto 75px; padding:1px 0; box-shadow:0 0 5px rgba(0,0,0,0.1); background-color:{color:Center}; {block:PermalinkPage} margin:15px auto; {/block:PermalinkPage}} .content .post{ margin:10px 0;} .content .navigation{ font-size: 9px; margin: 8px 0 0; text-align: center;} .content .navigation a{ margin: 0 5px;} .content .navigation a:first-child{ margin: 0 5px 0 0;} .content .navigation a:last-child{ margin: 0 0 0 5px;} .content .navigation .current_page{ text-decoration:underline} .content .inhoud{ box-shadow:0 0 5px rgba(0,0,0,0.1); width:480px; margin:10px 0 10px -9px; {block:IndexPage} padding:10px; {/block:IndexPage} background-color:{color:Center}; border:4px solid {color:Center}; {block:PermalinkPage} border:14px solid {color:Center}; {/block:PermalinkPage}} {Block:IfPostsResize} {block:IndexPage} .content .inhoud:hover{ margin-left:-13px; margin-top:-4px; margin-bottom:6px; border:8px solid {color:Center};} {/block:IndexPage} {/Block:IfPostsResize} .content .photo{ padding:0px; width:500px; {block:PermalinkPage} width:480px; {/block:PermalinkPage} position:relative; overflow:hidden;} .content .inhoud img{ max-width:400px;} .content .photo img{ max-width:500px; min-width:500px; {block:PermalinkPage} max-width:480px; min-width:480px; {/block:PermalinkPage}} .content h3{ font-size:17px; font-weight:bold; margin: 0 0 10px; color:{color:titles};} .caption{ {block:PermalinkPage} font-size:9px; color:{color:Permalinks}; border-bottom:1px dotted rgba(0,0,0,0.07); padding:0 0 10px; margin:0 0 10px; {/block:PermalinkPage}} .content .photo .tag_box{ display:none; position:absolute; top:50%; height: 44px; margin-top: -32px; width:500px; padding:5px 0; box-shadow:0 0 10px rgba(0,0,0,0.3); background-color:{color:Center};} .content .photo:hover .tag_box{ display:block;} .content .photo .tag_box .inner{ border:1px dotted rgba(0,0,0,0.07); margin:5px 0; padding:10px; height: 12px; font-size:9px; background-color:{color:Permalink Background}; color:{color:Permalinks};} .content .photo .tag_box .inner a{ margin-right:5px; color:{color:Permalinks};} .content .photo .caption{ padding:5px 10px; font-size:10px;} .content .audio{ padding:7px 10px 5px; background-color:black; opacity:0.07;} .content .audio:hover{ opacity:0.2;} .content .album{ padding:5px; margin:10px 10px 0 0; background:rgba(0,0,0,0.07); height:128px; width:128px; float:left;} .content .album img{ width:128px; height:128px;} .content .audio_caption{ float:left; margin:10px 0 0; width:332px; position:relative; height:138px} .content .audio_caption .caption{ margin:0 0 10px;} .content .audio_caption .caption p{ margin:0; padding:0;} .content .audio_caption .info_box{ position:absolute; bottom:0;} .content .audio_caption .info{} .content ul.chat{ margin:0 0 3px; padding:0; list-style:none; font-size:9px;} .content ul.chat li{ padding:5px 10px;} .content ul.chat li:nth-child(even){ border:1px dotted rgba(0,0,0,0.07); background-color:rgba(0, 0, 0, 0.07);} .content .asker_portrait{ border: 4px solid white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); float: left; height:48px; margin-bottom: 10px; margin-right: 10px; position: relative; width: 48px; z-index: 2;} .content .question_box{ float: left; width: 400px;} .content .question_box .asker{ margin: 3px 0;} .content .question_box .question{ background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px dotted rgba(0, 0, 0, 0.07); border-left: 1px dotted rgba(0, 0, 0, 0.07); border-top: 1px dotted rgba(0, 0, 0, 0.07); margin-bottom: 10px; margin-left: -38px; padding: 5px 10px 5px 38px; width: 417px;} .content .inhoud:hover .question{ width:421px;} .content .answer{ clear: both; margin: 0 0 0 8px; width: 479px;} .content .permalink{ border-bottom:1px dotted rgba(0,0,0,0.07); border-top:1px dotted rgba(0,0,0,0.07); margin:5px 0; padding:10px 15px; font-size:9px; background-color:{color:Permalink Background}; color:{color:Permalinks};} .content .permalink .post_type{ display:inline; margin: 0 15px 0 0; font-weight:bold; color:{color:Permalinks};} .content .permalink .date{ display:inline; margin: 0 15px; color:{color:Permalinks};} .content .permalink .notes{ display:inline; margin: 0 15px; color:{color:Permalinks};} .content .permalink .permalink_link{ display:inline; margin: 0 15px; color:{color:Permalinks};} .content .permalink .share{ float:right; font-weight:bold; cursor:pointer; text-transform:uppercase;} .content .permalink .share_box{ display:none; border-top:1px dotted rgba(0, 0, 0, 0.07); padding:10px 0 0; height:12px; margin:10px 0 0;} .content .permalink .share_box .short_url{ float:right; margin: -1px 0 0;} .content .permalink .share_box .short_url .shorturl{ border:0; background-color:transparent; padding:2px 0; font-size:9px; color:{color:Permalinks}} .content .permalink .share_box .others{ float:left; margin: -3px 0 0;} .content .permalink .reblog{ margin: 0 5px 0 0; padding: 2px 5px 3px 0; color:{color:Permalinks};} .content .permalink .twitter{ float:left; height: 10px; margin: 0 5px 0 0;} .content .permalink .facebook{ float:left; width:160px;} ol.notes { font-size: 10px; list-style-type: none; margin: 0; padding: 0;} ol.notes a{ text-decoration:none; padding:0 1px; display: inline-block; background-color:transparent;} ol.notes li.note { padding: 2px;} ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px;} ol.notes li.note span.action a{ font-weight: normal;} ol.notes li.note .answer_content { font-weight: normal;} ol.notes li.note blockquote { background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px dotted rgba(0, 0, 0, 0.07); border-top: 1px dotted rgba(0, 0, 0, 0.07); margin: 6px -16px; padding: 5px 19px;} ol.notes li.more_notes_link_container { margin: 10px 0 0; padding: 0; text-align: center} .footer { display: none; position: fixed; margin-left: 2px; max-height: 45px; padding: 5px 13px 10px; bottom: 0; width: 490px; z-index: 99; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1);} .footer .inner{ height:12px; margin:5px 0 0 -13px; padding:14px 13px; width:490px; border-bottom:1px dotted rgba(0,0,0,0.07); border-top:1px dotted rgba(0,0,0,0.07); background-color:{color:Permalink Background};} .footer .portrait{ width:40px; height:40px; float:left; margin:-19px 10px 0 0; overflow:hidden; border:5px solid {color:Center}; box-shadow:0 0 5px rgba(0,0,0,0.1);} .footer .portrait img{ max-width:40px; min-height:40px; height:auto;} .footer .links{ float: left; font-size: 9px; line-height: 15px; list-style: none outside none; margin: -1px 0 0; padding: 0 10px 0 0; text-transform: uppercase; width: 420px;} .footer .links li{ display:inline; padding:0 5px;} .footer .links li a{ color:{color:Permalinks};} .footer .links li:first-child{ padding:0 5px 0 0;} .footer .links li:last-child{ padding:0 0 0 5px;} </style> </head> <body> <div class="container"> <!-- Begin Header --> <div class="header"> <a href="/" title="home"> <div class="portrait"> {block:IfnotPortraitimage} <img src="{PortraitURL-64}"/> {/block:IfnotPortraitimage} {block:IfPortraitimage} <img src="{image:Portrait}"/> {block:IfPortraitimage} </div> </a> <a href="/" title="home"><div class="title">{Title}</div></a> <div class="description">{Description}</div> <div class="clear"></div> <ul class="links"> {block:AskEnabled}<li> <a href="/ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a></li>{/block:AskEnabled} {block:SubmissionsEnabled} <li><a href="/submit">{SubmitLabel}</li> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<li><a href="{URL}"> {Label}</a></li>{/block:Pages} {/block:HasPages} {block:ifLink1Title} <li><a href="{text:Link 1}"> {text:Link 1 Title}</a></li> {/block:ifLink1Title} {block:ifLink2Title} <li><a href="{text:Link 2}"> {text:Link 2 Title}</a></li> {/block:ifLink2Title} {block:ifLink3Title} <li><a href="{text:Link 3}"> {text:Link 3 Title}</a></li> {/block:ifLink3Title} {block:ifLink4Title} <li><a href="{text:Link 4}"> {text:Link 4 Title}</a></li> {/block:ifLink4Title} {block:ifLink5Title} <li><a href="{text:Link 5}"> {text:Link 5 Title}</a></li> {/block:ifLink5Title} </ul> {block:Pagination} {block:IfNotinfinitescroll} <div class="navigation"> {block:PreviousPage} <a href="{PreviousPage}">{text:Previous Page Title}</a> {/block:PreviousPage} {block:JumpPagination length="12"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}">{text:Next Page Title}</a> {/block:NextPage} </div>{/block:IfNotinfinitescroll} {block:PermalinkPage} <div class="navigation"> {block:PreviousPost} <a href="{PreviousPost}">Previous Post</a> {/block:PreviousPost} {block:NextPost} <a href="{NextPost}">Next Post</a> {/block:NextPost} </div> {/block:PermalinkPage} {/block:Pagination} </div> <!-- Begin Posts --> <div class="content"> {block:Posts} <div class="post"> {block:Text} <div class="inhoud"> {block:Title} <h3><a href="{Permalink}">{Title}</a></h3> {/block:Title} {Body} </div> {/block:Text} {block:Photo} <div class="inhoud photo"> {block:IndexPage} {block:RebloggedFrom} <div class="tag_box"> <div class="inner"> Reblogged from <a href="{ReblogParentURL}" class="tags"> {ReblogParentName}, </a> Posted by <a href="{ReblogRootURL}" class="tags"> {ReblogRootName}.</a> {block:HasTags} Filed under: {block:Tags} <a href="{TagURL}" class="tags">#{Tag}</a> {/block:Tags} {/block:HasTags} </div> </div> {/block:RebloggedFrom} {/block:IndexPage} <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {block:IndexPage} {block:IfShowCaption} {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} {/block:IfShowCaption} {/block:IndexPage} </div> {/block:Photo} {block:Photoset} <div class="inhoud"> {Photoset-500} {block:IfShowCaption} {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} {/block:IfShowCaption} </div> {/block:Photoset} {block:Quote} <div class="inhoud"> <center><h3>"{Quote}"</h3> {block:Source} <div class="source">{Source}</div> {/block:Source}</center> </div> {/block:Quote} {block:Link} <div class="inhoud"> <a href="{URL}" class="link" {Target}> <h3>{Name}</h3></a> {block:Description} <div class="description">{Description}</div> {/block:Description} </div> {/block:Link} {block:Answer} <div class="inhoud"> <img class="asker_portrait" src="{AskerPortraitURL-48}"/> <div class="question_box"> <div class="asker"> {Asker} asked: </div> <div class="question"> {Question} </div> </div> <div class="answer">{Answer}</div> </div> {/block:Answer} {block:Chat} <div class="inhoud"> {block:Title} <a href="{Permalink}"><h3>{Title}</h3></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> </div> {/block:Chat} {block:Video} <div class="inhoud"> {Video-500} {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} </div> {/block:Video} {block:Audio} <div class="inhoud"> <div class="audio"> {AudioPlayerBlack} </div> {block:AlbumArt} <div class="album"> <img src="{AlbumArtURL}" /> </div> {/block:AlbumArt} <div class="audio_caption"> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} <div class="info_box"> <div class="info"> <strong>Played —</strong> {FormattedPlayCount} times </div> {block:TrackName} <div class="info"> <strong>Trackname —</strong> {TrackName} </div>{/block:TrackName} {block:Artist} <div class="info"> <strong>Artist —</strong> {Artist} </div>{/block:Artist} {block:Album} <div class="info"> <strong>Album —</strong> {Album} </div>{/block:Album} </div> </div> {/block:Caption} <div class="clear"></div> </div> {/block:Audio} {block:IndexPage} {block:Date} <div class="permalink"> <a href="{Permalink}" title="Permalink"> <div class="post_type"> {block:Text}TEXT{/block:Text} {block:Photo}PHOTO{/block:Photo} {block:Photoset}SET{/block:Photoset} {block:Quote}QUOTE{/block:Quote} {block:Link}LINK{/block:Link} {block:Chat}CHAT{/block:Chat} {block:Audio}AUDIO{/block:Audio} {block:Video}VIDEO{/block:Video} {block:Answer}Q/A{/block:Answer} </div></a> - <a href="{Permalink}" title="{TimeAgo} at {24Hour}:{Minutes}"> <div class="date"> {TimeAgo} at {24Hour}:{Minutes} </div> </a> - {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}"> <div class="notes"> ♥ {NoteCountWithLabel} </div> </a> - {/block:NoteCount} <a href="{Permalink}" title="Permalink"> <div class="permalink_link"> Permalink </div> </a> {block:IfNotinfinitescroll} <div class="share" id="{PostID}">+ Share</div> <div class="clear"></div> <div class="share_box" id="box_{PostID}"> <div class="short_url"> <script type="text/javascript"> function SelectAll(id){ document.getElementById(id).focus(); document.getElementById(id).select();} </script> <a href="{ReblogURL}" class="reblog"> Reblog</a> Short url: <input type="text" width="100%" spellcheck='false' class="shorturl" value="{ShortURL}" id="shorturl" onClick="SelectAll('shorturl');"/> </div> <div class="others"> <div class="twitter"> <a href="https://twitter.com/share" class="twitter-share-button" data-url="{URLEncodedPermalink}" data-count="none">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div> <div class="facebook"> <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:200px; height:21px;"></iframe></div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $('#{PostID}').click(function() { $('#box_{PostID}').slideToggle('fast', function() { }); }); </script> </div>{/block:IfNotinfinitescroll} </div> {/block:Date} {/block:IndexPage} </div> {block:PermalinkPage} {block:Date} <div class="post"> <div class="permalink"> {block:Caption} <div class="caption">{Caption}</div> {/block:Caption} <div class="post_type"> {block:Text}TEXT{/block:Text} {block:Photo}PHOTO{/block:Photo} {block:Photoset}SET{/block:Photoset} {block:Quote}QUOTE{/block:Quote} {block:Link}LINK{/block:Link} {block:Chat}CHAT{/block:Chat} {block:Audio}AUDIO{/block:Audio} {block:Video}VIDEO{/block:Video} {block:Answer}Q/A{/block:Answer} </div> - <div class="date"> {TimeAgo} at {24Hour}:{Minutes} </div> - {block:NoteCount} <div class="notes"> ♥ {NoteCountWithLabel} </div> - {/block:NoteCount} <div class="clear"></div> </div> <div class="inhoud"> {PostNotes} </div> </div> {/block:Date} {/block:PermalinkPage} {/block:Posts} {block:Pagination} {block:IfNotinfinitescroll} <div class="navigation"> {block:PreviousPage} <a href="{PreviousPage}">{text:Previous Page Title}</a> {/block:PreviousPage} {block:JumpPagination length="8"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}">{text:Next Page Title}</a> {/block:NextPage} </div>{/block:IfNotinfinitescroll} {/block:Pagination} </div> {block:IndexPage} <div class="footer clearfix"> <div class="inner"> <a href="/" title="home"> <div class="portrait"> {block:IfnotPortraitimage} <img src="{PortraitURL-40}"/> {/block:IfnotPortraitimage} {block:IfPortraitimage} <img src="{image:Portrait}"/> {block:IfPortraitimage} </div> </a> <ul class="links"> {block:AskEnabled}<li> <a href="/ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a></li>{/block:AskEnabled} {block:SubmissionsEnabled} <li><a href="/submit">{SubmitLabel}</li> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<li><a href="{URL}"> {Label}</a></li>{/block:Pages} {/block:HasPages} {block:ifLink1Title} <li><a href="{text:Link 1}"> {text:Link 1 Title}</a></li> {/block:ifLink1Title} {block:ifLink2Title} <li><a href="{text:Link 2}"> {text:Link 2 Title}</a></li> {/block:ifLink2Title} {block:ifLink3Title} <li><a href="{text:Link 3}"> {text:Link 3 Title}</a></li> {/block:ifLink3Title} {block:ifLink4Title} <li><a href="{text:Link 4}"> {text:Link 4 Title}</a></li> {/block:ifLink4Title} {block:ifLink5Title} <li><a href="{text:Link 5}"> {text:Link 5 Title}</a></li> {/block:ifLink5Title} </ul> </div> </div> {/block:IndexPage} </div> </body> </html>