Theme 9: Revamp by armyofghosts

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

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

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



<!--- THEME #9 BY ARMYOFGHOSTS :) --->



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

<script>
$(document).ready(function(){

   $(".slidingDiv").hide();
   $(".show_hide").show();

   $('.show_hide').toggle(function(){
       $(".slidingDiv").slideDown(
         function(){
           $("#navigation").text("navigation")
         }
       );
   },function(){
       $(".slidingDiv").slideUp(
       function(){
           $("#navigation").text("navigation")
       }
       );
   });
});
</script>





<!---POP UP ASK--->

<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
});
return false;
});
});
</script>




<!-- jquery -->

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





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



<meta name="color:Background" content="#fff"/>
<meta name="color:Links" content="#ccc"/>
<meta name="color:Hover" content="#f2f2f2"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:Bold" content="#a8a8a8"/>
<meta name="color:Italics" content="#a8a8a8"/>
<meta name="color:Border" content="#f7f7f7"/>
<meta name="color:Tooltip" content="#fff"/>
<meta name="color:TooltipBg" content="#000"/>
<meta name="color:Scrollbar" content="#000"/>
<meta name="color:ScrollbarBg" content="#fff"/>

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

<meta name="if:Show Captions" content="1" />
<meta name="if:Show Updates" content="1" />
<meta name="if:Show Description" content="1" />
<meta name="if:Pop Up Ask" content="1" />

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



<style type="text/css">



/*---TOOLTIP---*/

#s-m-t-tooltip {
    max-width:300px;
    padding:2px;
    margin:10px 0px 0px 10px;
    padding:3px 5px;
    background-color:{color:TooltipBg};
    text-transform:none;
    font-size:9px;
    font-family:helvetica;
    letter-spacing:1px;
    color:{color:Tooltip};
    z-index:999;
}



/*---SCROLLBAR---*/

::-webkit-scrollbar-thumb {
    height:auto;
    background-color:{color:Scrollbar};
}

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



/*---BODY---*/

body {
	background:url('{image:background}') 50%50% repeat {color:background};
    background-attachment:fixed;
    color:{color:text};
    font-family:helvetica;
    font-size:11px;
    line-height:120%;
    text-align:justify;
}

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

a:hover {
    color:{color:Hover};
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
}

blockquote {
    border-left:2px solid {color:border};
    padding-left:4px;
    margin-left:30px;
}

b, strong {
    color:{color:bold};
}

i, em {
    color:{color:italics};
}

li {
    margin-left:-20px;
}

small {
    font-size:9px;
}

h1 {
    text-align:center;
    line-height:100%;
    font-family:helvetica;
    text-transform:uppercase;
    font-size:15px;
    letter-spacing:2px;
    color:#555;
}

h1 a {
     color:{color:text};
}



/*---ENTRIES---*/

#cont {
    top:0px;
    width:600px;
    left:50%;
    margin-left:-200px;
    position:absolute;
}

#entries {
    width:400px;
    margin-left:-45px;
    padding:20px;
}

#posts {
    display:block;
    width:400px;
    padding:25px;
    padding-bottom:20px;
    margin-bottom:100px;
    margin-top:25px;
}

#posts:first-of-type {
    margin-top:50px;
}

#posts:last-of-type {
    margin-bottom:30px;
}



/*---SIDEBAR---*/

#sidebar {
    position:fixed;
    height:200px;
    top:20%;
    margin-bottom:-100px;
    width:200px;
    left:25%;
    margin-left:-150px;
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
}



/*---SIDEBAR IMAGE---*/

#sbimage {
    width:150px;
}

#sbimage img {
    width:120px;
    background:#f1f1f1;
    padding:20px;
}



/*---DESCRIPTION---*/

#desc {
    background:#f1f1f1;
    padding:10px;
    color:#888;
    margin-top:3px;
    width:140px;
    text-align:left;
}



/*---NAVIGATION TITLE---*/

#navtitle {
    background:#f1f1f1;
    padding:5px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:10px;
    cursor:help;
    color:#000;
    text-align:center;
}



/*---LINKS---*/

.dropdown a {
    margin-top:5px;
    display:inline-block;
    width:150px;
    padding:5px 0px 5px 10px;
    font-weight:normal;
    text-transform:lowercase;
    font-size:9px;
    letter-spacing:2px;
    color:{color:SidebarLinks};
}

.dropdown a:hover {
    background:#f1f1f1;
    color:#000;
}

.show_hide {
    display:none;
}



/*---PAGINATION---*/

#pagination {
    width:450px;
    margin-left:-24px;
    bottom:0px;
    background:{color:background};
    padding-top:15px;
    height:25px;
    text-align:center;
    text-transform:uppercase;
    font-weight:normal;
    font-size:10px;
    letter-spacing:1px;
    position:fixed;
}



