PhoenixTheme

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

<!--- THEME 3 BY WEHRMXCHT. DO NOT COPY, USE AS A BASE, STEAL, OR CLAIM AS YOUR OWN. EDIT AS HEAVILY AS YOU LIKE, BUT LEAVE CREDIT IN TACT--->

    <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lobster+Two:400italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Prata' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Yellowtail" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Passion+One" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

<link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>

<!-- START TOOLTIP -->
<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:90,

tip_fade_speed:600,

attribute:"title"

});

});

})(jQuery);

</script>

<!-- END TOOLTIP -->

    <title>{title}</title>
    <link rel="shortcut icon" href="http://i.imgur.com/SoCXJWm.png">
    <link rel="altertnate" type="application/rss+xml" href="{RSS}">
    <meta name="description" content="" />
    <meta http-equiv="x-dns-prefetch-control" content="off"/>

<!--- DEFAULT COLOR OPTIONS --->
<meta name="color:Background" content="#000000"/>
<meta name="color:Posts BG" content="#222222"/>
<meta name="color:Text" content="#ffffff"/>
<meta name="color:Post Bold" content="#773e39"/>
<meta name="color:bold shadow" content="#ffffff"/>
<meta name="color:Post Italic" content="#ffffff"/>
<meta name="color:italic shadow" content="ffffff"/>
<meta name="color:Link" content="#393939"/>
<meta name="color:Link Hover" content="#000000"/>
<meta name="color:Scrollthumb" content="#ffffff"/>
<meta name="color:Info BG" content="#000000"/>
<meta name="color:Tooltip BG" content="#000000"/>
<meta name="color:Tooltip Font" content="#ffffff"/>

<!--- IMAGE OPTIONS --->
<meta name="if:Cover BG" content="1"/>
<meta name="image:Background" content=""/>

<style type="text/css">




html {
    background-image: url('http://i.imgur.com/tlNUQbG.png'); /* --- Change your background here, the upload function dosn't work. Create your background, upload it to tinypic or whatever, and paste the URL here --- */
    background-position: top left;
    background-repeat: no-repeat;
    background-attachment: fixed;

 }

::-webkit-scrollbar {
    width: 1px;
    height: 4px;
    padding:2px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: {color:scrollthumb};
}

body {
    margin:0px;
    color:{color:text};
    font-family: 'Roboto Condensed', sans-serif;
    text-transform:none;
    font-size:9px;
    text-align: justify;
    line-height:1.25em;
    letter-spacing:0px;
    margin-left:435px;
}

h1 {
   font-family: 'Permanent Marker', cursive;
    font-weight:normal;
    font-size:16px;
    text-align:center;
    font-style:normal;
    line-height:100%;
    letter-spacing:0px;
    color:{color:text};
}


a {
    color: {color:Link};
    font-size:13px;
    font-family: 'Megrim', cursive;
    text-shadow: 1px 0px 0px #111111;
    text-decoration: none;
        -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
}

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

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

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

blockquote {
    border-left: solid;
    border-radius: 0px;
    border-left-width: 2px;
    border-color:#222222;
    padding:5px;
    padding-left: 7px;
    margin-left: 10px; }

#post {
    width:395px;
    padding-bottom:10px;
    padding-right:5px;
}

#post b, strong {
    color: {color:Post Bold};
    font-family: 'Passion One', cursive;
    text-transform:uppercase;
    text-shadow: 1px 0px 0px {color:bold shadow};
    font-size:17px;
    letter-spacing:0px;
}


#post i, em {
    color: {color:Post Italic};
    font-family: 'Yellowtail', cursive;
    text-shadow: 0px 0px 3px {color:italic shadow};
    text-transform:none;
    font-size:17px;
    letter-spacing:1px;
}

#post a {
    color: {color:Link};
    font-size:13px;
    font-family: 'Raleway', sans-serif;
    text-shadow: 1px 0px 0px #111111;
    text-decoration: none;
        -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
}

#post a:hover {
    color: {color:Link Hover};
        -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    }

#post pre {
    font-family: times;
    color:{color:Post Bold};
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}


small {

    word-spacing:0px;
    font-size:8.5px;
    letter-spacing:0px;
    line-height:130%;
}

small small {
    font-size:8px;
}

sup, sub {
    word-spacing:0px;
    font-size:8.5px;
}


big {
    font-size:12px;
    line-height:110%;
    text-shadow:1px 1px 0px #a77c62;
}


big big {
    font-size:14px;
    font-weight:800;
    line-height:110%;
    font-family:times;
    text-transform:uppercase;
    text-shadow:1px 1px 0px #a77c62;
}

big big big {
    font-size:16px;
    font-weight:800;
    line-height:110%;
    text-shadow:1px 1px 0px #a77c62;
}

/* --- THIS IS HERE TO KEEP IMAGES IN TEXT
POSTS FROM GETTING BIGGER THAN THE CONTAINER,
SO DON'T MESS WITH IT UNLESS YOU KNOW YOUR HTML. --- */

