I'm Still Free by ladyevansrps

<!--
    "I'm Still Free"
    @ladyevansrp
    DO NOT REMOVE CREDITS
-->

<!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>
    <meta name="image:headerimg" content=""/>
    <meta name="image:iconimg" content=""/>
    <meta name="image:bgimg" content=""/>

    <meta name="color:mainbg" content="#ffffff">
    <meta name="color:postbg" content="#ffffff">
    <meta name="color:sbarbg" content="#ffffff">
    <meta name="color:sbartitlebg" content="#dddddd">
    <meta name="color:navbarbg" content="#ffffff">
    <meta name="color:backbar" content="#333333">
    <meta name="color:divshadows" content="#555555">

    <meta name="color:text" content="#000000">
    <meta name="color:link" content="#666666">
    <meta name="color:linkhover" content="#f2f2f2">
    <meta name="color:posttitle" content="#000000">
    <meta name="color:sbartitle" content="#666666">
    <meta name="color:navbarlink" content="#f2f2f2">
    <meta name="color:divider" content="#dddddd">

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

    <meta name="text:sbartitle" content="title here">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />

<style type="text/css">
/* scrollbar */
::-webkit-scrollbar
    {
        background-color:{color:sbarbg};
        height:3px;
        width:3px;
    }

::-webkit-scrollbar-thumb:vertical
    {
        background-color:{color:link};
        height:0px;
    }

::-webkit-scrollbar-thumb:horizontal
    {
        background-color:{color:link};
        height:50px!important;
    }

/* entries and posts */
body
    {
        font-family:'verdana';
        font-size:10px;
        background-color:{color:mainbg};
        background-image:url('{image:bgimg}');
        background-repeat:repeat;
        background-attachment:fixed;
    }

#entries
    {
        position:absolute;
        width:530px;
        margin-top:200px;
        margin-left:580px;
    }

#posts
    {
        background-color:{color:postbg};
        padding:10px;
        box-shadow:1px 1px 1px {color:divshadows};
    }

/* links */
a
    {
        color:{color:link};
        text-decoration: none;
    }

a:hover
    {
        color:{color:linkhover};
        text-decoration: none;
    }

/* navigation bar */
#header
    {
        position:fixed;
        height:160px;
        width:900px;
        margin-top:-20px;
        margin-left:260px;
        background-color:{color:mainbg};
        z-index:300;
    }
.headerimg {max-width:900px; max-height:160px;}

#icon
    {
        position:fixed;
        margin-top:85px;
        margin-left:275px;
        width:120px;
        height:120px;
        background-color:{color:mainbg};
        border:3px solid #fff;
        box-shadow:0px 1px 1px {color:divshadows};
        z-index:400;
    }
.iconimg {max-width:120px; max-height:120px;}

#backbar
    {
        position:fixed;
        height:120%;
        width:900px;
        margin-top:-10px;
        margin-left:260px;
        background-color:{color:backbar};
        box-shadow:0px 1px 1px {color:divshadows};
    }

/* navbar */
#navbar
    {
        position:fixed;
        margin-top:140px;
        margin-left:259px;
        width:903px;
        height:40px;
        background-color:{color:navbarbg};
        box-shadow:0px 1px 1px {color:divshadows};
        z-index:350;
    }

#navlinks
    {
        width:750px;
        height:41px;
        margin-top:9px;
        margin-left:160px;
        font-size:16px;
        font-family:'georgia';
        color:{color:backbar};
    }

#navlinks a
    {
        width:160px;
        height:41px;
        font-size:16px;
        font-family:'tahoma';
        text-align:center;
        font-weight:bold;
        color:{color:navbarlink};
        padding:7px;
        z-index:200;
    }

#navlinks a:hover
    {
        width:160px;
        height:41px;
        font-size:16px;
        font-family:'tahoma';
        text-align:center;
        font-weight:bold;
        color:{color:linkhover};
        background-color:{color:navbarbg};
        padding:7px;
        z-index:200;
    }

/* sidebar */
.arrow-up
    {
	    position:fixed;
	    width: 0;
	    height: 0;
	    margin-top:215px;
	    margin-left:300px;
	    border-left: 15px solid transparent;
	    border-right: 15px solid transparent;
	    border-bottom: 25px solid {color:sbartitlebg};
    }

#sbar
    {
        position:fixed;
        margin-top:235px;
        margin-left:280px;
        width:250px;
        height:auto;
        background-color:{color:sbarbg};
        box-shadow:1px 1px 1px {color:divshadows};
    }

#sbartitle
    {
        width:240px;
        height:auto;
        font-size:20px;
        font-family:'tahoma';
        font-weight:bold;
        text-align:center;
        color:{color:sbartitle};
        text-shadow:0px 1px 1px #333;
        background-color:{color:sbartitlebg};
        border-bottom:1px solid {color:backbar};
        padding:5px;
        z-index:200;
    }