/*---TAGS/INFO---*/

#info {
    text-align:left;
    font-weight:normal;
    padding:5px;
    background:#f9f9f9;
	width:390px;
	margin-top:10px;
	font-size:8px;
    letter-spacing:2px;
    text-transform:uppercase;
	line-height:100%;
}

#info a {
    color:#444;
}

#info a:hover {
    color:{color:Hover};
}

#tags {
    text-align:center;
	opacity:0;
	font-family:helvetica;
	letter-spacing:1px;
	padding-bottom:5px;
	padding-top:10px;
	font-size:9px;
    -moz-transition-duration:0.9s;
    -webkit-transition-duration:0.9s;
    -o-transition-duration:0.9s;
}

#tags a {
    color:#444;
}

#tags a:hover {
    color:{color:Hover};
}

#posts:hover #tags {
    opacity:1;
    -moz-transition-duration:0.9s;
    -webkit-transition-duration:0.9s;
    -o-transition-duration:0.9s;
}



/*---NOTES---*/

.note {
    padding-left:25px;
    padding-bottom:2px;
    text-align:left;
    font-size:9px;
    width:360px;
}

.note li {
    color:#888;
    text-transform:uppercase;
    font-size:7px;
    letter-spacing:2px;
    line-height:300%;
}

.note li a {
    color:#555;
}

.note li img.avatar{
    width:0px;
    height:0px;
}

#rebloggedfrom {
	font-family:helvetica;
	text-align:center;
	margin-top:-5px;
	font-size:10px;
}



/*---POSTS---*/

#asker {
    margin-bottom:5px;
    margin-left:-5px;
    padding:8px;
    margin-bottom:5px;
    text-align:left;
    color:#888;
    background:#f6f6f6;
    border:1px solid #f4f4f4;
}

#asker a {
    font-size:11px;
    font-weight:bold;
    color:#000;
    letter-spacing:0px;
    text-transform:lowercase;
}

.quote {
    font-size:15px;
    letter-spacing:1px;
    text-align:right;
    font-family:times;
    font-style:italic;
    padding:5px;
}

#source {
    padding-top:5px;
    text-align:right;
}

#chat {
    padding:5px;
}

#chat:nth-of-type(odd) {
    background:#f7f7f7;
}

#audio {
    height:25px;
    width:380px;
    padding:10px;
    background:#f7f7f7;
}

#aplayer {
    overflow:hidden;
    margin:3px;
    margin-top:-1px;
    width:27px;
    height:30px;
}

#ainfo {
    margin-top:-32px;
    margin-left:45px;
    background:#fff;
    padding:7px;
}



/* --- POP UP ASK ---*/

#fade {
    display: none;
    background:url('{image:background}') 50%50% repeat {color:background};
    background-attachment:fixed;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity:1;
    z-index: 9999;
}

.popup_block {
    display: none;
    padding: 10px;
    float: left;
    font-size: 10;
    position: fixed;
    top: 45%;
    left: 52.3%;
    z-index: 99999;
}

.heading {
    text-align:left;
    font-family:helvetica;
    font-size:14px;
    margin-bottom:10px;
    color:#000;
    letter-spacing:2px;
}



/*---CREDIT---*/

#cred {
        position:fixed;
        bottom:10px;
        right:10px;
        font-size:12px;
        font-family:arial;
        font-weight:bold;
        letter-spacing:-2px;
        padding:5px;
}

#cred a {
    color:#000;
}



/* --- 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:155px; /*---185px w/ semi-h.---*/
    -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 b {
    color:#000;
}

#updatestitle {
    font-size:13px;
    letter-spacing:2px;
    text-transform:lowercase;
    font-family:arial;
    font-weight:bold;
    color:#000;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}



/*---END CSS---*/

</style></head><body>



{block:IfShowUpdates}

<!-- begin updates tab -->

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

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

Yooo here's your hella cool updates tab!

<p>

Feel free to make it as short or as long as you'd like ofc

<p>

Have fun thank u for maybe using this theme

</div></div>

<!-- end updates tab -->

{/block:IfShowUpdates}





<!---SIDEBAR--->

<div id="sidebar">



<div id="sbimage">
<a href="/"><img src="{image:Sidebar}"></a>
</div>



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



<div class="dropdown">
<a href="#" class="show_hide" id="navtitle">navigation</a>
<div class="slidingDiv">
<div>



{block:ifPopUpAsk}
<a href="#?w=500" rel="02" class="poplight">ask</a>&nbsp;&nbsp;&nbsp;
{/block:ifPopUpAsk}

{block:ifNotPopUpAsk}
<a href="/ask">ask</a>&nbsp;&nbsp;&nbsp;
{/block:ifNotPopUpAsk}

