Theme #3 by ameliasdreams | Tumblr

<!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 #1 BY AMELIASDREAMS.... DO NOT CLAIM AS YOUR OWN. DO NOT UNDER ANY CIRCUMSTANCES REMOVE CREDIT, MOVE IT, CHANGE THE SIZE, COLOR, OR TEXT OF THE CREDIT!!!!! It's so disrespectful to me, and it's not even a big deal to have in the tiiiny corner of your blog. It's also frustrating for people who want to find the theme to use on their blog, because they can't find it. LIKE OR REBLOG IF USING!!!
-->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#838282"/>
<meta name="color:Link" content="#b8b8b8"/>
<meta name="image:sidebar" content=""/>
<meta name="color:linkhover" content="#cecece"/>
<meta name="color:bold" content="#cecece">
<meta name="color:italic" content="#cecece">
<meta name="color:asker bg" content="#f5f5f5">
<meta name="color:border" content="#cecece">

<meta name="text:link1" content="" />
<meta name="text:link1 url" content="/">
<meta name="text:link2" content="" />
<meta name="text:link2 url" content="/">
<meta name="text:link3" content="" />
<meta name="text:link3 url" content="/">
<meta name="text:link4" content="" />
<meta name="text:link4 url" content="/">
<meta name="text:link5" content="" />
<meta name="text:link5 url" content="/">

 <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>

    <style>
    div#qTip {
    padding: 5px;
    display: none;
    text-align: center;
    position: absolute;
    font-size:7px;
    margin-left:10px;
    margin-top:-2px;
    line-height:9px;
    font-family:sylfaen;
    font-style:italic;
    z-index: 1000;
    border: 1px solid #aaaaaa;
    background-color:#aaaaaa;
    color: #ffffff;
    text-transform:uppercase;
    letter-spacing: 3px;
    }
    </style>

<style type="text/css">

@font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}


@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

#bite
#bite a{
display:block
}
#bite .death {
margin-top:-40px;filter: alpha(opacity = 0);
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}

#bite:hover .death {
margin-top:2px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:arial;
    font-size:10px;
    line-height:100%;
}

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

    a:hover {
     color:{color:linkhover};


}

img {
    border:none;
}

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

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

h1 {
    font-size:15px;
}

b, strong {
color:{color:bold};
font-weight:bold;
}

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

#entries {
    padding:10px;
    width:500px;
    margin-left:510px;
    margin-top:100px;
    font-family:calibri;
}

#post {
    width:500px;
    padding-bottom:20px;
    font-family:calibri;
}

#sidebar {
    width:150px;
    position:fixed;
    margin-left:250px;
    margin-top:150px;
}

#sidebarimage {
    width 125px;
    margin-left:6px;
    margin-top:10px;
}

#sidebarimage img {
    width:125px;
    height:125px;
    border-radius:125px;
    border: 1px solid #dddddd;
    padding:5px;
}

#title {
    font-size:23px;
    font-family:meow;
    font-style:italic;
    text-align:center;
    margin-top:0px;
    letter-spacing:1px;
    text-shadow:1px 1px 0px #d0d0d0;
    text-transform:none;
}

#description {
    font-family:calibri;
    font-style:italic;
    text-align:justify;
    width:120px;
    font-size:10px;
    margin-top:25px;
    padding:6px;
    border: 1px dotted #dddddd;
    background: #f0f0f0;
    text-transform:lowercase;
}

#pagination{
        width:500px;
        font-size:10px;
        text-align:center;
        margin-left:510px;
        margin-top:-40px;
        position:absolute;
        font-family:calibri;
        letter-spacing:0px;
        color:#000000;
    }

#info {
    width:500px;
    padding:5px;
    font-size:8px;;
    margin-top:10px;
    margin-bottom:5px;
    letter-spacing:2px;
    text-align:left;
    color:{color:link}
    }

#questions {
    padding:11px;
    margin-top: 5px;
    margin-bottom:5px;
    font-family:calibri;
    font-size:10px;
    text-align:left;
    background-color: {color:asker bg};
}

#answer {
    font-size:10px;
    text-transform:lowercase;
}

 #links {
    padding:0px;
    font-size:13px;
    margin-top:5px;
    font-family:calibri;
    font-style:italic;
    text-align:center;
    letter-spacing:2px;
    position:absolute;
    float:left;
    width:150px;
}

 #links a{
    line-height:170%;
    padding:1px;
    text-shadow:1px 1px 0px #d0d0d0;
    margin-top:1px;
    margin-left:1px;
    letter-spacing:1px;
    color:#888888;
-moz-transition-duration:.7s;
-webkit-transition-duration:.7s;
-o-transition-duration:.7s;
}

 #links a:hover {
    color: #fff;
-moz-transition-duration:.4s;
-webkit-transition-duration:.4s;
-o-transition-duration:.4s;
 }

{CustomCSS}</style></head><body>

<div id="bite">

<div id="sidebar">

<div id="title">{Title}</div>

<div id="sidebarimage"><img src="{image:sidebar}"></div>

<center>
<div id="links">
<a href="{text:link1 url}" title="{text:link1}">I.</a>
<a href="{text:link2 url}" title="{text:link2}">II.</a>
<a href="{text:link3 url}" title="{text:link3}">III.</a>
<a href="{text:link4 url}" title="{text:link4}">IV.</a>
<a href="{text:link5 url}" title="{text:link5}">V.</a> </center>

<div class="death">

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

    {block:Pagination}<div id="pagination">
    {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
    {block:JumpPagination length="5"}
    {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
    {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
    {/block:JumpPagination}
    {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
    </div>{/block:Pagination}

</div>
<div style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri;border:1px solid;padding:4px;"><a href="http://ameliasdreams.tumblr.com/">AD</a></center></div>
<div id="entries">{block:Posts}<div id="post">

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

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

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

{block:Quote}{Quote}{block:Source} —{Source}{/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}

{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}

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

{block:Answer}<div id="questions"><b>{Asker}</b> asked: {Question}</div>
<div id="answer">{Answer}</div>{/block:answer}

<div id="info"> <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}<a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} - <a href="{ReblogParentURL}">  via </a> {/block:RebloggedFrom}
{block:ContentSource} - <a href="{SourceURL}">©</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags">
{block:HasTags}{block:Tags} <small> # </small> <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>

{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}</div>
</body></html>