deanlirium THEME #4 - winter garden

<!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 #4 WINTERGARDEN BY DEANLIRIUM - http://deanlirium.tumblr.com
now at SANTACLARENCE - http://santaclarence.tumblr.com
▣▣▣
PLEASE like or reblog the theme post from my blog if you use! Edit as you want but as long as you keep the sidebar AND/OR the updates tab (or part of it!) YOU MUST leave the credit.
THEME BASE by hawtornes | tumblr
--->

 <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Snow" content="#ffffff"/>
<meta name="color:Text" content="#938888"/>
<meta name="color:Sidebar Links" content="#e391b4"/>
<meta name="color:DescriptionText" content="#bd8787"/>
<meta name="color:Border" content="#f1bcd0"/>
<meta name="color:Hover" content="#e1cecd"/>
<meta name="color:Scrollbar" content="#b8b8b8"/>
<meta name="color:ScrollbarBg" content="#ffffff"/>
<meta name="color:Post Links" content="#ed8888"/>
<meta name="color:Answer Bg" content="#fbefef"/>
<meta name="image:Sidebar" content=""/>
<meta name="image:side" content=""/>
    <meta name="image:updateimg"  content="http://static.tumblr.com/d1o2i2b/4i6mxtr59/horizonroad_treecolor16.png"/>
<meta name="image:Background" content=""/>
 <meta name="text:Watching" content=""/>
    <meta name="text:Reading" content=""/>
    <meta name="text:Listening to" content=""/>
    <meta name="text:More updates" content=""/>
    <meta name="text:Quote" content="" />
<meta name="text:Link 1" content="/" />
<meta name="text:Link 1 Text" content="" />
<meta name="text:Link 2" content="/" />
<meta name="text:Link 2 Text" content="" />
<meta name="text:Link 3" content="/" />
<meta name="text:Link 3 Text" content="" />
<meta name="text:Link 4" content="/" />
<meta name="text:Link 4 Text" content="" />
<meta name="text:Link 5" content="/" />
<meta name="text:Link 5 Text" content="" />
<meta name="if:Updates" content="1" />
<meta name="if:Snow" content="1" />
<meta name="if:Cursor" content="1" />
<meta name="if:Infinite scroll" content="0">

<style type="text/css">

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

::-webkit-scrollbar {
height:9px;
width:4px;
background-color:{color:ScrollbarBg};}
{block:ifCursor}
   *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
 {/block:ifCursor}
    #cont {
       margin:auto;
       width:1000px;}

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};
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;}

img {
    border:none;}

blockquote {
padding-left:5px;
margin:5px;
border-left:1px solid {color:border};}

blockquote blockquote {
margin:5px;
border-left:1px solid {color:border};}

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

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

  /* UPDATES */

   #upcont {
       bottom:0px;
       right:120px;
       z-index:2;
       position:fixed;
       width:190px;
       height:350px;}

#updates{
opacity:1;
position:fixed;
bottom:0px;
right:170px;
width:150px;
color:{color:text};
text-align: center;
font-size:10px;
word-wrap:break-word;
transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;}

#upimg img{
    position:fixed;
    width:200px;
    bottom:0px;
    right:0px;
    opacity:0.8;
    transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;}


 #upd {
    position:fixed;
    bottom:25px;
    right:30px;
    z-index:3;
    font-family:"Calibri";
    padding:4px;
    text-transform:uppercase;
    border:solid 1px {color:border};
    background-color:{color:Background};
    color:{color:text};
    font-size:10px;
    transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;}

.words{
position:fixed;
right:30px;
bottom:30px;
width:130px;
border:solid 1px {color:Answer Bg};
z-index:5;
padding:8px;
background:{color:Background};
opacity:0;
line-height:110%;
overflow:auto;
transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;}

#upcont:hover .words{
opacity:1;
transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;}

#upcont:hover #upd{
opacity:0;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;}

 /*ENTRIES*/

#entries {
padding:10px;
width:400px;
margin-left:302px;
margin-top:30px;
font-size:10px;
font-family:'arial';
letter-spacing:0px;}

#post {
width:400px;
opacity:0.8;
padding-bottom:20px;
padding:25px;
margin-top:20px;
    -moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;}
#post img{
    max-width:100%;
    -webkit-filter: brightness(110%);
    -moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;}
#post:hover {
    opacity:1;
    -moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;}

/*SIDEBAR*/

#sidebar {
    width:380px;
    height:100%;
position:fixed;
left:30px;
top:0px;}

