Tumblr Theme

<!
DOCTYPE html>

<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:Twitter Username" content="ichannysa"/> <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="" />
{block:ifNot2columns} {block:ifInfinitescrolling} <script type="text/javascript" src="http://codysherman.com/tools/infinitescrolling/code"></script> {/block:ifInfinitescrolling} {/block:ifNot2columns} <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
{block:if2columns} {block:ifInfinitescrolling} <script type="text/javascript" src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script> {/block:ifInfinitescrolling} <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script> <script> $(window).load(function(){ var $wall = $('#content');
$wall.masonry({ itemSelector: '.post',
columnWidth:{block:ifNot2columnsbroaderposts}210{block:ifNot2columnsbroaderposts}{b lock:if2columnsbroaderposts}260{/block:if2columnsbroaderposts} });
$wall.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 ); }); }); }); </script> {/block:if2columns}
<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}; backgroundimage:url({image:Background}); background-position:center top; {block:ifBackgroundImageFixed} background-attachment:fixed; {/block:ifBackgroundImageFixed}} a { text-decoration:none; color:{color:Links}; -webkittransition: 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;} :-mozany-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:if2columns} {block:if2columnsbroaderposts} width:960px; {/block:if2columnsbroaderposts} {/block:if2columns}} #sidebar{ width:400px; position:fixed; height: 100%; padding:0 20px; background-color:{color:background};
{block:ifNotSidebarleftOrRight} margin-left:420px; padding-right:20px; {block:if2columns} {block:if2columnsbroaderposts} margin-left:520px; {/block:if2columnsbroaderposts} {/block:if2columns} {/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:400px; maxheight:250px;} #sidebar .navigation{ width:400px; height:50%; bottom:0; position:relative; text-align:center; font-size:18px;} #sidebar .navigation h1{ display:inline; fontweight:normal; margin:0 10px; font-size:18px; cursor:pointer; color:{color:titles};} #sidebar .navigation h1.active{ text-decoration:underline;} #sidebar .navigation .description{ fontsize: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{ fontsize:12px; margin-top:20px;} #sidebar .navigation .twitter{ width:400px; overflow:hidden; display:none;} #sidebar .navigation .twitter h1{ margin:20px 0; font-size:12px; display:block; text-transform:uppercase;} #sidebar .navigation .twitter #twitter_update_list{ margin:0; padding:0; list-style:none; width:400px;} #sidebar .navigation .twitter #twitter_update_list li{ padding: 4px 5px; margin:0 0 4px; font-size:10px; font-style:italic;} #sidebar .navigation .twitter #twitter_update_list li span{ font-style:normal;} #sidebar .navigation .twitter #twitter_update_list li a{ color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:nth-child(even){ background:rgba(0,0,0,0.05); color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:last-child{ margin:0} #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; margin:0 20px 20px 0; {block:if2columnsbroaderposts} width:240px; margin:0 20px 20px 0; {/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; -moztransition: all 0.8s ease; transition: all 0.8s ease;} .view_notes{ cursor:pointer; textalign: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; verticalalign: -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:ifTwitterUsername} {text:Link Separator 1} <h1 class="t">TWITTER</h1> {block:ifTwitterUsername}
{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 /> <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="backgroundcolor:transparent; overflow:hidden;" id="ask_form"></iframe> </div>
<div class="about"> {Description} </div>
{block:ifTwitterUsername} <div class="twitter"> <a href="http://twitter.com/{text:Twitter Username}" target="_blank"> <h1>My twitter feed</h1></a> <div id="twitter_div"> <ul id="twitter_update_list"></ul> </div> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter
Username}.json?callback=twitterCallback2&count=5"></script>
</div> {/block:ifTwitterUsername}
{block:IndexPage} <script> $(".m").click(function () { $(".description").hide(); $(".about").hide(); $(".twitter").hide(); $(".message").show(); $(".m").addClass("active"); $(".a").removeClass("active"); $(".t").removeClass("active"); }); </script> <script> $(".a").click(function () { $(".description").hide(); $(".about").show(); $(".twitter").hide(); $(".message").hide(); $(".a").addClass("active"); $(".m").removeClass("active"); $(".t").removeClass("active"); });
</script> <script> $(".t").click(function () { $(".description").hide(); $(".twitter").show(); $(".about").hide(); $(".message").hide(); $(".t").addClass("active"); $(".a").removeClass("active"); $(".m").removeClass("active"); }); </script> {/block:IndexPage} {block:PermalinkPage} <script> $(".m").click(function () { $(".permalink_side").hide(); $(".about").hide(); $(".twitter").hide(); $(".message").show(); $(".m").addClass("active"); $(".a").removeClass("active"); $(".t").removeClass("active"); }); </script> <script> $(".a").click(function () {
$(".permalink_side").hide(); $(".about").show(); $(".twitter").hide(); $(".message").hide(); $(".a").addClass("active"); $(".m").removeClass("active"); $(".t").removeClass("active"); }); </script> <script> $(".t").click(function () { $(".permalink_side").hide(); $(".twitter").show(); $(".about").hide(); $(".message").hide(); $(".t").addClass("active"); $(".a").removeClass("active"); $(".m").removeClass("active"); }); </script> {/block:PermalinkPage} </div> </div> <div id="content"> {block:Posts} <div class="post {block:if2columns}{block:Photoset}width{/block:Photoset}{block:Video}width{/block:Vid eo}{/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}
<script> $(".view_notes").click(function () { $(".notes").show(); $(".view_notes").hide(); }); </script> {/block:Date} {/block:PermalinkPage}
</div> {/block:Posts} </div> </div> </body> </html>

Tumblr Theme

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tumblr Theme

Uploaded by

Copyright:

Available Formats

<!

Theme Frsch. Made by Max Davis.

<meta name="image:logo" content="" />

<meta name="image:Background" content="" />

$wall.masonry({ itemSelector: '.post',

columnWidth:{block:ifNot2columnsbroaderposts}210{block:ifNot2columnsbroaderposts}{b lock:if2columnsbroaderposts}260{/block:if2columnsbroaderposts} });

$wall.infinitescroll({ navSelector : ".nav",

nextSelector : ".nav a", itemSelector : ".post", loading donetext }, : "", : ""

<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">

{block:ifLink5Title} <br /> <a href="{text:Link 5}">

{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}

<div class="copyright"> {CopyrightYears} </div>{/block:ifShowCopyright} </div> {/block:IndexPage}

{/block:NextPost} </div> </div> {/block:Date} {/block:PermalinkPage} {/block:Posts}

<div class="about"> {Description} </div>

{block:Text} {block:Title} <a href="{Permalink}"><h1>{Title}</h1></a> {/block:Title} {Body} {/block:Text}

{block:Quote} <center> <h1>"{Quote}"</h1> {block:Source} <div class="source">{Source}</div> {/block:Source} </center> {/block:Quote}

<a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>

{block:Description} <div class="description">{Description}</div> {/block:Description} {/block:Link}

{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="question"> {Asker}: {Question} </div> <div class="answer">{Answer}</div> {/block:Answer}

<script> $(".view_notes").click(function () { $(".notes").show(); $(".view_notes").hide(); }); </script> {/block:Date} {/block:PermalinkPage}

</div> {/block:Posts} </div> </div> </body> </html>

You might also like