Here In Your Eyes Theme - by Chloe

<!DOCTYPE html>
<head>
<!------------------------------------------
 _                  _     _
| |__  _   _    ___| |__ | | ___   ___
| '_ \| | | |  / __| '_ \| |/ _ \ / _ \
| |_) | |_| | | (__| | | | | (_) |  __/
|_.__/ \__, |  \___|_| |_|_|\___/ \___|
       |___/

Here In Your Eyes Theme by Chloe | @dontbrag | @bychloethemes

Do not delete the credit. Do not claim as your own. Do not copy any ideas or code. Do not redistibute.

If I find any of this anywhere me & my squad (aka @fruitelf and @costalies) will personally drag ur name thru the dirt do not test us.

For html help go to @htmlqueens

------------------------------------------->

<!--meta tags-->
<meta name="image:Background" content=""/>

<meta name="color:Background" content="#fff"/>
<meta name="color:Post Background" content="#eee" />

<meta name="color:Link" content="#000"/>
<meta name="color:Text" content="#000"/>
<meta name="color:Scrollbar" content="#000"/>
<meta name="color:Lightbox" content="#fff" />

<meta name="if:Tiledbackground" content="1"/>

<meta charset="UTF-8" />
<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 rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
<link href='//fonts.googleapis.com/css?family=Roboto:300,700' rel='stylesheet' type='text/css'>
<style type="text/css">
/*basic*/
body{
    background:{color:background} url({image:Background})
    {block:IfTiledBackground}
    repeat fixed;
    {/block:IfTiledBackground}
    {block:IfNotTiledbackground}
    no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    {/block:IfNotTiledbackground}
    color:{color:text};
    font-size:13px;
    font-family: 'Roboto', sans-serif;
}
a {
    color:{color:link};
    text-decoration:none;
}
b, strong {
    font-weight: 700;
}
h1, h2, h3, h4 {
    font-weight: 300;
}
/*scrollbar*/
::-webkit-scrollbar {
    background-color:{color:Background};
    height: 4px;
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background-color:{color:Scrollbar};
    width: 6px;
    height: 4px;
}
#header {
    background:{color:background} url({image:Background})
    {block:IfTiledBackground}
    repeat fixed;
    {/block:IfTiledBackground}
    {block:IfNotTiledbackground}
    no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    {/block:IfNotTiledbackground}
    color:{color:Text};
    text-align:center;
    position:fixed;
    top:0px;
    width:100%;
    z-index:9999;
    margin:0;
}
#footer {
    background:{color:background} url({image:Background})
    {block:IfTiledBackground}
    repeat fixed;
    {/block:IfTiledBackground}
    {block:IfNotTiledbackground}
    no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    {/block:IfNotTiledbackground}
    text-align:center;
    position:fixed;
    bottom:0px;
    width:100%;
    z-index:9999;
    margin:0;
}
ul.navlinks {
    padding:0;
    list-style-type:none;
}
ul.navlinks li {
    display:inline-block;
    margin:0 5px;
    font-size:18px;
}
/*post codes*/
#posts{
    position:relative;
    padding:0 3px;
    width:729px;
    margin-top:70px;
    margin-left:auto;
    margin-right:auto;
    {block:permalinkpage}
    width:500px;
    {/block:permalinkpage}
    padding-bottom:47px;
}
.entry{
    margin-bottom:3px;
    {block:indexpage}
    width:180px;
    {/block:indexpage}
    {block:permalinkpage}
    width:500px;
    {/block:permalinkpage}
}
.entry h1 {
    margin:0;
    font-size:16px;
}
.entry p {
    margin:3px;
}
.entry ul, .entry li {
    padding-left:3px;
    list-style-position:inside;
}
.entry blockquote {
    margin:6px;
    border-left:1px solid {color:Text};
    padding-left:6px;
}
.text {
    text-align:justify;
    background:{color:Post Background};
    color:{color:Text};
    padding:3px;
    line-height:130%;
}
.quote, .link {
    padding:3px;
    background:{color:Post Background};
    text-align:justify;
    line-height:130%;
}
.quote cite {
    text-align:right;
    display:block;
}
ul.chat-list {
    list-style-type:none;
    padding:0;
    margin:0;
}
ul.chat-list li {
    margin-bottom:3px;
    padding:3px;
    background:{color:Post Background};
    text-align:justify;
    line-height:130%;
}
ul.chat-list li::last-child {
    margin-bottom:0;
}
.text a, .quote cite a, ul.chat-list li a, .link a, .answer a, .caption a, .video a {
    border-bottom:1px solid {color:Text};
}
/*permalinks*/
.perma-mask .innard {
    color:#fff;
    font-size:20px;
    height:30px;
    width:180px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    text-align:center;
    z-index:9;
    opacity:0;
    visibility:hidden;
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
.entry:hover .perma-mask .innard {
    opacity:1;
    visibility:visible;
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
span.note-c {
    border:3px solid #fff;
    padding:5px;
    background:rgba(0,0,0,0.6);
}
span.note-c a {
    color:#fff;
}
/*DO NOT TOUCH!*/
iframe, img, embed, object, video {
    max-width: 100%;
}
img {
    height: auto;
    width: auto;
    vertical-align:middle;
}
.pagination{
    display:none;
    clear:both;
}
#infscr-loading {
    position:absolute;
    bottom:0;
    width:20px;
    margin-left:50%;
    left:-15px;
}
#infscr-loading img{
    display:none;
}
/*individual post styling*/
.credit {
    width:14px;
    height:13px;
    color: {color:Links};
    position:fixed;
    bottom: 15px;
    right: 15px;
    line-height: 14px;
    font-size:12px;
    text-transform: uppercase;
    padding:3px 4px;
    overflow: hidden;
        z-index:999999999999999999;
    text-align:left;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
  }
  .fa-diamond {
      position:absolute;
      right:3px;
  }
    .credit:hover {
    width:126px;
    background:#222;
    color:#fff;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
  }
  .credit a {
    color:#fff;
    text-decoration: none;
  }
  .credit .mine {
    opacity:0;
    visibility:hidden;
  }
  .credit:hover .mine {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
       -moz-transition: all 0.5s ease-in-out 0.5s;
         -o-transition: all 0.5s ease-in-out 0.5s;
            transition: all 0.5s ease-in-out 0.5s;
}
/*questions*/
.answer p {
    margin-bottom:3px;
    padding:3px;
    background:{color:Post Background};
    text-align:justify;
}
.replies p {
    {block:IndexPage}
    margin-bottom:0;
    {/block:IndexPage}
    {block:PermalinkPage}
    margin: 3px 0;
    {/block:PermalinkPage}
}
.question {
    padding:3px;
    background:{color:Post Background};
    margin-bottom:3px;
    text-align:justify;
}
.question2 p {
    margin:0;
    display:inline;
}
.question2 {
    background:{color:Post Background};
    padding:3px;
    margin-bottom:3px;
    text-align:justify;
}
.askurl a{
    text-transform:uppercase;
    border-bottom:1px solid {color:Text};
}
{block:PermalinkPage}
.audio-info {
    background:{color:Post Background};
    margin-bottom:3px;
    margin-top:3px;
    padding:3px;
}
{/block:PermalinkPage}
.tumblr_audio_player {
    {block:IndexPage}
    height: 20px;
    width: 180px;
    {/block:IndexPage}
    {block:PermalinkPage}
    width:500px;
    {/block:PermalinkPage}
}
.caption {
    background: {color:Post Background};
    margin-top:3px;
    padding: 3px;
}
/*post notes*/
.note-header {
    margin-top:3px;
    margin-bottom: 3px;
    padding:3px;
    background: {color:Post Background};
    font-weight:bold;
}
ol.notes {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
ol.notes a {
    border-bottom:0;
}
ol.notes li.note {
    padding: 3px;
    background:{color:Post Background};
    margin-bottom:3px;
}
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 {
    border-color: {color:text};
    padding-left: 6px;
    margin: 6px;
}
ol.notes li.note blockquote a {
    text-decoration: none;
}
/* L I G H T B O X */
#tumblr_lightbox {
    background:rgba({RGBcolor:Lightbox}, 0.4)!important;
}
#tumblr_lightbox img {
    opacity:0;
    border-radius:0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -o-border-radius: 0!important;
}
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
    opacity: 1!important;
    box-shadow: 0 0 !important;
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -o-border-radius: 0!important;
    border:3px solid #fff!important;
}
a:focus {
    outline:0;
}
</style>