#side {
    position:fixed;
    bottom:0px;
    left:0px;
    width:200px;
    z-index:-1;
    height:100%;
    box-shadow: 0px 0px 40px #e4eaf1;
    background-color:{color:Background};
    background-image:url('{image:side}');}

#sidebarimage img {
    position:fixed;
width:130px;
height:180px;
top:164px;
padding:5px;
background-color:{color:Background};
left:110px;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;}

.links {
width:50px;
left:35px;
font-family:'calibri';
padding: 4px;
text-align:center;
text-transform:uppercase;
position:fixed;
top:175px;}

.links a {
    text-shadow: 0px 0px 1px black;
    display:block;
width:50px;
opacity:0.7;
padding:3px;
border-bottom:solid 1px transparent;
margin-left:13px;
margin-bottom:3px;
font-size:8px;
letter-spacing:0px;
    line-height:14px;
color:transparent;
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;}
     #sidebar:hover .links a{
         background-color:{color:Background};}
.links a:hover {
    opacity:1;
    border-bottom:solid 1px {color:Post Links};
    margin-left:0px;
    text-shadow: 0px 0px 2px white;
    color:{color:Sidebar links};
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;}

#description {
text-align:justify;
width:130px;
top:375px;
left:-150px;
padding:8px;
font-size:10px;
position:fixed;
text-transform:none;
color:{color:DescriptionText};
background-color:rgba(255,255,255,0.7);
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;}

#sidebar:hover #description{
    left:44px;
    -moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;}

/*--pagination--*/

    #pagination {
    width:150px;
    position:fixed;
    text-align:center;
    text-transform:uppercase;
    left:279px;
    z-index:3000;
    top:240px;
    font-family:'trebuchet ms';
letter-spacing:1px;
font-size:7px;
    color:{color:link};}

    #pagination a{
    color:{color:link};}

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

 #icon img{
       position:fixed;
       border: solid 2px {color:bg};
       z-index:500;
       opacity:0;
       top:425px;
       left:208px;
           transition-duration:1s;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;}

    #sidebar:hover #icon img{
        opacity:1;
            transition-duration:1s;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;}

 #title {
position:fixed;
        width:190px;
        font-family:"Courgette";
        font-size:18px;
        text-align:center;
        left:260px;
        top:170px;
        z-index:500;
        opacity:0;
transition-duration:1s;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;}

    #sidebar:hover #title{
        top:210px;
                opacity:1;
    transition-duration:1s;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;}

    #ln {
        top:225px;
        position:fixed;
        height:5px;
        width:50px;
        z-index:500;
        left:330px;
        border-bottom: double {color:text};
        opacity:0;
            -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;}

       #sidebar:hover #ln {
        opacity:0.4;
            -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;}

    #quote {
position:fixed;
        width:100px;
font-family:'Courgette';
text-shadow: 0px 0px 2px black;
        font-size:13px;
        line-height:16px;
        text-align:center;
        left:50px;
        top:70px;
        opacity:0.5;
        color:transparent;
        z-index:500;
transition-duration:1s;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;}

    #sidebar:hover #quote{
color:{color:text};
opacity:1;
text-shadow: 0px 0px 1px transparent;
    transition-duration:1s;
    -moz-transition-duration:1s;
    -webkit-transition-duration:1s;
    -o-transition-duration:1s;}

/*POST INFO*/

#info {
width:400px;
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:1px solid;
border-color:{color:Border};}

#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:389px;
margin-top:-2px;
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:{color:text};
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;}

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

/*--asks--*/

   #askbg {
    padding:20px;
    background-color:{color:Answer Bg};}

    #ask {
    margin-top:-10px;
    margin-left:20px;
    font-family:calibri;
    text-align:left;}

    #ask img {
    margin-top:30px;
    width:50px;}

    #asker img{
        position:absolute;
        margin-left:-20px;
        margin-top:-20px;
        padding:4px;
        background-color:{color:background};}

/*CREDIT*/

    #cred {
    left:3px;
    bottom:6px;
    font-size:9px;
    padding:5px;
    color:{color:text};
    background-color:#fafafa;
    text-transform:uppercase;
    border:1px solid {color:border};
    position:fixed;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

    #cred:hover {
    background-color:{color:Hover bg};
    color:white;}

    /*-- audio --*/

#player {
width:28px;
height:30px;
opacity:1;
overflow:hidden;
position:absolute;
z-index:100;
margin-top:39px;
margin-left:42px;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;}

