Coming Down Theme - by Chloe

<!DOCTYPE html>
<html>
<head>
<!--
Coming Down Theme - bychloethemes.tumblr.com
don't be a douche and delete the credit
-->

<meta name="color:Background" content="#ffffff" />
<meta name="color:header" content="#fff"/>
<meta name="color:gradient bg 1" content="#fff" />
<meta name="color:gradient bg 2" content="#000" />
<meta name="color:Body links" content="#444444" />
<meta name="color:Body text" content="#1d1818" />
<meta name="color:Text highlight" content="#78cc6f" />
<meta name="color:header image border" content="#eee" />
<meta name="color:content background" content="#fff" />
<meta name="font:Body" content='verdana,sans-serif'/>
<meta name="if:gradient bg" content="1"/>
<meta name="if:Tiled Background" content="0" />
<meta name="if:Content Tiled Background" content="0" />
<meta name="if:Show Description" content="1" />
<meta name="if:scrolling header" content="0" />
<meta name="if:Permalinks under photos" content="1" />
<meta name="if:hide title" content="0" />
<meta name="if:header background" content="1" />
<meta name="if:Archive link" content="1" />
<meta name="text:Link 1" content="" />
<meta name="text:URL 1" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:URL 2" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:URL 3" content="" />
<meta name="image:Background" content="" />
<meta name="image:Content Background" content="" />
<meta name="image:header" content="" />
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*Basic styles*/
::-moz-selection {
    background: {color:Text highlight};
    color: #fff;
}
::selection {
    background: {color:Text highlight};
    color: #fff;
}
#content {
    padding-top:150px;
    {block:IndexPage}
    margin-top:0px;
    width: 780px;
    margin-left:50%;
    left:-390px;
    {/block:IndexPage}
    {block:PermalinkPage}
    margin-left:50%;
    left:-390px;
    width:780px;
    {/block:PermalinkPage}
    background: {color:Content Background} url('{image:Content Background}'){block:IfNotContentTiledBackground}no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    {/block:IfNotContentTiledBackground}
    {block:IfContentTiledBackground}
    repeat;
    background-attachment:fixed;
    {/block:IfContentTiledBackground}
}
body {
    background: {color:Background} url('{image:Background}'){block:IfNotTiledBackground}no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    {/block:IfNotTiledBackground}
    {block:IfTiledBackground}
    repeat;
    background-attachment:fixed;
    {/block:IfTiledBackground}
    {block:ifgradientbg}
    -o-linear-gradient(bottom, {color:gradient bg 2}, {color:gradient bg 1} );
    background-image: -moz-linear-gradient(bottom, {color:gradient bg 2}, {color:gradient bg 1});
    background-image: -webkit-linear-gradient(bottom, {color:gradient bg 2}, {color:gradient bg 1});
    background-image: -ms-linear-gradient(bottom, {color:gradient bg 2}, {color:gradient bg 1});
    background-image: linear-gradient(bottom, {color:gradient bg 2}, {color:gradient bg 1});
{/block:ifgradientbg}
    color: {color:Body text};
    font-family: {font:Body};
    font-size: 12px;
    margin: 0;
    padding: 0;
}
a:link, a:visited {
    text-decoration: none;
    color: {color:Body links};
}
a:hover, a:active {
    text-decoration: none;
    font-style:italic;
}
blockquote {
    border-left: 1px solid black;
    margin: 0;
    padding: 2px 5px!important;
}
iframe, img, embed, object, video {
    max-width: 100%;
}
img {
    height: auto;
    width: auto;
}
/*Masthead*/
.sidebar {
    margin-left:50%;
    left:-390px;
    text-align:center;
    width:760px;
    height:auto;
    {block:ifnotscrollingheader}
    position:fixed;
    {/block:ifnotscrollingheader}
    {block:ifscrollingheader}
    position:absolute;
    {/block:ifscrollingheader}
    padding:10px;
    z-index:9999999;
    font-size:15px;
    {block:ifheaderbackground}
    background:{color:header};
    opacity:0.7;
    {/block:ifheaderbackground}
}
.sidebar h1 {
    display: block;
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding:10px 10px;
    font-weight: normal;
}
.sidebar p {
    padding:0px 180px;
    font-size:12px;
    width:400px;
}
.sidebar ul {
    list-style-type:none;
    padding-left:10px;
    padding-right:10px;
}
.sidebar li {
    display:inline;
    padding-top:5px;
    text-align:right;
    font-size:12px;
    width:150px;
    margin:0px 5px;
}
/*Article*/
article {
    margin:45px;
    width:300px;
    {block:PermalinkPage}
    width: 500px;
    margin-left:140px;
    background:{color:Post color};
    {/block:PermalinkPage}
}
.photo, .photoset {
    {block:IfNotPermalinksUnderPhotos}
    padding:0;
    {/block:IfNotPermalinksUnderPhotos}
    {block:IfPermalinksUnderPhotos}
    padding:0px 10px;
    border-bottom:1px solid black;
    {/block:IfPermalinksUnderPhotos}
}
.photosetpic {
    padding:0px 25px;
}
.text, .link, .chat, .quote, .audio, .video{
    {block:IfNotPermalinksUnderPhotos}
    padding-bottom:5px;
    {/block:IfNotPermalinksUnderPhotos}
    border-bottom:1px solid black;
    {block:IfPermalinksUnderPhotos}
    padding:5px 10px;
    {/block:IfPermalinksUnderPhotos}
}
.post{
    padding:0;
    margin:0px 0px -2px 0px;
}
article h1 {
    font-weight:normal;
    text-transform:uppercase;
    font-size:20px;
}
.chat span {
    float: left;
    margin-right: 5px;
}
.chat .even {
    {block:IfNotNoPostAccents}
    background: {color:Post Accent};
    {/block:IfNotNoPostAccents}
}
.tumblr_audio_player {
    height: 30px;
    width: 300px;
    opacity:0.7;
}
.albumart {
    position:absolute;
{block:IndexPage}
    width:60px;
    height:60px;
{/block:IndexPage}
}

