Lullaby Theme

<!--

Theme Lullaby by Dayse (m-orbide.tumblr.com).

Please, DON'T REMOVE THE CREDITS, RESPECT THIS SIMPLE RULE! I spent a lot of time to do these themes.

-->

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
<script src="toggle.js" type="text/javascript"><!--mce:1--></script>
<script type="text/javascript">
$(document).ready(function(){
$(".description").hide();
$(".about").click(function(){
$('.description').slideToggle("fast");
return true;
});
});
</script>

<meta name="color:Background" content="#fff" />
<meta name="color:Text" content="#000" />
<meta name="color:Hover" content="#D3D3D3" />
<meta name="color:Post" content="#f5f5f5" />
<meta name="color:Links" content="#000">


<meta name="if:Show Blog Title" content="1"/>
<meta name="if:Use Banner" content="0">
<meta name="if:Reblog Link On Hover" content="0"/>
<meta name="if:Ask Link" content="1"/>
<meta name="if:Two Columns" content="1"/>
<meta name="if:Three Columns" content="0"/>
<meta name="if:SlickBox" content="1"/>

<meta name="image:Background" content=""/>
<meta name="image:Banner" content="">


<meta name="font:Body" content="Arial"/>

<meta name="text:Body font size" content="11"/>
<meta name="text:Ask Link Text" content="message"/>
<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="" />
<meta name="text:Custom Link Five" content="" />
<meta name="text:Custom Link Five Title" content="" />
<meta name="text:Custom Link Six" content="" />
<meta name="text:Custom Link Six Title" content="" />


<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
<title>Untitled Document</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}

<style type="text/css">

p{margin:0px; padding:0px;}

#tumblr_controls{
top: 1px !important;
margin: 0 0 0 0;
right: 6px !important;
position: fixed !important;}

body{
color:{color:Text};
background-color:{color:Background};
background-image:url({image:Background});
font-size:{text:Body font size}px;
font-family:{font:body};
line-height:15px;}

::-webkit-scrollbar{width:10px;
height:8px;}
::-webkit-scrollbar-button:start:decrement
::-webkit-scrollbar-button:end:increment{display:block;
height:0;
background-color:transparent;}
::-webkit-scrollbar-track-piece{background-color:{color:background};
-webkit-border-radius:0;
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;}
::-webkit-scrollbar-thumb:vertical{height:50px;
background-color:{color:Text};}
::-webkit-scrollbar-thumb:horizontal{width:50px;
background-color:{color:Text};}

#content{
margin: auto auto auto auto ;
width:100%;
top:0px;
position:relative;

}
#content .posts{
{block:ifTwoColumns}width:820px;{/block:ifTwoColumns}
{block:ifThreeColumns}width:1080px;{/block:ifThreeColumns}
margin:auto;
{block:PermalinkPage}
width:510px;
{/block:PermalinkPage}
}

#content .entry{
{block:IndexPage}
{block:ifTwoColumns}width:400px;{/block:ifTwoColumns}
{block:ifThreeColumns}width:350px;{/block:ifThreeColumns}
margin:5px;
padding:0px;
float:left;
{/block:IndexPage}
{block:PermalinkPage}
margin:6px;
width:500px;
{/block:PermalinkPage}
}

#content .entry img{
{block:IndexPage}
{block:ifTwoColumns}max-width:400px;{/block:ifTwoColumns}
{block:ifThreeColumns}max-width:350px;{/block:ifThreeColumns}
{/block:IndexPage}
}


.header{
{block:ifTwoColumns}width:820px;{/block:ifTwoColumns}
{block:ifThreeColumns}width:1080px;{/block:ifThreeColumns}
{block:ifHeaderOne}
text-align:left;
{/block:ifHeaderOne}
{block:ifHeaderTwo}
text-align:center;
{/block:ifHeaderTwo}
{block:ifHeaderThree}
text-align:right;
{/block:ifHeaderThree}
margin: 50px auto;
z-index:1100;
margin-bottom:20px;
}


a:link, a:active, a:visited{
text-decoration:none;
display: navigate;
font-family:{font:body};
padding:0px;
color:{color:Links};
}

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



{block:ifReblogLinkOnHover}
.like_and_reblog_buttons {
list-style: none;
position:absolute;
left:20px;
opacity:0;
bottom:10px;
-webkit-transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;}

.entry:hover .like_and_reblog_buttons{
opacity:0.9;
-webkit-transition: 0.2s;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
transition: 0.2s;}

