senpiez theme 16

<!-------------------------------------------------

✧･ﾟ:*✧･ﾟ:* \(◕‿◕✿)/ *:･ﾟ✧*:･ﾟ✧
theme made by senpiez.tumblr.com
please dont steal my theme
i dont like being mean
but my codings take me a really long time to make
and it would mean the world to me
if you wouldnt be a butt
by stealing my themes.
also
it is illegal
:~)
have a nice day
and enjoy this theme <3
✧･ﾟ:*✧･ﾟ:* \(◕ω◕✿)/ *:･ﾟ✧*:･ﾟ✧

-------------------------------------------------->
<!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><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="image:background" content="http://38.media.tumblr.com/tumblr_m0g3ybPmqj1r6uwfxo2_250.png"/>
<meta name="image:side image" content="" />
<meta name="image:side image 2" content=""/>

<meta name="color:background" content="#f3f3f3"/>
<meta name="color:text" content="#000"/>
<meta name="color:link" content="#000"/>
<meta name="color:link hover" content="#eee"/>
<meta name="color:scrollbar" content="#000"/>
<meta name="color:bordering" content="#000"/>
<meta name="color:description" content="#000"/>
<meta name="color:blog title" content="#000"/>
<meta name="color:navlink" content="#000" />
<meta name="color:navlink border" content="#000" />
<meta name="color:navlink hover" content="#f3f3f3" />
<meta name="color:tooltip bg" content="#f5f5f5"/>
<meta name="color:tooltip" content="#000"/>

<meta name="if:endless scroll" content="0"/>
<meta name="if:font 1" content="1"/>
<meta name="if:font 2" content="0"/>
<meta name="if:font 3" content="0"/>
<meta name="if:right sidebar" content="0"/>
<meta name="if:faded images" content="1" />
<meta name="if:grayscale" content="1" />
<meta name="if:scrollbar 1" content="1"/>
<meta name="if:scrollbar 2" content="0"/>
<meta name="if:circle links" content="1" />
<meta name="if:drop down links" content="0" />
<meta name="if:small cursor" content="1" />
<meta name="if:Maximised Background Image" content="0"/>

<meta name="text:link 1 title" content="index"/>
<meta name="text:link 1 url" content="/"/>
<meta name="text:link 2 title" content="msg"/>
<meta name="text:link 2 url" content="/ask"/>
<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="select:side image position" content="bottom:-5px;left:0px;" 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:0px;" title="top right" />
<meta name="select:side image position" content="top:0px;left:0px;" title="top left" />
<meta name="select:side image 2 position" content="bottom:-5px;right:0px;" title="bottom right" />
<meta name="select:side image 2 position" content="bottom:-5px;left:0px;" title="bottom left" />
<meta name="select:side image 2 position" content="top:0px;right:0px;" title="top right" />
<meta name="select:side image 2 position" content="top:0px;left:0px;" title="top left" />
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>

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



<style type="text/css">

@font-face { font-family: "volter"; src: url('http://static.tumblr.com/jpcsgxg/NPgn6vstc/volter__28goldfish_29.ttf'); }
@font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}

{block:ifscrollbar1}
::-webkit-scrollbar {
width:7px;
height:7px;
background-color:{color:background};
}
::-webkit-scrollbar-track {
background-color:{color:background};
}
::-webkit-scrollbar-thumb {
background-color:{color:scrollbar};
border:1px solid {color:background};
}
{block:ifscrollbar1}