.albumart img {
    float:left;
    margin-left:5px;
{block:IndexPage}
    width:60px;
    height:60px;
{/block:IndexPage}
}

.playbox {
    opacity:0.6;
    width:30px;
    height:30px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    overflow:hidden;
    position:absolute;
    z-index:2;
{block:IndexPage}
    margin-left:21px;
    margin-top:16px;
{block:IndexPage}
}

.audioinfo {
    margin-top:2px;
    line-height:12px;
    font-size:0.8em;
    padding-bottom:10px;
    text-transform:uppercase;
{block:IndexPage}
    margin-left:75px;
{block:IndexPage}
}
/*Metadata*/
.metadata {
    display: inline-block;
    width: 100%;
}
.reblogged {
    float: right;
}
/*Tags and notes*/
#tags, nav ul, .chat ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#tags li {
    float: left;
    margin-right: 10px;
}
.notes {
    clear: both;
    padding: 0;
}
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
    display:none;
}
#infscr-loading {
    display:none;
}
.navigation {
    display:none!important;
}
.copyright {
    position:fixed;
    bottom:10px;
    left:10px;
}

.permalink {
    position:relative;
    top:20px;
    margin-top:0px;
    padding:0px 2px 0px 2px;
    text-align:right;
    word-spacing:1px;
}

.permalink a{
    text-decoration:none;
    font-size:10px;
    text-transform:uppercase;
}
#permatag {
    display:block;
    text-align:center;
    text-transform:capitalize;
    position:absolute;
    bottom:50%;
    margin-bottom:-47px;
    left:50%;
    margin-left:-47px;
    opacity:0;
    width:100px;
    height:100px;
    border-radius:100%;
    z-index:99;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    background:rgba(255,255,255,0.7);
}
#permatag li {
    list-style-type:none;
    display:inline-block;
    font-size:20px;
    margin-top:40px;
}
.photo:hover #permatag{
    opacity:1;
}
.photoset:hover #permatag{
    opacity:1;
}
ol.notes {
    padding: 0px;
    margin: 25px 0px;
    list-style-type: none;
}

ol.notes li.note {
    padding: 5px;
    text-align:center;
}

ol.notes li.note img.avatar {
    display:none;
}

ol.notes li.note span.action {
    font-weight: normal;
}

ol.notes li.note .answer_content {
    font-weight: normal;
}