#desc
    {
        width:240px;
        height:auto;
        max-height:300px;
        overflow:auto;
        padding:5px;
        font-size:10px;
        font-family:'tahoma';
        color:{color:sbartext};
    }

/* post titles */
#title1
    {
        line-height:25px;
        text-align:center;
        font-family:'tahoma';
        font-size:26px;
        font-weight:bold;
        text-transform:lowercase;
        color:{color:text};
    }

#title2
    {
        line-height:15px;
        text-align:center;
        font-family:'tahoma';
        font-size:16px;
        color:{color:text};
    }

/* tags, infos and notes */
#info
    {
        width:528px;
        height:25px;
        color:{color:sbartext};
        font-size:8px;
        font-family:'tahoma';
        line-height:15px;
        text-align:center;
    }

#info a
    {
        color:{color:link};
        -webkit-transition:all 0.5s ease-out;
        -moz-transition:all 0.5s ease-out;
        transition:all 0.5s ease-out;
    }

#info a:hover
    {
        color:{color:linkhover};
        opacity:0.2;
        -webkit-transition: opacity 0.8s linear;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

/* source */
#source
    {
        margin-top:3px;
        text-align:right;
        font-size:10px;
    }

/* text effects */
h1
    {
        font-size:28px;
        font-family:'tahoma';
        font-weight:bold;
    }

h2
    {
        font-size:14px;
        font-family:'tahoma';
        font-weight:bold;
    }

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

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

blockquote
    {
        margin:5px;
        padding-left:6px;
        border-left:2px solid {color:link};
    }

hr
    {
        display:block;
        padding:0px;
        height:1px;
        border:0px;
        border-top:1px solid {color:divider};
    }

pre
    {
        display:block;
        text-align:center;
        font-size:14px;
        font-family:'tahoma';
        text-shadow:1px 1px 1px #aaa;
        color:{color:text};
        padding:5px;
        background-color:{color:borders};
    }


/* chat */
.user_1 .label
    {
        color:{color:link};
        text-transform:uppercase;
        font-weight:bold;
    }

.user_2 .label
    {
        color:{color:text};
        text-transform:uppercase;
        font-weight:bold;
    }

.user_3 .label
    {
        color:{color:link};
        text-transform:uppercase;
        font-weight:bold;
    }

.user_4 .label
    {
        color:{color:text};
        text-transform:uppercase;
        font-weight:bold;
    }

.user_5 .label
    {
        color:{color:link};
        text-transform:uppercase;
        font-weight:bold;
    }

.user_6 .label
    {
        color:{color:text};
        text-transform:uppercase;
        font-weight:bold;
    }

.user_7 .label
    {
        color:{color:link};
        text-transform:uppercase;
        font-weight:bold;
    }

.user_8 .label
    {
        color:{color:text};
        text-transform:uppercase;
        font-weight:bold;
    }

.user_9 .label
    {
        color:{color:link};
        text-transform:uppercase;
        font-weight:bold;
    }

.user_10 .label
    {
        color:{color:text};
        text-transform:uppercase;
        font-weight:bold;
    }

ul.chat, .chat ol, .chat li
    {
        list-style:none;
        margin:0px;
        padding:0px;
    }

/* questions */
#asks
    {
        padding:3px;
        width:500px;
        height:auto;
        word-wrap:break-word;
    }

.arrow-left
    {
	    position:absolute;
	    width: 0;
	    height: 0;
	    margin-left:60px;
	    margin-top:15px;
	    border-top: 5px solid transparent;
	    border-bottom: 5px solid transparent;
	    border-right:10px solid {color:backbar};
    }


#question
    {
        color:{color:text};
        text-align: justify;
        font-family: 'tahoma';
        font-size: 9px;
        margin-top:5px;
        margin-left: 70px;
        padding:3px;
        background-color:{color:backbar};
        box-shadow:0px 1px 1px {color:divshadows};
    }

#portrait
    {
        float:left;
        width:48px;
        height:48px;
        position: absolute;
        background-color:#fff;
        border:3px solid #fff;
        box-shadow:0px 1px 1px #999;
    }
#answer
    {
        padding-top:10px;
        text-align: justify;
        margin-top: 15px;
    }

/* audio posts */
#audio
    {
        width:100%;
        height:100px;
        margin-bottom:5px;
    }

.albumart
    {
        float:left;
        width:100px;
        height:100px;
        background-color:#fff;
        box-shadow:1px 1px 1px #999;
    }

.player
    {
        position:absolute;
        width:25px;
        height:25px;
        margin-top:34px;
        margin-left:33px;
        overflow:hidden;
        padding:3px;
        opacity:0.4;
        -webkit-transition:all 0.4s ease-in-out;
        -moz-transition:all 0.4s ease-in-out;
        -o-transition:all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition:all 0.5s ease-in-out;
    }

.player:hover
    {
        opacity:0.7;
        -webkit-transition:all 0.4s ease-in-out;
        -moz-transition:all 0.4s ease-in-out;
        -o-transition:all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition:all 0.5s ease-in-out;
    }

.audioinfo
    {
        margin-left:110px;
        line-height:170%;
        font-family:'tahoma';
        text-transform:uppercase;
        font-size:10px;
    }

/* credit (don't remove) */
#cred a
    {
        position:fixed;
        font-family:'helvetica';
        text-transform:uppercase;
        font-size:10px;
        font-weight:bold;
        text-shadow:1px 1px 1px {color:shadows};
        bottom:3px;
        right:3px;
        padding:8px;
        color:{color:link};
    }

</style>
</head>

<body>
<!-- backbar -->
<div id="backbar"></div>

<!-- header -->
<div id="header">
    <img src="{image:headerimg}" />
</div>

<!-- icon -->
<div id="icon">
    <img src="{image:iconimg}" />
</div>

<!-- navbar -->
<div id="navbar">
    <div id="navlinks">
        <a href="{text:link 1 URL}">{text:link 1}</a> |
        <a href="{text:link 2 URL}">{text:link 2}</a> |
        <a href="{text:link 3 URL}">{text:link 3}</a> |
        <a href="{text:link 4 URL}">{text:link 4}</a>
    </div>
</div>

<!-- sbar -->
<div class="arrow-up"></div>
<div id="sbar">
    <div id="sbartitle">{text:sbartitle}</div>
    <div id="desc">{Description}</div>
    {block:Pagination}<hr><p style="text-align:center; line-height:8px; font-size:12; font-weight:bold; text-transform:uppercase;">
    {block:PreviousPage}
        <a href={PreviousPage}>prev</a>
    {/block:PreviousPage}
        /
    {block:NextPage}
        <a href={NextPage}>next</a></p>
    {/block:NextPage}{/block:Pagination}
</div>

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

<!-- quote -->
{block:Quote}
    <div id="title2"><i>
        ❝ {Quote} ❞</i>
    </div>
{block:Source}
    <div id="source">
        — {Source}
    </div>
{/block:Source}
{/block:Quote}

<!-- text -->
{block:Title}
    <div id="title1">
        {Title}
    </div>
    <hr>
{/block:Title}
{block:Text}
    {Body}
{/block:Text}

<!-- link -->
{block:Link}
    <div id="title1">
        <a href="{URL}" class="link" {Target}>{Name}</a>
    </div>
{block:Description}
    <div class="description">
        {Description}
    </div>
{/block:Description}
{/block:Link}

<!-- photo -->
{block:Photo}
    <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
{/block:Photo}
{block:Photoset}
    <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

<!-- chat -->
{block:Chat}
    <br /><ul class="chat">{block:Lines}<li class="user_{UserNumber}">
{block:Label}
    <span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
{/block:Lines}</ul>
{/block:Chat}

<!-- video -->
{block:Video}
    {Video-500}
{block:Caption}
    {Caption}
{/block:Caption}
{/block:Video}

<!-- question -->
{block:Answer}
    <div id="asks">
    <div id="portrait">
        <span style="width:48px;height:48px;"><img src="{AskerPortraitURL-48}"></span>
    </div>

    <div class="arrow-left"></div>
    <div id="question">
        <span style="font-size:11px;font-weight:bold;text-transform:uppercase;font-family:tahoma">{asker}: </span></br>&nbsp;&nbsp;&nbsp;{Question}</br>
    </div>
    </div>

    <div id="answer">
        {Answer}
    </div>
{/block:Answer}

<!-- audio -->
{block:Audio}
    <div id="audio">
        <div class="player">
            {AudioPlayerWhite}
        </div>

        <div class="albumart">
            {block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}
        </div>

        <div class="audioinfo">
            <br>
            <b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
            <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
            <b>ALBUM:</b> {block:Album}{Album}{/block:Album}<br>
            <b>PLAYS:</b> {PlayCount} times</div></div>
{block:Caption}
    {Caption}
{/block:Caption}
{/block:Audio}

</div>

<!-- info/tags/notes -->
<div id="info">
{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}, &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource} &mdash; <b>&nbsp;&hearts;</b> {block:NoteCount} <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}<p style="margin-top:-5px">{block:HasTags}{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</p>
</div>

<BR><BR>
{/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
</div>
</div>

<!-- credit (don't remove) -->
<div id="cred"><a href="http://ladyevansrps.tumblr.com">LER.</a></div>

</body>
</html>