senpiez theme seven

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>{Title}</title>

<!--

    ✧･ﾟ:*✧･ﾟ:* \(◕‿◕✿)/ *:･ﾟ✧*:･ﾟ✧

    base code by dolleye

    theme edited and published by senpiez.tumblr.com

    have a nice day

    and enjoy this theme <3

    ✧･ﾟ:*✧･ﾟ:* \(◕ω◕✿)/ *:･ﾟ✧*:･ﾟ✧

-->

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

<meta name="image:background" content=""/>
<meta name="image:sidebar" content=""/>
<meta name="image:side image" content="" />

<meta name="color:background" content="#f1f1f1" />
<meta name="color:text" content="#777" />
<meta name="color:permalink text" content="#777" />
<meta name="color:post background" content="#fff" />
<meta name="color:post borders" content="#aaa" />
<meta name="color:selection text" content="#fff" />
<meta name="color:selection bg" content="#ccc" />
<meta name="color:scrollbar" content="#fff" />
<meta name="color:links" content="#aaa" />
<meta name="color:link hover" content="f4f4f4" />
<meta name="color:perma bg" content="#f4f4f4" />
<meta name="color:nav" content="#fff" />

<meta name="if:two columns" content="0"/>
<meta name="if:left sidebar" content="1" />
<meta name="if:faded images" content="1" />
<meta name="if:shadow" content="1"/>
<meta name="if:show tags" content="0" />
<meta name="if:show captions" content="0" />
<meta name="if:rounded corners" content="0"/>
<meta name="if:transparent posts" content="0" />
<meta name="if:semitransparent posts" content="1" />
<meta name="if:no post borders" content="0" />
<meta name="if:circle links" content="0"/>
<meta name="if:drop down links" content="0"/>
<meta name="if:Maximised Background Image" content="0"/>

<meta name="text:link 1 title" content=""/>
<meta name="text:link 1 url" content=""/>
<meta name="text:link 2 title" content=""/>
<meta name="text:link 2 url" content=""/>
<meta name="text:link 3 title" content=""/>
<meta name="text:link 3 url" content=""/>
<meta name="text:link 4 title" content=""/>
<meta name="text:link 4 url" content=""/>
<meta name="text:link 5 title" content=""/>
<meta name="text:link 5 url" content=""/>
<meta name="text:sidebar img position top" content="43"/>
<meta name="text:sidebar img position left" content="-250"/>

<meta name="select:side image position" content="bottom:-5px;left:-5px;" title="bottom left" />
<meta name="select:side image position" content="bottom:-5px;right:5px;" title="bottom right" />
<meta name="select:side image position" content="top:0px;right:5px;" title="top right" />
<meta name="select:side image position" content="top:0px;left:5px;" title="top left" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){$(document)
.ready(function(){$("[title]")
.style_my_tooltips();});})
(jQuery);
</script>


<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>

<style type="text/css">


/* Mozilla based browsers */
::-moz-selection {
    background-color: {color:selection bg};
       color: {color:selection text};
}

/* Works in Safari */
::selection {
background-color: {color:selection bg};
       color: {color:selection text};
}


/* Mozilla based browsers */
::-moz-selection {
       background-color: {color:selection bg};
       color: {color:selection text};
}

/* Works in Safari */
::selection {
       background-color: {color:selection bg};
       color: {color:selection text};
}


/***Edit Scrollbar Here***/

::-webkit-scrollbar-thumb:vertical {
    background:{color:scrollbar};
    border:1px solid {color:border};

    cursor: url(http://i.imgur.com/ZOrzC.png), auto;
 }

::-webkit-scrollbar-thumb:horizontal {
    background-color: {color:scrollbar};
    height: 4px;
    border:1px solid {color:borders};}

 ::-webkit-scrollbar {
     width:9px;
     background: transparent;
     height:4px;}

 ::-webkit-scrollbar-track {
     background: transparent;
     width:9px; }

/***Edit Tumblr Controls Here***/

iframe#tumblr_controls {
position: fixed !important;
-webkit-transition: opacity 0.7s linear;
opacity: 0.09;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
-webkit-filter:invert(100%);}

iframe#tumblr_controls:hover{
    -webkit-transition: opacity 0.7s linear;
    opacity: 0.8;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;}