#post img.main_photo {
    width: 100%;
}

#post img {
    max-width: 100%;
    height: auto;
}

#post .photo img {
    opacity: 1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0;
    line-height: 0;
}

.tumblr_post.photo p {
    display: none;
}

/* --- BACK TO NORMAL --- */

.content {
    padding:5px;
    font-size:11px;
    width:400px;
    height:430px;
    margin-left:5px;
    margin-top:1px;
    margin-bottom:40px;
    position:fixed;
    overflow:scroll;
    overflow-x:hidden;
    background-color:transparent;
}

.backcont {
    padding:3px;
    width:417px;
    height:440px;
    left:455px;
    top:180px;
    position:fixed;
    background-color:#5b636f;
}

.navlinks {
    transform: rotate(0deg);
    color:#fff;
    text-shadow: #000 0 0 7px;
    background: transparent;
    padding: 2px;
    position: fixed;
    height:auto;
    width: 100px;
    top:153px;
    left:403px;
    font-family: times;
    text-transform:uppercase;
    text-align: right;
    font-size: 15px;
    letter-spacing:0.5px;
    line-height:130%;
    padding-top: 2px;
}

.navlinks a {
    color:#747474;
}

.navlinks a:hover {
    text-shadow: #000 0 0 5px;
    color: {color:link hover};
    text-transform: uppercase;
    }

.navigation {
    font-family: times;
    width:120px;
    font-size:11px;
    margin-top:200px;
    margin-left:-80px;
    padding-left:5px;
    letter-spacing:1px;
    font-style:none;
    text-align:center;
    }

.navigation a {
    color:#000000;
    }
.navigation a:hover {
    color:{color:Link Hover};
    }

#info {
    font-family: verdana;
    width:400px;
    margin-top:2px;
    margin-bottom:5px;
    padding-top:1px;
    font-size:12px;
    background:transparent;
    border-color:transparent;
    border-style:solid;
    border-width:1px;
    padding:7px;
    margin-left:195px;
    color:{color:text};
    text-transform:uppercase;
    font-style:normal;
    text-align:left;
        -moz-transition-duration:0.5s;
        -webkit-transition-duration:0.5s;
        -o-transition-duration:0.5s;
    }

#info a {
    color:#ffffff;
    font-style:normal;
    }

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

.tags {
    font-family:arial;
    font-style:normal;
    font-size:12px;
    width:400px;
    text-transform:normal;
    background:transparent;
    font-style:normal;
    line-height:120%;
    padding-left:5px;
    text-align:center;
    padding-top:0px;
    padding-bottom:5px;
        -moz-transition-duration:0.2s;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
    }
.tags a{
    color:#ffffff;
        -moz-transition-duration:0.2s;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
    }
.tags a:hover{
    color:{color:link hover};
         -moz-transition-duration:0.2s;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
    }

.audio{
    overflow:hidden;
    }

#ask {
    float:left;
    color:{color:text};
}

#s-m-t-tooltip {
    max-width:140px;
    padding:5px 5px 5px 5px;
    margin:20px 14px 7px 10px;
    background-color:#101010;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: bold;
    font-size:8px;
    line-height:11px;
    letter-spacing:0px;
    text-transform:uppercase;
    color:{color:Tooltip Font};
    z-index:999;
}

 #credit {
    font-size:9px;
    font-family:verdana;
    font-style:italic;
    letter-spacing:1px;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    }

#credit a {
    background-color:{color:Posts BG};
    padding:5px;
    position:fixed;
    right:15px;
    bottom:10px
    }

#credit a:hover {
    color:{color:Link Hover};
    background-color:{color:background};
    }

/* --- POPUP CSS BEGIN --- */

