Tumblr Theme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">



<head>

<meta name="color:Background" content="#fff" />

<meta name="color:Text" content="#000" />

<meta name="color:Audio" content="#c9c9c9" />

<meta name="color:Post" content="#f2f2f2" />

<meta name="color:Title" content="#000" />

<meta name="color:Title Hover" content="#292929" />

<meta name="color:Links" content="#000">

<meta name="color:Links Hover" content="#000" />

<meta name="if:Show Icons On Hover" content="1"/>

<meta name="if:One Column" content="1"/>

<meta name="if:Two Columns" content="0"/>

<meta name="if:Three Columns" content="0"/>

<meta name="if:300px Width" content="0"/>




<meta name="if:To Top" content="1"/>

<meta name="if:Title Font Ubuntu" content="0"/>

<meta name="if:Title Font TGND" content="0"/>

<meta name="if:Title Font Marck" content="0"/>

<meta name="if:Title Font Lobster" content="0"/>

<meta name="if:Title Font RB" content="0"/>

<meta name="if:Title Font SIL" content="0"/>

<meta name="if:Title Font Megrim" content="0"/>

<meta name="if:Title Font Rock S" content="0"/>

<meta name="if:Title Font Raleway" content="1"/>

<meta name="if:Show Title" content="1"/>

<meta name="if:Archive Link" content="0"/>

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

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

<meta name="font:Body" content="Arial"/>

<meta name="font:Navigation" content="Arial"/>

<meta name="text:Margin Top" content="100"/>

<meta name="text:Body font size" content="9"/>

<meta name="text:Navigation font size" content="9"/>

<meta name="text:Title font size" content="30"/>

<meta name="text:Post title font size" content="14"/>

<meta name="text:Ask Link Text" content="Message"/>

<meta name="text:Archive Link Text" content="Archive"/>

<meta name="text:Home Link Text" content="Home"/>

<meta name="text:Custom Link 1" content="" />

<meta name="text:Custom Link 1 Title" content="" />









<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">

<link rel="alternate" type="application/rss+xml" href="{RSS}">


<title>Untitled Document</title>


<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=Ubuntu+Mono|The+Girl+Next+Door|Marck+Script|Lobster|Reenie+Beanie|Shadows+Into+Light+Two|Megrim|Rock+Salt|Raleway:100' rel='stylesheet' type='text/css'>

<style type="text/css">

#tumblr_controls{top: 1px !important; margin: 0 0 0 0; right: 1px !important; position: fixed !important;opacity:0.6;}

body{color:{color:Text}; background-color:{color:Background};font-size:{text:Body font size}px; font-family:{font:body}; line-height:15px;}

::-webkit-scrollbar{width:4px;height:4px;}

::-webkit-scrollbar-button:start:decrement

::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}

::-webkit-scrollbar-track-piece{background-color:{color:background};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}

::-webkit-scrollbar-thumb:vertical{height:50px;background-color:{color:Text};}

::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:{color:Text};}

#content{margin: auto auto auto auto;width:100%;top:0px;position:relative;}

#content .posts{{block:ifOneColumn}{block:if300pxWidth}width:330px;{/block:if300pxWidth}{block:if250pxWidth}width:280px;{/block:if250pxWidth}{block:if200pxWidth}width:230px;{/block:if200pxWidth}{block:if350pxWidth}width:380px;{/block:if350pxWidth}{/block:ifOneColumn}{block:ifTwoColumns}{block:if300pxWidth}width:660px;{/block:if300pxWidth}{block:if250pxWidth}width:560px;{/block:if250pxWidth}{block:if200pxWidth}width:460px;{/block:if200pxWidth}{block:if350pxWidth}width:760px;{/block:if350pxWidth}{/block:ifTwoColumns}{block:ifThreeColumns}{block:if300pxWidth}width:990px;{/block:if300pxWidth}{block:if250pxWidth}width:840px;{/block:if250pxWidth}{block:if200pxWidth}width:690px;{/block:if200pxWidth}{block:if350pxWidth}width:1140px;{/block:if350pxWidth}{/block:ifThreeColumns}margin:auto;{block:PermalinkPage}width:500px;{/block:PermalinkPage}}

#content .entry{{block:IndexPage}{block:if300pxWidth}width:300px;{/block:if300pxWidth}{block:if250pxWidth}width:250px;{/block:if250pxWidth}{block:if200pxWidth}width:200px;{/block:if200pxWidth}{block:if350pxWidth}width:350px;{/

block:if350pxWidth}float:center;padding:15px;padding-bottom:15px;{/block:ifOneColumn}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}

#content .entry img{{block:IndexPage}{block:if300pxWidth}max-width:300px;{/block:if300pxWidth}{block:if250pxWidth}max-width:250px;{/block:if250pxWidth}{block:if200pxWidth}max-width:200px;{/block:if200pxWidth}{block:if350pxWidth}max-width:350px;{/block:if350pxWidth}{/block:IndexPage}{block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}

