Saved Urls Page

<!--

    TAG PAGE: SHELTER
    by acuite

- don't steal this pls
- enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧

- @acuite for more themes

-->

<!DOCTYPE html>
<html>
<head>

<title>Saved Urls</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<link rel="shortcut icon" href="{Favicon}" />

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700' rel='stylesheet' type='text/css'>
<style type="text/css">

::-webkit-scrollbar-thumb {background:#eee;}
::-webkit-scrollbar {width:10px;height:10px;background:#f8f8f8;}

 /* General */

body {
    margin:0px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color:#555;
    font-size:9px;
    background:#f8f8f8;
}

a:hover {color:#98bedd;}
a {
    color:#999;
    text-decoration:none;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}

.c {
    position:fixed;
    right:30px;
    bottom:30px;
    text-transform:uppercase;
    letter-spacing:1px;
}

#center {width:588px;margin:50px auto;}

.box a:hover {padding-left:10px;}
.box a{display:block;margin:5px 0px 0px;}
.box {
    float:left;
    width:130px;
    padding:15px;
    margin:15px;
    background:#fff;
    border:3px double #eee;
}

.box h2 {
    color:#98bedd;
    font-size:9px;
    letter-spacing:0.75px;
    text-transform:uppercase;
    margin:0px 0px 10px;
}

.bar h2 {margin:5px;letter-spacing:1px;font-size:10px;}
.bar a{
    display:inline-block;
    letter-spacing:0.75px;
    font-weight:600;
    font-size:7px;
    margin:5px;
}

.bar{
    margin:60px 0px 45px;
    text-align:center;
    text-transform:uppercase;
}

</style>
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

<script>
$(function(){
var $container = $('#content');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.box',
});
});
$container.infinitescroll({
itemSelector : ".box",
navSelector : "div.pagination",
nextSelector : ".pagination a#next",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},
// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>
</head>
<body>

<div id="center">

<div class="bar">
<h2>Saved Urls</h2>
    <a href="/">Back</a>
    <a href="/ask">Contact</a>
    <a href="http://str-wrs.tumblr.com">credit</a>
</div>

<div id="content">
<!-- Content Start -->


<!-- Example -->

<!-- Example -->
<div class="box">
<h2>Reminder</h2>
<div class="links">
    <p>Hi! Thank you for visiting. I usually give away them easily for free. If there are stars next to it, it means I really like it and will trade with urls, edits or promos. </p>
    <p>If you are interested, send me a message or an ask (off anon).

</div>
</div>


<div class="box">
<h2>Harry Potter Names</h2>
<div class="links">
    <a href="/">@andromendatonks</a>
    <a href="/">@andromendablack</a>

    <a href="/">----</a>

    <a href="/">@lunaelovegocd</a>
    <a href="/">@lunavlcvegood</a>

    <a href="/">----</a>

    <a href="/">@mxnevra</a>
    <a href="/">@mxnevramcgonagall</a>

    <a href="/">----</a>

    <a href="/">@marlenemckinnxn</a>
    <a href="/">@marlenemckinon</a>
    <a href="/">@marlenemckinons</a>
    <a href="/">@mxrlenemckinnons</a>
    <a href="/">@mxrlenemckinncn</a>
    <a href="/">@mxrlenemckinons</a>
    <a href="/">@mxrlenemckinon</a>

    <a href="/">----</a>

    <a href="/">@narcissablqck*</a>
    <a href="/">@siriuslyblqck</a>

    <a href="/">----</a>

    <a href="/">@missginnyweasleys</a>
    <a href="/">@ginnyweascley</a>
    <a href="/">@ginnyweacsley</a>
    <a href="/">@glnnyweascley</a>
    <a href="/">@glnnyweacsley</a>
    <a href="/">@fredweacsley</a>
    <a href="/">@fredweascleys</a>
    <a href="/">@georgeweascleys</a>
    <a href="/">@georgeweacsley</a>
    <a href="/">@billweascley</a>
    <a href="/">@charlieweascley</a>

    <a href="/">----</a>

    <a href="/">@peterpettigrow</a>
    <a href="/">@puddifoot</a>
    <a href="/">@euphemiapctter</a>
    <a href="/">@euphemiapottr</a>


    <a href="/">----</a>

    <a href="/">@cedricddiggory*</a>
    <a href="/">@cedricdiqgory</a>
    <a href="/">@diqgory</a>

    <a href="/">----</a>

    <a href="/">@lavendervbrcwn</a>
    <a href="/">@paravtipatil</a>
    <a href="/">@misslilyevans**</a>

    <a href="/">----</a>

    <a href="/">@patrqnus</a>
    <a href="/">@expectopatrqnum</a>
    <a href="/">@quidddiitch</a>
    <a href="/">@quiddditchpitch</a>
    <a href="/">@wizardique</a>


</div>
</div>


<!-- Example -->
<div class="box">
<h2>The Shadowhunter Chronicles</h2>
<div class="links">
    <a href="/">@fqirchilds</a>
    <a href="/">@clacefairchild</a>
    <a href="/">@jaceherondqle</a>
    <a href="/">@mqryselightwood</a>
    <a href="/">@mqrgenstern**</a>
    <a href="/">@willhercndqle</a>
    <a href="/">@williamherondqle</a>
    <a href="/">@williamhercndqle</a>

    <a href="/">----</a>

    <a href="/">@thesecliecourt</a>
    <a href="/">@theunsecliecourt</a>
    <a href="/">@theseeliequeens</a>

    <a href="/">----</a>

    <a href="/">@clockworkprlnce</a>
    <a href="/">@clockworkprlncess</a>

    <a href="/">----</a>

    <a href="/">@liqhtwoodsangel</a>
    <a href="/">@liqhtwoodsangels</a>
    <a href="/">@lightwoodsangels</a>
    <a href="/">@lightwoodsdemon</a>
    <a href="/">@lightwoodsdemons</a>
    <a href="/">@liqhtwoodsdemons</a>
    <a href="/">@liqhtwoodsdemon</a>


</div>
</div>


<!-- Example -->
<div class="box">
<h2>Random</h2>
<div class="links">
    <a href="/">@amqranthine</a>
    <a href="/">@amarqnthine</a>
    <a href="/">@tchaikvoski</a>
    <a href="/">@extraterrrestrial</a>

</div>
</div>


<!-- Example -->
<div class="box">
<h2>Literature</h2>
<div class="links">
    <a href="/">@chqrlottebronte</a>
    <a href="/">@charlcttebronte</a>

    <a href="/">----</a>

    <a href="/">@chqrlotteslucas</a>
    <a href="/">@chqrlottelucas</a>
    <a href="/">@charlcttelucas</a>
    <a href="/">@charlottelucqs</a>
    <a href="/">@chqrlcttelucas</a>
    <a href="/">@chqrlottelucqs</a>
    <a href="/">@charlcttelucqs</a>

    <a href="/">----</a>

    <a href="/">@janequsten</a>
    <a href="/">@emjlybronte</a>

    <a href="/">----</a>

    <a href="/">@janeveyre</a>
    <a href="/">@janexeyre</a>

    <a href="/">----</a>

    <a href="/">@elizabethvbennet</a>

    <a href="/">----</a>

    <a href="/">@wuthervingheights</a>
    <a href="/">@wuthevringheights</a>

    <a href="/">----</a>

    <a href="/">@emmawcodhouse</a>
    <a href="/">@emmawocdhouse</a>
    <a href="/">@emmawccdhouse</a>
    <a href="/">@emmqwoodhouse</a>
    <a href="/">@gecrgeknightley</a>
    <a href="/">@georgeknlghtley</a>
    <a href="/">@janefairfqx</a>
    <a href="/">@jqnefairfax</a>

    <a href="/">----</a>

    <a href="/">@williamshakeyfruit</a>

    <a href="/">----</a>

    <a href="/">@therepublicofwords</a>
    <a href="/">@therepublicofpoetry</a>
    <a href="/">@kingdomofpoetry</a>
    <a href="/">@countessofwords</a>
    <a href="/">@mistressofpoetry</a>
    <a href="/">@countessofpoetry</a>

</div>
</div>


<!-- Example -->
<div class="box">
<h2>Deaths</h2>
<div class="links">
    <a href="/">@siriusisalive</a>
    <a href="/">@cedricisalivey</a>
    <a href="/">@remusisntdead</a>
    <a href="/">@remusisalive</a>
    <a href="/">@padfootisntdead</a>

</div>
</div>


<!-- Example -->
<div class="box">
<h2>Harry Potter Shops</h2>
<div class="links">
    <a href="/">@gladrqgs</a>
    <a href="/">@gladrqgswizardwear</a>
    <a href="/">@tomesandscrolls</a>
    <a href="/">@wizardingwireless**</a>
    <a href="/">@scribbulus*</a>
    <a href="/">@ceridwenscauldrons</a>

</div>
</div>


<!-- Example -->
<div class="box">
<h2>Mythology</h2>
<div class="links">
    <a href="/">@mountoylmpus**</a>
    <a href="/">@artemizs</a>
    <a href="/">@arvtemls</a>
    <a href="/">@arvtemiis</a>
    <a href="/">@athenvq</a>
    <a href="/">@amphrltrite</a>

</div>
</div>


 <!-- Example -->
<div class="box">
<h2>The Hunger Games</h2>
<div class="links">
    <a href="/">@katnlsseverdeen</a>
    <a href="/">@prlmroseverdeen</a>

</div>
</div>


<!-- Example -->
<div class="box">
<h2>Taylor Swift</h2>
<div class="links">
    <a href="/">@wcnderlqnd</a>
    <a href="/">@vvonderlqnd</a>
    <a href="/">@wildestdreqms</a>
    <a href="/">@ncwromqntics</a>
    <a href="/">@teardropsonmyguitqr</a>
    <a href="/">@youbclcngwithme</a>

</div>
</div>


<!-- Example -->
<div class="box">
<h2>Demi Lovato</h2>
<div class="links">
    <a href="/">@nightingqle</a>
    <a href="/">@reallydontcqre</a>

</div>
</div>


 <!-- Example -->
<div class="box">
<h2>The Flash</h2>
<div class="links">
    <a href="/">@caitlinssow</a>

</div>
</div>


 <!-- Example -->
<div class="box">
<h2>PJO/HOO</h2>
<div class="links">
    <a href="/">@annabcthchqse</a>

</div>
</div>


 <!-- Example -->
<div class="box">
<h2>Celebrities</h2>
<div class="links">
    <a href="/">@emmqwatson</a>

</div>
</div>


<!-- End. Do not edit below this line. -->
</div>
</div>
<div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
</body>
</html>