Puatato Theme

<html lang="en">
<!--
* PLEASE DO NOT DELETE THIS PART OF THE CODE *
—————————————————————————————————————————————————————————————
┌─┐┬ ┬┌─┐┌┬┐┌─┐┌┬┐┌─┐
├─┘│ │├─┤ │ ├─┤ │ │ │
┴  └─┘┴ ┴ ┴ ┴ ┴ ┴ └─┘
        THEME : PUATATO
        BY    : SORA KHAN
        BLOG  : LYRICIST.TUMBLR.COM
        ON    : 16TH JUNE, 2013

                MORE THEMES AT : VISIONARYTHEMES.TUMBLR.COM
—————————————————————————————————————————————————————————————
LAST UPDATE ON: 24/7/2013
-->
<head>
<!--STT-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://25.media.tumblr.com/cbfd666cd436dc5ba7d8b3bfe548dc79/tumblr_mo2x47DmI21qix1pgo1_250.png" style="filter:alpha(opacity=80); opacity:0.3; width:30px; height:30px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:10, offsety:0}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

state: {isvisible:false, shouldvisible:false},

scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},

keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},

togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},

init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Up!'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}

scrolltotop.init()</script>

<!--fonts--->
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>

<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 Color" content="#ffffff" />
<meta name="color:Title Color" content="#000000" />
<meta name="color:Title Hover" content="" />
<meta name="color:Sidebar Color" content="#ffffff" />
<meta name="color:Sidebar Text" content="" />
<meta name="color:Posts Color" content="#ececec" />
<meta name="color:PostText Color" content="#000000" />
<meta name="color:Links Color" content="#757575" />
<meta name="color:SideLinks Color" content="#000000" />
<meta name="color:SideLinksText Color" content="#ffffff" />
<meta name="color:PermalinkBorder Color" content="#ffffff" />
<meta name="color:LinksHover Color" content="#666666" />
<meta name="color:Question Color" content="#dddddd" />

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

<meta name="if:Show Title" content="1" />
<meta name="if:Sidebar Image" content="" />
<meta name="if:Transparent Sidebar" content="1" />
<meta name="if:Large Posts" content="" />
<meta name="if:Sidebar Shadow" content="" />
<meta name="text:Ask Link Title" content="Message" />
<meta name="text:Link One Title" content="" />
<meta name="text:Link One" content="" />
<meta name="text:Link Two Title" content="" />
<meta name="text:Link Two" content="" />
<meta name="text:Link Three Title" content="" />
<meta name="text:Link Three" content="" />
<meta name="text:Link Four Title" content="" />
<meta name="text:Link Four" content="" />
<meta name="text:Link Five Title" content="" />
<meta name="text:Link Five" content="" />
<!--lalalalla-->

<script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>

<!--infscr-->
<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
<!--end-->

<script type="text/javascript">
$(window).load(function () {
$('#Potato').masonry({
itemSelector : ".Posts",
},
function() { $('#Potato').masonry({ appendedContent: $(this) }); }
);
});
</script>

<script type="text/javascript">
 $(window).load(function () {
 $('#Potato').masonry(),
$('.masonryWrap').infinitescroll({
itemSelector : ".Posts",
 navSelector : "div#navigation",
 nextSelector : "#navigation a#next",
 bufferPx : 10000,
 extraScrollPx: 10000,
 loadingImg : "",
 loadingText : "",
 },
 function() { $('#Potato').masonry({ appendedContent: $(this) });
});
 });</script>


<style type="text/css">

body{
background-color:{color:Background Color};
background-image:url({image:Background Image});
background-attachment:fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-x: hidden;
}


#Potato{

width:708px;
margin-left:400px;
position:absolute;
padding:5px;

{block:ifLargePosts}
width:1008px;
margin-left:350px;
{/block:ifLargePosts}
}

.Posts {
padding:0px;
color:{color:PostText Color};
background-color:{color:Posts Color};
width:300px;
float:left;
margin:5px;
font-size: 13px;
font-family: 'Roboto',sans-serif;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.90);
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.90);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.90);
opacity:0.9;