{block:ifscrollbar2}
::-webkit-scrollbar-thumb:vertical {
background: #000;
background-image:url(http://static.tumblr.com/aegsbm3/Tfamxykq2/lines.png);
border: 2px solid #000;
height: 60px;
}
::-webkit-scrollbar-thumb:vertical:hover {
background: #000;
background-image:url(http://static.tumblr.com/aegsbm3/Tfamxykq2/lines.png);
border: 2px solid #000; }
::-webkit-scrollbar {
height: 10px;
width: 10px;
background: #000;
}
::-webkit-scrollbar-corner {
background-color:#000;
color:#000;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#000;
}
{/block:ifscrollbar2}

iframe#tumblr_controls {
position: fixed !important;
-webkit-transition: opacity 0.7s linear;
opacity: 0.5;
-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;
}

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

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

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

body {
background:{color:background} url('{image:background}');
background-attachment: fixed;
color:{color:text};
font-family:arial;
font-size:9px;
{block:iffont1}
font-family:volter;
font-size:9px;
{/block:iffont1}
{block:iffont2}
font-family:bitxmap;
font-size:10px;
{/block:iffont2}
{block:iffont3}
font-family:inconsolata;
font-size:10px;
{/block:iffont3}
text-align:;
margin:0;
text-transform:lowercase;
letter-spacing:1px;
line-height:16px;
{block:ifsmallcursor}
cursor: url(http://i.imgur.com/ZOrzC.png), auto;
{/block:ifsmallcursor}
}


a {
color:{color:link};
text-decoration:none;
transition: all 0.6s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
}

a:hover {
color:{color:link hover};
{block:ifsmallcursor}
cursor: url(http://i.imgur.com/ZOrzC.png), auto;
{/block:ifsmallcursor};
}

img{opacity:1;
border:none;
border-radius:3px;
text-decoration:none}


small {
font-size:9px;}

big {
font-size:12px;}

#container {
left:58%;
margin-left:-250px;
position:absolute;
{block:ifsmallcursor}
cursor: url(http://i.imgur.com/ZOrzC.png), auto;
{/block:ifsmallcursor}
}

#content {
margin-top:-5px;
width:250px;
padding:20px;
height:110%;
padding-bottom:0px;
border-left:1px solid {color:bordering};
border-right:1px solid {color:bordering};
{block:ifsmallcursor}
cursor: url(http://i.imgur.com/ZOrzC.png), auto;
{/block:ifsmallcursor}
}

#entry {
width:250px;
{block:IndexPage}
margin-bottom:40px;
{/block:IndexPage}
{block:PermalinkPage}
margin-bottom:50px;
{/block:PermalinkPage}
{block:ifsmallcursor}
cursor: url(http://i.imgur.com/ZOrzC.png), auto;
{/block:ifsmallcursor}
}

#entry img {
max-width:250px;
{block:iffadedimages}
opacity:0.8;
{/block:iffadedimages}
{block:ifgrayscale}
-webkit-filter: Grayscale(95%);
{/block:ifgrayscale}
-webkit-transition: opacity 0.8s linear;
{block:ifsmallcursor}
cursor: url(http://i.imgur.com/ZOrzC.png), auto;
{/block:ifsmallcursor}
}

#entry img:hover{
{block:iffadedimages}
opacity:1;
{/block:iffadedimages}
{block:ifgrayscale}
-webkit-filter: Grayscale(5%);
{/block:ifgrayscale}-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
{block:ifsmallcursor}
cursor: url(http://i.imgur.com/ZOrzC.png), auto;
{/block:ifsmallcursor}
}

#title {
font-size:10px;
border:1px solid {color:bordering};
padding:10px;
padding-right:15px;
line-height:18px;
margin-bottom:10px;
text-transform:lowercase;
text-align:right;}

#sidebar {
text-align:right;
position:fixed;
margin-left:-135px;
{block:ifrightsidebar}
margin-left:287px;
text-align:left;
{/block:ifrightsidebar}
margin-top:100px;
width:130px;
padding:5px;
}

#btitle {
font-size:11px;
font-weight:bold;
padding-left:10px;
padding-right:10px;
border-bottom:1px solid {color:bordering};
font-family:helvetica;
padding-bottom:2px;
color:{color:blog title};
}

#btitle a{
color:{color:blog title};
}

#description {
color:{color:description};
margin:10px 0;
padding-right:10px;
width:125px;
{block:ifrightsidebar}
padding-left:10px;
width:130px;
{/block:ifrightsidebar}
}

#links {
padding-left:10px;
padding-right:10px;
padding-bottom:7px;
border-bottom:1px solid {color:bordering};
}

.navlinks{
font-family:inconsolata;
font-size:10px;
text-align: right;
padding:0px 50px 0px 0px;
{block:ifrightsidebar}
text-align: left;
{/block:ifrightsidebar}
width:118px;
position:relative;
margin-top:-1px;
}

.navlinks a{
background-color:{color:navlink};
{block:ifcirclelinks}
border-radius:100%;
{/block:ifcirclelinks}
text-decoration:none;
margin:4px 4px 4px 0px;
border:1px solid {color:navlink border};
z-index:3;
padding:4px;
display:inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.navlinks a:hover{
text-decoration:none;
background-color:{color:navlink hover};
border:1px solid {color:navlink border};
}

#pagi {
line-height:16px;
text-transform:lowercase;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
margin-top:10px;
}



#entry img, #entry li, #entry blockquote {max-width: 100%;}
.caption {width:100%;
margin-top:10px;

}

blockquote {
padding:5px 0 5px 30px;
border-left:1px solid {color:text};
margin-left:30px;
}


#entry:hover #info {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out; }

#info {
width: 130px;
margin-left: 280px;
line-height: 10px;
text-align: left;
{block:ifrightsidebar}
margin-left: -160px;
line-height: 10px;
text-align: right;
{/block:ifrightsidebar}
position: absolute;
opacity: 0;
display: inline-block;
font-style: italic;
font-size: 9px;
font-family:consolas;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out; }

#info a {
display: block;
margin: 5px; }

#info a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out; }

.tags {
border-top: 1px solid {color:Borders};
font-style: italic;
text-transform: lowercase; }

.tags a:first-child {
padding-top: 4px; }

.tags a {
display: block;
font-size: 9px; }


iframe.photoset {
 {block:iffadedimages}
opacity:0.8;
{/block:iffadedimages}
{block:ifgrayscale}
-webkit-filter: Grayscale(95%);
{/block:ifgrayscale}
}

iframe.photoset:hover {
 {block:iffadedimages}
opacity:1;
{/block:iffadedimages}
{block:ifgrayscale}
-webkit-filter: Grayscale(5%);
{/block:ifgrayscale}
}