<a href="{text:Link 1 URL}">{text:Link 1 Text}</a>&nbsp;&nbsp;&nbsp;

<a href="{text:Link 2 URL}">{text:Link 2 Text}</a>&nbsp;&nbsp;&nbsp;

<a href="{text:Link 3 URL}">{text:Link 3 Text}</a>



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





<div id="cont">




<div id="pagination">
{block:Pagination}<div class="pagination">
{block:PreviousPage}<a href="{PreviousPage}">back</a>   {/block:PreviousPage} —
{block:NextPage}<a href="{NextPage}">forth</a> {/block:NextPage}
</div>{/block:Pagination}
</div>




<div id="entries">

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



{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
{Body}
{/block:Text}



{block:Photo}
<a href="{Permalink}"><img src="{PhotoURL-400}"></a>
{block:Caption}
{block:ifshowcaptions}
<span class="caption">{Caption}</span>
{/block:ifshowcaptions}
{block:ifnotshowcaptions}
{block:PermalinkPage}<span class="caption">{Caption}</span> {/block:PermalinkPage}
{/block:ifnotshowcaptions}
{/block:Caption}
{/block:Photo}



{block:Photoset}
{Photoset-400}
{block:Caption}
{block:ifshowcaptions}
<span class="caption">{Caption}</span>
{/block:ifshowcaptions}
{block:ifnotshowcaptions}
{block:PermalinkPage}<span class="caption">{Caption}</span> {/block:PermalinkPage}
{/block:ifnotshowcaptions}
{/block:Caption}
{/block:Photoset}



{block:Quote}
<div class="quote">"{Quote}"</div>
{block:Source}
<div id="source">— {Source}</div>
{/block:Source}
{/block:Quote}



{block:Link}
<h1><a href="{URL}" {Target}>{Name}</a></h1>
{block:Description}
<div style="padding-left:5px;padding-right:5px;">{Description}</div>
{/block:Description}
{/block:Link}



{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
{block:Lines}
<div id="chat">
{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
</div>
{/block:Lines}
{/block:Chat}

{block:Audio}
<div id="audio">
<div id="aplayer">
{block:AudioPlayer}
{AudioPlayerWhite}
{/block:AudioPlayer}
</div>
<div id="ainfo">
<b>{block:Artist}{Artist}{/block:Artist}</b> - {block:TrackName}{TrackName}{/block:TrackName}
</div>
</div>
{block:ifshowcaptions}
<span class="caption">{Caption}</span>
{/block:ifshowcaptions}
{block:ifnotshowcaptions}
{block:PermalinkPage}<span class="caption">{Caption}</span> {/block:PermalinkPage}
{/block:ifnotshowcaptions}
{/block:Audio}



{block:Video}
{Video-400}
{block:Caption}
{block:ifshowcaptions}
<span class="caption">{Caption}</span>
{/block:ifshowcaptions}
{block:ifnotshowcaptions}
{block:PermalinkPage}<span class="caption">{Caption}</span> {/block:PermalinkPage}
{/block:ifnotshowcaptions}
{/block:Caption}
{/block:Video}



{block:Answer}
<div id="asker"><a href="{askerURL}">{askername}:</a> {Question}</div>
{Answer}
{/block:Answer}





<!---POST INFO--->
<div id="info">

<!---DATE--->
{block:Date}
<a href="{Permalink}" title="{TimeAgo}"> {ShortMonth} {DayOfMonth} </a>
{/block:Date}

<!---NOTE COUNT--->
{block:NoteCount}
with <a href="{Permalink}">{NoteCountWithLabel}</a>
{/block:NoteCount}

{block:PermalinkPage}

<div style="float:right;">
<!---VIA--->
{block:RebloggedFrom}
&nbsp;/&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
{/block:RebloggedFrom}

<!---SOURCE--->
{block:ContentSource}
&nbsp;/&nbsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>
{/block:ContentSource}

</div>
{/block:PermalinkPage}

<!---REBLOG--->
<a href="{ReblogURL}" style="float:right;">reblog</a>

</div>

<!---END POST INFO--->





<!---TAGS--->
<div id="tags">
{block:HasTags}
{block:Tags}
<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;
{/block:Tags}
{/block:HasTags}
</div>
</div>

{/block:Posts}





{block:PermalinkPage}
{block:PostNotes}
    <div class="note">{PostNotes}</div>
{/block:PostNotes}
{/block:permalinkpage}

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



<div id="cred">

<a href="http://armyofghosts.tumblr.com/" title="armyofghosts">AG</a>

</div>



</body>



<div id="02" class="popup_block">

<Center>
<div class="heading">{text:Ask Title} <a class="close" href="#" style="float: right; font-size: 13px; color: #000;" title="close">✖</a></div>
<iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
</center></div>



</html>