popups

<!DOCTYPE html>
<html>


<!--


         TOKYO / PAGE 007 / CTRLSUGAR / TUMBLR
         CREATED & DESIGNED BY SUGAR

        - fonts from google fonts
        - icons from cappuccicons / by suiomi
        - base code(s) by seyche, silbrigthemes & neonbikethemes
        - responsive video code by nouvae
        - npf photosets fix by glenthemes
        - style my tootltips by malihu (https://manos.malihu.gr)
        - css photoset & fix by annasthms and eggdesign


FOR TROUBLESHOOTING AND OTHER INQUIRES PLEASE CONTACT - SUGARCODES.TUMBLR.COM - BY USING THIS THEME YOU ACCEPT OUR TERMS OF SERVICE.

   - this work is not to be redistributed
   - do not remove the credit - no exceptions.
   - do not use as a base code
   - you may edit the code - but credit must stay in tact

        This work is protected by a creative commons
        Attribution-NonCommercial-NoDerivatives 4.0 International
        (CC BY-NC-ND 4.0)
        license.

-->

<head>

<meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, width=device-width" /><title>{Title}</title>

    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

<!-- STYLED TOOLTIPS -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script src="https://dl.dropbox.com/s/q8akoadfqm16u6r/sugarmytooltips.js"></script>

<script src="https://kit.fontawesome.com/e45a4660e7.js" crossorigin="anonymous"></script>

<!-- GOOGLE FONTS -->

<link href="https://fonts.googleapis.com/css?family=Manjari&display=swap" rel="stylesheet">

<style type="text/css">

:root {
    --background:#e1e1e1;
    --background-alt:#ffffff;
    --one:#dcae96;
    --two:#0f1106;
    --text:#0f1106;
    --gif:250px;
    --gif-height:140px;

     /* change width '268px' to width if your gifs, change height '150px' to the height of your gifs */
}

iframe.tmblr-iframe { display:none; }

body { background:var(--background); font-family: 'Manjari', sans-serif; font-size: 11px; line-height:15px; letter-spacing:.5px; font-weight:normal; text-align:justify; text-transform:lowercase; background-image:url('{image:Background}');!important background-position:top left; background-attachment:fixed; background-repeat:no-repeat; background-size:100% auto;
}

h1 {
    text-align: center;
    letter-spacing: 2px;
}

h2 {
    display: inline;
    color: #dcae96;
    padding: 2px 5px;
    line-height: 150%;
    font-size: 11px;
}

::-webkit-scrollbar { width:7px; z-index:9; } ::-webkit-scrollbar-track { background:var(--one); } ::-webkit-scrollbar-thumb { height:10px; background:var(--two);} ::-webkit-scrollbar-thumb:window-inactive { background: transparent; }

#s-m-t-tooltip { background:var(--background); color:var(--one); max-width:160px; margin:15px; font-size:8px; letter-spacing:1px; text-align:center; text-transform:uppercase; padding:10px 30px; font-weight:bold;z-index:9999999; border-radius:5px; }

#link { background:var(--two); color:var(--one); display:inline-block; font-size:10px; padding:8.5px 15px; width:120px; font-family:'Manjari'; text-align:center; margin:0px 5px; border-radius:3px; letter-spacing:2px; text-transform:lowercase; font-weight: bold; }

#credit { background:var(--one); width:10px; height:10px; border-radius:200px; position:fixed; line-height:15px; text-align:center; bottom:75px; right:15px; font-size:10px; padding:10px; }

.container { width:calc(var(--gif) * 5 + 50px); margin:50px auto; padding-bottom:50px; }

#navigation { background:var(--background-alt); color:var(--text); position:fixed; bottom:-3px; left:0; padding:20px; width:100%; z-index:9999999;  }

#nav { color:var(--text); text-align:center; width:1150px; margin:0 auto; }

#link:hover { background:var(--one); color:var(--text); transition:1s all ease-in-out; }

.project { background:transparent; border-bottom-left-radius:5px; border-bottom-right-radius:5px; display:inline-block; margin:5px; width:var(--gif);  height:calc(var(--gif-height) + 50px); } .project img { object-fit:cover; width:var(--gif); height:var(--gif-height);}

#thinfo { padding:7px; margin-top:-7px; margin-left:-9px; margin-right:-8px; text-align:center;}

#thinfo #link { padding:10px; width:calc(var(--gif) / 2 - 30px); margin:2px; }

button { background:transparent; border:none; }

.button { display:inline-block; font-size:10px; padding:10px 15px; width:120px; font-family:'Manjari'; text-align:center; margin:0px 5px; border-radius:3px; letter-spacing:2px; text-transform:lowercase; background:var(--one); color:var(--text); }

#name { width:100%; padding:5px; font-size:13px; background:rgba(250,250,250,.8); position:absolute; font-weight:600; text-align:center; margin-top:-50px;color:var(--text); }
#sugarhoney { position:fixed; bottom:0; left:0;  margin:15px; z-index:999;} #sugarhoney a { border:none; color:{color:Accent One}; font-size:15px; }

#popas, #popam, #popcm, #pophsm, #pophmn, #popjb, #popjt1, #popjt2, #popjt3, #popjt4, #popjt5, #popjt6, #popjt7, #popjt8, #popjt9, #popjt10, #popjc, #popjf1, #popjf2, #popjf3, #popkdh, #popksc1, #popksc2, #poplap1, #poplap2, #popll, #popmj, #popmg1, #popmg2, #popmg3, #popmg4, #popmeb, #popnm, #popoo, #popps, #poppa, #poptb, #popxm, #popyab {
    width:100%;
    height:100%;
    top:0;left:0;
    position:fixed;
    z-index:999;
    background:rgba(15,17,6,.9); /* background of popup. adjust the .9 for the opacity of the background (1 will be solid white, .5 will be semi transparent, etc.)  */
    display:none;
}
.fadeas, .fadeam, .fadecm, .fadehsm, .fadehmn, .fadejb, .fadejt1, .fadejt2, .fadejt3, .fadejt4, .fadejt5, .fadejt6, .fadejt7, .fadejt8, .fadejt9, .fadejt10, .fadejc, .fadejf1, .fadejf2, .fadejf3, .fadekdh, .fadeksc1, .fadeksc2, .fadelap1, .fadelap2, .fadell, .fademj, .fademg1, .fademg2, .fademg3, .fademg4, .fademeb, .fadenm, .fadeoo, .fadeps, .fadepa, .fadetb, .fadexm, .fadeyab {
    top:0;
    left:0;
    position:fixed;
    z-index:1000;
    width:100%;
    height:100%;
}

