Theme 13 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}



<!--- THEME #13 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>

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

   $(".slidingDiv1").hide();
   $(".show_hide1").show();

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

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

   $(".slidingDiv2").hide();
   $(".show_hide2").show();

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

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<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() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>

<!-- jquery -->

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

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Links" content="#cccccc"/>
<meta name="color:Hover" content="#f2f2f2"/>
<meta name="color:SidebarLinks" content="#000000"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:Title" content="#a8a8a8">
<meta name="color:Border" content="#f7f7f7"/>
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>

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

<meta name="if:Show Updates" content="1" />
<meta name="if:Pop Up Ask" content="1" />
<meta name="if:Show Link 1" content="1" />
<meta name="if:Show Link 2" content="1" />
<meta name="if:Show Link 3" content="1" />

<meta name="text:Title" content="" />
<meta name="text:Ask" content="" />
<meta name="text:URL" content="" />
<meta name="text:Link 1 Text" content="" />
<meta name="text:Link 2 Text" content="" />
<meta name="text:Link 3 Text" 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:#000;
    text-transform:none;
    font-size:9px;
    font-family:helvetica;
    letter-spacing:1px;
    color:#fff;
    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:{color:background};
    color:{color:text};
    font-family:helvetica;
    font-weight:lighter;
    font-size:10px;
    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 {
    padding-left:5px;
    border-left:2px solid;
}

blockquote blockquote {
    padding-left:5px;
    border-left:2px solid;
}

h1 {
    font-size:14px;
    line-height:10px;
    text-align:left;
}

li {
    margin-left:10px;
}

/*---ENTRIES---*/

#entry {
    padding:10px;
    width:500px;
    margin-left:500px;
    margin-top:5px;
    font-size:10px;
}

#post {
    width:500px;
    padding-bottom:40px;
    padding:25px;
    margin-top:50px;
}

/*---SIDEBAR---*/

#sidebar {
    position:fixed;
    margin-left:100px;
    margin-top:80px;
    margin-left:318px;
}

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

#sidebarimage {
    width: 130px;
}

#sidebarimage img {
    width:120px;
    padding:3px;
    margin-left:-44px;
    margin-top:150px;
}

.dropdown {
    margin-left:6px;
}

.dropdown a {
display: inline;
}

.show_hide {
    display:none;
}

.show_hide1 {
    display:none;
}

.show_hide2 {
    display:none;
}

/*---TITLE---*/

#title {
    width:130px;
    font-size:16px;
    letter-spacing:1px;
    font-family:arial;
    font-weight:bold;
    text-align:left;
    margin-top:10px;
    margin-left:-45px;
    text-transform:lowercase;
    line-height:100%;
    color:{color:Title};
}

#title a {
    color:{color:Title};
}

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

/*---LINKS---*/

.links {
    width:125px;
    padding:5px;
    text-align:left;
    text-transform:lowercase;
    position:fixed;
    margin-left:-45px;
    font-size:9px;
    letter-spacing:1px;
    opacity:0;
    z-index:10;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
}

.links a:hover {
     -webkit-filter: blur(1px);
}

#sidebar:hover .links {
    opacity:1;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
}

/*---DESCRIPTION and PAGINATION---*/

#description {
    text-align:left;
    letter-spacing:1px;
    width:130px;
    font-size:8px;
    margin-top:5px;
    padding:5px;
    margin-left:-50px;
    position:fixed;
    color:{color:Text};
    border-top:1px solid {color:Border};
    transition-duration: 0.6s;
    z-index:8;
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
}

#sidebar:hover #description {
    opacity:0;
    margin-top:19px;
    transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
}

#pagination {
    width:500px;
    bottom:0px;
    margin-left:535px;
    padding-top:10px;
    height:20px;
    text-align:center;
    background-color:#fff;
    text-transform:uppercase;
    font-weight:normal;
    font-size:9px;
    letter-spacing:1px;
    position:fixed;
    opacity: 0.7s;
}

