Theme 15

<!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 #15 PEPPERMINTISH by HOGWAT
FOLLOW THE RULES
 - DONT STEAL
 - DONT REMOVE CREDITS
 - DONT MOVE CREDIT
HAVE A WONDERFUL CHRISTMAS TIME!

--->

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#a8a8a8"/>
<meta name="color:Sidebar Links" content="#b8b8b8"/>
<meta name="color:DescriptionText" content="#b8b8b8"/>
<meta name="color:Border" content="#dddddd"/>
<meta name="color:Hover" content="#f2f2f2"/>
<meta name="color:Scrollbar" content="#000000"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>
<meta name="color:Post Links" content="#c0bfbf"/>
<meta name="color:Answer Text" content="#ffffff"/>
<meta name="color:contrast" content="#A0E5CE"/>
<meta name="image:Background" content=""/>
<meta name="image:link one" content="http://media.tumblr.com/tumblr_mecjitDeIm1qdlkyg.gif"/>
<meta name="image:link two" content="http://media.tumblr.com/tumblr_mecjiwFtOw1qdlkyg.gif"/>
<meta name="image:link three" content="http://media.tumblr.com/tumblr_mecjizzfZF1qdlkyg.gif"/>
<meta name="image:link four" content="http://media.tumblr.com/tumblr_mecjj2U7PR1qdlkyg.gif"/>
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:link 4 title" content="" />
<meta name="if:Show Link 1" content="1" />
<meta name="if:Show Link 2" content="1" />
<meta name="if:Show Link 3" content="1" />


 <script type="text/javascript" src="http://yourjavascript.com/65112128311/snowstorm.js"></script>
<script>
snowStorm.flakesMaxActive = 890;
snowStick = 1;
snowStorm.followMouse = false;
snowStorm.snowStick = false;
snowStorm.animationInterval = 56;
snowStorm.flakesMax = 250;
snowStorm.vMaxX = 5;
snowStorm.vMaxY = 5;
</script>
<!--SNOW SCRIPT BY HOGWAT-->

<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>
<!--tutorial by meem.co.vu-->
<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>

<style type="text/css">

@font-face{font-family:Pacifico;src:url(http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf);}

#s-m-t-tooltip {/* tutorial by meem.co.vu */

max-width:300px;

padding:4px 5px 4px 4px;

margin:20px 0px 0px 20px;

background-color:{color:contrast}; /* change the background color */

border:4px double #fff; /* change the border color */

font-family:calibri; /* change the font */

font-size:9px; /* change the font size */

letter-spacing:2px; /* change the letter spacing */

text-transform:uppercase; /* can be uppercase, lowercase, none*/

color:#fff; /* change the text color */

z-index:999999999999999999999999999999999999;

}

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

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

body {
background:{color:background};
margin:0px;
color:{color:text};
font-family:calibri;
font-size:10px;
line-height:100%;
letter-spacing:0px;
text-align:justify;
background-image:url('{image:Background}');
}

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

img {
    border:none;
}

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

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

h1 {
font-size:8px;
letter-spacing:2px;
text-transform:uppercase;
font-family:'CAMBRIA';
font-style:none;
line-height:10px;
text-align:left;
padding:0px;
}

h3{
font-family:'pacifico';
font-size:20px;
color:{color:contrast};
}

h3 a{
color:{color:contrast};
}

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


/*ENTRIES*/

#entries {
padding:10px;
width:500px;
margin-left:352px;
margin-top:5px;
font-size:10px;
font-family:'arial';
letter-spacing:0px;
}

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

/*SIDEBAR*/

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

#sidebarimage {
width 130px;
}

#sidebarimage img {
width:185px;
margin-top:164px;
padding:3px;
margin-left:-80px;
}

#sidebarimage img:hover {
opacity:0.7;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}


#links{
width:125px;
font-size:10px;
border-bottom:1px solid #eee;
margin-left:0px;
margin-top:5px;
text-align:center;
}

#links a{
    margin-left:9px;
color:{color:sblinks};
}

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

#desc{
width:120px;
margin-top:150px;
background-color:{color:contrast};
font-size:8px;
letter-spacing:1px;
border-radius:4px;
text-transform:uppercase;
padding:12px;
color:{color:descriptiontext};
}

.bottom{
margin-top:-2px;
color:#A0E5CE;
margin-left:5px;
font-size:25px;
}

#pagination {
font-style:bold;
padding:2px;
font-family:'arial';
letter-spacing:0px;
font-size:9px;
text-align:center;
padding:2px;
margin-top:10px;
text-transform:lowercase;
}


/*POST INFO*/

#info {
width:500px;
text-align:left;
font-family:'trebuchet ms';
margin-top:3px;
margin-left:px;
letter-spacing:1px;
font-size:7px;
font-style:none;
padding:1px;
line-height:10px;
text-transform:uppercase;
border-top:3px solid;
border-color:{color:contrast};
}

#info a {
text-align:center;
color:{color:Post Links};
}

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

#tags {
float:left;
width:489px;
margin-top:-7px;
margin-left:-5px;
text-align:left;
font-size:7px;
padding:5px;
font-size:8px;
opacity:1;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s
color:{color:Post Links};
}

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

#tags a:hover {
background-color:#fff;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
color:{color:Hover};
}

/*QUESTION*/

#asker {
color:{color:answer text};
padding:14px;
font-family:'arial';
font-size:11px;
letter-spacing:0px;
text-align:left;
margin-top:0px;
text-transform:lowercase;
line-height:100%;
background-color:{color:contrast}
}

/*CREDIT*/

#cred {
position:fixed;
font-family:'Calibri';
text-transform:uppercase;
font-size:8px;
right:9px;
bottom:9px;
padding:4px;
letter-spacing:1px;
}

#quote{
font-family:'pacifico';
font-size:20px;
line-height:22px;
color:{color:contrast};
}

 /*
 #top {
    width:100%;
    height:10px;
    top:0px;
    left:0px;
    position:fixed;
    z-index:999999;
    border-top:10px solid #fff;
    opacity:0.7;
    }

#banner {
    background-image:url(http://fc00.deviantart.net/fs70/f/2011/306/4/b/holiday_lights_by_kendellshanklin-d4ewmrb.gif);
    repeat:repeat-x;
    width:100%;
    height:28px;
}
*/

{CustomCSS}</style></head>



<body>

<div id="sidebar">

<div id="desc">{Description} </div>
<div class="bottom">▼</div>

<div id="links">
<a title="{text:Link 1 title}" href="{text:Link 1}"><img src="{image:link one}"></a>
<a title="{text:Link 2 title}" href="{text:Link 2}"><img src="{image:link two}"></a>
<a title="{text:Link 3 title}" href="{text:Link 3}"><img src="{image:link three}"></a>
<a title="{text:link 4 title}" href="{text:Link 4}"><img src="{image:link four}"></a>
</div>


{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">new</a>{/block:PreviousPage}
— {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
</div>
{/block:Pagination}

</div>

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

{block:Text}
<h3>{block:Title}{Title}{/block:Title}</h3>
{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}<div id="quote">{Quote}</div>
{block:Source}
<p><div class="qsource"> —{Source}</p></div>
{/block:Source}{/block:Quote}

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

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

{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" 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>
{/block:Audio}<br>

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

{block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}

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

{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
</div>{block:HasTags}
</div>
</div>
{/block:Posts}
<br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div>
<br><br><br><br>

<div id="cred">
<a href="http://hogwat.tumblr.com/">CRED</a>
</div>
</div>



    </body></html>