.like_and_reblog_buttons li{
float: left;
margin: 0 0 0 -15px;
padding: 5px;}

.like_and_reblog_buttons li:first-child {
margin-left:-40px;}

{/block:ifReblogLinkOnHover}

.post_title{
font-family:{font:body};
display:block;
font-size:{text:Post Title font size}px;
line-height:20px;
}

.link_title{
font-size:{text:Post Title font size}px;
line-height:20px;
font-family:{font:body};
margin-bottom:5px;
}

.top{
text-align:center;
margin-top:2px;
margin-bottom:5px;
}

.nav{
display: navigate;
font-size:{text:Body Font Size}px;
font-family:{font:body};
text-transform:uppercase;
padding:5px;
color:{color:text};
text-decoration:none;
}


a.nav{
display: navigate;
font-size:{text:Body Font Size}px;
font-family:{font:body};
text-transform:uppercase;
padding:5px;
color:{color:text};
text-decoration:none;
}

.nav:hover{background:{color:Links Hover One}; color:{color:Links Hover Two}; text-decoration:none; text-decoration:none;}

.bull{margin:0px 5px 0px 5px; color:{color:title};}

.title{
font-family:{font:Body};
font-size:{text:Title font size}px;
color:{color:Title};
padding-bottom:20px;
{block:IfItalictitle}font-style:italic;{/block:IfItalictitle}}

h1{
color:{color:Blog title};
padding-bottom:10px;
font-weight: normal;
font-size:35px;
text-transform: none;
font-family: 'Georgia', cursive ;
line-height: -4px;
{block:ifusebanner}display:none;{/block:ifusebanner}
}

h1a {
color:{color:Blog title};
}

.permalink{
text-transform:none;
text-align:center;
color:gray;
position: relative;
margin-top: -10px;
font-size: 8px;
opacity: 0;
filter: alpha(opacity = 0);
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4;
}

div#entry:hover .permalink{
margin-top: -5px;
opacity: 1;
filter: alpha(opacity = 100);
-moz-transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4;
}

.quote{
font-size:{text:Body font size}px;
line-height:20px;
text-transform:none;
margin-bottom:5px;
font-family:{font:body title};
}

.audio{
{block:IndexPage}
{block:ifTwoColumns}width:390px;{/block:ifTwoColumns}
{block:ifThreeColumns}width:340px;{/block:ifThreeColumns}
{/block:IndexPage}
{block:PermalinkPage}
width:488px;
{/block:PermalinkPage}
background-color:#000;
padding:1px;
margin-bottom:0px;
border-color:{color:Post};
}

.audiocap, .videocap{
background-color:{color:Post};
display:block;
padding:10px;
}

div.video embed,
div.post div.video object {
{block:IndexPage}
width:250px !important;
height:150px !important;
{/block:IndexPage}
{block:PermalinkPage}
width:500px !important;
height:400px !important;
{/block:PermalinkPage}
}

.question{
font-weight:normal;
margin-bottom:5px;
font-size:9px;
line-height:15px;
display:block;
text-transform:lowercase;
}

.caption{
margin-top:5px;
margin-bottom:5px;
}

</style>

<script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
</script>
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
<script type="text/javascript">

$(window).load(function () {
$('.posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div#navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".entry",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 11000,
loadingImg : "",
loadingText : "<em></em>",
},
// call masonry as a callback.
function() { $('.posts').masonry({ appendedContent: $(this) }); }
);
});
</script>

<script type"text/javascript">
$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
  $('#slickbox').hide();

   // shows the slickbox on clicking the noted link
  $('#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
 // hides the slickbox on clicking the noted link
  $('#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });

 // toggles the slickbox on clicking the noted link
  $('#slick-toggle').click(function() {
    $('#slickbox').toggle(250);
    return false;
  });
});
    </script>

    </head>

<body>
<div class="top">
<div class="header">

{block:ifSlickBox}
<center><h1 class="bebas"><a title="" href="#" id="slick-toggle">{Title}</a></h1></div>

