half moon

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--







     theme 01 : half moon

        by overcount.tumblr.com/themes







-->
<title>{Title}{block:TagPage} : #{Tag}{/block:TagPage} {block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="image:Banner" content="">
<meta name="color:Background" content="#ffefdb">
<meta name="color:Title" content="#000000">
<meta name="color:Text" content="#232323">
<meta name="color:Link" content="#232323">
<meta name="color:Link Hover" content="#000000">
<meta name="color:Permalink" content="#232323">
<meta name="color:Permalink Hover" content="#313131">
<meta name="color:Accent" content="#ffefdb">
<meta name="color:Border" content="#eadbc7">
<meta name="color:Posts and Sidebar" content="#ffffff">
<meta name="color:Tooltip BG" content="#ffffff">
<meta name="color:Tooltip Text" content="#232323">
<meta name="color:Scroll Bar" content="#232323">
<meta name="if:Banner" content="0">
<meta name="if:Borders" content="1">
<meta name="if:Show Captions" content="1">
<meta name="if:Black Cursor" content="1">
<meta name="if:One Column" content="0">
<meta name="if:Infinite Scroll" content="1">
<meta name="text:Home Link" content="home">
<meta name="text:Ask Link" content="contact">
<meta name="text:Archive Link" content="archive">
<meta name="text:Link 1" content="link 1">
<meta name="text:Link 1 URL" content="link 1 url">
<meta name="text:Link 2" content="link 2">
<meta name="text:Link 2 URL" content="link 2 url">
<meta name="text:Link 3" content="link 3">
<meta name="text:Link 3 URL" content="link 3 url">
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
<link href="//static.tumblr.com/putjwid/LXNp2skaa/animate.css" rel="stylesheet" type="text/css">
<script src="//use.edgefonts.net/courier-prime:n4,i4,n7,i7.js"></script>
<style type="text/css">

/* general */

body {
    margin:0;
    font:10px courier-prime, sans-serif;
    line-height:1.6em;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    color:{color:Text};
    background:{color:Background};
}
a {
    color:{color:Link};
    text-decoration:none;
    -webkit-transition:all .2s linear;
    transition:all .2s linear;
}
a:hover {
    color:{color:Link Hover};
    text-decoration:underline;
    -webkit-transition:all .2s linear;
    transition:all .2s linear;
}
{block:ifblackcursor}
* {
   cursor:url('http://www.rw-designer.com/cursor-extern.php?id=77321'), auto;
}
a:hover, img {
    cursor:url('http://www.rw-designer.com/cursor-extern.php?id=77327'), pointer;
}
{/block:ifblackcursor}
small,
sub {
    font-size:1em;
    vertical-align:baseline;
}
blockquote {
    margin-left:1em;
    padding:.6em .6em .6em 1.5em;
    border-left:1px solid {color:border};
}
 ol,
 ul,
 p,
 pre {
    margin:0 0 .6em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin:0 0 .6em;
    font-size:1em;
    font-weight:inherit;
}
img {
    border:0;
    max-width:100%;
    height:auto;
    display:block;
}
hr {
    margin:1em 0;
    border:0;
    height:1px;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:{color:Border};
}

/* holder */

.main {
    margin:50px auto;
    width:725px;
    {block:ifOneColumn}
    width:350px;
    {/block:ifOneColumn}
    {block:PermalinkPage}
    width:400px;
    margin:90px auto;
    {/block:PermalinkPage}
}

/* sidebar */

aside {
   position:fixed;
   width:140px;
   padding:10px;
   background:{color:Posts and Sidebar};
   margin:90px 0 0 -100px;
   {block:ifOneColumn}
   margin-left:-200px;
   {/block:ifOneColumn}
   {block:PermalinkPage}
   margin-top:50px;
   margin-left:-200px;
   {/block:PermalinkPage}
    -webkit-animation:fadeInDown;
    -moz-animation:fadeInDown;
    -ms-animation:fadeInDown;
    -webkit-animation-duration:1.5s;
}
.banner {
    margin-bottom:1em;
}
.btitle {
    font-size:15px;
    padding:2px;
    background:{color:Accent};
    text-align:center;
    letter-spacing:1px;
}
.btitle a {
    color:{color:Title};
}
.btitle a:hover {
    text-decoration:none;
}
nav {
    margin:1em 0;
}
nav li {
    display:inline-block;
    margin-right:1em;
}
nav .fa,
.date .fa {
    margin-right:.5em;
}

/* post content */

