custom for channel16

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

✧･ﾟ:*✧･ﾟ:* \(◕‿◕✿)/ *:･ﾟ✧*:･ﾟ✧
theme made by senpiez.tumblr.com
custom for channel16.tumblr.com
please dont steal
✧･ﾟ:*✧･ﾟ:* \(◕ω◕✿)/ *:･ﾟ✧*:･ﾟ✧

-------------------------------------------------->

<!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="0" />
<meta name="image:side image" content="" />

<meta name="color:background" content="#f1f1f1"/>
<meta name="color:text" content="#000000"/>
<meta name="color:link" content="#000000"/>
<meta name="color:hover" content="#000000"/>
<meta name="color:scrollbar" content="#000000"/>
<meta name="color:perma bg" content="#ffffff"/>
<meta name="color:border" content="#aaa"/>
<meta name="color:perma text" content="#555"/>
<meta name="color:selection text" content="#fff">
<meta name="color:selection bg" content="#eee" />
<meta name="color:scrollbar" content="#fff" />

<meta name="text:Link1 Url" content="/" />
<meta name="text:Link1 Title" content="Link 1" />
<meta name="text:Link2 Url" content="/" />
<meta name="text:Link2 Title" content="Link 2" />
<meta name="text:Link3 Url" content="/" />
<meta name="text:Link3 Title" content="Link 3" />

<meta name="if:250px" content="0" />
<meta name="if:400px" content="1" />
<meta name="if:show captions" content="0" />
<meta name="if:show tags" content="1" />
<meta name="if:infinite scroll" content="1"/>
<meta name="if:faded images" content="1" />
<meta name="if:shadow" content="1"/>
<meta name="if:rounded corners" content="0"/>
<meta name="if:transparent posts" content="0" />
<meta name="if:semitransparent post bg" content="1" />
<meta name="if:semitransparent posts" content="1" />
<meta name="if:small cursor" content="1" />
<meta name="if:Maximised Background Image" content="0"/>

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


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