a:link, a:active, a:visited{text-decoration:none;display: navigate; font-family:{font:body}; padding:0px;color:{color:Links};}

a:hover{ color:{color:Hover}; text-decoration:none;}

.reblog{position:absolute;height:14px;bottom:34px; right:35px;opacity:0;filter: alpha(opacity = 0);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;}

.reblogg{display:inline-block;margin-right:5px;padding:4px;height:14px;}

.entry:hover .reblog{opacity:0.8;filter: alpha(opacity = 70);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;border-bottom:0px;}

.liker{position:absolute;height:14px;bottom:34px; right:10px;opacity:0;filter: alpha(opacity = 0);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;}

.likerr{display:inline-block;margin-right:5px;padding:4px;height:14px;}

.entry:hover .liker{opacity:0.8;filter: alpha(opacity = 70);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;border-bottom:0px}

.post_title{font-family:{font:body};display:block;font-size:{text:Post Title font size}px;line-height:20px;}

.link_title{font-size:{text:Post Title font size}px;line-height:20px;font-family:{font:body};margin-bottom:5px;}

.quote{font-size:{text:Post title font size}px;line-height:20px;text-transform:none;margin-bottom:5px;font-family:{font:body title};}

.text {background-color: {color:post};-webkit-transition: 0.2s ease-in;}

.header{width:100%;text-align:center;margin:auto;z-index:1100;margin-bottom:20px;margin-top:{text:Margin Top}px;}

.top{text-align:center;margin-top:2px;margin-bottom:5px;}

.nav{display: navigate; font-size:{text:Navigation Font Size}px; font-family:{font:navigation};color:{color:text}; word-spacing:10px;}

a.nav{display: navigate; font-size:{text:Navigation Font Size}px; font-family:{font:navigation};color:{color:text};text-decoration:none;}

.nav:hover{ text-decoration:none;}

.title{{block:ifTitleFontUbuntu}font-family: 'Ubuntu Mono', sans-serif;{/block:ifTitleFontUbuntu}{block:ifTitleFontTGND}font-family: 'The Girl Next Door', cursive;{/block:ifTitleFontTGND}{block:ifTitleFontMarck}font-family: 'Marck Script', cursive;{/block:ifTitleFontMarck}{block:ifTitleFontLobster}font-family: 'Lobster', cursive;{/block:ifTitleFontLobster}{block:ifTitleFontRB}font-family: 'Reenie Beanie', cursive;{/block:ifTitleFontRB}{block:ifTitleFontSIL}font-family: 'Shadows Into Light Two', cursive;{/block:ifTitleFontSIL}{block:ifTitleFontMegrim}font-family: 'Megrim', cursive;{/block:ifTitleFontMegrim}{block:ifTitleFontRockS}font-family: 'Rock Salt', cursive;{/block:ifTitleFontRockS}{block:ifTitleFontRaleway}font-family: 'Raleway', cursive;{/block:ifTitleFontRaleway} font-size:{text:Title font size}px; color:{color:Title};padding-bottom:20px;{block:IfItalictitle}font-style:italic;{/block:IfItalictitle}}

.title a {padding:4px;font-size:{text:Title font size}px;color:{color:Title};{block:ifTitleFontUbuntu}font-family: 'Ubuntu Mono', sans-serif;{/block:ifTitleFontUbuntu}{block:ifTitleFontTGND}font-family: 'The Girl Next Door', cursive;{/block:ifTitleFontTGND}{block:ifTitleFontMarck}font-family: 'Marck Script', cursive;{/block:ifTitleFontMarck}{block:ifTitleFontLobster}font-family: 'Lobster', cursive;{/block:ifTitleFontLobster}{block:ifTitleFontRB}font-family: 'Reenie Beanie', cursive;{/block:ifTitleFontRB}{block:ifTitleFontSIL}font-family: 'Shadows Into Light Two', cursive;{/block:ifTitleFontSIL}{block:ifTitleFontMegrim}font-family: 'Megrim', cursive;{/block:ifTitleFontMegrim}{block:ifTitleFontRockS}font-family: 'Rock Salt', cursive;{/block:ifTitleFontRockS}{block:ifTitleFontRaleway}font-family: 'Raleway', cursive;{/block:ifTitleFontRaleway}}

.title a:hover {color:{color:Title Hover};text-decoration:none;}

.permalink{text-align:right;color:gray;position: relative;margin-top: -10px;font-size: 10px;opacity: 0;filter: alpha(opacity = 0);-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}

div#entry:hover .permalink{margin-top: -5px;opacity: 1;filter: alpha(opacity = 100);-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}