.clickas, .clickam, .clickcm, .clickhsm, .clickhmn, .clickjb, .clickjt1, .clickjt2, .clickjt3, .clickjt4, .clickjt5, .clickjt6, .clickjt7, .clickjt8, .clickjt9, .clickjt10, .clickjc, .clickjf1, .clickjf2, .clickjf3, .clickkdh, .clickksc1, .clickksc2, .clicklap1, .clicklap2,  .clickll, .clickmj, .clickmg1, .clickmg2, .clickmg3, .clickmg4, .clickoo, .clickps, .clickpa, .clicktb, .clickxm, .clickyab {
    position:relative;
}

.popup {
    text-align: left;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    position:relative;
    background:#ffffff; /* background of popup box */
    padding:50px; /* padding of popup box */
    z-index:10000;
    max-width:300px; /* width of popup */
}

</style>
</head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.2/isotope.pkgd.min.js"></script><script src="https://dl.dropbox.com/s/mozq6yujb41oupr/filters.js"></script>

<script>
$(document).ready(function(){
    $('.clickas,.fadeas').click(function() {
    $('#popas').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickam,.fadeam').click(function() {
    $('#popam').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickcm,.fadecm').click(function() {
    $('#popcm').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickhsm,.fadehsm').click(function() {
    $('#pophsm').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickhmn,.fadehmn').click(function() {
    $('#pophmn').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjb,.fadejb').click(function() {
    $('#popjb').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt1,.fadejt1').click(function() {
    $('#popjt1').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt2,.fadejt2').click(function() {
    $('#popjt2').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt3,.fadejt3').click(function() {
    $('#popjt3').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt4,.fadejt4').click(function() {
    $('#popjt4').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt5,.fadejt5').click(function() {
    $('#popjt5').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt6,.fadejt6').click(function() {
    $('#popjt6').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt7,.fadejt7').click(function() {
    $('#popjt7').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt8,.fadejt8').click(function() {
    $('#popjt8').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt9,.fadejt9').click(function() {
    $('#popjt9').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjt10,.fadejt10').click(function() {
    $('#popjt10').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjc,.fadejc').click(function() {
    $('#popjc').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjf1,.fadejf1').click(function() {
    $('#popjf1').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjf2,.fadejf2').click(function() {
    $('#popjf2').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickjf3,.fadejf3').click(function() {
    $('#popjf3').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickkdh,.fadekdh').click(function() {
    $('#popkdh').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickksc1,.fadeksc1').click(function() {
    $('#popksc1').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickksc2,.fadeksc2').click(function() {
    $('#popksc2').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clicklap1,.fadelap1').click(function() {
    $('#poplap1').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clicklap2,.fadelap2').click(function() {
    $('#poplap2').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickll,.fadell').click(function() {
    $('#popll').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickmj,.fademj').click(function() {
    $('#popmj').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickmg1,.fademg1').click(function() {
    $('#popmg1').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickmg2,.fademg2').click(function() {
    $('#popmg2').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickmg3,.fademg3').click(function() {
    $('#popmg3').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickmg4,.fademg4').click(function() {
    $('#popmg4').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickmeb,.fademeb').click(function() {
    $('#popmeb').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clicknm,.fadenm').click(function() {
    $('#popnm').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickoo,.fadeoo').click(function() {
    $('#popoo').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickps,.fadeps').click(function() {
    $('#popps').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickpa,.fadepa').click(function() {
    $('#poppa').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clicktb,.fadetb').click(function() {
    $('#poptb').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickxm,.fadexm').click(function() {
    $('#popxm').fadeToggle();
    });
});
</script>
<script>
$(document).ready(function(){
    $('.clickyab,.fadeyab').click(function() {
    $('#popyab').fadeToggle();
    });
});
</script>

