Theme #18

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


    <!--META NAMES-->

    <meta name="color:body" content="#666666"/>
    <meta name="color:links" content="#cccbcb"/>
    <meta name="color:sblinks" content="#a8a8a8">
    <meta name="color:hover" content="#fafafa"/>
    <meta name="color:info" content="#a8a8a8">
    <meta name="color:desc" content="#aaaaaa">

    <meta name="color:bg" content="#ffffff"/>
    <meta name="color:scrollbar" content="#AAAAAA"/>
    <meta name="color:contrast" content="#88BA99"/>
    <meta name="color:scrollbarbg" content="#ffffff">

    <meta name="image:sb" content=""/>
    <meta name="image:bg" content=""/>
    <meta name="if:titlebg" content="1"/>

    <meta name="text:title2" content=""/>
    <meta name="text:link A" content=""/>
    <meta name="text:link A url" content="/">
    <meta name="text:link B" content=""/>
    <meta name="text: link B url" content="/">
    <meta name="text:link C" content=""/>
    <meta name="text:link C url" content="/">
    <meta name="text:link D" content=""/>
    <meta name="text:link D url" content="/">

    <!--THEME #18 by KATRINA OF DUMBLDORES PLEASE KEEP ALL OF THE CREDITS THANK YOU-->

    <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>

<a title="click to feed">
 <div style="position:fixed;top:0;">
 <object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor2=EEEEEE&up_fishColor10=F45540&up_fishName=Fish&up_fishColor3=EEEEEE&up_fishColor7=F45540&up_fishColor1=EEEEEE&up_fishColor6=F45540&up_fishColor5=EEEEEE&up_foodColor=EE4393&up_backgroundImage=http://&up_backgroundColor=000000&up_fishColor8=F45540&up_fishColor4=EEEEEE&up_numFish=5&up_fishColor9=F45540&" width="68" height="750"><!--INSP CREDIT TO HOGWAT--><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor2=EEEEEE&up_fishColor10=F45540&up_fishName=Fish&up_fishColor3=EEEEEE&up_fishColor7=F45540&up_fishColor1=EEEEEE&up_fishColor6=F45540&up_fishf5=EEEEEE&up_foodColor=5ba49c&up_backgroundImage=http://&up_backgroundColor=ffffff&up_fishColor8=F45540&up_fishColor4=EEEEEE&up_numFish=5&up_fishColor9=F45540&"><!--INSP CREDIT TO HOGWAT--></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object></div><!--INSPCREDIT TO HOGWAT--></a>


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

<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  $("#clicker").click(function(){
    $("#more").slideToggle("fast");
  });
});
</script>

<script src="http://code.jquery.com/jquery-1.10.0.min.js">
</script>
<script>
$(document).ready(function(){

$(".one").click(function(){
$(".1").toggle();
$(".2,.3,.4,.5,.6").hide();
});
$(".two").click(function(){
$(".2").toggle();
$(".1,.3,.4,.5,.6").hide();
});
$(".three").click(function(){
$(".3").toggle();
$(".2,.1,.4,.5,.6").hide();
});
$(".four").click(function(){
$(".4").toggle();
$(".1,.2,.3,.5,.6").hide();
});
$(".five").click(function(){
$(".5").toggle();
$(".1,.2,.3,.4,.6").hide();
});
$(".six").click(function(){
$(".6").toggle();
$(".1,.2,.3,.4,.5").hide();
});

});
</script>



<style type="text/css">

@font-face {font-family:type;src:url(http://static.tumblr.com/jqlwb54/C0qmswngk/oldnewspapertypes.ttf);}

@font-face {font-family:kat;src:url(http://static.tumblr.com/jqlwb54/rqXmswnft/websymbols-regular-webfont.ttf);}



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

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

body {
background-image:url('{image:bg}');
font-family:calibri;
letter-spacing:1px;
font-size:9px;
text-align:justify;
color:{color:body};
margin:0;
}

a {
color:{color:links};
text-decoration:none;
-moz-outline-style:none;
}

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

img {
    border:none;
}

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

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

h3 {
text-align:right;
font-size:14px;
font-style:italic;
}


/*SIDEBAR*/

#sidebar{
position:fixed;
margin-top:-50px;
margin-left:200px;
height:750px;
width:150px;
}

#sidebarimg img{
width:170px;
margin-top:150px;
margin-left:-20px;
}

#mlinks {font-size:8px;
text-transform:uppercase;
text-align:center;
margin-top:5px;
letter-spacing:1px;margin-left:-20px;}

#mlinks a {
width:7px;
height:7px;
padding:0px;
border-radius:100px;
background-color:{color:contrast};
line-height:7px;
margin-right:5px;
margin-left:5px;
border:1px solid {color:contrast};
display:inline-block;}

#mlinks a:hover {
background:#fff;
border:1px solid #a8a8a8;
text-decoration:none;}


#clicker {font-size:8px;
width:160px;
margin-left:-20px;
text-transform:uppercase;
letter-spacing:1px;
padding:0px 5px;
line-height:25px;
background:#ffffff;
color:#fff;
font-family:arial;
{block:ifnottitlebg}
border-bottom:1px solid {color:contrast};
background-color:#fff;
color:{color:contrast};
{/block:ifnottitlebg}
{block:iftitlebg}
border-bottom:1px solid #fff;
background-color:{color:contrast};
{/block:iftitlebg}
}