/*---ASKS---*/

#asker {
    font-size:13px;
    letter-spacing:0px;
    font-family:helvetica;
    font-weight:bold;
    margin-left:-5px;
    padding:5px;
    margin-bottom:5px;
    text-align:left;
    text-transform:lowercase;
    color:{color:Title};
}

#asker a {
    color:{color:Title};
}

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

#answers {
        color:{color:Text};
        padding:2px;
        text-align:left;
        margin-bottom:-10px;
}

#statement {
    padding:5px;
    margin-top:-8px;
    text-align:left;
    color:#999;
    background:#fafafa;
    border-bottom:1px solid #f0f0f0;
}

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

.note {
	padding:0px 20px 0px 20px;
	font-size: 11px;
	text-align:left;
	line-height:120%;
}

.note li {
	list-style-type:none;
	padding:5px 25px 5px 25px;
	text-align:left;
	margin-right:30px;
	margin-top:-50px;
}

#info {
	text-align:left;
	margin-top:10px;
	padding-top:10px;
	padding:5px;
	padding-bottom:5px;
	font-size:9px;
	text-transform:lowercase;
	line-height:100%;
	background:{color:border};
}

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

/*---TAGS---*/

#tags {
	font-family:helvetica;
	font-style:italic;
	letter-spacing:1px;
	text-align:left;
	margin-top:5px;
	margin-left:-50px;
	padding-bottom:5px;
	font-size:9px;
	opacity:0;
    -moz-transition-duration:0.8s;
    -webkit-transition-duration:0.8s;
    -o-transition-duration:0.8s;
}

#post:hover #tags {
    margin-left:0px;
    margin-top:5px;
    opacity:1;
    -moz-transition-duration:0.8s;
    -webkit-transition-duration:0.8s;
    -o-transition-duration:0.8s;
}

#notes {
    padding-bottom:2px;
    text-align:left;
    font-size:8px;
    width:460px;
}

#notes li.note{
    border-bottom:1px solid {color:border};
    padding:2%;
}

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

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

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

#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
padding: 10px;
float: left;
font-size: 10;
position: fixed;
top: 50%; left: 52.3%;
z-index: 99999;
}
.heading{
font-size:15px;
margin-bottom:10px;
color:#fff;
letter-spacing:2px;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

/* --- UPDATES ---*/

#updatesbox {/*the styling of the whole updates box; tutorial by http://capably.tumblr.com*/
    line-height:100%;/*don't change this!*/
    display:block;/*don't change this either lol*/
    border:1px solid {color:border};/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
    height:10px;/*the height of the box before hover*/
    width:30px;/*the width of the box before hover*/
    padding:0px 5px 5px 5px;/*don't change this!*/
    z-index:3;/*don't change this!*/
    top:20px;/*distance from top of page*/
    left:35px;/*distance from left of page*/
    color:#fff;/*color of text*/
    position:fixed;/*don't change this!*/
    background:{color:Hover};/*background color of updates box*/
    overflow:hidden;/*don't change this!*/
    text-align:center;/*text alignment of everything in updates box*/
    -moz-transition-duration:0.6s;
    -webkit-transition-duration:0.6s;
    -o-transition-duration:0.6s;
}

#updatesbox:hover {/*the updates box after hover*/
    height:195px;/*the height of the box after hover*/
    width:90px;/*the width of the box after hover*/
    color:{color:Text};/*color of text*/
    background:#fff;/*background color of updates box*/
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}
/*tutorial by meem.co.vu; please don't remove this note*/
#updatestitle {/*the title of the updates box*/
    line-height:17px;/*don't change this!*/
    font-family:helvetica;/*the font of the updates title*/
    text-transform:uppercase;/*can be uppercase, lowercase, none*/
    font-size:7px;/*font size of updates title*/
}