.content {
    width:725px;
    margin-left:100px;
    {block:ifOneColumn}
    width:350px;
    margin-left:0;
    {/block:ifOneColumn}
    {block:PermalinkPage}
    width:400px;
    margin-left:0;
    {/block:PermalinkPage}
    -webkit-animation:fadeInUp;
    -moz-animation:fadeInUp;
    -ms-animation:fadeInUp;
    -webkit-animation-duration:1.5s;
}

/* post div */

.entry {
    position:relative;
    width:250px;
    padding:10px;
    background:{color:Posts and Sidebar};
    {block:PermalinkPage}
    width:400px;
    {/block:PermalinkPage}
    margin:40px;
    {block:ifOneColumn}
    width:350px;
    margin-bottom:100px;
    {/block:ifOneColumn}
}
.title,
.title a {
    font-size:15px;
    color:{color:Title};
}
.text {
    margin:1em 0 0;
}
.text:last-child,
.text *:last-child {
    margin-bottom:0;
}

.chat {
    padding:0;
    list-style-type:none;
}
.chat .line {
    margin-bottom:1em;
}
.chat .line:nth-child(odd) {
    background:{color:Accent};
}
.chat .label,
.quote {
    font-weight:bold;
}
iframe.tumblr_audio_player {
    width:32px;
    height:32px;
}
.audio-post {
    position:relative;
    background:{color:Accent};
    padding:15px 15px 13px 15px;
    height:30px;
    display:block;
}
.audio {
    left:15px;
    top:15px;
    right:15px;
    position:absolute;
    line-height:30px;
    display:inline-block;
}
.audio .plyr {
    overflow:hidden;
    opacity:.7;
    position:absolute;
}
.audio .audio-info {
    display:inline-block;
    width:calc(100% - 45px);
    overflow:hidden;
    margin-left:45px;
    vertical-align:middle;
    line-height:15px;
}
.audio .audio-info .extend {
    display:block;
    max-height:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-right:15px;
}
.media,
.media iframe {
    position:relative;
    display:inline-block;
    width:100%;
}
{block:IndexPage}
.photo-slideshow {
    display:none;
}
{/block:IndexPage}

/* captions */

.caption {
    {block:IndexPage}
    {block:ifNotShowCaptions}
    display:none;
    {/block:ifNotShowCaptions}
    {/block:IndexPage}
}

/* permalinks */

.date {
    margin:1em 0 0 0;
    padding:2px;
    background:{color:Accent};
    text-align:center;
}
.date .fa {
    font-size:11px;
}
.date a {
    color:{color:Permalink};
}
.date a:hover {
    color:{color:Permalink Hover};
}

/* tags */

.tags a {
    margin-right:1em;
}

/* PermalinkPage & Post Notes */

.info {
    letter-spacing:.5px;
    margin:1em 0 0 0;
    background:{color:Accent};
    padding:10px;
}
.info li {
    list-style-type:none;
}
.info .fa {
    margin-right:.5em;
}
.info-notes {
    display:none;
}
ol.notes {
    list-style-type:none;
    padding:0px;
    margin-top:1em;
}
ol.notes li.note {
    display:block;
    padding:0;
    margin:5px 0;
}
ol.notes li.note blockquote {
    padding:5px 5px 5px 10px;
    margin:.5em 0 1em 1em;
}
ol.notes li.note img.avatar {
    width:14px;
    border-radius:100%;
    float:left;
    margin-right:.8em;
}
.more_notes_link, .notes_loading {
    font-weight:bold;
    text-align:left!important;
    display:block;
    margin-top:1em;
}

/* infinite scroll & pagination */

{block:ifInfiniteScroll}
.pagination,
#infscr-loading {
    display:none!important;
}
{/block:ifInfiniteScroll}
footer {
    margin:7em auto 7em 140px;
    {block:ifOneColumn}
    margin-left:40px;
    {/block:ifOneColumn}
}

/* tumblr controls, tooltips & scroll bar */