#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background:#000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .90;
z-index: 9999;
}
.popup_block{
width: 200px;
height: 200px;
overflow-y:scroll;
overflow-x:hidden;
display: none;
background-image: url('http://i65.tinypic.com/fwlr8p.gif');
padding: 30px;
border: 0px solid #ddd;
float: left;
font-size: 10px;
word-spacing:2px;
position: fixed;
top: 50%; left: 59.5%;
z-index: 99999;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
img.btn_close {
float: right;
margin: 0px 0px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

h2 {
font-size: 10px;
font-family: arial;
font-weight:normal;
line-height:15px;
margin:0px;
text-decoration: none;
color: {color:Post Text};
}

h2 a {
text-decoration: none;
color: {color:Post Link};
}

.popup_block b, strong {
    color: {color:Post Bold};
    font-family: 'Passion One', cursive;
    text-transform:uppercase;
    text-shadow: 1px 0px 0px #800606;
    font-size:14px;
    letter-spacing:0px;
}


.popup_block i, em {
    color: {color:Post Italic};
    font-family: 'Permanent Marker', cursive;
    text-shadow: 0px 0px 3px #fff;
    text-transform:none;
    font-size:14px;
    letter-spacing:1px;
}

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

/* POPUP NAV BEGIN */

     .lettuce {
        text-align:center;
        width: auto;
        padding:10px;
        margin-top: -20px;
    }

    .lettuce a {
        margin-left:5px;
        margin-top:10px;
        display: inline-block;
        padding:5px;
        outline: 1px solid #262626;
        border: 1px solid #262626;
        letter-spacing:0px;
        font-size:8px;
        word-spacing:0px;
        letter-spacing:0px;
        font-family: 'Passion One', cursive;
        color: #9e9e9e;
        width:40px;
        text-align:center;
        -moz-transition-duration:0.8s;
        -webkit-transition-duration:0.8s;
        -o-transition-duration:0.8s;
    }

    .lettuce a:hover {
        background-color:#5b0c0c;
        -webkit-box-shadow: 0px 0px 10px #000;
        -moz-box-shadow: 0px 0px 10px #000;
        box-shadow: 0px 0px 10px #000;
        -moz-transition-duration:0.8s;
        -webkit-transition-duration:0.8s;
        -o-transition-duration:0.8s;
    }

/* POPUP NAV END */

{CustomCSS}


</style></head><body>

<!-- MAIN POPUPS -->

<div class="navlinks">
<a href="/" title="return">■</a></a>
<a href="http://phoenixxdown.tumblr.com/ask" title="ask">■</a>
<a href="http://phoenixxdown.tumblr.com/rules" title="rules">■</a>
<a href="http://phoenixxdown.tumblr.com/navigation" title="navigation">■</a>

</div>

</div></div>

<div class="navigation">
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> <<- </a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> ->> </a><br />{/block:NextPage}{/block:Pagination}</div>



<div class="backcont">
<div class="content">

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

{block:Text}<h1>{block:Title}<a href={Permalink}>{Title}</a>{/block:Title}</h1>{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}
<div class="photoset">
<div align="center">
{Photoset-250}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

 {block:Quote}<div style="padding:4px;font-size:15px;line-height:1.5em;color:{color:text};text-align:center;font-family: 'Permanent Marker', cursive;font-style:italic;">{Quote}</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}

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

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}

{block:Audio}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{AlbumArtURL}{Artist}{TrackName}{/block:Audio}

{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #000;padding:2px;"></div> <em>{Asker}:</em><br>{Question}<br><br>{Answer}{/block:Answer}

{block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">■</a>
{/block:Date} {block:NoteCount}<a href="{Permalink}" title={NoteCount}>■</a> {/block:NoteCount} <div style="float:right;">

{block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">■ </a> {/block:RebloggedFrom}{block:ContentSource}<a title="source" href="{SourceURL}">■</a>{/block:ContentSource}   {/block:RebloggedFrom}<a href={ReblogURL} title=reblog?>■</a></a></div>
</div>


{block:HasTags}
<div class="tags">
{block:Tags} <a href="{TagURL}">&nbsp; #{Tag}</a> {/block:Tags}</div>
{/block:HasTags}
<div class="postnote">
{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
</div>
{/block:Posts}
</div>
</div>
</div>
</div></div>

<div id="credit"><a href="http://wehrmxcht.tumblr.com">x</a></div>  </div></div>

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

<body>
<p>
<p style="text-transform:uppercase; font-family: 'Permanent Marker', cursive; font-size:14px; text-align:center;letter-spacing:10px; border-bottom:1px #5c5c5c solid;padding-bottom:10px;">GUIDELINES</p>

Rules and stuff

<p>
<p></div>


</body>
</html>


</div>


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

<body>
<p style="text-transform:uppercase; font-family: 'Permanent Marker', cursive; font-size:14px; text-align:center;letter-spacing:10px; border-bottom:1px #5c5c5c solid;padding-bottom:10px;">BIO</p>

Dossier here

</body>
</html>


</div>
</div>

<div id="06" class="popup_block">
<body>
<p style="text-transform:uppercase;  font-family: 'Permanent Marker', cursive;font-size:14px; text-align:center;letter-spacing:10px; border-bottom:1px #5c5c5c solid;padding-bottom:10px;">Universes</p>
<p>

Verses page

</div>
</body>
</html>

</div>

</div>

<div id="askbox" class="popup_block">
<p style="text-transform:uppercase;  font-family: 'Permanent Marker', cursive;font-size:14px; text-align:center;letter-spacing:10px; border-bottom:1px #5c5c5c solid;padding-bottom:10px;">.- ... -.-</p>
<iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe>
</div>

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

<p style="text-transform:uppercase; font-size:14px; text-align:center;letter-spacing:10px; border-bottom:1px #5c5c5c solid;padding-bottom:10px;">TAGS</p>
<p>

Tags list

</div>

<div id="08" class="popup_block">
<p>

Mun info/links/whatever else

</div>

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

</body>
</html>

</body>
</html>