<div id="slickbox">
<a href="/" >home</a>&nbsp;
{block:ifAskLink}<a href="/ask" >{text:Ask Link Text}</a>&nbsp;
{/block:ifAskLink}
{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" >{text:Custom Link One Title}</a> &nbsp;{/block:ifCustomLinkOneTitle}

{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" >{text:Custom Link Two Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkTwoTitle}

{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" >{text:Custom Link Three Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkThreeTitle}

{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" >{text:Custom Link Four Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkFourTitle}

{block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" >{text:Custom Link Five Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkFiveTitle}

{block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" >{text:Custom Link Six Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkSixTitle}

<a href="http://m-orbide.tumblr.com/" >theme</a>&nbsp;&nbsp;<br><br>{block:Description}{Description}{/block:Description}
</div>
</div>
</div>
{/block:ifSlickBox}
{block:ifnotSlickBox}
<div style="text-align: center;">{block:ifusebanner}<img style="max-width:1500px; max-height:250px" src="{image:banner}"/>{/block:ifusebanner}<h1 class="bebas"><a href="/">{block:ifshowblogtitle}{Title}{/block:ifshowblogtitle}</a></h1></div>
<div style="text-align: center; font-size:12px; margin-top:-35px; {block:ifusebanner}margin-top:3px; {/block:ifusebanner}text-transform: lowercase;"></a></span><br><br>

<a href="/" >home</a>&nbsp;
{block:ifAskLink}<a href="/ask" >{text:Ask Link Text}</a>&nbsp;
{/block:ifAskLink}
{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" >{text:Custom Link One Title}</a> &nbsp;{/block:ifCustomLinkOneTitle}

{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" >{text:Custom Link Two Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkTwoTitle}

{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" >{text:Custom Link Three Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkThreeTitle}

{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" >{text:Custom Link Four Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkFourTitle}

{block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" >{text:Custom Link Five Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkFiveTitle}

{block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" >{text:Custom Link Six Title}</a>&nbsp;&nbsp;{/block:ifCustomLinkSixTitle}


<a href="http://m-orbide.tumblr.com/" >theme</a>&nbsp;&nbsp;<br><br>{block:Description}{Description}{/block:Description}
</div>
</div>
{/block:ifnotSlickBox}


<div id="content">

<div class="posts">

{block:Posts}

<div class="entry">

{block:Text}<div id="entry"><div style="background-color:{color:Post};">
<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
{block:Title}<span class="post_title">{Title}</span>{/block:Title}
{Body}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">perma &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}</div></div></div>
{/block:Text}

{block:Photo}
{block:IndexPage}{block:ifReblogLinkOnHover}<ul class="like_and_reblog_buttons">
<li>{ReblogButton color="white" size="15"}</li>
<li>{LikeButton color="white" size="15"}</li>
</ul>{/block:IndexPage}
{/block:ifReblogLinkOnHover}
{LinkOpenTag}<a href="{Permalink}">{block:ifTwoColumns}<img src="{PhotoUrl-500}" width="400">{/block:ifTwoColumns}{block:ifThreeColumns}<img src="{PhotoUrl-500}" width="350">{/block:ifThreeColumns}</a>{LinkCloseTag}{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}
{block:IndexPage}{Photoset-400}{/block:IndexPage}
{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">perma</a></div>{/block:IndexPage}
{/block:Photoset}

{block:Quote}<div id="entry"><div style="background-color:{color:Post};">
<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
<div class="quote">" {Quote} " </div>
{block:IndexPage}<div class="permalink"><a href="{Permalink}">perma &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}</div></div></div>
{/block:Quote}

{block:Link}<div id="entry"><div style="background-color:{color:Post};">
<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
<a href="{URL}"{Target}><span class="link_title">&rarr; {Name}</span></a>
{block:Description}{Description}{/block:Description}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">perma &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}</div></div></div>
{/block:Link}

{block:Video}
<div class="video">
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
</div>
{block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
{block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/block:Video}

{block:Chat}<div id="entry"><div style="background-color:{color:Post};">
<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
{block:Title}
<div class="ptitle">{Title}</div>
{/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">perma &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}</div></div></div>
{/block:Chat}

{block:Audio}
<div class="audio">{AudioPlayerBlack}</div>
{block:IndexPage}
{block:Caption}<div class="audiocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}
{/block:IndexPage}
{block:PermalinkPage}
{block:Caption}<div class="audiocap">{Caption}</div>{/block:Caption}
{/block:PermalinkPage}
{/block:Audio}

{block:Answer}<div id="entry"><div style="background-color:#f2f2f2;">
<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
<div class="question">{Asker}murmured: {Question}</div>
{Answer}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">perma &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}</div></div></div>
{/block:Answer}

{block:PostNotes}{PostNotes}{/block:PostNotes}

</div>

{/block:Posts}
</div>
</div>

{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}

<!-- If I see you using one of my themes without this credit, I'll report you. -->
<div style="position:fixed;right:8px;top:28px;">
<a href="http://m-orbide.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/i8axhtw/gRWmfr3aq/installtheme.png">
</div>


</body>