.iframe-controls--desktop {
    position:fixed!important;
    opacity:.67!important;
    white-space:nowrap!important;
    -webkit-filter:invert(100%)!important;
    -moz-filter:invert(100%)!important;
    -ms-filter:invert(100%)!important;
    -o-filter:invert(100%)!important;
    filter:invert(100%)!important;
    -webkit-backface-visibility:hidden;
    padding:4px;
}
.ui-tooltip {
    position:absolute;
    margin:5px 5px 10px 5px;
    padding:10px 5px 10px 5px;
    letter-spacing:1px;
    z-index:99999999;
    font-size:9px;
}
.ui-tooltip-content {
    padding:2px 5px 1px 5px;
    font-style:italic;
    background:{color:Tooltip BG};
    text-transform:uppercase;
    color:{color:Tooltip Text};
}
::-webkit-scrollbar {
    background:{color:Background};
    width:3px;
    height:5px;
}
::-webkit-scrollbar-thumb {
     border-radius:5px;
    background:{color:Scroll Bar};
}

/* for smaller screens */

@media screen and (max-width:600px) {
    .main, .content,  aside {
        width:calc(100% - 75px);
    }
    .entry {
        width:100%;
        margin:0 0 100px -11px;
    }
    .entry img, .media iframe {
        width:100%;
    }
    .content {
        margin:0 auto 0 auto;
    }
    aside {
        position:relative;
        text-align:center;
        margin:2em auto 5em auto;
    }
    .banner {
        width:50px;
        margin:0 auto 0 auto;
        border-radius:100%;
    }
}

/* other */

{block:ifBorders}
aside,
.entry,
.ui-tooltip-content {
    border:1px solid {color:Border};
}
{/block:ifBorders}
</style>
</head>
<body>

<!-- holder begins --------------->

<div class="main">

