page 13 // chamaeleon

<!DOCTYPE html>
<head>

 <!-- THEME BY @LEEJORDAN / @VENUSTHMS
                           do not remove the credit

-------------------------------------------------------------------------

  - terms of use: venusthms.tumblr.com/terms

  - message me if you got any problems or questions about the code

  - you'll find instructions about customization through out the code

  - filter tutorial by @magnusthemes

  . masonry tutorial & controls fix by @cyantists

  - icon font https://honeybee.suiomi.com/

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

<title>headers</title><link rel="shortcut icon" href="{Favicon}"> <!-- change (tab) title here -->

<!---- SCRIPT - DO NOT TOUCH ---->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Karla|Lora|Nunito|Quicksand|Raleway" rel="stylesheet"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://static.tumblr.com/xd6ujov/9Rpouml9f/imagesloaded.pkgd.min.js"></script><script src="https://static.tumblr.com/f6blkfc/3khouzw5b/masonry.pkgd.min.js"></script><script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script><script src="https://static.tumblr.com/p0knose/FpAp5c11c/magnusthemes.combofilters.js"></script><script src="//dl.dropbox.com/s/bff1695uy7j6isz/chamaeleon.js"></script>


<link href="http://static.tumblr.com/4gatuv1/X8Poxwvz8/style-my-tooltips.css" rel="stylesheet" type="text/css" />
<script src="http://static.tumblr.com/4gatuv1/Aneoxwvz8/jquery.style-my-tooltips.js"></script>
<script>
!function(t){t(document).ready(function(){t("a[title]").style_my_tooltips({tip_follows_cursor:!0,tip_delay_time:200,tip_fade_speed:300})})}(jQuery);
</script>


<style type="text/css">

/* tooltips */

#s-m-t-tooltip {
  max-width: 250px;
  margin:24px 14px 7px 12px;
  padding:3px 5px;
  background: #fff;
  border-radius:2px;
  font-family: 'Karla';
  font-size:11px;
  color:#000;
  box-shadow: none;
}

/* scrollbar */

::-webkit-scrollbar {
   width:5px;
   height:17px;
   background-color: #F6F6F6;
}
::-webkit-scrollbar-track {
   background-color: #F6F6F6;
}
::-webkit-scrollbar-thumb {
   background-color: #fff;
   min-height:24px;
   min-width:24px;
}

/* selection */

::-moz-selection { background:#eee;color:#000; }
::selection { background:#eee;color:#000; }

/* general */

body {
background: #f6f6f6;
cursor: default;
font-size: 12px;
font-family: 'karla';
}

a, .item {cursor: help;}

/* header */

header {background: #fff;}
header img {width: 50px;height: 50px;border-radius: 100%;} /*icon*/

/* filters */

.selected {font-weight: bold;} /*selected filter*/
.fcolors li a {width: 10px; height: 10px; border-radius: 50%;} /*color filters*/
.fcolors .selected {width: 11px;height: 11px;} /*color filters selected*/
.fcolors a:hover {opacity: .5;} /*color filters hover*/

/* heart icon */

.item a {border-radius: 50%; background:#fff;}
.item a i {color: #ff8b8b;}
.item a:hover {background: none;}

/* links */

a {color: #000;}
a:hover {color: #ebe1e1;}

</style>
<link href="//dl.dropbox.com/s/ppuuyuuvf2q7711/style.css" rel="stylesheet">
</head><body>

<!----- header  ----->
<header>
<a class="back" href="/"><i class="th th-chevron-left"></i> return</a>

<img src="{PortraitURL-64}" /> <!--replace {PortraitURL-64} with an image url if you don't want your icon there -->
<p class="desc">here goes your description. keep it short.</p>


<!----- filters start  ----->
<!----- delete 'exclusive' if you want to make it possible to select multiple filters from this filter set ----->
<ul class="filters option-set exclusive" data-filter-group="group1">
     <li><a href="#" data-filter-value="" class="selected">All</a></li>
     <li><a href="#" data-filter-value=".filter1">Filter 1</a></li>
     <li><a href="#" data-filter-value=".filter2">Filter 2</a></li>
     <li><a href="#" data-filter-value=".filter3">Filter 3</a></li>
</ul>

<!----- if you don't want the color filters: delete from here  ----->
<ul class="filters fcolors option-set" data-filter-group="group2">
     <li><a href="#" data-filter-value=".red" style="background:#ffa3a3;"></a></li>
     <li><a href="#" data-filter-value=".orange" style="background:#fde6ba;"></a></li>
     <li><a href="#" data-filter-value=".yellow" style="background:#fff7a7;"></a></li>
    <li><a href="#" data-filter-value=".green" style="background:#ccedcb;"></a></li>
    <li><a href="#" data-filter-value=".blue" style="background:#dbe9fe;"></a></li>
    <li><a href="#" data-filter-value=".purple" style="background:#e5c9fb;"></a></li>
    <li><a href="#" data-filter-value=".pink" style="background:#fedbe3;"></a></li>
    <li><a href="#" data-filter-value=".bw" style="background:#bbb9ba;"></a></li>
</ul>
<!----- to here  ----->
</header>


<!--- content starts:

- add your filter names behind item
- <div class="button" filter="THISISYOURFILTERNAME">filter one</div>
- IMPORTANT: do not delete 'item' !

layout:

    <div class="item filters here">
    <a href="ORIGINAL POST URl" target="_blank" title="original post"><i class="th th-heart-1-o"></i></a>
    <img src="IMG URL" />
    </div>

---->
<div class="grid">

    <div class="item filters here">
    <a href="/" target="_blank" title="original post"><i class="th th-heart-1-o"></i></a>
    <img src="IMG URL" />
    </div>

    <div class="item filters here">
    <a href="/" target="_blank" title="original post"><i class="th th-heart-1-o"></i></a>
    <img src="IMG URL" />
    </div>

    <div class="item filters here">
    <a  href="/" target="_blank" title="original post"><i class="th th-heart-1-o"></i></a>
    <img src="IMG URL" />
    </div>

<!----- DO NOT EDIT AFTER THIS POINT  ----->
</div>
<div class="vt"><a href="https://venusthms.tumblr.com/" title="venusthms"><img src="https://i.imgur.com/PxFLRpM.png"></img></a></div>
</body>
</html>