#s-m-t-tooltip {
    padding: 3px;
    height:auto;
    display: none;
    font-family: inconsolata;
    font-size: 10px;
    text-transform:lowercase;
    text-align: center;
    letter-spacing:1px;
    margin-top:10px;
    margin-left: 15px;
    line-height: 8px;
    z-index: 999999999999;
    border-radius:3px;
    border: 1px solid #777;
    background:#ffffff;
    color: #888;}


    {block:IfMaximisedBackgroundImage}
#bg img {
z-index:-2;
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
}
{/block:IfMaximisedBackgroundImage}


/*** side image: DO NOT EDIT ***/


#bgim {
    z-index: -1;
    {select:side image position}
    position: fixed;
}

#scroll{
    bottom:20px;
    position: absolute;
    left: 50%;
    width:10px;
    height:5px;
    overflow:hidden;
    margin-bottom:80px;}


body {
    font-family: inconsolata;
    font-weight:normal;
    text-transform:lowercase;
    font-size:11px;
    line-height:13px;
    color: {color:text};
    text-align:left;
    background: {color:background} url('{image:background}');
    background-attachment: fixed;
    background-repeat: repeat;
    margin:0;
    cursor: url(http://i.imgur.com/ZOrzC.png), auto;

    }

a:link, a:active, a:visited{
    text-decoration: none;
    color: {color:links};}

a:hover {
    color:{color:link hover};
    text-decoration:none;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    cursor: url(http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png), auto;
}


a { color: {color:links}; }

b, strong { font-weight:heavy; }

i, em { font-weight:light; }

li { list-style:square; }



#content {
    margin:auto;
    {block:ifnottwocolumns}
    width:200px;
    {/block:ifnottwocolumns}

    {block:iftwocolumns}
    width:900px;
    {block:iftwocolumns}
}



#content img {
    border:0px;

}



#posts {

    margin-left:-50px;

    {block:ifnottwocolumns}
    {block:ifnotleftsidebar}
    margin-left:-80px;
    {/block:ifnotleftsidebar}
    {/block:ifnottwocolumns}

    {block:iftwocolumns}
    {block:ifnotleftsidebar}
    margin-left:90px;
    {/block:ifnotleftsidebar}
    {/block:iftwocolumns}

    {block:iftwocolumns}
    {block:ifleftsidebar}
    margin-left:140px;
    {/block:ifleftsidebar}
    {/block:iftwocolumns}

    }



.posts {
    padding:15px;
    background-color: {color:post background};
    margin:20px;
    overflow:hidden;
    width:250px;
    {block:iftransparentposts}
    background:transparent;
    {/block:iftransparentposts}
    {block:ifsemitransparentposts}
    background: rgba(255,255,255,.7);
    {/block:ifsemitransparentposts}
    border:1px solid {color:post borders};
    {block:ifnopostborders}
    border:0px;
    {/block:ifnopostborders}
    {block:ifshadow}
    box-shadow:rgba(0,0,0,0.08) 7px 7px;
    {/block:ifshadow}
    {block:ifroundedcorners}
    border-radius: 5px;
    {/block:ifroundedcorners}
    background-image:URL();
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;

}



.posts img {
    max-width:100%;
    border:0px;
    {block:iffadedimages}
    opacity:0.8;
    -webkit-filter: Grayscale(40%);
    {/block:iffadedimages}

}


.posts img:hover {
    {block:iffadedimages}
    opacity:1;
    -webkit-filter: Grayscale(0%);
    {/block:iffadedimages}
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}


blockquote {
    border-left:3px solid #cccccc;
    margin:0px 0px 5px 0px;
    padding:0px 5px 0px 8px;


}


{block:ifshowcaptions}

#captions { background: transparent; }

{/block:ifshowcaptions}


#title {
    color:#000000;
    margin-bottom:10px;
    text-align:right;
    font-weight:900;
    font-size:13px;

}




#pperma {

    margin:6px 0px 0px 0px;
    width:99%;
    padding:2px 2px 2px 2px;
    line-height:13px;
    text-align:center;
    background:{color:perma bg};
    {block:iftransparentposts}
    background:transparent;
    {/block:iftransparentposts}
    border-radius: 5px;

}


#pperma a {
    color:{color:permalink text};
}

{block:ifshowtags}

#ptags {
    margin:6px 0px 0px 0px;
    width:100%;
    padding:2px 2px 2px 2px;
    line-height:13px;
    text-align:justify;
    background:{color:perma bg};
    border-radius: 5px;
}