/* 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:border};}

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



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


body {
    background:{color:background} url({image:background});
    font-family: inconsolata;
    font-size:11px;
    color:{color:text};
    {block:ifsmallcursor}
    cursor: url(http://i.imgur.com/ZOrzC.png), auto;
    {/block:ifsmallcursor}
background-attachment: fixed;
    background-repeat: repeat;
}



a {
    color:{color:link};
    text-decoration:none;
    --moz-transition-duration:0.7s;
    -webkit-transition-duration:0.7s;
    -o-transition-duration:0.7s;
}



a:hover {
    color:{color:hover};
    text-decoration: underline;
    --moz-transition-duration:0.7s;
    -webkit-transition-duration:0.7s;
    -o-transition-duration:0.7s;
    {block:ifsmallcursor}
    cursor: url(http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png), auto;
    {/block:ifsmallcursor}
}



h1 {
    font-size:12px;
    font-weight:;
    letter-spacing:1;
}



blockquote {
    padding-left:0px;
}

blockquote blockquote {
    padding-left:5px;
}




#postcontainer {
    {block:if250px}
    margin-left:410px;
    {/block:if250px}
    {block:if400px}
    margin-left:310px;
    {/block:if400px}
    margin-top:25px;
    padding:10px;
    padding-bottom:10px;
    {block:if250px}
    width:275px;
    {/block:if250px}
    {block:if400px}
    width:425px;
    {/block:if400px}
    background: transparent;
    background-image:URL();
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}



#post {

    text-align:left;
    {block:if250px}
    width:250px;
    {/block:if250px}
    {block:if400px}
    width:400px;
    {block:if400px}
    padding:5px;
    margin-bottom: 25px;
    max-width: 400px;
    margin-left: 1px;
    background-color:white;
    {block:iftransparentposts}
    background:transparent;
    {/block:iftransparentposts}
    {block:ifsemitransparentposts}
    background: rgba(255,255,255,.7);
    {/block:ifsemitransparentposts}
    border:1px solid {color:border};
    {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;
}


#post img{
{block:iffadedimages}
opacity:0.8;
-webkit-filter: Grayscale(40%);
{/block:iffadedimages}
}

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


#links {
width:120px;
{block:if250px}
margin-left:710px;
{/block:if250px}
{block:if400px}
margin-left:760px;
{/block:if400px}
height:auto;
top:75px;
position:fixed;
overflow:hidden;
padding:3px;
border-left:1px solid {color:border};
}

#sidebar {
width:120px;
{block:if250px}
margin-left:710px;
{/block:if250px}
{block:if400px}
margin-left:760px;
{/block:if400px}
height:auto;
top:295px;
position:fixed;
overflow:hidden;
padding:3px;
border-left:1px solid {color:border};
}





#title{
font-family: inconsolata;
color:{color:blog title};
font-size:10px;
letter-spacing:1px;
padding:3px;
text-transform:lowercase;
text-align:left;
margin-left:8px;
margin-top:-4px;
line-height:100%;}

#title:hover{
text-decoration:underline;
}


#description {
font-family: inconsolata;
font-size:10px;
padding:0px;
text-align:left;
text-transform:lowercase;
font-style:;
color:{color:description};
width:70px;
margin-top:20px;
margin-left:10px;
line-height:12px;
height:auto;

}




.asker {
background-color:#fff;
{block:if250px}
width:250px;
{/block:if250px}
{block:if400px}
width:400px;
{/block:if400px}
text-align:center;
padding:10px 0px 10px 0px;
font-family: inconsolata;
font-size:10px;
color:black;
letter-spacing:7px;
text-transform:uppercase;
font-weight:normal;
margin-left:0px;
}

.asker a {
border:none;
}

.question {
margin-left:0px;
color:#000;
border:0px  #fff;
background-color:white;
{block:if250px}
width:250px;
{/block:if250px}
{block:if400px}
width:400px;
{/block:if400px}
border-top:1px solid black;
padding:10px 0px 10px 0px;
border-bottom: 1px black solid;
font-family: inconsolata;
text-align:center;
font-size:10px;
letter-spacing: 3px;
font-style:none;
}

     .reply {
       padding:5px;
       font-size:10px;
       font-family: inconsolata;
       font-weight:normal;
       {block:if250px}
    width:250px;
    {/block:if250px}
       {block:if400px}
    width:400px;
    {/block:if400px}
       letter-spacing: 2px;
       margin-left:0px;

     }







#info {
font-size:10px;
text-align:right;
opacity:1;
{block:if250px}
width:250px;
{/block:if250px}
{block:if400px}
width:400px;
{/block:if400px}
height: auto;
margin-top:10px;
text-transform:lowercase;
padding: 3px;
font-family: inconsolata;
margin-left: -5px;
font-style:none;
color: {color:perma text};
background-color: transparent;
}

#info a{
color: {color:perma text};
}

#info:hover {
opacity:1;
--moz-transition-duration:0.7s;
    -webkit-transition-duration:0.7s;
    -o-transition-duration:0.7s;
}

.photoset {
{block:iffadedimages}
opacity:0.8;
-webkit-filter: Grayscale(40%);
{/block:iffadedimages}
     -webkit-transition-duration:1s;
    -moz-transition-duration:1s;
    -o-transition-duration:1s;
}


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


.video{
    {block:iffadedimages}
opacity:0.8;
-webkit-filter: Grayscale(40%);
{/block:iffadedimages}

}

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




#post .footer {
background: {color:perma bg};
{block:iftransparentposts}
background:transparent;
{/block:iftransparentposts}
-moz-border-radius: 4px;
bkit-border-radius: 4px;
border-radius: 4px;
font-family: inconsolata;
font-size: 10px;
color: {color:perma text};
padding: 5px 10px;
margin-top: 5px;
height:10px;
}

#post .footer.for_permalink:hover {
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}

#post .footer .date {
width: 67%;
float: left;
color: {color:perma text};

}

#post .footer .notes {
width: 33%;
float: right;
text-align: right;
color: {color:perma text};
}

#post .footer .tags {
background: {color:perma bg};
{block:iftransparentposts}
background:transparent;
{/block:iftransparentposts}
-moz-border-radius: 4px;
bkit-border-radius: 4px;
border-radius: 4px;
font-family: inconsolata;
font-size: 10px;
color: {color:perma text};
padding: 5px 10px;
margin-top: 5px;
height:9px;
}

#post .footer .notes a {
color: {color:perma text};
}

#post .footer .tags a {
color: {color:Tags};

}

#post .footer .tags .tag-commas:last-child {
display: none;
}

#post .footer.with_source_url .tags {
max-width: 330px;
float: left;
}

#post .footer.with_source_url .source_url {
float: right;
max-width: 160px;
overflow: hidden;
white-space: nowrap;

}

#post .footer.with_source_url .source_url img {
vertical-align: top;
-moz-opacity: 0.5;
opacity: 0.5;
}

#post .footer.with_source_url .source_url:hover img {
-moz-opacity: 0.7;
opacity: 0.7;
}

#post a {
text-decoration: none;
}

#post .copy blockquote {
margin: 10px 0px 10px 10px;
padding-left: 15px;
border-left: solid 4px #dcdcdc;

}

#post .copy blockquote blockquote {
border-left: solid 4px #cccccc;

}

#post .copy blockquote blockquote blockquote {
border-left: solid 4px #bcbcbc;

}

#post .copy blockquote blockquote blockquote blockquote {
border-left: solid 4px #acacac;

}

#post .copy blockquote blockquote blockquote blockquote blockquote {
border-left: solid 4px #9c9c9c;

}

#post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
border-left: solid 4px #8c8c8c;
}






 {CustomCSS}

    </style>

</head>
<body>

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

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

{block:ifinfinitescroll}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:ifinfinitescroll}



 <div id="links">

     <a href="{text:link 1}" title="{text:link 1 title}"><img src="http://media.tumblr.com/80a571a81daebb8ef04da3fbe7ce3d83/tumblr_inline_mxeidb5Ett1qhuq5z.png"></img></a>

     <p></p>
     <a href="{text:link 2}" title="{text:link 2 title}"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mxeih5p5hq1qhuq5z.png"></img></a>


     <p></p>
     <a href="{text:link 3}" title="{text:link 3 title}"><img src="http://media.tumblr.com/f78d70ef65532fd8b283b5050844eeec/tumblr_inline_mxeibgT4ro1qhuq5z.png"></img></a>


     <p></p>
     <a href="{text:link 4}" title="{text:link 4 title}"><img src="http://media.tumblr.com/fa45ebb80aa989a678b5cca23e83151c/tumblr_inline_msr9rmrpMo1qz4rgp.png"></img></a>


     <p></p>
     <a href="{text:link 5}" title="{text:link 5 title}"><img src="http://media.tumblr.com/cd8d0ed54e41fc54df059d8354785a51/tumblr_inline_mxei9dJnjq1qhuq5z.png"></img></a>


     <p></p>
     <a href="{text:link 6}" title="{text:link 6 title}"><img src="http://media.tumblr.com/a9f469f1c5bd740f6b672cb1695ba771/tumblr_inline_mxei9pGnnK1qhuq5z.png"></img></a>


      <p></p>
     <a href="http://senpiez.tumblr.com/" title="theme credit"><img src="http://media.tumblr.com/f31b82e37b1ae68d2bf1b70e3f95352c/tumblr_inline_mxeibp0eR61qhuq5z.png"></img></a>

 </div>

<div id="sidebar">
<div id="title">{Title}</div>
<div id="links"><a href="{text:Link1 Url}" title="{text:Link1 Title}" ></a>  <a href="{text:Link2 Url}" title="{text:Link2 Title}"></a> <a href="{text:Link3 Url}" title="{text:Link3 Title}"></a></div>

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



<div id="postcontainer">
{block: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:ReblogParent}{/block:ReblogParent}



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


{block:Photo}
{LinkOpenTag}<center>
{block:if400px}
<img src="{PhotoURL-400}" width="400px"></center>
{/block:if400px}

{block:if250px}
<img src="{PhotoURL-250}" width="250px"></center>
{/block:if250px}

{block:ifshowcaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:ifshowcaptions}
{/block:Photo}



{block:Photoset}
{block:if400px}
{Photoset-400}
{/block:if400px}

{block:if250px}
{Photoset-250}
{/block:if250px}
{block:ifshowcaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:ifshowcaptions}
{/block:Photoset}

<!---VIDEO POSTS--->

{block:Video}
<div class="video">
{block:if400px}
{Video-400}
{/block:if400px}

{block:if250px}
{Video-250}
{/block:if250px}
{block:ifshowcaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:ifshowcaptions}
</div>
{/block:Video}

<!---AUDIO POSTS--->

{block:Audio}
{AudioPlayerWhite}
{block:ifshowcaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:ifshowcaptions}
{/block:Audio}

<!---QUOTE POSTS--->

{block:Quote}
"{Quote}"
{block:Source}<p></p>-{Source}{/block:Source}
{/block:Quote}

<!---LINK POSTS--->

{block:Link}
<h1><a href="{URL}" {Target}>{Name}</h1></a>
{block:Description}{Description}{/block:Description}
{/block:Link}

<!---ANSWER POSTS--->

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

<!---CHAT POSTS--->
 <div style="position:fixed;right:0;
 bottom:0;padding:10px;
 color: {color:link}; font-size:12px;">
 <a title="theme by senpiez"
 href="http://senpiez.tumblr.com/">✿</a>
 </div>
{block:Chat}
{block:Title}
<h1>{Title}</h1>
{/block:Title}
{block:Lines}
{block:Label}
{Label}
{/block:Label}
{Line}
{/block:Lines}
{/block:Chat}

 <!---------------PERMALINK--------------->

{block:Date}
<a href="{Permalink}">
<div class="footer for_permalink">
<div class="date">

<div class="date">
{block:RebloggedFrom}
<a href="{ReblogParentURL}" title="{ReblogParentName}" style="color:{color:perma text}">♥ {TimeAgo}</a>
{/block:RebloggedFrom}
</div>
</div>

<div class="notes">
<a href="{Permalink}">{block:NoteCount}{NoteCount} %{/block:NoteCount}</a>
</div>

<div class="clear"></div>
</div>
</a>
{/block:Date}



<div class="tags" style="color:{color:Tags}; background: {color:perma bg};{block:iftransparentposts}background:transparent;{/block:iftransparentposts}-moz-border-radius: 4px;border-radius: 4px;font-family: inconsolata;font-size: 10px;padding: 5px 10px;margin-top: 5px;height:10px;"> {block:HasTags}tagged: #{block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas" style="color:{color:Tags}"> #</span>{/block:Tags}{/block:HasTags}</div>
</a>

{block:PostNotes}
<div class="pagenotes">
{PostNotes}
</div>
{/block:PostNotes}
</div>
{/block:Posts}








 </div></div>







 </div>



</body>
</html>