Tags: Shelter

<!--

    TAG PAGE: SHELTER
    by acuite

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

- @acuite for more themes

-->

<!DOCTYPE html>
<html>
<head>

<title>Navigation</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="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,600,600i" rel="stylesheet">
<style type="text/css">

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

 /* General */

body {
    margin:0;
    font-family:'Fira Sans',Helvetica,Arial,sans-serif;
    color:#444;
    font-size:11px;
    background:#f8f8f8;
    font-smooth:always;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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;
    font-size:10px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.center {width:calc((140px + 76px) * 3);margin:80px auto;font-size:0;}
article a:hover {padding-left:10px;}
article a{display:block;margin:8px 0 0;font-size:11px;line-height:100%;}
article {
    display:inline-block;
    width:140px;
    padding:20px;
    margin:15px;
    background:#fff;
    border:3px double #eee;
}

article h2 {
    color:#98bedd;
    font-size:11px;
    line-height:100%;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin:0 0 10px;
}

header{
    font-size:0;
    margin:30px 0;
    text-align:center;
    text-transform:uppercase;
}

header h1 {
    margin:0 0 12px;
    font-size:15px;
    line-height:100%;
    font-weight:400;
    letter-spacing:1px;
}

header a{
    display:inline-block;
    letter-spacing:1px;
    font-size:9px;
    line-height:100%;
    margin:0 8px;
}

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

<script>
$(function(){
var $container = $('#content');
    $container.imagesLoaded(function(){
        $container.masonry({
            itemSelector: 'article',
        });
    });
});
</script>
</head>
<body>

<div class="center">

<header>
<h1>navigation</h1>
    <a href="/">index</a>
    <a href="/ask">message</a>
    <a href="http://str-wrs.tumblr.com">credit</a>
</header>

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


<!-- Example -->
<article>
<h2>Category Name</h2>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
</article>


<!-- Example -->
<article>
<h2>Category Name</h2>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
</article>


<!-- Example -->
<article>
<h2>Category Name</h2>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
</article>


<!-- Example -->
<article>
<h2>Category Name</h2>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
</article>


<!-- Example -->
<article>
<h2>Category Name</h2>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
</article>


<!-- Example -->
<article>
<h2>Category Name</h2>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
    <a href="/tagged/tag-link">tag name</a>
</article>


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