.audio {display:block;{block:IndexPage}{block:if300pxWidth}width:290px;{/block:if300pxWidth}{block:if250pxWidth}width:240px;{/block:if250pxWidth}{block:if200pxWidth}width:190px;{/block:if200pxWidth}{block:if350pxWidth}width:340px;{/block:if350pxWidth}float:center;padding:15px;padding-bottom:30px;{/block:ifOneColumn}{/

block:IndexPage}{block:PermalinkPage}width:488px;{/block:PermalinkPage}background-color:#000;padding:5px;margin-bottom:0px;border-color:{color:Post};}

.audiocap, .videocap{background-color:{color:Post};display:block;padding:10px;}

.photosetcap{background-color:{color:Post};display:block;padding:10px;}

#content .video iframe{display:block;{block:IndexPage}{block:if300pxWidth}width:300px; height:225px;{/block:if300pxWidth}{block:if250pxWidth}width:250px; height:188px;{/block:if250pxWidth}{block:if200pxWidth}width:200px; height:150px;{/block:if200pxWidth}{block:if350pxWidth}width:350px; height:263px;{/block:if350pxWidth}{/block:IndexPage}{block:PermalinkPage}width:500px;height:270px;{/block:PermalinkPage}}

#content .photoset iframe{display:block;{block:IndexPage}{block:if300pxWidth}width:300px;{/block:if300pxWidth}{block:if250pxWidth}width:250px;{/block:if250pxWidth}{block:if200pxWidth}max-width:200px;{/block:if200pxWidth}{block:if350pxWidth}width:350px;{/block:if350pxWidth}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}

.videocap{{block:IndexPage}{block:if300pxWidth}max-width:300px;{/block:if300pxWidth}{block:if250pxWidth}max-width:250px;{/block:if250pxWidth}{block:if200pxWidth}max-width:200px;{/block:if200pxWidth}{block:if350pxWidth}max-width:350px;{/block:if350pxWidth}{/block:IndexPage}{block:PermalinkPage}width:480px;{/block:PermalinkPage}}

#topDiv{position: fixed;bottom:20px;text-align:center; z-index:1000;display: none;cursor: pointer;right:20px;}

#bg img {z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%;}

</style>

{block:ifnotOnecolumn}{block:ifnotTwocolumns}{block:ifnotThreeColumns}

<div style="z-index:9999999; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; color:black; text-align:center;font-family:arial; font-size:70px; line-height:80px;"><br>Please,<br>select the number of<div style="color:red;">columns</div>that you want.</div>

{/block:ifnotThreeColumns}{/block:ifnotTwocolumns}{/block:ifnotOnecolumn}

{block:ifnot350pxWidth}{block:ifnot300pxWidth}{block:ifnot250pxWidth}{block:ifnot200pxWidth}

<div style="z-index:9999999; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; color:black; text-align:center;font-family:arial; font-size:70px; line-height:80px;"><br>Please,<br>select the number of<div style="color:red;">post's width</div></div>

{/block:ifnot200pxWidth}{/block:ifnot250pxWidth}{/block:ifnot300pxWidth}{/block:ifnot350pxWidth}

{block:Ifbackgroundimage}<div id="bg"><img src="{image:Background}"></div>{/block:Ifbackgroundimage}

<script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">

</script>

<script src="http://static.tumblr.com/j1tjexd/KFrm9a79z/infinitescroll.js"></script>

<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>

<script type="text/javascript">

$(window).load(function () {

$('.posts').masonry(),

$('.masonryWrap').infinitescroll({

navSelector : "div#navigation",

// selector for the paged navigation (it will be hidden)

nextSelector : "div#navigation a#nextPage",

// selector for the NEXT link (to page 2)

itemSelector : ".entry",

// selector for all items you'll retrieve

bufferPx : 10000,

extraScrollPx: 11000,

loadingImg : "",

loadingText : "<em></em>",

},

// call masonry as a callback.

function() { $('.posts').masonry({ appendedContent: $(this) }); }

);

});

</script></head>

<body>

<div class="top">

<div class="header">

{block:IfHeaderImage}<div><a href="/"><img src="{image:Header}" style="max-height:150px;"></a></div><br>{/block:IfHeaderImage}

{block:IfShowTitle}<div class="title"><a href="/">{Title}</a></div>{/block:IfShowTitle}

{block:Description}{Description}{/block:Description}

<div class="nav">

<br><a href="/">{text:Home Link Text}</a>

{block:AskEnabled}<a href="/ask">{text:Ask Link Text}</a> {/block:AskEnabled}

{block:ifCustomLink1Title}<a href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a> {/block:ifCustomLink1Title}





{block:ifArchiveLink}<a href="/archive">{text:Archive Link Text}</a> {/block:ifArchiveLink}<a href="http://manolescent.tumblr.com/">©</a></div>

</div>

</div>

<div id="content">

<div class="posts">

{block:Posts}

<div class="entry">

{block:Text}<div id="entry">

{block:Title}<span class="post_title">{Title}</span>{/block:Title}

{Body}

{block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}</div>

{/block:Text}

{block:Photo}

{block:IndexPage}<span class="reblog"><span class="reblogg"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/j1tjexd/p25m8ecft/reblog.png" title="reblog"></a></span></span>

<div class="liker"><div class="likerr">

<img height="20" style="height:20px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/raBm8ecgy/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/>

</div></div>{/block:IndexPage}

{block:IndexPage}

<a href="{Permalink}"><img src="{PhotoURL-500}"/></a>

{/block:IndexPage}

{block:PermalinkPage}<img src="{PhotoURL-HighRes}" width="500"/>

{block:Caption}<center>{Caption}</center>{/block:Caption}{/block:PermalinkPage}

{/block:Photo}

{block:Photoset}<div id="entry">

<div class="photoset">{block:IndexPage}{block:if300pxWidth}{Photoset-400}{/block:if300pxWidth}{block:if250pxWidth}{Photoset-250}{/block:if250pxWidth}{block:if200pxWidth}{Photoset-250}{/block:if200pxWidth}{block:if350pxWidth}{Photoset-400}{/block:if350pxWidth}{/block:IndexPage}</div>

{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}

{block:IndexPage}{block:Caption}<div class="photosetcap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; "> <a href="{Permalink}" style="color:{color:Post};"> </a></div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}▲{/block:IndexPage}</div>