#ptags a {
     color:{color:permalink text};
}

{/block:ifshowtags}


#pnotes {
    margin:8px 0px 0px 0px;
    width:100%;
    {block:indexpage}
    display:none;
    {/block:indexpage}

}


#avatar {
    width: 120px;
    height: 135px;
    padding: 8px 0 0 0px;
    background: url('') top left no-repeat transparent;
    position: fixed ;
    top: {text:sidebar img position top}px;
    margin-left: {text:sidebar img position left}px;
    z-index:1;
}


#sidebar {
    position:fixed;
     background-color: {color:post background};

     {block:ifnottwocolumns}
    {block:ifleftsidebar}
    margin:220px 0px 0px -250px;
    {block:ifleftsidebar}
    {/block:ifnottwocolumns}


    {block:iftwocolumns}
    {block:ifleftsidebar}
    margin:220px 0px 0px -70px;
    {/block:ifleftsidebar}
    {/block:iftwocolumns}


    {block:ifnottwocolumns}
    {block:ifnotleftsidebar}
    margin:220px 0px 0px 300px;
    {/block:ifnotleftsidebar}
    {/block:ifnottwocolumns}

     {block:iftwocolumns}
    {block:ifnotleftsidebar}
    margin:220px 0px 0px 800px;
    {/block:ifnotleftsidebar}
    {/block:iftwocolumns}

    padding:15px;
    border:1px solid {color:post borders};
    {block:iftransparentposts}
    background:transparent;
    {/block:iftransparentposts}
    {block:ifsemitransparentposts}
    background: rgba(255,255,255,.7);
    {/block:ifsemitransparentposts}
    border:1px solid {color:post borders};
    {block:ifnopostborders}
    border:0px;
    {/block:ifnopostborders}
    {block:ifshadow}
    box-shadow:rgba(0,0,0,0.08) 7px 7px;
    {/block:ifshadow}
    {block:ifroundedcorners}
    border-radius: 5px;
    {/block:ifroundedcorners}
    background-image:URL();
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}





#descrip {
    margin:5px 0px 0px 0px;
    width:100px;

}


.nav a{
 height:1px;
display:inline-block;
padding: 1px 3px 4px 3px;
margin-right:2px;
margin-left:3px;
{block:ifcirclelinks}
border-radius:20px;
{/block:ifcirclelinks}
margin-top:5px;
margin-bottom:5px;
background:{color:nav};
border:1px solid {color:border};
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.nav a:hover{
background:transparent;
}

/* pagination (if you want endless scrolling go use that shady search engine we talked about) */

#pagi { width:250px; padding:0px 15px 15px 15px; text-align:center; }

</style> {block:indexpage}
{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
<script type="text/javascript">
$(window).load(function(){
var $wall = $('#posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.posts, .posts_photo',
isAnimated : false
});
});

$wall.infinitescroll({
navSelector : '#page-nav',
nextSelector : '#page-nav a',
itemSelector : '.posts, .posts_photo',
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
});
}); $('#content').show(500);
});
</script>
{/block:indexpage}

 </head> <body>

<div id="content">

{block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:background}"></div>{/block:IfMaximisedBackgroundImage}

<div id="bgim">
    <img src="{image:side image}" style="max-height:400px;">
</div>


<div id="avatar">
<a href="/">
<img class="no" src="{image:sidebar}" style="max-height:170px; max-width:160px"></a>
</div>

<div id="sidebar">
{block:ifnotdropdownlinks}
<div class="nav">
{block:Iflink1title}
<a title="{text:link 1 title}"href="{text:link 1 url}"></a>
{/block:Iflink1title}
{block:Iflink2title}
<a title="{text:link 2 title}"href="{text:link 2 url}"></a>
{/block:Iflink2title}
{block:Iflink3title}
<a title="{text:link 3 title}"href="{text:link 3 url}"></a>
{/block:Iflink3title}
{block:Iflink4title}
<a title="{text:link 4 title}"href="{text:link 4 url}"></a>
{/block:Iflink4title}
<a title="theme credit"href="http://senpiez.tumblr.com/" target="blank"></a>
</div>
{/block:ifnotdropdownlinks}


<div id="descrip">{description}</div>



{block:ifdropdownlinks}<center>
<select onChange="location=this.options[this.selectedIndex].value;" style="font:11px inconsolata; color: {color:permalink text}; background-color:{color:perma bg}; -webkit-appearance: none; text-align:center; border-radius: 5px; border-color: {color:permalink text}; height: 18px; width: auto; margin-top:8px;">

