#1 - Him


<!--
█▀▀▄ █░░█
█▀▀▄ █▄▄█
▀▀▀░ ▄▄▄█

█▀▄▀█ █▀▀█ ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀ 　| 　 ▀▀█▀▀ █░░█ █▀▄▀█ █▀▀▄ █░░ █▀▀█
█░▀░█ █▄▄▀ ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█ 　| 　 ░░█░░ █░░█ █░▀░█ █▀▀▄ █░░ █▄▄▀
▀░░░▀ ▀░▀▀ ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀ 　| 　 ░░▀░░ ░▀▀▀ ▀░░░▀ ▀▀▀░ ▀▀▀ ▀░▀▀

█▀▄▀█ █▀▀█ █░░█ ░▀░ █▀▀▄ █▀▀█  |　 █▀▀█ ░▀░ ▀▀█ ▀▀█ █░░█ █░░█ █░░█ ▀▀█▀▀
█░▀░█ █▄▄█ █▀▀█ ▀█▀ █░░█ █▄▄█  |　 █░░█ ▀█▀ ▄▀░ ▄▀░ █░░█ █▀▀█ █░░█ ░░█░░
▀░░░▀ ▀░░▀ ▀░░▀ ▀▀▀ ▀▀▀░ ▀░░▀  |　 █▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ░▀▀▀ ▀░░▀ ░▀▀▀ ░░▀░░

~#1 - Him
~don't steal, use as a base code, edit and then post as your own etc.
~base by the amazing farahmir.
~again, don't be douche pleAsE.
~thank you for using, beautiful, have a nice day!
-->

<!DOCTYPE html>
<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}

<!--Default Variables-->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#aaaaaa"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:Sblink" content="#ffffff"/>

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

<meta name="text:Link 1 URL" content="" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 2 URL" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 3 URL" content="" />
<meta name="text:Link 3" content="" />


<!-- jquery for tooltips-->


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:30,

tip_fade_speed:300,

attribute:"title"

});

});

})(jQuery);

</script>


<!--CSS customization here. -->

<style type="text/css">

#s-m-t-tooltip{
    position:absolute;
    margin-top: 15px;
    z-index:9999;
    background:{color:background};
}


/*basics*/
blockquote {
    padding:5px 0 5px 30px;
    border-left:1px solid {color:text};
    margin-left:30px;
    background:#eee;
}

body {
    background:{color:background};
    color:{color:text};
    font-family:arial;
    font-size:11px;
    text-align:justify;
    margin:0;
    line-height:16px;
}


a {
    color:{color:link};
    text-decoration:none;
}

a:hover {
    text-decoration:underline;

}

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


small {
    font-size:9px;
}

big {
    font-size:12px;
}


#title {
    font-size:12px;
    line-height:18px;
    font-weight:bold;
    margin-bottom:10px;
    text-transform:uppercase;
    text-align:left;

}


/*sidebar*/
#sidebar {
    text-align:left;
    position:fixed;
    margin-left:-280px;
    margin-top:130px;
    width:125px;
}

#sidebarim {
    margin-top:5px;
}

#sidebarim img {
    width:180px;
}

#titulo {
    font-size:18px;
    font-weight:bold;

}

#links {
    line-height:16px;
    text-transform:uppercase;
    font-size:8px;
    width:180px;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
    border-bottom:1px solid #eee;
}


#links a {
    margin-right:5px;
    display:inline-block;
    margin-bottom:5px;
    text-decoration:none;
    padding:2px;
}

#links a:hover {
    color:{color:Sblink};
    -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;
}


#description {
    margin-top:5px;
    width:180px;
}


/*pagination*/
#pagination {
    margin:50px 0;
    text-transform:lowercase;
    font-weight:bold;
}

#pagination a {
    padding:0 15px;
}

/*container*/
#con {
    left:50%;
    margin-left:-150px;
    position:absolute;
}


/*posts*/

#entries {
    margin-top:75px;
    width:500px;
}


#posts {
width:500px;
    {block:IndexPage}
    margin-bottom:75px;
    {/block:IndexPage}
    {block:PermalinkPage}
    margin-bottom:50px;
    {/block:PermalinkPage}

}
#posts img {
    max-width:500px;
}

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

/*quote*/

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

/*audio*/

.player {
    width:25px;
    height:25px;
    overflow:hidden;
    position:absolute;
    background:white;
}

.audioinfo {
    margin-left:50px;
}


/*asks*/
.q {
    margin-bottom:10px;
}
.as {
    font-weight:bold;
}

.a {
    margin-top:10px;
}


/*chat*/

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

.label {
    font-weight:bold;
}


/*permalink and notes*/

#permalink {
    margin-top:15px;
    font-size:9px;
    text-transform:lowercase;
}
#permalink a {

}


.tags {
    word-break:break-all;
    font-size:9px;
}

.pagenotes {
    {block:IndexPage}
    display: none!important;
    {/block:IndexPage}
    width:400px;
    text-align:left;
}

.pagenotes img {
    display:none!important;
}

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

#credit {
    right:2px;
    bottom:0px;
    font-size:9px;
    padding:5px;
    text-transform:uppercase;
    position:fixed;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    }

 /* --- UPDATES ---*/

#updates {
    font-size:9px;
    color:{color:Text};
    text-align:left;
    height:13px;
    width:100px;
    padding:4px;
    top:15px;
    left:20px;
    z-index:10;
    position:fixed;
    overflow:hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#updates:hover {
    height:185px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#updatestitle {
    font-size:11px;
    text-transform:uppercase;
    font-family:arial;
    font-weight:bold;
    color:#000;
}

{CustomCSS}


</style>


</head>

<body>

<!-- begin updates tab -->

<div id="updates">
<div id="updatestitle">updates</div>

<div style="padding-top:10px;">

Okay hey, so you can put your text here.

<p>

As always, use &lt;br&gt; or &lt;p&gt; for line breaks.

<p>

credit to <a href="http://armyofghosts.tumblr.com/">armyofghosts</a> for this updates tab!

</div></div>

<!-- end updates tab -->

<div id="con">

<div id="sidebar">
<div id="titulo">{text:Titulo}</div>
<div id="sidebarim"><img src="{image:Sidebar Image}"></div>
<div id="links">
<a href="/">home</a>
<a href="/ask">ask</a>
{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
</div>
<div id="description">{Description}</div>


</div>


<div id="entries">

{block:Posts}
<div id="posts">


{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}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
{/block:Photo}

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

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

{block:Audio}
<div class="player">{AudioPlayerWhite}</div>
<div class="audioinfo">
{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
</div>
{/block:Audio}

{block:Answer}
<div class="q">
<div class="as">{Asker} said: </div>
{Question}</div>
<div class="a">{Answer}</div>
{/block:Answer}

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

{block:Date}
<div id="permalink">
<a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
</div>
{/block:Date}


</div>


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


{/block:Posts}

<div id="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">&larr; previous </a>
{/block:PreviousPage}


{block:NextPage}
<a href="{NextPage}">next &rarr;</a>
{/block:NextPage}
{/block:Pagination}
</div>


</div>

</div>


{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
  <div id="credit"><a href="http://pizzuhut.tumblr.com/" a title="mahida"><img src="https://31.media.tumblr.com/9132525e14bc089afbec508734cda90c/tumblr_n7ktryTMqh1snc5kxo1_r1_500.gif" width="40px;"></div></a>
</body></html>