{block:ifLargePosts}

width:400px;

{/block:ifLargePosts}

{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}

.Posts a{
font-family: 'Anaheim',sans-serif;
font-weight: bold;
text-transform:uppercase;
color: {color:Links Color};
text-decoration:none;
}

.Posts a:hover{
text-decoration:underline;
color:{color:LinksHover Color};
}

.Posts img{
display:block;
}

#Photoset img{
width:300px;
{block:ifLargePosts}
width:400px;
{/block:ifLargePosts}
}

.textz img{
max-width:100%;
}

h2 {
text-align:center;
font-family: 'Anaheim', sans-serif;
text-transform:uppercase;
}


#Sidebar {
max-width:200px;
margin-top:150px;
margin-left:100px;
position:fixed;
padding:3px;
background-color:{color:Sidebar Color};
opacity:0.7;
{block:ifLargePosts}
margin-left:50px;
{/block:ifLargePosts}
{block:ifSidebarShadow}
box-shadow: 1px 1px 2px  #000000;
-moz-box-shadow: 1px 1px 2px  #000000;
-webkit-box-shadow: 1px 1px 2px  #000000;
{/block:ifSidebarShadow}

{block:ifTransparentSidebar}background-color:transparent{/block:ifTransparentSidebar}


{block:ifSidebarImage}
max-width:200px;
margin-top:50px;
margin-left:100px;
{block:ifLargePosts}
margin-left:50px;
{/block:ifLargePosts}

{block:ifTransparentSidebar}background-color:transparent{/block:ifTransparentSidebar}
{/block:ifSidebarImage}

}

#Sidebar img{
width: 200px;
}

#Sidebar a{
text-decoration:none;
}

.SideLinks  {
width: 10px;
height: 10px;
border: 1px solid {color:SideLinks Color};
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
transition:width 0.5s;
transition-timing-function:linear;
-webkit-transition:width 0.5s;
-webkit-transition-timing-function:linear;
position:relative;
background-color:{color:SideLinks Color};
opacity:0.2;
margin-bottom:2px;
font-size:10px;
font-family: 'Carrois Gothic SC';
}

.SideLinks:hover{
width:90px;
opacity:0.4;
color:{color:SideLinksText Color};

}



.SideLinks span{
    opacity:0;
    letter-spacing:-6px;
}
.SideLinks:hover span{
    opacity:1;
    letter-spacing:3px;
}

.meowee{
    margin-left:20px;
    -webkit-transition: all 0.4s linear;
    moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
#waddup {
position:fixed;
margin-left:310px;
margin-top:150px;
float:right;
{block:ifLargePosts}
margin-left:260px;
{/block:ifLargePosts}

}

#waddup a:hover{
text-decoration:none;

}

#Title {
text-align: center;
letter-spacing:0px;

}

#Title a {

font-family: 'Megrim', sans-serif;
Text-decoration: none;
font-weight:bold;
font-size: 30px;
color:{color:Title Color};
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
}

#Title a:hover {
letter-spacing:4px;
text-decoration:none;
color:{color:Title Hover};
-webkit-transition: all 0.9s ease, background 4s ease, color 1s ease;;
-moz-transition: all 0.9s ease, background 4s ease, color 1s ease;;
-o-transition: all 0.9s ease, background 4s ease, color 1s ease;;
}

#Description {
font-family: 'Roboto';
font-size:13px;
text-align:center;
max-width:200px;
color:{color:Sidebar Text};
}

#Description a{
    color:{color:Links Color};
}

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
#infscr-loading {display:none;}
#navigation {display:none!important;}

#leneh{
height:2000px!important;
position:absolute;
top:0px;
left:0px;
width: 100%;}

/*Permalinks*/

.Posts:hover #Skin {
    opacity:0.9;
    z-index:999999;
    padding-top:0px;
}