<body>

<div id="navigation">

<div id="nav">

<div class="button-group filters-button-group">

 <a href="/"><div id="link">return to home</div></a>
 <button class="button is-checked" data-filter="*">show all</button>
 <button class="button" data-filter=".0">< 25</button>
 <button class="button" data-filter=".25">25+</button>
 <button class="button" data-filter=".50">50+</button>
 <button class="button" data-filter=".75">75+</button>
 <button class="button" data-filter=".100">100+</button>

</div>
</div>
</div>

<div class="container">


<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/eec0cc2579afa209fcda6e52d4adae2a/157502077e0f41b3-ea/s250x400/30fc208ccef670a4f7f2a963cf5efb84ada2aa6d.gif">
<div id="thinfo">

<a href="#" class="clickas"><div id="link">view details</div></a>
<a href="/alexsaxon/nancydrew"><div id="link">gif page</div></a>
<div id="popas"> <div class="fadeas"></div>
    <div class="popup">
        <h1>alex saxon</h1>
        <h2>count</h2> 18<br>
        <h2>project</h2> nancy drew<br>
        <h2>role</h2> ace<br>
        <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/c024a0893d07754da826239a745f0e64/4e7c1acfbf631181-c9/s250x400/760ed75e197a8f10e5ddfd593727049c3bcaf1e2.gif">
<div id="thinfo">

<a href="#" class="clickam"><div id="link">view details</div></a>
<a href="/ayamemisaki/aliceinborderland"><div id="link">gif page</div></a>
<div id="popam"> <div class="fadeam"></div>
    <div class="popup">
        <h1>ayame misaki</h1>
        <h2>count</h2> 45<br>
        <h2>project</h2> alice in borderland<br>
        <h2>role</h2> saori shibuki<br>
        <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/84970bd8fc670387db23f7bd611c5691/d8c64b07323b3414-4d/s250x400/446d27e21fafb7397878eb13df43719e6aefb204.gif">
<div id="thinfo">