<!-- credit (don't remove!) ------>

<div style="position:fixed; bottom:10px; right:10px; background:{color:Background}; z-index:2; text-decoration:underline; font-size:17px;"><a href="http://overcount.tumblr.com" title="half moon theme by overcount"><i class="fa fa-cogs"></i></a></div>

<!-- sidebar --------------------->

<aside>
    {block:ifBanner}<img class="banner" src="{image:Banner}">{/block:ifBanner}
    <div class="btitle"><a href="/">{Title}</a></div>
    <nav>
    {block:ifHomeLink}<li><a href="/"><i style="font-size:12px;" class="fa fa-home"></i>{text:Home Link}</a></li>{/block:ifHomeLink}
    {block:ifAskLink}<li><a href="/ask"><i class="fa fa-comment"></i>{text:Ask Link}</a></li>{/block:ifAskLink}
    {block:ifArchiveLink}<li><a href="/archive"><i class="fa fa-folder-open"></i>{text:Archive Link}</a></li>{/block:ifArchiveLink}
    {block:ifLink1}<li><a href="{text:Link 1 URL}"><i class="fa fa-star"></i>{text:Link 1}</a></li>{/block:ifLink1}
    {block:ifLink2}<li><a href="{text:Link 2 URL}"><i class="fa fa-leaf"></i>{text:Link 2}</a></li>{/block:ifLink2}
    {block:ifLink3}<li><a href="{text:Link 3 URL}"><i class="fa fa-rocket"></i>{text:Link 3}</a></li>{/block:ifLink3}
    </nav>
    <p>{Description}</p>
</aside>

<!-- content begins -------------->

<div class="content">

<!-- posts begins ---------------->

{block:Posts}
<article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">

<!-- text posts ------------------>

{block:Text}
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
<div class="text">{Body}</div>
{/block:Text}

<!-- photo posts ----------------->

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

<!-- photoset posts -------------->

{block:Photoset}
<div class="media photoset">
{block:indexpage}<a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">{block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}--></a>{/block:indexpage}
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
</div>
{/block:Photoset}

<!-- quote posts ---------------->

{block:Quote}
<div class="quote text">{Quote}</div>
{block:Source}
<div class="source text">- {Source}</div>
{/block:Source}
{/block:Quote}

<!-- link posts ----------------->

{block:Link}
<h1 class="title"><a style="text-decoration:underline;" href="{URL}">{Name}</a></h1>
{block:Description}<div class="text">{Description}</div>{/block:Description}
{/block:Link}

<!-- chat posts ----------------->

{block:Chat}
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
<ul class="chat text">
    {block:Lines}
    <li class="line">
        {block:Label}
        <span class="label">{Label} </span>
        {/block:Label}
        {Line}
    </li>
    {/block:Lines}
</ul>
{/block:Chat}

<!-- audio posts ---------------->

{block:Audio}
<div class="audio-post">
<div class="audio">
{block:AudioPlayer}
<div class="plyr">
{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
</div>
{/block:AudioPlayer}
<div class="audio-info">
<div class="extend">
{block:TrackName}{TrackName}{/block:TrackName}
{block:Artist}<span> by {Artist}</span>{/block:Artist}
</div>
{block:playcount}{playcountwithlabel}{/block:playcount}</div>
</div>
</div>
{/block:Audio}

<!-- video posts ---------------->

{block:Video}
<div class="media video">{Video-500}</div>
{/block:Video}

<!-- answer posts --------------->

{block:Answer}
<div class="question">
    <div class="sender">{lang:Asker asked}:</div>
    <span class="inquiry">{Question}</span>
</div>
<div class="answer text">{Answer}</div>
{/block:Answer}

{block:Caption}
<div class="caption text">{Caption}</div>
{/block:Caption}

<!-- permalinks ----------------->

{block:indexpage}
{block:Date}
<div class="date text"><a href="{Permalink}"><i class="fa fa-eye"></i>{NoteCountWithLabel}</a><span style="margin:0 1.5em 0 1em;">//</span><a href="{ReblogURL}"><i class="fa fa-retweet"></i>reblog</a>
</div>
{/block:Date}
{/block:indexpage}

<!-- permalink page ------------->

{block:PermalinkPage}
{block:PostNotes}
<div class="info">
<li><i class="fa fa-info-circle"></i> {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm}</li>
<li>{block:RebloggedFrom}<a href="{ReblogParentURL}"><i class="fa fa-user-plus"></i>{ReblogParentName}</a>{block:ContentSource} &mdash; <a href="{ReblogRootURL}"><i class="fa fa-location-arrow"></i>{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</li>
<li>{block:HasTags}<div class="tags"><i class="fa fa-tags"></i> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</li>
<li><a href="#" title="show all notes" style="text-decoration:underline;" class="info-notes-t">{NoteCountWithLabel}</a>
</div>
<div class="info-notes">{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}

</article>
{/block:Posts}

<!-- post ends ------------------>

<!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->

</div>

<!-- content ends --------------->

<!-- paginaion ------------------>

{block:Pagination}
<footer>
<div class="pagination">
{block:PreviousPage}
<a class="prev" style="margin-right:2em;" href="{PreviousPage}">previous</a>
{/block:PreviousPage}
<span>{CurrentPage} of {TotalPages} pages</span>
{block:Nextpage}
<a class="next" style="margin-left:2em;" href="{NextPage}">forward</a>
{/block:NextPage}
</div>
</footer>
{/block:Pagination}

</div>

<!-- holder ends --------------->

<!-- scripts (don't touch!) ---->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="https://use.fontawesome.com/4213eea0e9.js"></script>{block:IndexPage}<script src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.1.2/masonry.pkgd.js"></script><script src="//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js"></script>{block:ifInfiniteScroll}<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}{/block:IndexPage}<script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
<script>
$(document).ready(function(){
     $('body').tooltip({track:true});
    $('.photo-slideshow').pxuPhotoset({
        lightbox: true,
        rounded: false,
        gutter: '5px',
        photoset: '.photo-slideshow',
        photoWrap: '.photo-data',
        photo: '.pxu-photo'
    });
        $(".info-notes").hide();
        $(".info-notes-t").show();$('.info-notes-t').toggle(function(){
            $(".info-notes").slideDown(function(){});
                },function(){
            $(".info-notes").slideUp(function(){});
        });
    $('iframe.tumblr_audio_player').load( function() {
        $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accent} !important;} </style>"));
    });
    {block:IndexPage}
var $container = $('.content');
    $container.imagesLoaded(function() {
        $container.masonry({itemSelector: '.entry'});
        $container.find('.entry').animate({opacity: 1, zIndex: 1});
    });
    $(window).resize(function(){$container.masonry();});
    {block:ifInfiniteScroll}
    $container.infinitescroll({
        itemSelector: '.entry',
        navSelector: '.pagination',
        nextSelector: '.next',
        loading: {
            finishedMsg: '<em></em>',
            img :null,
            msg: null,
            msgText: '<em></em>',
        },
        bufferPx: 2000
    },
function( newElements ) {
var $newElems = $( newElements );
    var $newElemsIDs = $newElems.map(function () {return this.id;}).get();
        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
        $newElems.imagesLoaded(function(){
            $container.masonry('appended', $newElems);
            $newElems.animate({opacity: 1, zIndex: 1});
        });
        resizeVideos();
        $newElems.find('iframe.tumblr_audio_player').load(function(){
            $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accent} !important;} </style>"));
        });
    });
    {/block:ifInfiniteScroll}
    {/block:IndexPage}
});
</script>
</body>
</html>