.question {margin-bottom:10px;
    border-bottom:1px solid {color:bordering};
}
.asker {
font-weight:bold;
    border-bottom:1px solid {color:bordering};
}

.answer {
margin-top:10px;
}

.chat ol {
padding:0;
list-style:none;
}
.line {padding:5px 0;}

.label {font-weight:bold;}

#titlequote{text-align:left;
font-size:10px;
line-height:18px;
font-weight:bold;
}
#source {
margin-top:15px;
margin-left:15px;}

.audio{
width:140px;
overflow:hidden;
margin-top:-3px;
margin-left:110px;
}

img.album{
max-width:105px;
position:relative;
}

.musicinfo{
margin-left:110px;
margin-top:-105px;
overflow:auto;
padding:5px;
height:50px;
background:;
}

.postnotes {
{block:IndexPage}
display: none!important;
{/block:IndexPage}
width:250px;
text-align:left;
margin-top:3px;
}

.postnotes li {
list-style-type:none;
padding:5px 0px;
text-align:left;
margin:0 0 0 -40px;
}

.postnotes img {
display:none!important;
}

{CustomCSS}
</style>

</head>
<body>

{block:ifendlessscroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:ifendlessscroll}
{block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}

<div id="bgim">
<img src="{image:side image}" style="max-height:650px; max-width:550px; {block:ifgrayscale}-webkit-filter: Grayscale(99%);{/block:ifgrayscale} {block:iffadedimages}opacity:0.8;{/block:iffadedimages}">
</div>

<div id="bgim2">
<img src="{image:side image 2}" style="max-height:600px; max-width:450px; {block:ifgrayscale}-webkit-filter: Grayscale(99%);{/block:ifgrayscale} {block:iffadedimages}opacity:0.8;{/block:iffadedimages}">
</div>

<div id="container">



<div id="sidebar">
<div id="btitle">
<a href="/">{Title}</a>
</div>
<div id="description">
{Description}
</div>
<div id="links">
{block:ifnotdropdownlinks}
<div class="navlinks">
{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}
{block:Iflink5title}
<a title="{text:link 5 title}"href="{text:link 5 url}"></a>
{/block:Iflink5title}
</div>
{/block:ifnotdropdownlinks}

{block:ifdropdownlinks}
<select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:volter; font-size:9px; {block:iffont2} font-family:bitxmap; font-size:10px; {/block:iffont2} {block:iffont3} font-family:inconsolata; font-size:10px; {/block:iffont3}  background-color:{color:navlink}; color:{color:navlink border}; margin-top:3px; margin-right:5px; border:1px solid {color:navlink border}; width: 100px; margin-bottom:5px;">
<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}
{block:iflink5title}
<option value="{text:link 5 url}">{text:link 5 title}</option>
{/block:iflink5title}
</select>
{/block:ifdropdownlinks}
</div>
{block:ifnotendlessscroll}
<div id="pagi">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
{CurrentPage} of {TotalPages}
{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
{/block:Pagination}
</div>
{/block:ifnotendlessscroll}





</div>




<div id="content">
{block:Posts}
<div id="entry">
<div id="info">
{block:Date}<a href="{Permalink}"><b>{Month} {DayOfMonth}</b></a>{/block:Date}
<a href="{Permalink}">{NoteCountWithLabel}</a>
{block:HasTags}<div class = "tags">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>

{block:Quote}


<div id="titlequote">“{Quote}”</div>
{block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
{/block:Quote}



{block:Text}

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

{block:Link}
<div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
<div class="chat">
<ol>{block:Lines}
<li class="line {Alt}">
{block:Label}
<span class="label">
{Label}</span>
{/block:Label}{Line}</li>
{/block:Lines}
</ol></div>
{/block:Chat}

{block:Photo}
<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
{/block:Photo}

{block:Photoset}
{Photoset-250}
{/block:Photoset}

{block:Video}
{Video-250}
{/block:Video}
<div style="position:fixed; background-color: {color:tooltip bg}; left:10px; bottom:10px; padding:4px; color: {color:tooltip}; border:1px solid {color:bordering}; font-size:10px;"><a title="theme by senpiez"href="http://senpiez.tumblr.com/">作成者</a></div>
{block:Audio}
{block:AlbumArt}
<img class="album" src="{AlbumArtURL}" width="105"/>
{/block:AlbumArt}
<div class="musicinfo">
{block:TrackName}
{TrackName}</p>
{/block:TrackName}
{block:Artist}
{Artist}</p>
{/block:Artist}
{block:Album}
{Album}</p>
{/block:Album}</div>
<br>
<div class="audio">{AudioPlayerGrey}</div>
{/block:Audio}

{block:Answer}
<div class="question">
<div class="asker">{Asker} said: </div>
{Question}</div>
<div class="answer">{Answer}</div>
{/block:Answer}




</div>
{block:PermalinkPage}
{block:PostNotes}
<br>{DayOfMonth} {Month} {Year} {block:PostNotes}+ {NoteCountWithLabel}{/block:PostNotes}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}
{block:HasTags}<br>Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
{block:PostNotes}
<div class="postnotes">{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}



{/block:Posts}





</div>
</div>
</div>

<!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->


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



</body></html>