ol.notes li.note blockquote {
    padding: 4px 5px;
    margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
    text-decoration: none;
}
.avatar img {
    width:90px;
    height:90px;
    border-radius:100%;
    border:2px solid {color:header image border};
}
/*Custom CSS*/
{CustomCSS}
</style>
</head>
<body>
<!--Masthead-->
<header class="sidebar">
    <!--Navigation-->
    {block:ifheaderimage}
    <div class="avatar">
        <a href="/" title="{blogtitle}"><img src="{image:header}"></a>
    </div>
    {/block:ifheaderimage}
    {block:ifnothidetitle}
    <nav id="blogtitle">
    <h1><a href="/" title="{lang:Home}">{Blogtitle}</a></h1>
    </nav>
    {/block:ifnothidetitle}
    <nav>
        <ul>
            {block:ifhidetitle}
            <li><a href="/">home</a></li>
            {/block:ifhidetitle}
            {block:AskEnabled}
            <li><a href="/ask">{AskLabel}</a></li>
            {/block:AskEnabled}
            {block:SubmissionsEnabled}
            <li><a href="/submit">{SubmitLabel}</a></li>
            {/block:SubmissionsEnabled}
            {block:HasPages}
            {block:Pages}
            <li> <a href="{URL}">{Label}</a></li>
            {/block:Pages}
            {/block:HasPages}
            {block:IfLink1}
            <li><a href="{text:URL 1}">{text:Link 1}</a> </li>
            {/block:IfLink1}
            {block:IfLink2}
            <li><a href="{text:URL 2}">{text:Link 2}</a> </li>
            {/block:IfLink2}
            {block:IfLink3}
            <li><a href="{text:URL 3}">{text:Link 3}</a> </li>
            {/block:IfLink3}
            {block:IfArchiveLink}
            <li><a href="/archive">past</a></li>
            {/block:IfArchiveLink}
            <li><a href="http://dontbrag.tumblr.com">theme</a></li>
        </ul>
    </nav>

    {block:IfShowDescription}
    <description>
        {block:Description}
        <p>{Description}</p>
        {block:Description}
    {/block:IfShowDescription}
    </description>