<a href="#" class="clickcm"><div id="link">view details</div></a>
<a href="/corteonmoore/slasher"><div id="link">gif page</div></a>
<div id="popcm"> <div class="fadecm"></div>
    <div class="popup">
        <h1>corteon moore</h1>
    <h2>count</h2> 54 <br>
    <h2>project</h2> slasher: flesh & blood <br>
    <h2>role</h2> jayden galloway <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/0ce2d84446f4ccdf0d65935715e7db4c/05450e86cec937d7-e6/s250x400/02ed8f82c68d3a22061e98959cc79bb9be95d276.gif">
<div id="thinfo">

<a href="#" class="clickhsm"><div id="link">view details</div></a>
<a href="/hamsungmin/allofusaredead"><div id="link">gif page</div></a>
<div id="pophsm"> <div class="fadehsm"></div>
    <div class="popup">
        <h1>ham sung-min</h1>
    <h2>count</h2> 78 <br>
    <h2>project</h2> all of us are dead <br>
    <h2>role</h2> han gyeong-su <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75 100"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/651e6d6a16c20543e91bcf3be145a73b/9ebf25362f76c2ad-dd/s250x400/0aa488573f1109f37c565757c29c66df41e77989.gif">
<div id="thinfo">

<a href="#" class="clickhmn"><div id="link">view details</div></a>
<a href="/hayleymarienorman/apbio"><div id="link">gif page</div></a>
<div id="pophmn"> <div class="fadehmn"></div>
    <div class="popup">
        <h1>hayley marie norman</h1>
    <h2>count</h2> 109 <br>
    <h2>project</h2> ap bio <br>
    <h2>role</h2> shayla <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/08253dcd8d1e6e2de8f07662fd40aaa1/282c24705a3672cb-a1/s540x810/4e4db71cf97065f2feef49eac6b6a033b4f8c2a8.gif">
<div id="thinfo">

<a href="#" class="clickjb"><div id="link">view details</div></a>
<a href="/jacobbertrand/cobrakai"><div id="link">gif page</div></a>
<div id="popjb"> <div class="fadejb"></div>
    <div class="popup">
        <h1>jacob bertrand</h1>
    <h2>count</h2> 92 <br>
    <h2>project</h2> cobra kai <br>
    <h2>role</h2> eli "hawk" moskowitz <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/b6f1ce7edda09955678e6ea597f8ac77/2c130b275edfc58c-20/s250x400/b2668e4b160002fbd3fce655444c01d6c60c9983.gif">
<div id="thinfo">

<a href="#" class="clickjt1"><div id="link">view details</div></a>
<a href="/jadethirlwall/bounceback"><div id="link">gif page</div></a>
<div id="popjt1"> <div class="fadejt1"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 22 <br>
    <h2>project</h2> bounce back <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/befeab6e27c9c70d3a467fa82fbe9529/828c7466fd931c32-c2/s250x400/5d24859f83556b8f08e6dda9239e385db4b16c03.gif">
<div id="thinfo">

<a href="#" class="clickjt2"><div id="link">view details</div></a>
<a href="/jadethirlwall/chickenshopdate"><div id="link">gif page</div></a>
<div id="popjt2"> <div class="fadejt2"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 76 <br>
    <h2>project</h2> chicken shop date <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/410389f3e0ff986021cb68f9046b1c8d/b80bd90cc3f75625-2d/s250x400/f0b84de2fc4dfa9cc9f4c109592e90a79f0a7348.gif">
<div id="thinfo">

<a href="#" class="clickjt3"><div id="link">view details</div></a>
<a href="/jadethirlwall/hair"><div id="link">gif page</div></a>
<div id="popjt3"> <div class="fadejt3"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 32 <br>
    <h2>project</h2> hair <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75 100"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/f6346ddd2cc81d8eaf85f34db683fa95/6f36f154032d9021-55/s250x400/863052ea30083c395d1d4550b488a5f946186398.gif">
<div id="thinfo">

<a href="#" class="clickjt4"><div id="link">view details</div></a>
<a href="/jadethirlwall/thesearch"><div id="link">gif page</div></a>
<div id="popjt4"> <div class="fadejt4"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 174 <br>
    <h2>project</h2> little mix: the search <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/8569c8bec60b1a37a956bf9aa73fbf8d/02c7c126c451cb2c-70/s250x400/497c72a1e5c4a7950ef9bf9d006ba8e8540fce0a.gif">
<div id="thinfo">