#Skin {
background-color:white;
width: 15px;
margin-left:8px;
font-size:0px;
height:20px;
-webkit-transition-duration: .75s;
opacity:0;
margin-top:5px;
border: 1px solid {color:PermalinkBorder Color};
border-top-left-radius:10px;
border-bottom-right-radius:10px;
position:absolute;
color:white;
}

#Skin:hover {
background-color:white;
width: 280px;
margin-left:8px;
font-size:0px;
height:20px;
-webkit-transition-duration: .75s;
opacity:0;
margin-top:5px;
border: 1px solid {color:PermalinkBorder Color};
border-top-left-radius:10px;
border-bottom-right-radius:10px;
position:absolute;
color:white;
{block:ifLargePosts}
width:380px;
{/block:ifLargePosts}
}

.Skin {
font-size:10px;
color: black;
text-align:center;
height:20px;
margin-top:2px;
}

.Skin a{
text-decoration:none;
color:black;
}

.Skin a:hover {
font-size:10px;
color: black;
text-align:center;
height:20px;
margin-top:2px;
text-decoration:underline;
}

.Skin span{
    opacity:0;
    letter-spacing:-15px;
}
.Skin:hover span{
    opacity:1;
    letter-spacing:3px;
}

.Stem{
    margin-left:20px;
    -webkit-transition: all 0.4s linear;
    moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

/*text notes*/

.SkinHover {

background-color:black;
width:300px;
opacity:0.1;
color: #666666;
text-align:right;
{block:ifLargePosts}
width:400px;
{/block:ifLargePosts}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}



}

.SkinHover a{
color:white;
text-decoration:none;
font-family: 'Carrois Gothic SC', sans-serif;
font-size:10px;
}

.SkinHover a:hover{
color:white;
text-decoration:underline;
}




/*Questions cuz yolo*/
.AlohaQ {
background-color: {color:Question Color};
padding:5px 5px 5px 5px;
margin:3px 3px 3px 3px;
border:0.5px;
border-top-left-radius:5px;
border-bottom-right-radius:5px;
}



.AlohaA {
background-color: {color:Question Color};
padding:0px 5px 0px 5px;
margin-right:3px;
margin-left:3px;
border:0.5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
}

/*yolo*/
#Food {
width:20px;
height:20px;
bottom:10px;
position:fixed;
}

{CustomCSS}
</style>

</head>
<body>

<div id="waddup">
<a href="/"><div class="SideLinks" class="transition"><span  class="meowee">Home </div></a>
<a href="/ask"><div class="SideLinks" class="transition"><span  class="meowee">{text:Ask Link Title} </div></a>

{block:ifLinkOneTitle}<a href="{text:Link One}"><div class="SideLinks" class="transition"><span  class="meowee">{text:Link One Title} </div></a>{/block:ifLinkOneTitle}
{block:ifLinkTwoTitle}<a href="{text:Link Two}"><div class="SideLinks" class="transition"><span  class="meowee">{text:Link Two Title} </div></a>{/block:ifLinkTwoTitle}
{block:ifLinkThreeTitle}<a href="{text:Link Three}"><div class="SideLinks" class="transition"><span  class="meowee">{text:Link Three Title} </div></a>{/block:ifLinkThreeTitle}
{block:ifLinkFourTitle}<a href="{text:Link Four}"><div class="SideLinks" class="transition"><span  class="meowee">{text:Link Four Title} </div></a>{/block:ifLinkFourTitle}
{block:ifLinkFiveTitle}<a href="{text:Link Five}"><div class="SideLinks" class="transition"><span  class="meowee">{text:Link Five Title} </div></a>{/block:ifLinkFiveTitle}



</div>




<div id="Sidebar">
{block:ifShowTitle}<div id="Title"><a href="/">{Title}</a></div>{/block:ifShowTitle}

{block:ifSidebarImage}<img src="{image:Sidebar Image}" /><p>{/block:ifSidebarImage}
<div id="Description">{block:Description}{Description}{/block:Description}</div>

</div>



<div id="Potato">

{block:Posts}

<div class="Posts">

{block:Title}<h2>{Title}</h2>{/block:Title}

{block:Text}
<div class="textz">
{Body}
</div>