</header>
<!--Content holder-->
<div id="content">
{block:Posts}
<article>
<!--Unique code for each post type-->
{block:Text}
<div class="text">
    {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
    {Body}
    {block:IndexPage}
    <div class="permalink">
    <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> &raquo; <a href="{Permalink}">+{NoteCount}</a> &raquo; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
    {/block:IndexPage}
{/block:Text}

{block:Photo}<div class="photo">
    {block:IndexPage}
{block:IfNotPermalinksUnderPhotos}
<div class="post">
<div id="permatag">
    <li><a href="{Permalink}">{NoteCount}</a></li>
</div>
{/block:IfNotPermalinksUnderPhotos}
    <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" />
    </a>
{block:IfPermalinksUnderPhotos}
<div class="permalink">
    <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> &raquo; <a href="{Permalink}">+{NoteCount}</a> &raquo; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
{/block:IfPermalinksUnderPhotos}
    {/block:IndexPage}
    {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
    {block:Caption}{Caption}{/block:Caption}
    {/block:PermalinkPage}{block:IfNotPermalinksUnderPhotos}</div>{/block:IfNotPermalinksUnderPhotos}
{/block:Photo}

{block:Photoset}
<div class="photoset">
    {block:IndexPage}
{block:IfNotPermalinksUnderPhotos}
<div class="post">
<div id="permatag">
    <li><a href="{Permalink}">{NoteCount}</a></li>
</div>
{/block:IfNotPermalinksUnderPhotos}
    <div class="photosetpic">
    {Photoset-250}
    </div>
{block:IfPermalinksUnderPhotos}
<div class="permalink">
    <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> &raquo; <a href="{Permalink}">+{NoteCount}</a> &raquo; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
{/block:IfPermalinksUnderPhotos}
    {/block:IndexPage}
    {block:PermalinkPage}
    {Photoset-500}
    {block:Caption}{Caption}{/block:Caption}
    {/block:PermalinkPage}{block:IfNotPermalinksUnderPhotos}</div>{/block:IfNotPermalinksUnderPhotos}
{/block:Photoset}

{block:Quote}
<div class="quote">
    <p>&ldquo;{Quote}&rdquo;</p>
    {block:Source}<p><cite> &mdash;{Source}</cite></p>{/block:Source}
    {block:IndexPage}
    <div class="permalink">
    <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> &raquo; <a href="{Permalink}">+{NoteCount}</a> &raquo; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
    {/block:IndexPage}
{/block:Quote}

{block:Link}
<div class="link">
    <h1><a href="{URL}">{Name}</a></h1>
    {block:Description}{Description}{/block:Description}
    {block:IndexPage}
    <div class="permalink">
    <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> &raquo; <a href="{Permalink}">+{NoteCount}</a> &raquo; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
    {/block:IndexPage}
{/block:Link}

{block:Chat}
<div class="chat inner">
    <ul>
        {block:Lines}<li class="{Alt}"><p>{block:Label}
        <u>{Label}</u>{/block:Label} {Line} </p>
        </li>{/block:Lines}
    </ul>
    {block:IndexPage}
    <div class="permalink">
    <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> &raquo; <a href="{Permalink}">+{NoteCount}</a> &raquo; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
    {/block:IndexPage}
{/block:Chat}

{block:Audio}
<div class="audio">
    {block:IndexPage}
{block:AlbumArt}
        <div class="albumart">
            <a href="{Permalink}"><img src="{AlbumArtURL}"></a>
        </div>
    {/block:AlbumArt}
    {block:AudioPlayer}
        <div class="playbox">
            {AudioPlayerWhite}
        </div>
    {/block:AudioPlayer}
        <div class="audioinfo">
            Artist: <span{block:Artist} style="display:none;"
            {/block:Artist}>Unknown</span>
            {block:Artist}{Artist}{/block:Artist}</br>
            Title: <span{block:TrackName} style="display:none;"
            {/block:TrackName}>Unknown</span>
            {block:TrackName}{TrackName}{/block:TrackName}</br>
            Album: <span{block:Album} style="display:none;"
            {/block:Album}>Unknown</span>
            {block:Album}{Album}{/block:Album}{block:PlayCount}</br>
            Plays: {FormattedPlayCount}{/block:PlayCount}
        </div>
        <div class="permalink">
    <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> &raquo; <a href="{Permalink}">+{NoteCount}</a> &raquo; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
    {/block:IndexPage}
    {block:PermalinkPage}
    {block:AlbumArt}<img src="{AlbumArtURL}" width="400"
    height="400"/>{/block:AlbumArt}<br>
            Artist: <span{block:Artist} style="display:none;"
            {/block:Artist}>Unknown</span>
            {block:Artist}{Artist}{/block:Artist} &mdash;
            Title: <span{block:TrackName} style="display:none;"
            {/block:TrackName}>Unknown</span>
            {block:TrackName}{TrackName}{/block:TrackName} &mdash;
            Album: <span{block:Album} style="display:none;"
            {/block:Album}>Unknown</span>
            {block:Album}{Album}{/block:Album}{block:PlayCount} &mdash;
            Plays: {FormattedPlayCount}{/block:PlayCount}
    {block:Caption}{Caption}{/block:Caption}
    {AudioPlayerWhite}
    {/block:PermalinkPage}
{/block:Audio}

{block:Video}
<div class="video">
    <div class="video-player">{Video-300}</div>

    {block:IndexPage}
    <div class="permalink">
    <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> &raquo; <a href="{Permalink}">+{NoteCount}</a> &raquo; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
    {/block:IndexPage}
    {block:PermalinkPage}
    <div class="video-player">{Video-500}</div>
    {block:Caption}{Caption}{/block:Caption}
    {/block:permalinkPage}
{/block:Video}

{block:Answer}
<div class="answer">
    <div style="color: #000000; background-color:
    {color:primary accent};padding: 10px;">
    {lang:Asker asked 2}: {Question}</div>
    <div style="text-indent: 20px;">{Answer}</div>
    {block:IndexPage}
    <div class="permalink">
    <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> &raquo; <a href="{Permalink}">+{NoteCount}</a> &raquo; <a href="{ReblogURL}" target="_blank">RBLG</a></div>
    {/block:IndexPage}
{/block:Answer}
<!--Post footer (tags and notes) on displayed on permalink pages-->
{block:Permalink}
<footer class="details">
{block:HasTags}
    <ul id="tags">
        {block:Tags}<li> <a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
    </ul>
    <br>
{/block:HasTags}
{block:PostNotes}
<div id="notes">
    {PostNotes}
</div>
{/block:PostNotes}
</footer>
{/block:Permalink}
 </article>
{/block:Posts}
<!--Close of article-->
</div>
<!--Pagination: previous/next page links-->
{block:Pagination}
<div class="pagination">
    {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
    {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
</div>
{/block:Pagination}
<!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
<!--Code for infinite scroll and grid layout-->
<script>
(function() {
    var $tumblelog = $('#content');
    $tumblelog.infinitescroll({
        navSelector  : ".pagination",
        nextSelector : ".pagination a:first",
        itemSelector : "article",
        bufferPx     : 50,
        done : "",
        loading: {
            finishedMsg: "<p> </p>",
            img : " ",
            msg: null,
            msgText: "<p> </p>"
        },
    },
      function( newElements ) {
            var $newElems = $( newElements ).css({ opacity: 0 });
            $newElems.imagesLoaded(function(){
                $newElems.animate({ opacity: 1 });
                $tumblelog.masonry( 'appended', $newElems);
            });
          }
    );
    $tumblelog.imagesLoaded( function(){
      $tumblelog.masonry({
        columnWidth: function( containerWidth ) {
            return containerWidth / 100;
          }
      });
    });
})();
</script>
    <div class="copyright"><a href="http://dontbrag.tumblr.com">&copy;
    </a></div>
</body>
</html>