<a href="#" class="clickjt5"><div id="link">view details</div></a>
<a href="/jadethirlwall/no"><div id="link">gif page</div></a>
<div id="popjt5"> <div class="fadejt5"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 30 <br>
    <h2>project</h2> no <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/55e996ad2c30292b1d7c074ec3dc35e9/5ee5c23abca3a740-99/s250x400/af6b71a40e00aee510149b539304ab3c0559f771.gif">
<div id="thinfo">

<a href="#" class="clickjt6"><div id="link">view details</div></a>
<a href="/jadethirlwall/sweetmelody"><div id="link">gif page</div></a>
<div id="popjt6"> <div class="fadejt6"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 7 <br>
    <h2>project</h2> sweet melody <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/73dec0ece6e436fbf0aa42c10478d7e1/e68a9d91349a12aa-79/s250x400/3d2986cf95eefb31a669403fbd77024121227820.gif">
<div id="thinfo">

<a href="#" class="clickjt7"><div id="link">view details</div></a>
<a href="/jadethirlwall/womanlikeme"><div id="link">gif page</div></a>
<div id="popjt7"> <div class="fadejt7"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 22 <br>
    <h2>project</h2> woman like me <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/79ceab78e4b42165b2d12574eebb561b/5c58aa2e488b1f19-4d/s250x400/667f22295f3206cb3bc85e5e77769293ba91c05c.gif">
<div id="thinfo">

<a href="#" class="clickjt8"><div id="link">view details</div></a>
<a href="/jadethirlwall/lmly"><div id="link">gif page</div></a>
<div id="popjt8"> <div class="fadejt8"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 24 <br>
    <h2>project</h2> love me like you <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/181019cf46227e2cbf0b21637a862c38/f478321aff8afa39-1d/s250x400/70c525820b80120fabcc1570a03fa8c8475c0d16.gif">
<div id="thinfo">

<a href="#" class="clickjt9"><div id="link">view details</div></a>
<a href="/jadethirlwall/rdruvtw"><div id="link">gif page</div></a>
<div id="popjt9"> <div class="fadejt9"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 98 <br>
    <h2>project</h2> rupaul's drag race: uk vs the world <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75 100"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/9adf655fbb3b1b1767469704033334ac/f2d6bfa744ea92eb-42/s250x400/a20e7312e4d6b35b81cfc074441bb6f10f7a94b9.gif">
<div id="thinfo">

<a href="#" class="clickjt10"><div id="link">view details</div></a>
<a href="/jadethirlwall/elle"><div id="link">gif page</div></a>
<div id="popjt10"> <div class="fadejt10"></div>
    <div class="popup">
        <h1>jade thirlwall</h1>
    <h2>count</h2> 120 <br>
    <h2>project</h2> elle's song association <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/34b4ee9e4dab60db2eeb85c9f3342aec/b0892de4535bd51b-36/s250x400/cf540a829e7714134c7b049c00ed6be698cd93ff.gif">
<div id="thinfo">

<a href="#" class="clickjc"><div id="link">view details</div></a>
<a href="/jordancalloway/blacklightning"><div id="link">gif page</div></a>
<div id="popjc"> <div class="fadejc"></div>
    <div class="popup">
        <h1>jordan calloway</h1>
    <h2>count</h2> 67 <br>
    <h2>project</h2> black lightning <br>
    <h2>role</h2> khalil payne / painkiller <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/2d4d407cc9a4b5e2c439fc313b38f3a0/a20b24f0d29e2588-7d/s540x810/086182cb3bad03dc76a45dacd8c09c1a3840c2a4.gif">
<div id="thinfo">

<a href="#" class="clickjf1"><div id="link">view details</div></a>
<a href="/jordanfisher/psistillloveyou"><div id="link">gif page</div></a>
<div id="popjf1"> <div class="fadejf1"></div>
    <div class="popup">
        <h1>jordan fisher</h1>
    <h2>count</h2> 95 <br>
    <h2>project</h2> to all the boys: ps i still love you <br>
    <h2>role</h2> john ambrose mcclaren <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/b3a30c8da5d3199d6538ac678dd5a8c6/dc22e14753add7c0-b8/s250x400/e716fec3138ad93f3301b4d557f7277bf632cdc0.gif">