{block:IndexPage}
<div class="SkinHover">
<a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>
</div>
{/block:IndexPage}
{/block:Text}

{block:Photo}


{block:IndexPage}
<div id="Skin">
<div class="Skin" class="transition"><span style="text-transform:uppercase;"><span  class="Stem"><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></span></span></div>
</div><a href="{Permalink}">
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
</a>
{/block:IndexPage}

{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" />
{LinkCloseTag}
{/block:PermalinkPage}

{/block:Photo}


{block:Photoset}
{block:IndexPage}{block:ifNotLargePosts}<div id="Photoset"><center>{Photoset-250}</center></div>{/block:ifNotLargePosts}{/block:IndexPage}
{block:ifLargePosts}{block:IndexPage}<div id="Photoset"><center>{Photoset-400}</center></div>{/block:IndexPage}{/block:ifLargePosts}

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

{block:IndexPage}
<div class="SkinHover">
<a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>
</div>
{/block:IndexPage}


{/block:Photoset}


{block:Quote}
<div class="textz">
{Quote}

<div align="right">
{block:Source}-{Source}{/block:Source}
</div></div>
{block:IndexPage}
<div class="SkinHover">
<a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>
</div>
{/block:IndexPage}
{/block:Quote}


{block:Video}
 {block:ifNotLargePosts}{block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}{/block:ifNotLargePosts}
 {block:ifLargePosts}
{block:IndexPage}<center>{Video-400}</center>{/block:IndexPage}
{/block:ifLargePosts}
    {block:indexpage}
  <div class="SkinHover">
<a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>
</div>
    {/block:indexpage}
    {block:permalinkpage}
    {Video-500}
    {/block:permalinkpage}
{/block:Video}


{block:Link}
<div class="textz">
<a href="{URL}" class="link" {Target}>{Name}</a><BR>
{block:Description}{Description}{/block:Description}</div>
{block:IndexPage}
<div class="SkinHover">
<a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>
</div>
{/block:IndexPage}
{/block:Link}

{block:Chat}
{block:Lines}
{block:Label}
<br><b>{Label}</b>
{/block:Label}
&nbsp;{Line}
{/block:Lines}
{block:IndexPage}
<div class="SkinHover">
<a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>
</div>
{/block:IndexPage}
{/block:Chat}

{block:Audio}
{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}

{block:IndexPage}
<div class="SkinHover">
<a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>
</div>

{/block:IndexPage}
{block:PermalinkPage}
{AudioEmbed}
<br><div align="right">{block:Artist}
Artist: {Artist}</div>
{/block:Artist}<br>
{/block:PermalinkPage}
{/block:Audio}


{block:Answer}
<div class="AlohaQ">
{Asker} asked: <b><span>{Question}</span></b></div>
<div class="AlohaA">{Answer}</div>
<div class="SkinHover">
<a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>
<div class="textz"></div>
</div>

{/block:Answer}

{block:PermalinkPage}
<div style="text-align:center; font-size:12px;">
{block:Caption}
{Caption}
{/block:Caption}
<br>
{block:RebloggedFrom} Reblogged from <a href="http://{ReblogParentName}.tumblr.com/" target="_blank">{ReblogParentName}</a> | Posted by <a href="http://{ReblogRootName}.tumblr.com/" target="_blank">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
{block:NoteCount}{NoteCountWithLabel} | {/block:NoteCount} {block:Date}{Month} {DayOfMonth}, {Year} {/block:Date}

<Br>

{block:PostNotes}{PostNotes}{/block:PostNotes}


</div>


{/block:PermalinkPage}



</div>

{/block:Posts}



</div>
<div id="navigation">
{block:Pagination}
{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
{block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
{/block:Pagination}
</div>

<div id ="laneh"></div>

<div id="Food"><a href="http://lyricist.tumblr.com/"><img src="http://25.media.tumblr.com/e439779dccf0a49699004785ea462300/tumblr_mohy9gO4es1svqbryo1_500.png" width='30' height='30'/></a>

</div>


</body>
</html>