#albumart {
    width:100px;
    height:100px;
    background-color:{color:Answer Bg};
    margin:0px 7px;
        -moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;}

    #infoaudio {
        position:absolute;
        overflow:hidden;
        font-size:8px;
letter-spacing:2px;
text-transform:uppercase;
font-family:'CAMBRIA';
font-style:none;
line-height:10px;
        float:left;
        margin-top:-90px;
        margin-left:120px;
        width:250px;
        max-height:70px;
        padding:20px;
        background-color:{color:Answer Bg};}

{CustomCSS}</style>

 {block:ifInfinitescroll}
        <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
var $j = jQuery.noConflict();
$j(function() {
if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
$j("img").lazyload({
placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
effect: "fadeIn",
});
});
</script>
        {/block:ifInfinitescroll}

</head><div id="cont"><body>
{block:ifSnow}
<script src="http://static.tumblr.com/p2evvtm/7Lzm07nfv/snowstorm.js"></script>
<script>
  this.followMouse = false;        // Snow movement can respond to the user's mouse
  this.snowColor = '{color:Snow}';        // Don't eat (or use?) yellow snow.
  this.snowCharacter = '&bull;';  // &bull; = bullet, &middot; is square on some systems etc.
  this.snowStick = false;          // Whether or not snow should "stick" at the bottom. When off, will never collect.
  this.targetElement = 'side';
</script>
{/block:ifSnow}
<div id="side"></div>
<div id="sidebar">
 <div id="title">{Title}</div>
 <div id="quote">{text:Quote}</div><div id="ln"></div>
<div id="sidebarimage">
<img src="{image:Sidebar}">
</div>

<div class="links">
<a href="/">Home</a>
<a href="/ask">ask</a>
<a href="{text:Link 1}">{text:Link 1 Text}</a>
<a href="{text:Link 2}">{text:Link 2 Text}</a>
<a href="{text:Link 3}">{text:Link 3 Text}</a>
<a href="{text:Link 4}">{text:Link 4 Text}</a>
<a href="{text:Link 5}">{text:Link 5 Text}</a>
</div>

<div id="description">{Description}</div>
<div id="icon"><a href="/"><img src="{PortraitURL-40}" /></a></div>
 {block:ifnotInfinitescroll}
{block:Pagination}
<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
/ {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
</div>
{/block:Pagination}
{/block:ifnotInfinitescroll}
</div>

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

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

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

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

{block:Quote}<h2><p style="line-height:1.2em;">"{Quote}"</p></h2>
{block:Source}<div class="qsource"> —{Source}</div>
{/block:Source}{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{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}
<div id="player">{AudioPlayerWhite} </div>
<div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div><div id="infoaudio"><center>{block:TrackName}
{TrackName}
{/block:TrackName} {block:Artist}
- {Artist}
{/block:Artist}
</p></center></div>
{block:caption}{caption}{/block:caption}
{/block:Audio}<br>

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

{block:Answer}<div id="askbg"><div id="ask"></div><br><div id="asker"><img src="{AskerPortraitURL-24}"></div>__   <i>{Asker}</i> said: {Question}</div> {Answer}{/block:Answer}

<div id="info">{block:Date}<a href="{Permalink}">
{TimeAgo}</a></a>{/block:Date} with
❤
{NoteCountWithLabel}</a> ● {block:RebloggedFrom}<a href="{ReblogParentURL}"
title="{ReblogParenttitle}">Via</a> // <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}

{block:HasTags}<div id="tags"><center>{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</center>
</div>{block:HasTags}
</div>
</div>
{/block:Posts}
<br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div></div>
<br><br><br><br>

<div id="cred">
<a href="http://deanlirium.tumblr.com/">THEME</a>
</div>
</div>{block:ifUpdates}
<div id="upimg"><img src="{image:updateimg}" border='0'/></div>
 <div id="upcont">
 <div id="updates">
 <div id="upd">updates</div>
 <div class="words">
<center>
<br>
<!-------------------------INSERT UPDATES HERE----------------------->

<b>Watching:</b> {text:Watching} </br>
<b>Reading:</b> {text:Reading}</br>
<b>Listening to:</b> {text:Listening to}</br></br><img src='http://img708.imageshack.us/img708/8748/aih2.png' border='0'/><br></br>{text:More updates}

<!---------------------------------END-------------------------------->
</center></div>
</div></div>
{/block:ifUpdates}
    </body>
</div></div></div></div></div></div></div></div></div></div>
    </html>