<div id="thinfo">

<a href="#" class="clickjf2"><div id="link">view details</div></a>
<a href="/jordanfisher/hsmtmts"><div id="link">gif page</div></a>
<div id="popjf2"> <div class="fadejf2"></div>
    <div class="popup">
        <h1>jordan fisher</h1>
    <h2>count</h2> 34 <br>
    <h2>project</h2> high school musical: the musical: the series <br>
    <h2>role</h2> jamie porter <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/872706d03d9a8454e82ff0e47dbc5850/e64a5163939c993e-a5/s250x400/526ccfb1eb8de91fad8f691642405f6edc4044ac.gif">
<div id="thinfo">

<a href="#" class="clickjf3"><div id="link">view details</div></a>
<a href="/jordanfisher/workit"><div id="link">gif page</div></a>
<div id="popjf3"> <div class="fadejf3"></div>
    <div class="popup">
        <h1>jordan fisher</h1>
    <h2>count</h2> 49 <br>
    <h2>project</h2> work it <br>
    <h2>role</h2> jake taylor <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75 100"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/6eda545801550a63b3a69b4856f4a430/a3c5d08e19be464c-3d/s250x400/314e46692ad47fc2b73872b777dfcf894c5abd60.gif">
<div id="thinfo">

<a href="#" class="clickkdh"><div id="link">view details</div></a>
<a href="/kidohoon/lovealarm"><div id="link">gif page</div></a>
<div id="popkdh"> <div class="fadekdh"></div>
    <div class="popup">
        <h1>ki do-hoon</h1>
    <h2>count</h2> 129 <br>
    <h2>project</h2> love alarm <br>
    <h2>role</h2> brian cheon <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/90ae99f343988ad4667885f4eb1baf99/631d54f1a8a81464-8b/s250x400/fac28c16fcab90da0b50daf56780490126c41d30.gif">
<div id="thinfo">

<a href="#" class="clickksc1"><div id="link">view details</div></a>
<a href="/kimsungcheol/sweethome"><div id="link">gif page</div></a>
<div id="popksc1"> <div class="fadeksc1"></div>
    <div class="popup">
        <h1>kim sung-cheol</h1>
    <h2>count</h2> 98 <br>
    <h2>project</h2> sweet home <br>
    <h2>role</h2> jung ui-myeong <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/1927506b2e35967156193db0ec190fad/acfcd6674a4e3280-93/s250x400/a7962a25c3cdeb31b52e391a468b8ab507d30da8.gif">
<div id="thinfo">

<a href="#" class="clickksc2"><div id="link">view details</div></a>
<a href="/kimsungcheol/obs"><div id="link">gif page</div></a>
<div id="popksc2"> <div class="fadeksc2"></div>
    <div class="popup">
        <h1>kim sung-cheol</h1>
    <h2>count</h2> 70 <br>
    <h2>project</h2> our beloved summer <br>
    <h2>role</h2> kim ji-ung <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/023a355179b29b49db6032252ef42b8b/6f094801a9f847b9-bb/s250x400/4a1faf6f7112b5871caea98c3a5fd11dacf4250c.gif">
<div id="thinfo">

<a href="#" class="clickll"><div id="link">view details</div></a>
<a href="/leahlewis/nancydrew"><div id="link">gif page</div></a>
<div id="popll"> <div class="fadell"></div>
    <div class="popup">
        <h1>leah lewis</h1>
    <h2>count</h2> 48 <br>
    <h2>project</h2> nancy drew <br>
    <h2>role</h2> george fan <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/fcd73b26f7941dbb7f389f34b1827de3/66e5f665009691ce-ce/s250x400/f502408ea0711d2ea36135e3db8d9526989bec1b.gif">
<div id="thinfo">

<a href="#" class="clicklap1"><div id="link">view details</div></a>
<a href="/leighannepinnock/wlm"><div id="link">gif page</div></a>
<div id="poplap1"> <div class="fadelap1"></div>
    <div class="popup">
        <h1>leigh-anne pinnock/h1>
    <h2>count</h2> 25 <br>
    <h2>project</h2> woman like me <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/1dceafb9ebb87ffc9a2cc169d81eee65/be5194c085aa2d3d-ba/s250x400/1ce51145fca9e34b949540b4566b7e319604af5a.gif">