<option value="">navigation</option>
         {block:iflink1title}
<option value="{text:link 1 url}">{text:link 1 title}</option>
{/block:iflink1title}

 {block:iflink2title}
<option value="{text:link 2 url}">{text:link 2 title}</option>
{/block:iflink2title}

 {block:iflink3title}
<option value="{text:link 3 url}">{text:link 3 title}</option>
{/block:iflink3title}

 {block:iflink4title}
<option value="{text:link 4 url}">{text:link 4 title}</option>
{/block:iflink4title}


<option value="http://senpiez.tumblr.com/">theme</option>


</select>
</center>

{/block:ifdropdownlinks}
</div>







<div id="posts">

{block:Posts}

<!-- this big ugly block of coding right here takes away the weird (source:balbla) thing that appears on some photo posts -->

{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->

<div class="posts">



{block:Photo}

<img style="width:100%;" src="{PhotoURL-HighRes}">

{block:Caption}{block:ifshowcaptions} <div id="captions">{Caption}</div> {/block:ifshowcaptions}{/block:Caption}

{block:date} <div id="pperma"><a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>

{block:HasTags}{block:ifshowtags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:ifshowtags}{/block:HasTags} {/block:date}

{block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}

{/block:Photo}



{block:Photoset} <div style="max-width:100%;">{Photoset}</div>

{block:Caption}{block:ifshowcaptions} <div id="captions">{Caption}</div> {/block:ifshowcaptions}{/block:Caption}

{block:date} <div id="pperma"><a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>

{block:HasTags}{block:ifshowtags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:ifshowtags}{/block:HasTags} {/block:date}

{block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}

{/block:Photoset}



{block:Text}

{block:Title} <div id="title">{Title}</div> {/block:Title}

{Body}

{block:date} <div id="pperma"><a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>

{block:HasTags} {block:ifshowtags}<div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:ifshowtags}{/block:HasTags} {/block:date}

{block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}

{/block:Text}


<div style="position:fixed;left:0;bottom:0;padding:10px; color: {color:links}; font-size:12px;"><a title="theme by senpiez"href="http://senpiez.tumblr.com/">✿</a></div>


{block:Answer}

{Asker} said: {Question}

{Answer}

{block:date} <div id="pperma"><a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>

{block:HasTags} {block:ifshowtags}<div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:ifshowtags}{/block:HasTags} {/block:date}

{block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}

{/block:Answer}



{block:Chat}

{block:Title}<div id="title">{Title}</div>{/block:Title}

{block:Lines}

<div style="border-bottom:1px solid #000000;">
{block:Label}<b>{Label}</b>{/block:Label} {Line}
</div>

{/block:Lines}

{block:date} <div id="pperma"><a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>

{block:HasTags}{block:ifshowtags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:ifshowtags}{/block:HasTags} {/block:date}

{block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}

{/block:Chat}



{block:Quote}  "{Quote}" {block:source}-{source}{/block:source}

{block:date} <div id="pperma"><a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>

{block:HasTags} {block:ifshowtags}<div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:ifshowtags}{/block:HasTags} {/block:date}

{block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}

{/block:Quote}







{block:Audio}

{AudioPlayerWhite}

{block:Caption}{block:ifshowcaptions} <div id="captions">{Caption}</div> {/block:ifshowcaptions}{/block:Caption}

{block:date} <div id="pperma"><a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>

{block:HasTags}{block:ifshowtags} <div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:ifshowtags}{/block:HasTags} {/block:date}

{block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}

{/block:Audio}





{block:Link}

<div id="title"><a href="{URL}" {Target}>{Name}</a></div>

{description}

{block:date} <div id="pperma"><a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>

{block:HasTags} {block:ifshowtags}<div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:ifshowtags}{/block:HasTags} {/block:date}

{block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}

{/block:Link}






{block:Video}

{Video-250}

{block:Caption} <div id="captions">{Caption}</div> {/block:Caption}

{block:date} <div id="pperma"><a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>

{block:HasTags} {block:ifshowtags}<div id="ptags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:ifshowtags}{/block:HasTags} {/block:date}

{block:PostNotes} <div id="pnotes">{PostNotes}</div> {/block:PostNotes}

{/block:Video}





</div>

{/block:Posts}




</div>



</body>


</html>