#inside {/*the actual updates*/
    font-size:9px;/*the font size of the actual updates*/
    font-family:helvetica;/*the font of the actual updates*/
    width:90px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
    line-height:10px;/*don't change this!*/
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
}

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

</style></head><body>

{block:IfShowUpdates}

<!-- begin updates box -->

<div id="updatesbox">
<span id="updatestitle">TITLE</span>
<div id="inside">

Okay hi so this is where you put your updates or whatever it is you want to put!

<p>

Type &lt;br&gt; or &lt;p&gt; to go to a new line.

<p>

So what you're going to have to do is go to the HTML and look for this writing and change it from there.

<p>

Of course, this is totally optional, so there will be a choice not to have this! (:

</div>
</div>

{/block:IfShowUpdates}

<div id="sidebar">

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

<div id="title"><a href="/">{text:Title}</a></div>

<div class="links">

{block:ifNotPopUpAsk}
<a href="/ask" style="border-bottom:1px solid #e8e8e8; display:block;">Ask</a><p>
{/block:ifNotPopUpAsk}

{block:ifPopUpAsk}
<a href="#?w=500" rel="02" class="poplight" style="border-bottom:1px solid #e8e8e8; display:block;">Ask</a><p>
{/block:ifPopUpAsk}

{block:IfShowLink1}
<a href="#" class="show_hide" style="border-bottom:1px solid #e8e8e8; display:block;">{text:Link 1 Text}</a>
<div class="slidingDiv">
<div class="dropdown">
<div>
    Keep it a bit short, and maybe put <a href="/">a link</a>. Idk, it's up to you!
</div></div></div>
<p>
{/block:IfShowLink1}

{block:IfShowLink2}
<a href="#" class="show_hide1" style="border-bottom:1px solid #e8e8e8; display:block;">{text:Link 2 Text}</a>
<div class="slidingDiv1">
<div class="dropdown">
<div>
    Idk just put whatever you want here
    <li><a href="">Maybe a link</a></li>
    <li>Or something else</li>
    <li>It's up to you</li>
</div>
</div></div>
<p>
{/block:IfShowLink2}

{block:IfShowLink3}
<a href="#" class="show_hide2" style="border-bottom:1px solid #e8e8e8; display:block;">{text:Link 3 Text}</a>
<div class="slidingDiv2">
<div class="dropdown">
<div>
    More links yay
    <li><a href="">Like this</a></li>
    <li><a href="">Or this</a></li>
    Or something else!
</div>
</div></div>
{/block:IfShowLink3}
</div>

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

</div>
</div>

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

<!---END SIDEBAR--->

<!---POSTS--->

<div id="entry">
{block:Posts}
<div id="post">

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


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


{block:Photoset}
    {Photoset-500}
{block:Caption}
    <span class="caption">{Caption}</span>
{/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}
{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
{/block:Lines}
{/block:Chat}

{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" height="65px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>

<br><br>

{block:Caption}
{block:ifshowcaptions}
    <span class="caption">{Caption}</span>
{/block:ifshowcaptions}
{/block:Caption}
{/block:Audio}


{block:Video}
    {Video-500}
{block:Caption}
    <span class="caption">{Caption}</span>
{/block:Caption}
{/block:Video}

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

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

<!---DATE--->
                        {block:Date}
                                <a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
                        {/block:Date}
<!---NOTE COUNT--->
                        {block:NoteCount}
                                &nbsp;&nbsp;&nbsp;<font style="color:#a8a8a8">+<a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></font>
                        {/block:NoteCount}

{block:RebloggedFrom}
    &nbsp;&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}</a>

{block:ContentSource}&nbsp;&nbsp;&nbsp;<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}

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

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

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

{/block:Posts}

{block:PermalinkPage}
{block:PostNotes}
    <div id="notes">{PostNotes}</div>
{/block:PostNotes}
{/block:permalinkpage}

</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}</div><iframe frameborder="0" scrolling="yes" 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>