<div id="thinfo">

<a href="#" class="clicklap2"><div id="link">view details</div></a>
<a href="/leighannepinnock/elle"><div id="link">gif page</div></a>
<div id="poplap2"> <div class="fadelap2"></div>
    <div class="popup">
        <h1>leigh-anne pinnock</h1>
    <h2>count</h2> 34 <br>
    <h2>project</h2> elle's song association <br>
    <h2>role</h2> herself <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/0e28f1da66239ecc61f04b764696afc7/b66ab7c3bf528b9f-6d/s250x400/23d7a5293fe819163cda9dc31d480a01272b79b4.gif">
<div id="thinfo">

<a href="#" class="clickmg1"><div id="link">view details</div></a>
<a href="/masongooding/booksmart"><div id="link">gif page</div></a>
<div id="popmg1"> <div class="fademg1"></div>
    <div class="popup">
        <h1>mason gooding</h1>
    <h2>count</h2> 22 <br>
    <h2>project</h2> booksmart <br>
    <h2>role</h2> nick howland <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/80822aa99ca2b2a058e6f10a04a059c0/2069ce34ed858c8e-3c/s250x400/6f5c70085faabc4d39137a64336127127e47d8e8.gif">
<div id="thinfo">

<a href="#" class="clickmg2"><div id="link">view details</div></a>
<a href="/masongooding/himyf"><div id="link">gif page</div></a>
<div id="popmg2"> <div class="fademg2"></div>
    <div class="popup">
        <h1>mason gooding</h1>
    <h2>count</h2> 21 <br>
    <h2>project</h2> how i met your father <br>
    <h2>role</h2> ash <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/b66e8b81853b8d72fb5745fc9a416085/f22e2443c14b62bf-95/s250x400/473f8e83a5ff9ef5a150fbbac51d8917278bad0d.gif">
<div id="thinfo">

<a href="#" class="clickmg3"><div id="link">view details</div></a>
<a href="/masongooding/iwantyouback"><div id="link">gif page</div></a>
<div id="popmg3"> <div class="fademg3"></div>
    <div class="popup">
        <h1>mason gooding</h1>
    <h2>count</h2> 15 <br>
    <h2>project</h2> i want you back <br>
    <h2>role</h2> paul <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/74cd8bdc3a3ad140d2e81ff982d0141d/ec6ba89044c6206e-38/s250x400/2921f1846c24ee2c6ec71447ef3506e0e46bb8ee.gif">
<div id="thinfo">

<a href="#" class="clickmg4"><div id="link">view details</div></a>
<a href="/masongooding/lovevictor"><div id="link">gif page</div></a>
<div id="popmg4"> <div class="fademg4"></div>
    <div class="popup">
        <h1>mason gooding</h1>
    <h2>count</h2> 44 <br>
    <h2>project</h2> love, victor <br>
    <h2>role</h2> andrew spencer <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/7c0a26cdb51b2a8bec2e69f1bd0794b4/77799d169cefe74e-ad/s250x400/dcecdef415c30ed605dd92c8f53e9348bfcdaf6b.gif">
<div id="thinfo">

<a href="#" class="clickmeb"><div id="link">view details</div></a>
<a href="/michaelevabsbehling/allamerican"><div id="link">gif page</div></a>
<div id="popmeb"> <div class="fademeb"></div>
    <div class="popup">
        <h1>michael evans behling</h1>
    <h2>count</h2> 19 <br>
    <h2>project</h2> all american <br>
    <h2>role</h2> jordan baker <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/7cc22dadac9a6476c07f2c0b348d1b8b/c1c3d7becd92c807-be/s250x400/1984f2dd5621fee96edbeb0763759d216dc768c2.gif">
<div id="thinfo">

<a href="#" class="clicknm"><div id="link">view details</div></a>
<a href="/nijiromurakami/lotw"><div id="link">gif page</div></a>
<div id="popnm"> <div class="fadenm"></div>
    <div class="popup">
        <h1>nijiro murakami</h1>
    <h2>count</h2> 28 <br>
    <h2>project</h2> last of the wolves <br>
    <h2>role</h2> kota "chinta" chikada <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/01cd3f0321e65b0f05f30b1ee4196e44/2b285e34624f438e-93/s250x400/688aa328492309e4cac3fbcb9271f27a00f6651f.gif">