#clicker a {
color:#a8a8a8;
}

#clicker:hover {
cursor:help;
}


#more{
background-color:#fff;
display:none;
}

#desc{
width:170px;
margin-top:5px;
margin-left:-20px;
text-align:justify;
line-height:16px;
font-size:8px;
letter-spacing:1.5px;
font-family:helvetica;
color:{color:desc};
}


    .pagi {
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:3px;
    font-style:normal;
    margin-top:5px;
    text-align:center;
    margin-left:-25px;
    }

    .pagi a {
    color:{color:sblinks};
    }


/*ENTRIES*/

#container {
width:500px;
padding:10px;
margin-left:450px;
margin-top:55px;
}

#posts{
width:500px;
padding:25px;
margin-top:30px;
}


/*POST INFO*/

#info {
width:500px;
text-align:left;
font-family:helvetica;
font-size:8px;
text-transform:uppercase;
padding:1px;
color:{color:info};
line-height:10px;
margin-top:5px;
margin-bottom:55px;
}

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

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

#tags{
float:left;
width:389px;
margin-top:-13px;
margin-left:-5px;
text-align:left;
font-size:7px;
padding:5px;
font-size:8px;
font-family:helvetica;
opacity:1;
color:{color:links};
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s
}

#tags a {
letter-spacing:0px;
font-size:8px;
text-align:center;
text-decoration:none;
display:inline-block;
color:#ddd;
}

#quote{
font-family:'playfair display';
font-size:15px;
letter-spacing:1px;
font-style:italic;
}

#source{
font-size:10px;
}


/*AUDIO*/

.cover {position: relative; z-index: 1;width:100px;height:100px;}

.playbutton {width: 20px;
height: 30px;
overflow: hidden;
position: relative;
z-index: 1000;
margin: 15px 24px 13px 16px;}

.playbox {background-color: #000;
position: absolute;
z-index: 1000;
margin-top: 20px;
margin-left: 20px;
opacity:0.5}

.infos {
text-transform:lowercase;text-align:center;padding:20px;margin-left:150px;margin-top:-100px;width:200px; margin-bottom:35px;
}





/*CREDIT*/

#c {
    bottom:5px;
    right:5px;
    font-size:10px;
    height:10px;
    position:fixed;
    width:40px;
    font-family:helvetica;
}

#c a{
color:#000;
}


{CustomCSS}

</style></head>


<body>

<div id="sidebar">
<div id="sidebarimg">
<img src="{image:sb}"></div>
<div id="clicker">{text:title2}</div>
<div id="more">
<div id="mlinks">
<a href="{text:link A url}" title="{text:link A}"></a>
<a href="{text:link B url}" title="{text:link B}"></a>
<a href="{text:link C url}" title="{text:link C}"></a>
<a href="{text:link D url}" title="{text:link D}"></a>
</div></div>
<div id="desc">{description}</div>
{block:Pagination}
<div class="pagi">
{block:PreviousPage}
<a href="{PreviousPage}">-catch</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">-fall</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div>
</div>


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

<!--TEXT POSTS-->

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

<!--ASKS-->

{block:Answer}
<div class="question">
<img src="{AskerPortraitURL-40}"> {Asker} asked: {Question}
</div>
{Answer}
{/block:Answer}

<!--QUOTE POSTS-->
{block:Quote}

<div id="quote">
<div id="quotetext_{Length}"><big>"</big>{Quote}<big>"</big></div></div>
{block:Source}<div id="source">- {Source}</div>{/block:Source}
{/block:Quote}

<!--LINK POSTS-->

{block:Link}
<h3><a href="{URL}">{Name}</a></h3>
{block:Description}{Description}{/block:Description}
{/block:Link}

<!--CHAT POSTS-->

{block:Chat}
{block:Title}<h3>{Title}</h3>{/block:Title}
<ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}</li>{/block:Lines}</ul>
{/block:Chat}

<!--PHOTO POSTS-->

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}

{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

<!--PHOTOSET POSTS-->

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

<!--VIDEO POSTS-->

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


<!--AUDIO-->

{block:Audio}

<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>

{block:AlbumArt}
<img src="{AlbumArtUrl}" class="cover">
{/block:AlbumArt}

<div class="infos">{block:TrackName}
{TrackName}
{/block:TrackName}{block:ExternalAudio}(<a href="{ExternalAudioURL}">dwnld</a>)
{/block:ExternalAudio}<br>

<span style="text-transform:uppercase;font-size:7px;">{block:Artist}
{Artist}
{/block:Artist}</span><br>
[<strong>
{block:Album}
{Album}
{/block:Album}
</strong>]</div>

 {/block:audio}

<!--POST INFO-->

 <div id="info">
{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> and {/block:RebloggedFrom}
 {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
- <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
({NoteCount})</a>
{block:HasTags}<div id="tags">

{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
- <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
</div>{block:HasTags}
</div>
</div>
{/block:Posts}
</div></div></div>


</div></div>

<div id="c"><a href="dumbldores.tumblr.com">DBL</a></div>
{/block:Posts}


    </body></html>