<![CDATA[<!DOCTYPE html>
<!---------------------------------------------------------------
Theme FRSCH By Max Davis
Last update 08.10.15
Theme info + code: http://themes.mxdvs.co/archive/frsch
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="#555555"/>
<meta name="color:Titles" content="#111111"/>
<meta name="color:Links" content="#111111"/>
<meta name="color:Links Hover" content="#000000"/>
<meta name="image:logo" content="" />
<meta name="image:Background" content="" />
<meta name="if:2 columns" content="1" />
<meta name="if:2 columns broader posts" content="1" />
<meta name="if:Infinite Scrolling" content="1" />
<meta name="if:Background Image Fixed" content="1" />
<meta name="if:Sidebar left Or Right" content="1" />
<meta name="if:Show Copyright" content="1" />
<meta name="if:Show Captions" content="0" />
<meta name="text:Link Separator 1" content="//"/>
<meta name="text:Link Separator 2" content="-"/>
<meta name="text:Sidebar Title" content=""/>
<meta name="text:Sidebar Description" content=""/>
<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="" />
<meta name="text:Link 6" content="" />
<meta name="text:Link 6 Title" content="" />
<style type="text/css">
body {
padding:0;
margin:0;
font-size:11px;
font-family: Courier New, sans-serif;
color:{color:Text};
background-color:{color:background};
background-image:url({image:Background});
background-position:center top;
{block:ifBackgroundImageFixed}
background-attachment:fixed;
{/block:ifBackgroundImageFixed}}
a {
text-decoration:none;
color:{color:Links};
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;}
a:hover {
color:{color:Links 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;}
#tumblr_controls{position:fixed !important;}
.install_button{position:fixed !important;}
#container{
margin:auto;
width:860px;
{block:if2columnsbroaderposts}
width:960px;
{/block:if2columnsbroaderposts}}
#sidebar{
width:400px;
position:fixed;
height: 100%;
padding:0 20px;
background-color:{color:background};
{block:ifNotSidebarleftOrRight}
margin-left:420px;
padding-right:20px;
{block:if2columnsbroaderposts}
margin-left:520px;
{/block:if2columnsbroaderposts}
{/block:ifNotSidebarleftOrRight}}
#sidebar .logo{
height: 50%;
position: relative;
top: 0;
width: 400px;}
#sidebar .logo .image{
bottom:0;
position:absolute;
width:400px;
padding:0 0 20px;}
#sidebar .logo .image img{
max-width:250px;
max-height:250px;}
#sidebar .navigation{
width:400px;
height:50%;
bottom:0;
position:relative;
text-align:center;
font-size:18px;}
#sidebar .navigation h1{
display:inline;
font-weight:normal;
margin:0 10px;
font-size:18px;
cursor:pointer;
color:{color:titles};}
#sidebar .navigation h1.active{
text-decoration:underline;}
#sidebar .navigation .description{
font-size:12px;
margin-top:20px;}
#sidebar .navigation .description .links{
font-size:12px;
margin-top:20px;}
#sidebar .navigation .description .links a{
margin:0 5px;}
#sidebar .navigation .description .copyright{
margin:20px 0 0;
font-size:10px;}
#sidebar .navigation .description .pagination{
margin:20px 0 0;
font-size:10px;}
#sidebar .navigation .message{
display:none;
font-size:12px;
margin-top:20px;
padding:0 20px}
#sidebar .navigation .about{
display:none;
font-size:12px;
margin-top:20px;}
#sidebar .navigation .permalink_side{
font-size:12px;
margin-top:20px;}
#content{
width:400px;
padding:20px 20px 0;
background-color:{color:background};
{block:ifSidebarleftOrRight}
margin-left:440px;
padding-right:20px;
{/block:ifSidebarleftOrRight}
{block:if2columns}
width:420px;
{block:if2columnsbroaderposts}
width:520px;
{/block:if2columnsbroaderposts}
{/block:if2columns}}
#content .post{
margin:0 0 20px;
position:relative;
overflow:hidden;
width:400px;
{block:IndexPage}
{block:if2columns}
float:left;
width:190px;
{block:if2columnsbroaderposts}
width:240px;
{/block:if2columnsbroaderposts}
{/block:if2columns}
{/block:IndexPage}}
{block:if2columns}
#content .width{
width:400px;
height:auto;
{block:if2columnsbroaderposts}
width:500px;
{/block:if2columnsbroaderposts}}
{/block:if2columns}
#content .post img{
display:block;
{block:IndexPage}
{block:if2columns}
width:190px;
{block:if2columnsbroaderposts}
width:240px;
{/block:if2columnsbroaderposts}
{/block:if2columns}
{/block:IndexPage}}
#content .post p{margin:0;}
#content .post blockquote{margin: 5px 0;}
#content .post h1{
margin:0 0 10px;
color:{color:text}}
#content .post .chat{
margin:0;
padding:0;
list-style:none;}
#content .post .chat li{
padding: 10px;}
#content .post .chat li:nth-child(even){
background:rgba(0,0,0,0.05);}
#content .post .audio{
padding:6px 30px 3px;
width:340px;
background:black;
margin:0;
{block:IndexPage}
{block:if2columns}
width:30px;
padding:6px 80px 3px;
overflow:hidden;
{block:if2columnsbroaderposts}
padding:6px 105px 3px;
{/block:if2columnsbroaderposts}
{/block:if2columns}
{/block:IndexPage}}
#content .post .album{
float:left;
width:300px;
padding:6px 30px 3px;
{block:IndexPage}
{block:if2columns}
width:30px;
padding:6px 80px 3px;
overflow:hidden;
{block:if2columnsbroaderposts}
padding:6px 105px 3px;
{/block:if2columnsbroaderposts}
{/block:if2columns}
{/block:IndexPage}}
#content .post .album_art{
width:34px;
height:34px;
overflow:hidden;
padding:3px;
float:left;
background:black;
{block:IndexPage}
{block:if2columns}
width:190px;
clear:both;
height:190px;
padding:0;
{block:if2columnsbroaderposts}
width:240px;
height:240px;
{/block:if2columnsbroaderposts}
{/block:if2columns}
{/block:IndexPage}}
#content .post .album_art img{
height: 34px;
width: 34px;
{block:IndexPage}
{block:if2columns}
height: auto;
width: 190px !important;
{block:if2columnsbroaderposts}
height: auto;
width: 240px !important;
{/block:if2columnsbroaderposts}
{/block:if2columns}
{/block:IndexPage}}
#content .post .question{
padding: 10px;
background: rgba(0,0,0,0.05);}
#content .post .answer{
padding: 10px 10px 0;}
#content .post .permalink{
margin:10px 0;
font-size:9px;
text-align:center;}
#content .post .photo{
display:none;}
#content .post .caption{
background:rgba(0,0,0,0.05);
padding:10px;
{block:PermalinkPage}
text-align:center;
{/block:PermalinkPage} }
#content .post .box{
position:relative;}
#content .post .permalink_photo{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
bottom: 0;
font-size: 10px;
height: 13px;
left: 0;
opacity: 0;
padding: 10px 0 7px;
position: absolute;
text-align: center;
width: 100%;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;
{block:ifSidebarleftOrRight}
left:0px;
{/block:ifSidebarleftOrRight}
{block:ifNotSidebarleftOrRight}
right:0px;
{/block:ifNotSidebarleftOrRight}}
#content .post .permalink_photo a{
margin:0 5px;}
#content .post:hover .permalink_photo {
opacity:1;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;}
.view_notes{
cursor:pointer;
text-align:center;
margin:20px 0 0;}
ol.notes {
font-size: 10px;
list-style-type: none;
margin: 10px 0;
padding: 0;
display:none;}
ol.notes a{
background-color: transparent;}
ol.notes li.note {
margin: 0 0 5px;
padding: 5px;}
ol.notes li.note img.avatar {
border: medium none !important;
display: inline !important;
height: 16px !important;
margin-right: 10px;
vertical-align: -4px;
width: 16px !important;
min-width: 16px !important;}
ol.notes li.note span.action a{}
ol.notes li.note span.action a:hover{}
ol.notes li.note .answer_content {}
ol.notes li.note blockquote {
border-left: medium none !important;
margin: 5px 4px 5px 30px !important;
padding: 5px 10px 4px !important;}
</style>
<body>
{block:if2columns}{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}{/block:if2columns}
<div id="container">
<div id="sidebar">
<div class="logo">
<div class="image">
<a href="/"><center><img src="{image:logo}"></center></a>
</div>
</div>
<div class="navigation">
{block:AskEnabled}
<h1 class="m">MESSAGE</h1>
{text:Link Separator 1}
{/block:AskEnabled}
<h1 class="a">ABOUT</h1>
{block:IndexPage}
<div class="description">
<a href="/">
{block:ifSidebarTitle}
{text:Sidebar Title}
{/block:ifSidebarTitle}
</a>
{block:ifSidebarDescription}
<br/><br/>{text:Sidebar Description}
{/block:ifSidebarDescription}
<div class="links">
<a href="/" title="Home">Index</a>
{block:SubmissionsEnabled}
{text:Link Separator 2}
<a href="/submit">{SubmitLabel}</a>
{/block:SubmissionsEnabled}
{block:ifLink1Title}
{text:Link Separator 2} <a href="{text:Link 1}">
{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<br /><a href="{text:Link 2}">
{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
{text:Link Separator 2} <a href="{text:Link 3}">
{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
{text:Link Separator 2} <a href="{text:Link 4}">
{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<br />{text:Link Separator 2}
<a href="{text:Link 5}">
{text:Link 5 Title}</a>
{/block:ifLink5Title}
{block:ifLink6Title}
{text:Link Separator 2} <a href="{text:Link 6}">
{text:Link 6 Title}</a>
{/block:ifLink6Title}
{block:HasPages}<br />{block:Pages}
<a href="{URL}">{Label}
</a> {/block:Pages}{/block:HasPages}
</div>
{block:ifNotInfinitescrolling}
<div class="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">Previous</a> -
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}
{/block:Pagination}
</div>
{/block:ifNotInfinitescrolling}
{block:ifShowCopyright}
<div class="copyright">
© {CopyrightYears}
</div>{/block:ifShowCopyright}
</div>
{/block:IndexPage}
{block:Posts}
{block:PermalinkPage}
{block:Date}
<div class="permalink_side">
{block:NoteCount}
{NoteCountWithLabel}<br/>
{/block:NoteCount}
Posted {TimeAgo},
on {DayOfWeek} {DayOfMonth} {Month} {Year}.<br/>
{block:HighRes}
<br/>
<a href="{PhotoURL-HighRes}" target="_blank">
View High-Res</a><br/>
{/block:HighRes}
<div class="pagination">
{block:PreviousPost}<br/>
<a href="{PreviousPost}">Previous post</a> -
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}">Next Post</a>
{/block:NextPost}
</div>
</div>
{/block:Date}
{/block:PermalinkPage}
{/block:Posts}
<div class="message">
<iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
</div>
<div class="about">
{Description}
</div>
</div>
</div>
<div id="content">
{block:Posts}
<div class="post {block:if2columns}{block:Photoset}width{/block:Photoset}{block:Video}width{/block:Video}{/block:if2columns}">
{block:Text}
{block:Title}
<a href="{Permalink}"><h1>{Title}</h1></a>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
<div class="box">
{block:IndexPage}
{block:NoteCount}
{block:Date}
<div class="permalink_photo">
<a href="{Permalink}">{NoteCountWithLabel}</a>
{text:Link Separator 1}
<a href="{ReblogURL}">Reblog</a>
</div>
{/block:Date}
{/block:NoteCount}
{/block:IndexPage}
<a href="{Permalink}"><img src="{PhotoURL-400}" /></a>
</div>
{block:ifShowCaptions}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaptions}
{/block:Photo}
{block:Photoset}
{block:ifNot2columnsbroaderposts}
{Photoset-400}
{/block:ifNot2columnsbroaderposts}
{block:if2columnsbroaderposts}
{Photoset-500}
{/block:if2columnsbroaderposts}
{block:ifShowCaptions}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaptions}
{/block:Photoset}
{block:Quote}
<center>
<h1>"{Quote}"</h1>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</center>
{/block:Quote}
{block:Link}
<a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/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:Chat}
{block:Video}
{block:ifNot2columnsbroaderposts}
{Video-400}
{/block:ifNot2columnsbroaderposts}
{block:if2columnsbroaderposts}
{Video-500}
{/block:if2columnsbroaderposts}
{block:ifShowCaptions}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaptions}
{/block:Video}
{block:Audio}
{block:AlbumArt}<div class="album_art">
<img src="{AlbumArtURL}" />
</div>{/block:AlbumArt}
<div class="audio {block:AlbumArt}album{/block:AlbumArt}">
{AudioPlayerBlack}
</div>
<div class="clear"></div>
{block:ifShowCaptions}
<div class="caption">{PlayCountWithLabel}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaptions}
{/block:Audio}
{block:Answer}
<div class="question">
{Asker}:
{Question}
</div>
<div class="answer">{Answer}</div>
{/block:Answer}
{block:IndexPage}
{block:Date}
<div class="permalink {block:Photo}photo{/block:Photo}">
<a href="{Permalink}">{TimeAgo}</a>
</div>
{/block:Date}
{/block:IndexPage}
{block:PermalinkPage}
{block:Date}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
{/block:Date}
{block:NoteCount}
<div class="view_notes">View Notes</div>
{/block:NoteCount}
{PostNotes}
{/block:Date}
{/block:PermalinkPage}
</div>
{/block:Posts}
</div>
</div>
{block:ifNot2columns}
{block:ifInfinitescrolling}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:ifInfinitescrolling}
{/block:ifNot2columns}
<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
<script>
jQuery(function() {
{block:if2columns}
var $wall = $('#content');
$wall.imagesLoaded( function(){
$wall.masonry({
itemSelector: '.post',
columnWidth:{block:ifNot2columnsbroaderposts} 210{block:ifNot2columnsbroaderposts}{block:if2columnsbroaderposts} 260{/block:if2columnsbroaderposts}
});
});
$wal{block:ifInfinitescrolling}l{/block:ifInfinitescrolling}.infinitescroll({
navSelector : ".nav",
nextSelector : ".nav a",
itemSelector : ".post",
loading : "",
donetext : ""
},
function( newElements ) {
var $newElems = $( newElements ).css({
opacity: 0
});
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$wall.masonry( "appended", $newElems, true );
});
});
{/block:if2columns}
{block:IndexPage}
$(".m").click(function () {
$(".description").hide();
$(".about").hide();
$(".message").show();
$(".m").addClass("active");
$(".a").removeClass("active");
$(".t").removeClass("active");
});
$(".a").click(function () {
$(".description").hide();
$(".about").show();
$(".message").hide();
$(".a").addClass("active");
$(".m").removeClass("active");
$(".t").removeClass("active");
});
{/block:IndexPage}
{block:PermalinkPage}
$(".m").click(function () {
$(".permalink_side").hide();
$(".about").hide();
$(".message").show();
$(".m").addClass("active");
$(".a").removeClass("active");
$(".t").removeClass("active");
});
$(".a").click(function () {
$(".permalink_side").hide();
$(".about").show();
$(".message").hide();
$(".a").addClass("active");
$(".m").removeClass("active");
$(".t").removeClass("active");
});
{/block:PermalinkPage}
$(".view_notes").click(function () {
$(".notes").show();
$(".view_notes").hide();
});
$(".caption p").remove(":contains('Source:')");
$(".caption p").remove(":contains('(via')");
});
</script>
</body>
</html>]]>