<div id="thinfo">

<a href="#" class="clickoo"><div id="link">view details</div></a>
<a href="/omonookojie/legacies"><div id="link">gif page</div></a>
<div id="popoo"> <div class="fadeoo"></div>
    <div class="popup">
        <h1>omono okojie</h1>
    <h2>count</h2> 48 <br>
    <h2>project</h2> legacies <br>
    <h2>role</h2> cleo sowande <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50 75"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/34884090f7140c85709891e5545d6201/ad1aafa728d52a68-e1/s250x400/98b5e7da0dff950f0779c8ac0f11ee6f191350bd.gif">
<div id="thinfo">

<a href="#" class="clickps"><div id="link">view details</div></a>
<a href="/parksolomon/allofusaredead"><div id="link">gif page</div></a>
<div id="popps"> <div class="fadeps"></div>
    <div class="popup">
        <h1>park solomon</h1>
    <h2>count</h2> 83 <br>
    <h2>project</h2> all of us are dead <br>
    <h2>role</h2> lee su-hyeok <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/664d978d33df0af59c5e6646e51b0bfc/62060b570cc6fa24-9d/s250x400/4c66ba574ad15a7a0c71afd0e0eaf292a3cec9ee.gif">
<div id="thinfo">

<a href="#" class="clickpa"><div id="link">view details</div></a>
<a href="/praneetakilla/handsomerobbery"><div id="link">gif page</div></a>
<div id="poppa"> <div class="fadepa"></div>
    <div class="popup">
        <h1>praneet akilla</h1>
    <h2>count</h2> 19 <br>
    <h2>project</h2> handsome robbery <br>
    <h2>role</h2> praneet <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25 50"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/1b768820eaefe1632cc9c1e0bf0c58d5/6b03a0908888ef6c-64/s250x400/ccd725688cae17e103c30bf916aec028f096ad12.gif">
<div id="thinfo">

<a href="#" class="clicktb"><div id="link">view details</div></a>
<a href="/tannerbuchanan/cobrakai"><div id="link">gif page</div></a>
<div id="poptb"> <div class="fadetb"></div>
    <div class="popup">
        <h1>tanner buchanan</h1>
    <h2>count</h2> 68 <br>
    <h2>project</h2> cobra kai <br>
    <h2>role</h2> robby keene <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 25"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/47535b1533b5b1a4c6d322db4e7306d6/a20b24f0d29e2588-79/s540x810/fb0209dd67da044633b189a66c767bf281871af2.gif">
<div id="thinfo">

<a href="#" class="clickxm"><div id="link">view details</div></a>
<a href="/xolomariduena/goodnightamerica"><div id="link">gif page</div></a>
<div id="popxm"> <div class="fadexm"></div>
    <div class="popup">
        <h1>xolo mariduena</h1>
    <h2>count</h2> 48 <br>
    <h2>project</h2> goodnight america <br>
    <h2>role</h2> steve <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->

<!-- PACK START -->
<div class="project 0"> <!-- replace 'one' with appropriate filter name -->
<img src="https://64.media.tumblr.com/ba7aed16425a0ae10cd69c6c528d2657/466995e5c6681439-09/s250x400/54154ca47770a07ccec28d43491488a55a945935.gif">
<div id="thinfo">

<a href="#" class="clickyab"><div id="link">view details</div></a>
<a href="/yasminealbustami/lucky"><div id="link">gif page</div></a>
<div id="popyab"> <div class="fadeyab"></div>
    <div class="popup">
        <h1>yasmine al-bustami</h1>
    <h2>count</h2> 18 <br>
    <h2>project</h2> lucky <br>
    <h2>role</h2> edie <br>
    <h2>dimensions</h2> 250x140
    </div>
</div>

</div></div>
<!-- PACK END -->


</div>

<div id="sugarhoney"><a title="theme by sugar" href="https://ctrlsugar.tumblr.com/"><i class="fa-solid fa-heart"></i></a></div>

<!-- DO NOT REMOVE CREDIT!! -->

</body>
</html>