</head>
<body>
<div id="header">
    <h1>{Title}</h1>
</div>
<div id="footer">
   <ul class="navlinks">
        <li><a href="/">home</a></li>
        {block:AskEnabled}
        <li><a href="/ask">ask</a></li>
        {/block:AskEnabled}
        {block:SubmissionsEnabled}
        <li><a href="/submit">submit</a></li>
        {/block:SubmissionsEnabled}
        {block:HasPages}
        {block:Pages}
        <li><a href="{URL}">{Label}</a></li>
        {/block:Pages}
        <br>
        {/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}
        <li><a href="/archive">archive</a></li>
        <li><a href="http://dontbrag.tumblr.com" target="_blank">theme</a></li>
    </ul>
</div>
<div id="posts">
{Block:Posts}
<div class="entry">
{block:IndexPage}
<div class="perma-mask">
    <div class="innard">
        <span class="note-c"><a href="{Permalink}">{NoteCount}</a></span>
    </div>
</div>
{/block:IndexPage}
{Block:Text}
<div class="text">
    {block:Title}<h1>{Title}</h1>{/block:Title}
    {Body}
</div>
{/Block:Text}

{Block:Photo}
    <div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
    </div>
    {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/Block:Photo}

{block:Photoset}
<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>
    {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
{/block:Photoset}

{Block:Answer}
<div class="answer">
<div class="question"><span class="askurl">{lang:Asker asked 2}</span>: {Question}</div>
{block:Answerer}<div class="question2"><span class="askurl">{Answerer} replied</span>: {Answer}</div>{/block:Answerer}
<div class="replies">{Replies}</div>
</div>
{/Block:Answer}

{Block:Audio}
<div class="audio">
        {block:AlbumArt}
        <div class="album-art">
            <img src="{AlbumArtURL}">
        </div>
        {/block:AlbumArt}
        {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
        {block:PermalinkPage}
        <div class="audio-info" {block:AudioEmbed}style="display:none;"{/block:AudioEmbed}>
        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}<br>
        Plays: {FormattedPlayCount}</div>
        {/block:PermalinkPage}
</div>
{/Block:Audio}

{Block:Quote}
    <div class="quote">
        <h1>&ldquo;{Quote}&rdquo;</h1>
        {block:Source}<cite>-&nbsp;{Source}</cite>{/block:Source}
    </div>
{/Block:Quote}

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

{Block:Chat}
    <div class="chat">
        {block:Title}<h1>{Title}</h1>{/block:Title}
        <ul class="chat-list">
        {block:Lines}
            <li class="{Alt}">
            {block:Label}<span class="label">{Label}</span>{/block:Label}
            {Line}</li>
         {/block:Lines}
         </ul>
    </div>
{/Block:Chat}

{Block:Link}
    <div class="link">
        <h1>&#8627;<a href="{URL}" {Target}>{Name}</a></h1>
        {block:Description}<p>{Description}</p>{/block:Description}
    </div>
{/Block:Link}

{block:PermalinkPage}
{block:PostNotes}
<div class="note-header">
    # Notes:
</div>
<div class="notes">
{PostNotes}
</div>
{/block:PostNotes}
{/block:PermalinkPage}

</div>
{/Block:Posts}
</div>
<div class="credit">
  <i class="fa fa-diamond"></i>&nbsp;<a class="mine" target="_blank" href="http://dontbrag.tumblr.com">ByChloeThemes</a>
</div>

<div class="pagination">
{Block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" id="next">next</a>
{/block:NextPage}
{/Block:Pagination}
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
<script>
$(document).ready(function(){
    $('.photo-slideshow').pxuPhotoset({
        lightbox: true,
        rounded: false,
        gutter: '3px',
        photoset: '.photo-slideshow',
        photoWrap: '.photo-data',
        photo: '.pxu-photo'
    });
});
$(function(){
    $('.make_lightbox').each(function(){
        $(this).on('click',function(){
            var lbArray = [];
            var arrayContents = {
                "width":$(this).data('width'),
                "height":$(this).data('height'),
                "low_res":$(this).data("lowres"),
                "high_res":$(this).data('highres')};
            lbArray.push(arrayContents);
            Tumblr.Lightbox.init(lbArray,1);
            $('body').toggleClass('tumblr_lightbox_active');
        });
    });
});
(function () {
 var $tumblelog = $('#posts');
 $tumblelog.imagesLoaded(function () {
    $tumblelog.masonry({
        itemSelector: '.entry',
        isAnimated:true,
        columnWidth:180,
        gutterWidth:3,
        animationOptions:{ duration:350, queue:false },
    });
});
$tumblelog.infinitescroll({
    navSelector : "div.pagination",
    nextSelector : ".pagination a#next",
    itemSelector : ".entry",
    loading: {
        finishedMsg: "<p>You've reached the end of the Earth.</p>",
        img : "https://31.media.tumblr.com/bd577d1566bd3f531d66de9b1f4eb502/tumblr_n9fj4kvbrj1s3zdk4o1_250.gif",
        msg: null,
        msgText: ""
    },
},

function( newElements ) {
        var $newElems = $( newElements );
        $newElems.find('.photo-slideshow').pxuPhotoset({
            lightbox: true,
            rounded: false,
            gutter: '3px',
            photoset: '.photo-slideshow',
            photoWrap: '.photo-data',
            photo: '.pxu-photo'
        },
        function(){
            $tumblelog.masonry();
        });
        var $newElems = $(newElements).css({
            opacity: 0
        });
        $newElems.imagesLoaded(function(){
            $newElems.animate({ opacity: 1, zIndex: 1 });
            $tumblelog.masonry( 'appended', $newElems );
        });
        $(function(){
            $('.make_lightbox').each(function(){
                $(this).on('click',function(){
                    var lbArray = [];
                    var arrayContents = {
                        "width":$(this).data('width'),
                        "height":$(this).data('height'),
                        "low_res":$(this).data("lowres"),
                        "high_res":$(this).data('highres')
                    };
                    lbArray.push(arrayContents);
                    Tumblr.Lightbox.init(lbArray,1);
                    $('body').toggleClass('tumblr_lightbox_active');
                });
            });
        });
    });
})();
</script>
<div style="display:none;"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5078752";
var ref = (''+document.referrer+'');var pn =  window.location;var w_h = window.screen.width + " x " + window.screen.height;
fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
</script>
</div>
<!--/////////End Masonry//////////-->

</body>
</html>