Tumblr
Facebook
<!DOCTYPE html> <!--------------------------------------------------------------- Theme XO By Max Davis Last update 06.10.15 Theme info + code: http://themes.mxdvs.co/archive/xo More free themes: http://themes.mxdvs.co ------------------------------------------------------------- --> <html lang="en"> <head> <meta charset="utf-8" /> <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</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="#FFFFFF"/> <meta name="color:Text" content="#000000"/> <meta name="color:Link" content="#000000"/> <meta name="color:Link Hover" content="#000000"/> <meta name="image:Header Logo" content="" /> <meta name="if:Image width 400px" content="1" /> <meta name="if:Infinite scrolling" content="1" /> <meta name="if:Add fixed header" content="1" /> <meta name="if:Dotted Border" content="0" /> <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:ifInfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfinitescrolling}<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script> {block:ifAddfixedheader} <script type="text/javascript"> $(window).scroll(function(){var totalHeight = $('body').height();var yPos = $(window).scrollTop();if( yPos > (totalHeight*.10) && yPos < (totalHeight*.90) ){$("#header_fixed").fadeIn('medium');} else {$('#header_fixed').fadeOut('medium');}});</script> {/block:ifAddfixedheader} <style type="text/css"> body { padding:0; margin:0; overflow-x:hidden; font-family: 'Courier New', Courier New, monospace; font-size:11px; color:{color:Text}; background-color:{color:background}; background-position:center top; background-attachment:fixed;} a { text-decoration:none; color:{color:link};} a:hover { color:{color:link hover};} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear:both;} #container{ width:90%; padding:20px 20px; margin:0 auto; position:relative;} #header_fixed { width:100%; display:none; position:fixed; top:0px; left:0px; right:0px; z-index:4001; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); padding:10px 0; {Block:IfDottedBorder} border-bottom: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} #header_fixed .inner { margin: auto; width: 550px;} #header_fixed h1{ float:left; margin:0 20px 0 0;} #header_fixed .border { width:400px; margin:10px auto; clear:both {Block:IfDottedBorder} border-bottom: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} #header_fixed .description { float: left; margin: 5px 0 10px;} #header_fixed .links { clear: both; color: #888888; float: left; padding: 15px 0 0; text-align: center; width: 550px; {Block:IfDottedBorder} border-top: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} #header_fixed .links a{ margin:0 10px; display:block; float:left; font-weight:bold;} #header { text-align:center; padding:0 0 20px} #header img{ max-height:250px; display:block; margin:0 0 10px} #header h1{ text-align:center;} #header .border{ margin:10px auto; width:400px; {Block:IfDottedBorder} border-top: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} #header .links{ text-align:center;} #header .links a{ margin:0 10px; display:inline; font-weight:bold;} #content { position:relative} #content .post { padding:0;} #content .post img { display: block; {block:ifNotImagewidth400px} max-width:100%; min-width:400px; {/block:ifNotImagewidth400px} {block:ifImagewidth400px} max-width:400px; {/block:ifImagewidth400px}} #content .inner{ max-width:400px; margin:auto;} #content .post .border { margin: 30px auto; width: 400px; {Block:IfNotDottedBorder} height:1px; {/Block:IfNotDottedBorder} {Block:IfDottedBorder} border-bottom: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} #content .post:first-child .border{ border-bottom: 0;} #content .post .permalink{ display:none; position:absolute; left:50%; margin-left:-451px; padding-right:20px; text-align:right; width:200px; font-size:10px; {Block:IfDottedBorder} border-right: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} #content .post .border{ width:360px;} #content .post .photo_post{ {block:ifNotImagewidth400px} background: none repeat scroll 0 0 rgba(255,255,255,0.9); margin-left: -200px; padding: 40px 20px; text-align: center; width: 360px; {Block:IfDottedBorder} border-bottom: 1px dotted rgba(0,0,0,0.2); border-left: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder} {/block:ifNotImagewidth400px}} #content .post:hover .permalink { display:block;} #content .post h1{ max-width:400px;} #content .post .source{} #content .post .caption {} #content .post .audio{ background: none repeat scroll 0 0 black; padding: 4px 95px 0; width: 210px;} ol.notes { font-size: 10px; font-weight: normal; list-style-type: none; margin: 13px auto; padding: 15px 0 0; width: 400px; {Block:IfDottedBorder} border-top: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} ol.notes a{ text-decoration:none; padding:0; background-color:transparent;} ol.notes li.note { padding: 2px 0;} ol.notes li.note:last-child{ margin-top:13px; padding: 15px 0 0; {Block:IfDottedBorder} border-top: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} ol.notes li.note img.avatar { display: inline !important; height: 16px; margin-right: 10px; min-width: 16px !important; vertical-align: -4px; width: 16px !important;} ol.notes li.note span.action a{ font-weight:bold;} ol.notes li.note .answer_content { font-weight:bold;} ol.notes li.note blockquote { border-left: medium none !important; font-weight: bold; margin: 10px 0 10px 30px !important; padding: 5px 0 8px !important; {Block:IfDottedBorder} border-bottom: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} ol.notes li.note blockquote a { color:{color:Text};} #navi_top { margin: 20px auto 0; text-align: center; width: 400px;} #navi_bottom { margin: 20px auto; padding: 10px 0 0; text-align: center; width: 400px; {Block:IfDottedBorder} border-top: 1px dotted rgba(0,0,0,0.2); {/Block:IfDottedBorder}} #navi_top a, #navi_bottom a { margin:0 10px} </style> </head> <body> <div id="container"> {block:ifAddfixedheader} {block:IndexPage} <div id="header_fixed"> <div class="inner"> <a href="/"><h1>{title}</h1></a> <div class="description">{Description}</div> <div class="links"> <a href="/" title="Home">Index</a> {block:AskEnabled} <a href="/ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a>{/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<a href="{URL}">{Label} </a>{/block:Pages}{/block:HasPages} {block:ifLink1Title} <a href="{text:Link 1}"> {text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}"> {text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}"> {text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}"> {text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}"> {text:Link 5 Title}</a> {/block:ifLink5Title} </div> </div> </div>{/block:IndexPage}{/block:ifAddfixedheader} <div id="header"> {block:IfNotHeaderLogoimage} <a href="/"><h1>{title}</h1></a> {/block:IfNotHeaderLogoimage} {block:IfHeaderLogoimage} <center> <a href="/"><img src="{image:Header Logo}" /></a> </center> {/block:IfHeaderLogoimage} {Description} <div class="border"></div> <div class="links"> <a href="/" title="Home">Index</a> {block:AskEnabled} <a href="/ask"> {block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle} </a>{/block:AskEnabled} {block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<a href="{URL}">{Label} </a>{/block:Pages}{/block:HasPages} {block:ifLink1Title} <a href="{text:Link 1}"> {text:Link 1 Title}</a> {/block:ifLink1Title} {block:ifLink2Title} <a href="{text:Link 2}"> {text:Link 2 Title}</a> {/block:ifLink2Title} {block:ifLink3Title} <a href="{text:Link 3}"> {text:Link 3 Title}</a> {/block:ifLink3Title} {block:ifLink4Title} <a href="{text:Link 4}"> {text:Link 4 Title}</a> {/block:ifLink4Title} {block:ifLink5Title} <a href="{text:Link 5}"> {text:Link 5 Title}</a> {/block:ifLink5Title} </div> {block:ifNotInfinitescrolling} <div id="navi_top"> {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">«</a> {/block:PreviousPage} {block:JumpPagination length="5"} {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}">»</a> {/block:NextPage} {/block:Pagination} </div><!-- End Navi --> {block:ifNotInfinitescrolling} </div><!-- End Header --> <div id="content" class="autopagerize_page_element"> {block:Posts} <div class="post"> <div class="border"></div> {block:IndexPage} {block:Date} <div class="permalink {block:Photo}photo_post{/block:Photo}"> {block:NoteCount} Notes: <a href="{Permalink}">{NoteCount}</a><br/> {/block:NoteCount} Posted: <a href="{Permalink}">{TimeAgo}</a><br/> Date: <a href="{Permalink}">{DayOfMonthWithZero}</a>.<a href="{Permalink}">{MonthNumberWithZero}</a>.<a href="{Permalink}">{ShortYear}</a><br/> <a href="{ReblogURL}">REBLOG</a> {block:RebloggedFrom} {block:ifNotImagewidth400px} {block:Photo} <div class="border"></div> {/block:Photo} {/block:ifNotImagewidth400px} {block:ifImagewidth400px}<br/>{/block:ifImagewidth400px} Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br/> Uploaded by: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom} {block:ContentSource} <br/> Content source: <a href="{SourceURL}">{SourceTitle}</a><br/> {/block:ContentSource} {block:HasTags} {block:ifImagewidth400px}<br/>{/block:ifImagewidth400px} {block:ifNotImagewidth400px} {block:Photo} <div class="border"></div> {/block:Photo} {/block:ifNotImagewidth400px} Tags:<br/> {block:Tags} <a href="{TagURL}">{Tag}</a> #<br/> {/block:Tags} {/block:HasTags} </div> {/block:Date} {/block:IndexPage} {block:Text} <div class="inner"> {block:Title} <a href="{Permalink}"><h1>{Title}</h1></a> {/block:Title} {Body} </div> {/block:Text} {block:Photo} <center> {block:ifNotImagewidth400px} <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/> {/block:ifNotImagewidth400px} {block:ifImagewidth400px} <img src="{PhotoURL-400}" alt="{PhotoAlt}"/> {/block:ifImagewidth400px} </center> {/block:Photo} {block:Photoset} <div class="inner"> {Photoset-400} </div> {/block:Photoset} {block:Quote} <div class="inner"> <center> <h1>"{Quote}"</h1> {block:Source} <div class="source">{Source}</div> {/block:Source} </center> </div> {/block:Quote} {block:Link} <div class="inner"> <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a> {block:Description} <div class="description">{Description}</div> {/block:Description} </div> {/block:Link} {block:Chat} <div class="inner"> {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> </div> {/block:Chat} {block:Video} <div class="inner"> {Video-400} {block:IndexPage} {block:ifshowcaption} {block:Caption}<div class="caption"> {Caption}</div>{/block:Caption} {/block:ifshowcaption} {/block:IndexPage} </div> {/block:Video} {block:Audio} <div class="inner"> <div class="audio"> {AudioPlayerBlack} </div> {block:IndexPage} {block:Caption} <div class="caption">{Caption}</div> {/block:Caption}{/block:IndexPage} </div> {/block:Audio} {block:Answer} <div class="inner"> <div class="question"> <span>{Asker}:</span><br /> {Question} </div> <div class="answer">{Answer}</div> </div> {/block:Answer} {block:PermalinkPage} {block:Date} {/block:Date} {PostNotes} {/block:PermalinkPage} </div> {/block:Posts} </div><!-- End Content/posts --> {block:ifNotInfinitescrolling} <div id="navi_bottom"> {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">«</a> {/block:PreviousPage} {block:JumpPagination length="5"} {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}">»</a> {/block:NextPage} {/block:Pagination} </div><!-- End Navi --> {block:ifNotInfinitescrolling} </div><!-- End Container --> </body> </html>