{/block:Photoset}

{block:Quote}<div id="entry">

<b><i>"</i></b> {Quote} <b><i>"</i></b> <br>

<div style="text-align:right;">{block:Source}<i>{Source}</i>{/block:Source}</div>


{/block:Quote}

{block:Link}<div id="entry">

<a href="{URL}"{Target}><span class="link_title">→ {Name}</span></a>

{block:Description}{Description}{/block:Description}


{/block:Link}

{block:Video}

<div class="video">

{block:IndexPage}{Video-400}{/block:IndexPage}

{block:PermalinkPage}{Video-500}{/block:PermalinkPage}

</div>

{block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}

{block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}

{/block:Video}

{block:Chat}<div id="entry">

{block:Title}

<div class="ptitle">{Title}</div>

{/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}


{/block:Chat}

{block:Audio}

<div class="audio">{AudioPlayerBlack}</div>

{block:IndexPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; "> <a href="{Permalink}" style="color:{color:Post};"> </a></div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}▲{/block:IndexPage}

{block:PermalinkPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; ">

</div>{Caption}</div>{/block:Caption}{/block:PermalinkPage}▲

{/block:Audio}

{block:Answer}<div id="entry">

{block:IndexPage}<b>Q</b>: {Question}<br>{Answer}<br><i>asked by {Asker}</i><div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}

{block:PermalinkPage}<div style="width:500px"><b>Q</b>: {Question}<br>{Answer}<br><i>asked by {Asker}</i></div>{/block:PermalinkPage}</div>

{/block:Answer}

{block:PostNotes}<center><br>{block:RebloggedFrom}<b>Via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>{block:ContentSource}<b>Source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}<br><br>{block:Date}<img src="http://static.tumblr.com/twte3d7/xn4lo2lba/clock_8x8.png"> {TimeAgo} <img src="http://static.tumblr.com/twte3d7/qg3lo2lcg/heart_fill_8x7.png"> {NoteCountWithLabel}{block:hasTags} <img src="http://static.tumblr.com/twte3d7/zZqlo2ldq/tag_fill_8x8.png"> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:Date}

<br><br><div style="display:none;">{PostNotes}</div></center>

{/block:PostNotes}

</div>

{/block:Posts}

</div>

{block:ifToTop}<div id="topDiv"><a href="javascript:void(0);" id="topDivA"><img src="http://static.tumblr.com/j1tjexd/uSOm6ujd1/totop-grey.png" width="40" height="40" style="-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);

-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);

box-shadow: 0px 0px 0px rgba(0,0,0,0.33);"></a></div>{/block:ifToTop}

</div>

{block:IndexPage}

<div class="column navigation" id="navigation">

{block:Pagination}

{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}

{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}

</div>

{/block:IndexPage}

<script type="text/javascript">

$(function() {

$("#topDivA").click(function(){

var target = $("html");

$('html, body').animate({

scrollTop: target.offset().top

}, 1000);

});

var topDiv = $("#topDiv");

var topDivTop = "1000";

var view = $( window );

view.bind("scroll resize", function(){

var viewTop = view.scrollTop();

if (viewTop > topDivTop){

topDiv.fadeIn(300);

}

else if (viewTop <= topDivTop){

topDiv.fadeOut(200);

}

});

});</script>

<iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe></body>

Documents

Tumblr Theme